개성있는 레터링 작품과, 다양한 폰트 정보를 제공해주는 ‘Font-Inspiration’

  폰트와 관련된 다양한 영감을 얻을 수 있는 곳! 오늘은 오랜만에, 지금 써보러 갑니다의 ‘단골’ 주제 중 하나인 폰트/디자인과 관련된 웹서비스를 소개드리려고 합니다. 폰트를 선택하는데 있어 가장 중요한 것은, 어떤 폰트가 우리 서비스, 디자인과 잘 어울릴까에 대한 답이라고 생각하는데요!   오늘 소개드릴 서비스 ‘Font-Inspiration’의 경우 실제 존재하는 폰트를 소개해주는 서비스라기 보다 다양한 포트폴리오 서비스에 등록된 작품들 중 레터링과 연관된 내용들을 분류에 따라

원하는 구글 폰트를 웹상에서 빠르게 확인하는 방법! ‘Type Hero’

  내가 원하는 폰트를, 내가 원하는 배경과 컬러에 맞춰 바로 확인해보자! 폰트와 관련된 다양한 서비스와 툴을, ‘지금 써보러 갑니다’를 통해 소개드렸는데요! 폰트와 관련된 서비스를 소개할때마다 폰트의 중요성과 더불어 서비스에 적용하기전 미리 확인해보고 파악하는 과정이 중요하다는 말씀을 드렸습니다. 확인하는 과정에서 포토샵, 일러 또는 기타 프로토타이핑 툴을 켜지 않아도 웹에서 원하는 폰트가 적용된 모습을 확인할 수 있다면

웹페이지 그대로, 원하는 폰트를 마음껏 적용해보고 공유까지! ‘Font Fit’

  폰트 변경 어떻게 하고 있으신가요? 처음부터 웹페이지에 딱 맞는 폰트를 정하면 가장 좋겠지만, 중간중간 폰트를 변경해야 할 일이 생기곤 합니다. 지금 제가 그렇고요 ㅎㅎ 다만..한글 폰트의 경우 무료로 웹페이지를 통해 쓸만한게 거의 없어서..고민할(?) 것도 없지만 영문폰트의 경우 구글에서 제공하는 웹폰트의 종류만 700여가지가 되기에 선택의 폭이 상당히 넓습니다. 이런 경우 어떤 폰트가 우리에게 딱 맞을지,

‘Typeanything’ 원하는 폰트를 원하는 옵션에 따라 웹에서 바로 확인해보세요!

  웹폰트 어떻게 적용하면 좋을까? 웹 작업을 하면서, 폰트가 어떤식으로 적용될지 폰트 및 단락에 따른 여백은 어느정도가 좋을지를 고민하는 것은 정말 중요한 과정 중 하나입니다. 어떤 폰트를 쓰는것보다 더 중요하게 다가오는 것이 사실이죠. 헤드라인의 크기, 본문의 크기, 헤드라인과 본문 간 여백, 폰트 종류 등에 따라 웹페이지의 컨셉은 물론, 콘텐츠의 가독성에도 많은 영향을 끼칠 수 있기 때문입니다.

750여개의 폰트와 관련 정보를 한 눈에 확인할 수 있는 IDEO의 ‘Font Map’

  대체 어떤 폰트를 적용해야할까? IDEO의 답은? 어떤 언어든, 웹이나 모바일상에서 이를 표현하기 위해서는 하나 이상의 ‘폰트’를 정해야 합니다. 서비스와 잘 어울리는지는 물론, 이용하는 사람들에게 잘 맞는지 등 여러 내용을 따져 폰트를 정하게 되는데요! 문제는 우리가 사용할 수 있는 폰트 종류가 생각보다 훨씬 많다는 점입니다. 선택지가 많을수록 우리의 선택은 어려워질뿐더러 폰트의 경우 그 종류를 모두

디자이너를 위한 CSS 뷰어, ‘CSS Peeper’은 어떨까요?

  디자이너의 업무 효율! 이번주 지금 써보러 갑니다를 통해 ‘디자이너를 위한 크롬 확장 프로그램4‘과 ‘원하는 웹사이트의 URL을 입력하면 폰트와 컬러 정보를 추출해주는 Unpack-Site‘를 소개드렸는데요 🙂 이들은 모두 디자이너의 업무 효율을 높여주는 서비스에 초점을 맞춰 정리한 내용이었습니다. 오늘은 이 두 콘텐츠에 이어 함께 쓰거나 확인하면 좋은 서비스를 소개드릴까 합니다. 업무 효율을 높일 수 있다면! 여러개 중 하나라도 나와 맞는다면!

특정 웹사이트에서 쓰이는 폰트와 컬러가 궁금하신가요? ‘Unpack’

  마음에 드는 디자인의 웹사이트를 발견했다면!! 자료를 찾다가, 한 번씩 전혀 예상치 못한 만남을 갖게 되는 경우가 있습니다. 독특한 레이아웃의 웹사이트, 눈길을 확 끄는 디자인의 앱 등을 말이죠. 이런 경우 나중을 위해 하나씩 저장해두고 있는데요! 이 과정에서 유난히 깊게 들여다 보게 되는 요소가 있다면 제게는 ‘컬러와 폰트’가 아닐까 싶습니다. 레이아웃은 이제 어떤식으로 잡아가야 하는지 감이

전 세계 주요 서비스의 공식 로고, ‘Instantlogosearch’에서 쉽게 찾고 다운받으세요!

  페이스북 로고는? 라인과 카카오톡 아이콘은? 기획안을 작성할 때, 아이콘이나 로고를 써야 하는 경우가 종종 있습니다. 직접 만드는 로고가 아니라, 이미 사람들이 쓰고 있는 서비스의 아이콘이나 로고를 말이죠. 이럴때 보통 구글에서 검색을 하거나, 다른 사람들이 무료로 활용할 수 있도록 공개한 아이콘과 로고를 사용하는데요! 한 번 다운로드 받아서 잘 정리해놓으면 좋으련만.. 다음엔 잘 쓰지 않을거란 생각으로

UI 디자인을 위한 애니메이션을 한 곳에서! ‘Microanimations’

  프로토타이핑 툴에서의 애니메이션 애니메이션까지 직접 짜볼 수 있는 프로토타이핑툴이 우리 주변에 많이 등장했지만, 이런 툴들은 보통 일정 수준 이상의 ‘허들’을 갖고 있습니다. 프로토타입을 설계 하는데 있어 동적인 요소는 커뮤니케이션에 많은 도움이 되기에 앞선 툴들을 학습하거나 또 다른 방법을 고민하게 되는 것이 사실이죠. 저도 수없이 많은 프로토타이핑 툴을 활용하다 최근에는 어도비의 XD에 정착(?)해가고 있는데 요!

머티리얼 디자인을 위한 아이콘을 한 곳에서! ‘Material Design’

  머티리얼 디자인에서 가장 중요한 두 가지, 컬러와 아이콘 머티리얼 디자인을 위한 색 조합을 만들어주는 ‘Material mixer’ 을 통해 머티리얼 디자인의 핵심인 ‘컬러’구성을 한 곳에서 쉽게 하는 방법을 소개 드렸었는데요. 오늘은 또 하나의 핵심 구성 요소라고 할 수 있는 머티리얼 디자인의 아이콘과 관련된 서비스를 소개 드릴까 합니다.    머티리얼 디자인과 관련된 아이콘을 한 곳에서! 오늘 소개드릴