본문 바로가기

글꼴

(6)
굴림체에서 벗어나자! 웹폰트 활용하기 지난 ‘웹페이지에 굴림체만 보이는 이유, 웹폰트 이해하기’에서는 웹의 매체 특성 때문에 OS에 설치되지 않은 글꼴을 사용하려면 웹폰트를 사용해야 한다고 말씀드렸습니다. 그리고 웹폰트의 아름다움과 그 가능성에 대해 함께 알아보았는데요. 이번에는 이런 웹폰트를 어떻게 하면 잘 활용할 수 있는지, 기초부터 차근차근 알아보도록 하겠습니다. 웹폰트 불러와 사용하기 웹페이지는 많은 정보로 이루어져 있습니다. 아주 기본적인 텍스트 정보부터 사진, 그림과 같은 이미지 정보는 물론 동영상 정보도 불러올 수도 있습니다. 이 모든 것들은 웹페이지에서 HTML 태그와 몇 가지 기술로 ‘불러오는’ 것들입니다. 호출한다고 표현하기도 하는데, 영어로는 loading으로 쓰곤 합니다. 웹폰트도 다르지 않습니다. 웹페이에서 ‘불러와(..
웹페이지에 굴림체만 보이는 이유, 웹폰트 이해하기 아름다운 페이지를 위한 웹폰트 우리가 흔하게 보는 웹사이트는 대부분 글(text)로 이루어져 있습니다. 사진이나 동영상을 통해 정보를 전달 받기도 하지만 아직 대부분 글을 눈으로 읽는 과정을 통해 정보를 얻고 있습니다. 책이나 잡지같은 인쇄물에서도 글꼴(font)이 중요하듯이 웹사이트에서도 내용을 잘 전달하기 위해서, 매력적으로 보이기 위해서 글꼴은 매우 중요합니다. 웹폰트란 왠지 웹사이트의 글꼴은 거의가 비슷해 보이지 않나요? 디자이너가 공들인 이미지 위의 글꼴에 비해 투박하게 보일 때도 많고, 대부분 같은 글꼴을 쓰고 있다고 생각되지 않나요? 이미 익숙해져서 눈치채지 못하고 있을 수도 있습니다. 웹폰트란 문자 그대로 웹+폰트. 웹에서 쓰이는 폰트입니다. 웹에서 볼 수 있는 ‘맑은고딕’이나 ‘굴림’은 ..
2015 슬로워크 블로그 인기글 10 2015년 슬로워크 블로그에서 어떤 글이 인기 있었을까요? 페이스북 참여 수 순으로 가장 있기 높았던 글 10개를 소개합니다. 10위: 추천! 웹디자인 스타일 가이드 7가지 (9월 2일) ➔ 더 읽기 웹사이트 스타일 가이드는 '패턴 라이브러리', 'UI 툴킷', 'UI 가이드라인' 등 여러 방식으로 소통됩니다. 웹사이트를 만드는 개발자, 디자이너, 콘텐츠 제작자에게 도움이 되는 잘 만들어진 7가지 스타일 가이드를 소개합니다. 9위: 슬로워크의 색다른 시도, '최고지속가능성책임자'를 영입했습니다! (4월 29일) ➔ 더 읽기 슬로워크는 2015년 CSR 분야의 전문가를 CSO로 영입했습니다. 최고지속가능성책임자(Chief Sustainability Officer)는 세계에서 기업의 사회적 책임을 적극적으로..
디자이너가 아니어도 괜찮아! 글꼴 다루기 보고서, 이력서, 기획서, 안내문, 초대장, 프레젠테이션…. 우리는 일상 속에서 수많은 문서를 만듭니다. 보기 좋은 문서와 그렇지 않은 문서의 차이를 만드는 데는 여러 요소가 있을 텐데요, 그 중 중요한 것이 바로 글꼴이라는 것을 아시나요? 김은영 디자이너의 책 '좋은 문서디자인 기본 원리 29'는 디자이너가 아닌 사람들도 보기 좋은 문서를 만들 수 있도록 문서디자인의 원리를 이해하기 쉽게 설명합니다. 그중 글꼴을 고르고 다루는 방법은 디자인을 전공한 저에게도 기본기를 확인하게 하는 유익한 내용이었는데요, 지금부터 몇 가지를 공유합니다. 첫째, 문서의 내용과 분위기를 고려하여 글꼴을 선택한다. 같은 내용, 같은 색상이지만 글꼴을 바꾼 것만으로 글의 인상이 바뀝니다. ①과 ②는 공식적이며 개인적 감정이 느..
간절함이 담긴 글꼴, HOMELESS FONTS 모든 사람의 글씨는 특별합니다. 상대에게 간절하게 전하고 싶은 메시지가 있는 경우라면 더욱 그렇죠. 그런 의미에서 조금은 특별한 글씨가 있습니다. 바로 노숙인들의 글씨인데요. 어쩌면 많은 사람들이 외면하고 싶어하는 이 글씨의 특별함을 발견한 것은 에럴스(Arrels) 재단입니다. 에럴스 재단은 바로셀로나의 노숙인들을 위해 활동하고 있는 비영리 재단입니다. 에럴스 재단은 노숙인들의 글씨를 본떠 글꼴로 제작했습니다. 그리고 완성된 글꼴은 글꼴 제작에 참여한 노숙인들의 이름으로 Homeless Fonts 홈페이지를 통해 판매되고 있습니다. 글꼴 판매 수익금은 바로셀로나의 노숙인들의 지원하는 데 사용된다고 하네요. 그렇다면 각 글꼴의 작업에 참여한 노숙인들의 이야기를 들어볼까요? 젬마(Gemma) 마드리드에서 ..
굴림체를 둘러싼 논란, 죽 한번 정리했습니다. 굴림체는 한국의 컴퓨터 환경에서 가장 많이 사용되는 글꼴이라고 볼 수 있습니다. 윈도우95부터 한글 윈도우에 기본 글꼴로 탑재되었기 때문입니다. 최근 1주일 사이에 이 굴림체를 바탕으로 한 두 개의 프로젝트가 등장했는데요, 한번 보실까요? 1. 굴림계획 (링크) "우리는 굴림체의 수호자입니다. 우리는 어떠한 폰트도 두려워 하지 않으며 세상을 굴림체로 만들 것입니다."라고 소개하는 굴림계획 웹사이트는 각종 이미지에 들어있는 글꼴을 굴림체로 바꿔서 보여주고 있습니다. (좌) 스티브잡스 전기 오리지널 표지 / (우) 굴림계획이 수정한 표지 (좌) 대법원 오리지널 아이덴티티 / (우) 굴림계획이 수정한 아이덴티티 이것의 모태가 된 것은 'Comic Sans Project' 인데요, 2011년 11월에 시작된 이..