안녕하세요, 작은 팀 디자이너입니다.
오늘은 "웹 타이포그래피 탐정"을 소개합니다.
웹 타이포그래피 탐정은 원하는 웹 페이지의 타이포그래피를 간단히 분석해볼 수 있는 툴입니다.
웹사이트에 사용된 텍스트들의 모든 폰트, 크기, 두께, 색상을 정리해주고, 해당 값을 클릭하면 실제 사용된 곳을 표시해주는 크롬 익스텐션이지요.
왜 만들었나?
디자인이 잘 된 웹 사이트는 레이아웃, 색상 운용, 이미지 처리 방식, 인터랙션 등등 여러가지 요소를 두루 갖췄지요. 그 중에 저는 주로 어떤 폰트를 어느 정도 크기로 사용했는지 궁금했어요.
크롬 익스텐션으로 웹사이트 코드에 접근할 수 있다는 것을 알고 있었어서, 이걸 익스텐션으로 만들면 좋겠다 생각해서 만들게 되었습니다.
디자인하면서 아주 활용도가 높진 않을것 같지만, 사용해보니 각 사이트들의 폰트 구성에 대해 알게 되니 재미로 해보는 것도 좋겠다 생각이 들었습니다.