웹사이트의 디자인을 분석하기 위한 도구 5종 소개

 

웹디자이너를 위한 홈페이지 분석 도구 소개

 

좋은 디자이너로 성장하기 위해선 다른 디자이너의 작품을 많이 보고 분석하는게 중요합니다. 특히 빠르게 변화하는 웹디자인은 외형 뿐만 아니라 레이아웃, 색상, CSS, UI 등등 많은 부분을 분석하여 새로운 기술과 아이디어를 습득하여야 하는데요. 단순히 눈으로 좋고 나쁜지를 판단하기 보다는 도구를 사용하여 웹사이트를 분석하면 시간과 노력을 절약할 수 있습니다.

 

오늘은 참고 홈페이지를 분석할수 있는 도구를 소개해 드리겠습니다. 배경 및 텍스트 색상을 축출하고 웹사이트의 CSS를 이해하는되 도움될수 있는 5가지 도구입니다. 길거리에서 흔하게 볼수 있는 전단지 속에도 분명히 참고할만한 디자인 요소들이 있습니다. 눈에 띄는 웹사이트를 발견하면 분석하여 자신만의 데이터를 만드는 습관을 만들어보세요.~

 

 

 

 

 

 

 

Stylify Me

 

Stylify는 배경 및 텍스트 색상, 폰트 크기 스타일, 이미지 크기에 대한 정보를 다운받을수 있는 도구입니다.

 

 

 

GO TO PAGE

 

 

 

 

 

Web Colour Data

 

Web Colour Data는 웹 색상 축출기입니다. 사이트에 사용된 색상을 분석하여 멋진 인포그래픽으로 표시해줍니다.

 

 

GO TO PAGE

 

 

 

 

 

Type-o-matic

 

Type-o-matic은 웹사이트의 css 데이터를 분석하는 파이어폭스 확장 기능입니다. 파이오폭스 브라우저를 사용하는 분들에게 추천 드려요.

 

 

GO TO PAGE

 

 

 

 

 

Style Stats

 

Style Stats는 웹사이트의 CSS를 이해하는데 도움을 주는 분석 도구입니다. CSS의 품질을 평가할 수 있는 통계를 제공합니다.

 

 

GO TO PAGE

 

 

 

 

 

 

Snappy Snippet

 

SnappySnippet는 웹사이트의 CSS와 HTML을 추출하는 크롬 브라우져 확장 기능입니다. 한번의 클릭으로 HTML을 정리할 수 있습니다.

 

 

GO TO PAGE

 

 

 

 

 

 

<관련글>

2015/03/06 - 워드프레스홈페이지 설문조사 플러그인 모음

2015/03/02 - 엘리건트&모던 스타일의 예쁜 명함디자인 무료 소스(AI 및 EPS)

2015/02/24 - 최고의 웹사이트 제작을 위한 무료 포토샵 템플릿 모음

2015/02/13 - 아이콘, 이미지, 벡터 등 다방면의 디자인 소스가 모여있는 사이트 소개

2015/02/04 - 2015년 최신 홈페이지 무료 디자인 포토샵 소스 모음