웹디자인을 하시는 분들은 본인이 직접 디자인을 하는 것도 중요하지만 인터넷 상의 여러 디자인들을 분석해서 본인의 것으로 만드는 능력도 중요합니다. 여러 도구들의 도움을 받으면 더 효과적이고 효율적으로 정보를 모으고 분석을 할 수 있는데요. 제가 그동안 웹디자인을 분석하는데 도움을 많이 받았던 크롬 확장프로그램들을 소개해드리려 합니다.
인터넷에 검색해보니 "좋은 크롬 확장프로그램들 추천" 뭐 이런식으로 특정 주제와 상관없이 좋은 확장프로그램들을 소개하는 글들은 많은데 웹디자이너를 위해 필요한 확장프로그램들을 정리한 글은 없네요.
알고 계신 것들도 있겠지만 분명 도움 되실 분들이 많을 것으로 보여 한번 정리해봤습니다. 프로그램명 우측의 별 갯수는 활용도 점수입니다. 물론 주관적인 견해임을 밝힙니다.
웹 디자인 분석용
1. Whatfont (★★★☆☆)
웹페이지 내 글자들의 font를 알려줍니다. 예쁜 폰트 보이면 한번씩 눌러보게 되죠.
2. ColorZilla (★★★☆☆)
웹페이지 내에 보이는 색깔들을 color code로 변환해서 보여줍니다. css 다루 때 좋죠.
3. Visual Inspector (끝판왕) (★★★★★)
솔직히 1,2번 없어도 됩니다. visual inspector 모를 땐 그냥 없이 했는데 이거 알곤 다른거 못쓰겠네요.
웹페이지 내 모든 속성을 분석해서 볼 수 있게 해줍니다.
원하는 영역에 커서를 대고 누르면 visual inspector에서 속성을 분석해서 field size, color, tag, font, font size 등등 모든걸 알려줍니다.
다른거 전혀 필요가 없어요.
이건 두번, 세번 꼭 써보시기 바랍니다.
공감과 추천은 블로거👨💻에게 큰 힘이 됩니다 ^^ 😀
왼쪽 하단의 👍버튼 꾸욱 부탁드릴게요
최근댓글