보고서, 이력서, 기획서, 안내문, 초대장, 프레젠테이션…. 우리는 일상 속에서 수많은 문서를 만듭니다. 보기 좋은 문서와 그렇지 않은 문서의 차이를 만드는 데는 여러 요소가 있을 텐데요, 그 중 중요한 것이 바로 글꼴이라는 것을 아시나요?





김은영 디자이너의 책 '좋은 문서디자인 기본 원리 29'는 디자이너가 아닌 사람들도 보기 좋은 문서를 만들 수 있도록 문서디자인의 원리를 이해하기 쉽게 설명합니다. 그중 글꼴을 고르고 다루는 방법은 디자인을 전공한 저에게도 기본기를 확인하게 하는 유익한 내용이었는데요, 지금부터 몇 가지를 공유합니다.




첫째, 문서의 내용과 분위기를 고려하여 글꼴을 선택한다.



같은 내용, 같은 색상이지만 글꼴을 바꾼 것만으로 글의 인상이 바뀝니다. ①과 ②는 공식적이며 개인적 감정이 느껴지지 않는 중립적인 인상을, ③, ④, ⑤는 보다 더 개성적이며 친근하고 자유로운 인상을 줍니다.

글자의 생김새를 말하는 글꼴은 글의 첫인상을 결정하는 중요한 요소이므로 글의 내용과 작업자의 의도에 맞게 적절하게 선택하는 것이 중요합니다. 보고서와 이력서, 논문 등 공식적인 문서에는 ①, ②가, 친근하고 자유로운 인상이 필요한 초대장과 포스터 등에는 ③, ④, ⑤와 같은 글꼴이 더 잘 어울립니다.



여기서 한 걸음 더 나아가면 같은 고딕 계열이라도 다양한 종류의 글꼴이 있다는 것을 알 수 있습니다. 위의 다섯 가지 글꼴은 언뜻 보면 크게 다를 것이 없어 보이지만, 자세히 보면 글꼴의 끝 모양과 길이, 자음과 모음 사이의 간격 등 미세한 차이가 각각의 특징을 드러냅니다. 작은 부분으로도 글꼴의 표정을 읽을 수 있게 된다면 그때부터 문서디자인이 재미있어집니다.



글꼴 자체와 더불어 글꼴의 굵기와 크기에 변화를 주어 문서에 비언어적인 표현을 담을 수 있습니다.(내용의 강약 조절, 문단 정리 등)




둘째, 글자의 굵기와 기울기, 너비를 강제로 변형하지 않는다.



변형 기능은 우리가 자주 사용하는 프로그램(한글, 워드프로세서, 파워포인트, 일러스트레이터, 인디자인 등)에 기본으로 포함되어 있고, 적절하게 사용하면 내용 전달에 효과적입니다. 그러나 지나친 변형은 가독성을 떨어뜨리고 문단의 균형을 깨뜨립니다.

① 획을 변형할 때는 볼드(B)버튼으로 글자 주위에 강제로 획을 덧씌우기 보다 처음부터 글꼴 가족으로 개발된 본래의 굵은 서체를 사용하는 것이 바람직합니다. ② 낱자를 나열해서 쓰는 로마자와는 달리 모아쓰기를 하는 한글은 글자를 지나치게 기울일 경우 균형감이 쉽게 무너지므로 많은 양의 글을 한꺼번에 기울이는 것은 자제합니다. ③ 글자 너비를 조정하면 한정된 공간 안에 많은 양의 글을 넣을 수 있다는 장점이 있지만, 글꼴의 본래 인상이 훼손되므로 신중하게 적용해야 합니다.




셋째, 찬찬히 읽어야 하는 긴 글에는 고딕보다는 명조를 사용한다.



명조는 획의 시작과 끝에 부리와 맺음이 있어 글자 간 실루엣 차이가 크고, 이런 특징 덕분에 많은 글자가 나열되어 있더라도 글자를 쉽게 구분할 수 있어 고딕보다 가독성이 높습니다. 반면에 같은 크기에서 명조는 고딕보다 0.5-1pt 작아 보이므로, 크기 수치를 높일 수 없는 상황에서 더 또렷하게 보이길 원한다면 명조가 아닌 고딕을 사용합니다. 일반적으로 제목이나 소제목에는 굵은 획의 고딕을, 본문에는 명조를 사용하면 무난하게 잘 읽히는 문서가 됩니다.




넷째, 자간<어간<행간<단락 사이가 명확히 드러나야 한다. 자간을 조절하기 어렵다면 이렇게!



글자와 글자 간 여백은 자간(=글자 사이), 낱말과 낱말 간 여백은 어간(=낱말 사이, 띄어쓰기 공간), 글줄과 글줄 간 여백은 행간(=글줄 사이)이라고 말합니다. 문서 작업을 할 때는 자간<어간<행간<단락 사이 순으로 면적을 조정해야 보기 좋은 문서가 됩니다. 자간이 너무 붙어 있으면 글자를 알아보기 어렵고, 행간이 너무 떨어져 있으면 전체 내용을 파악하는 데 오랜 시간이 걸립니다. 이는 사람들이 글을 읽을 때 글자 자체뿐만 아니라 글자 사이의 공간을 인지하여 내용을 파악하기 때문입니다.



글자의 세밀한 조정이 낯설 때는 자간을 어느 선까지 줄여야 할지 모릅니다. 그럴 때는 글 끝에 '으으'를 적어보고 두 글자가 서로 붙지 않는 선에서 멈추면 됩니다.




다섯째, 복잡하거나 선명한 이미지 위에는 글자를 올리지 않는다.


언어정보를 배제하고 보면 글자는 여러 개의 가는 선으로 이루어진 복잡한 이미지와 같습니다. 이 때문에 이런 개체가 제대로 보이기 위해서는 개체와 배경 간에 대비가 있어야 합니다. 개체가 복잡하면 배경은 단순하게, 개체가 선명하면 배경은 흐리게, 개체가 밝다면 배경은 어둡게, 개체가 어둡다면 배경은 밝게 해야 가독성이 높아집니다.



기본에 충실한 문서디자인은 보는 사람에게 안정감과 신뢰감을 줍니다. 이 밖에도 글의 분량이 많다면 매 글줄의 시작점을 통일할 것, 단락의 첫 줄은 최소 한 글자 반을 들여쓰기할 것, 표와 가운데 맞추기를 습관적으로 사용하지 말 것 등의 원리가 있지만, 일단 오늘 소개된 몇 가지만 기억한다면 누구나 보기 좋은 문서를 만들 수 있을 것입니다.




참고도서 : 좋은 문서디자인 기본 원리 29, 김은영

by 두루미 발자국




Posted by slowalk

세계자연보호기금(WWF: World Wide Fund for Nature)은 각국의 민간이 협력하는 단체인데요. WWF 일본 사무국에서 새로운 캠페인을 선보였습니다. 멸종 위기에 놓인 자이언트 판다(Giant Panda)에 대한 인식과 상황을 널리 알리기 위해 판다 서체를 개발했습니다. 





판다는 귀여운 외모로 세계의 많은 사람으로부터 사랑을 받는 친근한 동물 중 하나인데요. 1961년부터 WWF의 대표 얼굴로써 우리에게 더 익숙한 동물이죠. 하지만 판다의 수는 급격히 줄어들어서 지금은 약 1,600마리 정도만이 남아있다고 합니다. 환경 변화와 무분별한 산림 벌채 등으로 그들의 서식지가 감소하고 파괴되면서 점점 더 목숨에 위협을 받고 있습니다.  





The Panda Font Project는 판다를 돕기 위해 만든 서체로 사람들에게 문제의식을 제기하며 이를 통해 자연스러운 기부의 형태로 연결되고 최종적으로는 자연보호 활동에 긍정적인 영향을 받을 수 있도록 진행된 캠페인입니다. 귀여운 판다의 모습을 통해 이들의 어려움과 곤경에 처한 상황을 사람들의 일상생활에 재밌고 편안한 방법으로 다가가려 했습니다. 





서체를 만든 회사에서는 기존 WWF 로고의 특징에서 아이디어를 얻었다고 합니다. 흑백으로만 표현되고 각각의 알파벳에서는 얼굴과 표정이 드러나서 마치 누군가를 바라보고 있듯이 만들었습니다. 그리고 글자의 성격에 따라 판다가 모두 다른 포즈를 취하고 있습니다. 


두 마리의 판다가 어깨동무하고 손을 들고 있는 듯한 W와 정면의 모습이 아니어도 판다의 슬픈 뒷모습을 연상케 하는 i, 이와 정반대로 다리를 꼬고 거만한 자세로 누워있는 듯한 알파벳 y도 재밌네요. 하나하나 다른 포즈로 개성이 있어 이 서체는 알파벳 한 개를 독립적으로 사용해도 전달 효과가 있을 것 같네요. 





이 서체는 독립적으로 사용해도 재밌지만, 함께 사용해서 여러 아이템에 적용하고 활용할 수 있는데요. 머그컵이나 모자, 자전거, 사무용품, 휴대폰 등 우리 주변 곳곳에 쉽게 사용하며 볼 수 있습니다. 그러다 보니 자연스럽게 일상생활을 하며 내 주변에 멸종 위기 동물의 상태를 알릴 수 있겠죠? 





판다의 개체 수가 늘어나고 보존되려면 삶의 터전이 보호되어야만 가능하다고 하네요. 이들을 보호하기 위해서는 많은 사람의 관심과 이해가 필요한데요. WWF 일본의 캠페인뿐만 아니라, 지난달 한국에서도 1600 판다+의 세계여행 프로젝트가 진행됐습니다. WWF 프랑스 지사와 아티스트 파울로 그랑종(Paulo Grangeon)의 협업으로 2008년부터 시작되었는데요. 전 세계를 순회하며 100회 가까운 전시를 마치고 드디어 올해 한국에서도 전시를 개최했습니다.




파울로 그랑종(Paulo Grangeon)





이번 달까지는 여러 곳을 순회하며 열리는 게릴라성 전시였지만, 오는 7월 4일부터 약 한 달간은 석촌호수에서 메인 전시를 볼 수 있다고 하네요. 멸종 위기 동물 보호와 환경보전의 메시지를 담고 있는 이 두 캠페인에 여러분도 동참해보세요. :) 판다뿐만 아니라 다른 멸종 위기 동물에게도 관심과 지원, 그리고 자연을 사랑하는 마음이 커졌으면 좋겠습니다. 





출처ㅣpsfk1600pandas


by 코알라 발자국



Posted by slowalk




에코 폰트라고 아시나요? 에코폰트는 잉크절감을 위한 폰트를 말합니다. 이미 국/내외 에코폰트가 개발되어 사용되어지고 있는데요. 지금도 에코폰트는 계속 진화하고 있습니다. 오늘은 기존의 에코폰트보다 좀 더 진화한 폰트를 소개하고자 합니다.



Ryman Eco(라이먼 에코)라는 이름의 폰트인데요. 이 폰트는 헬베티카, 푸트라 등의 일반적인 폰트에 비해 잉크의 사용량이 1/3밖에 안된다고 합니다. 뿐만아니라, 기존에 개발되었던 잘 알려진 에코폰트(알파벳)와 비교하여도 27% 더 적은 잉크를 사용한다고 하네요. 만약 모든 사람들이 프린트를 할 때 이 폰트를 사용한다면 매년 약 4억 9천개의 잉크 카트리지를 아낄 수 있다고 합니다. 


하지만 어떤 좋은 서체도 사용되지 않는다면 무용지물이 되겠죠. 특히, 다양한 서체를 사용하는 디자이너커뮤니티에 알려지지 않고 사용되지 않는다면 실패한 서체라고 볼 수 있을겁니다.  헬베티카, 푸트라, 유니버스 등 매일같이 사용되는 인기폰트도 널리 알려지기 전에 디자이너들에 의해서 개발되고 채택되었습니다.








라이먼 에코 폰트 는 모노타입(Monotype)의 Dan Rhatigan과 디자인 에이전시 그레이 런던(Grey London)이 문구 브랜드 라이먼(Ryman)을 위해 개발했는데요. 담당에이전시인 그레이 런던은 이 폰트가 성공적으로 사용되기 위해선 디자인커뮤니티 내에 잘 알려져야 생각했습니다. 


그레이런던은 이 서체를 알리기 위해 알파벳 포스터 프로젝트(The Alphabet Poster Project)를 기획했는데요. 인쇄기술자, 디자이너, 예술 감독 등 디자인관련 종사자 중 영국에서 가장 영향력 있는 26명을 섭외하여 알파벳마다 한 명의 작가를 지정하여 포스터를 만드는 프로젝트입니다.


26명의 디자이너들은 '아름답도록 지속가능한' 이란 주제를 갖고 각자의 생각을 알파벳과 함께 표현하여 포스터를 완성했는데요. 이 폰트 개발에 취지에 맞게 인쇄하지 않고 웹사이트에만 게재하였습니다. 


그 중 인상깊었던 작품들을 소개합니다.




Splash


알파벳'S'는 지속가능성과 디자이너가 사용하는 서체를 의미하며 연어와 물은 자연을 상징합니다. 이 둘의 조화를 통해 자연에 대한 디자이너의 책임과 역할을 표현하고, 연어의 활력있는 모습과 퍼져나가는 물을 통해 미래의 긍정을 표현한 작품입니다.




Iceburg


물에 잠긴 Ryman Eco 소문자 'O' 위에 홀로 있는 북극곰을 표현. 에코폰트의 사용으로 지구온난화와 그로인한 해수면 상승을 조금이나마 늦출 수 있다는 메시지입니다.



Rising C level


디자이너에게 알파벳 'C' 는 Cyan색상을 의미하며 Cyan색상은 곧 바다의 색을 연상시킨다. C의 터미널 부분과 Ryman Eco 형태적 특성을 이용해 기후변화와 해수면 상승, 물에의한 재해를 표현한 작품입니다.



One less cartridge


Ryman Eco 사용으로 잉크카트리지의 사용을 줄이자는 메시지입니다.






이 외에 다른 작품들도 웹사이트를 통해 볼 수 있는데요. 각 포스터마다 담당 작가와 인터뷰, 포스터파일과 폰트다운로드를 무료로 제공하고 있습니다. Rymaneco 웹사이트 바로가기


아무리 좋은 것도 어떤 마음을 갖고 어떻게 사용하느냐에 따라 좋은 결과를 낳을 수도, 무용지물이 될 수도 있습니다. 에코폰트의 사용으로 얼마나 많은 효과를 얻을 수 있을지 확실치 않지만 이런 지속적인 노력과 관심이 하나 둘 모여 더 좋은 세상을 만들 수 있는 것이 아닐까요?



출처: Rymaneco



고라니발자국

Posted by slowalk

교육의 혜택을 받지 못하는 전 세계 어린이의 수는 약 2억 5천만 명이라고 합니다. 세계 헤비급 복싱 챔피언 블라드미르 클리츠코(Wladimir Kitschko)는 자신이 가장 잘하는 복싱으로 이 문제와 싸우는데요. 세상에서 가장 강한 주먹으로 만든 Fist Font를 소개합니다.





우크라이나 출신의 블라드미르 클리츠코는 복싱 4대 기구에서 8년째 챔피언 자리를 지키고 있는 현 최강 헤비급 복서입니다. 블라드미르가 문맹과 싸우기 위해 시작한 프로젝트는 이름하여 클리츠코 대 문맹 (Kitschko Vs Illiteracy)입니다. 블라드미르는 자신이 가장 잘하는 주먹질로 26자의 영문 폰트를 만듭니다. 그가 폰트를 만드는 방법은 간단한데요. 주먹에 페인트를 묻혀 캔버스 패드에 때리며 피스트 폰트(Fist Font)를 만듭니다.






파란 페인트는 글을 쓸 때 사용하는 잉크의 파란색을 상징합니다.




블라드미르의 강력한 펀치로 만들어진 글자들은 서체 회사 Monotype을 통해 디지털화되어 무료로 배포됩니다. 제목용 서체인 피스트 폰트는 주먹질만큼이나 강한 인상을 줍니다. 









피스트 폰트 프로젝트는 웹사이트에 기재된 전화로 문자 기부를 받습니다. 캔버스 위에 완성된 실제 피스트 폰트의 작업은 온라인 경매로 판매되었습니다. 경매를 통해 1억 8천만 원 상당의 수익을 올렸고, 수익금 전액은 전 세계 어린이의 문맹 퇴치와 교육사업을 하는 독일의 비영리 단체에 기부되었습니다.






읽을 수 있는 서체를 만드는 회사와 복싱 챔피언이 만나, 그들이 가장 잘하는 것으로 세상에 좋은 변화를 만드는 모습을 보았습니다. 우리 각자는 어떤 장점을 살려 좋은 변화를 만들 수 있을지 생각해보게 하는 피스트 폰트 프로젝트였습니다. 





자료출처: HOW, Klitschko VS Illiteracy, Wikipedia


by 토종닭 발자국






Posted by slowalk

굴림체는 한국의 컴퓨터 환경에서 가장 많이 사용되는 글꼴이라고 볼 수 있습니다. 윈도우95부터 한글 윈도우에 기본 글꼴로 탑재되었기 때문입니다. 최근 1주일 사이에 이 굴림체를 바탕으로 한 두 개의 프로젝트가 등장했는데요, 한번 보실까요?


1. 굴림계획 (링크)


"우리는 굴림체의 수호자입니다. 우리는 어떠한 폰트도 두려워 하지 않으며 세상을 굴림체로 만들 것입니다."라고 소개하는 굴림계획 웹사이트는 각종 이미지에 들어있는 글꼴을 굴림체로 바꿔서 보여주고 있습니다.



(좌) 스티브잡스 전기 오리지널 표지 / (우) 굴림계획이 수정한 표지


(좌) 대법원 오리지널 아이덴티티 / (우) 굴림계획이 수정한 아이덴티티

 

이것의 모태가 된 것은 'Comic Sans Project' 인데요, 2011년 11월에 시작된 이 프로젝트는 굴림계획과 마찬가지로 각종 이미지에 들어있는 글꼴을 Comic Sans로 바꿔서 보여주고 있습니다.



(좌) 샤넬 오리지널 아이덴티티 / (우) Comic Sans Project가 수정한 아이덴티티


(좌) NASA 오리지널 아이덴티티 / (우) Comic Sans Project가 수정한 아이덴티티



2. Gulimize (링크)


Gulimize는 웹사이트의 글자를 굴림체로 바꿔서 보여주는 크롬 확장프로그램입니다. 크롬 브라우저에서 Gulimize를 설치하면 됩니다.

"그동안 폰트 산업은 굉장히 많은 변화를 겪었습니다. 하지만 한글 폰트 산업의 중심에는 언제나 굴림이 있었습니다. 다른 폰트를 두려워 하지 말고, 간단한 플러그인 설치로 굴림체의 정신을 계승하세요." 라고 소개합니다.

(Gulimize를 제작한 Premist님의 소개 트윗)


비슷하게 웹사이트의 글자를 Comic Sans로 바꿔서 보여주는 크롬 확장프로그램을 구글에서 내놓기도 했었는데요, 2011년 만우절에 "앞으로 크롬의 공식 글꼴로 Comic Sans를 사용하겠다."는 만우절 농담을 발표하기도 했습니다. http://www.google.com/landing/csfe/


현재는 구글에서 제작한 Comic Sans for Everyone은 다운로드할 수 없는 상태이지만 같은 기능을 하는 확장프로그램이 크롬 웹스토어에 등록되어 있네요. 



2011년 만우절에 구글은 Comic Sans를 가지고 장난을 하나 더 쳤는데요, 구글에 'Helvetica'라고 검색하면 검색결과가 Comic Sans 글꼴로 보이게 한 것입니다.


(이미지 출처: Softpedia)




3. Comic Sans를 둘러싼 논란


여기서 왜 Comic Sans를 다루는 프로젝트가 여럿 있는지 그 이유를 살펴볼까요? 가장 최근에는 이런 일이 있었습니다.

2012년 7월, 유럽입자물리연구소(CERN)는 입자물리학 표준모형인 히그스 보손(Higgs boson) 또는 히그스(힉스) 입자와 거의 일치하는 새로운 입자를 발견했다고 발표했습니다.

그런데 이 발표를 본 과학자들이 충격에 빠졌다고 하는데요, 발표자료에 사용된 글꼴이 Comic Sans였기 때문입니다.

(이미지 출처: The Verge)


이것을 보고 Comic Sans를 개발한 디자이너인 Vincent Connare도 발표자인 Brian Coxx 교수에게 트위터 멘션을 작성하기도 했습니다.



Comic Sans 논란의 핵심은 이것입니다. 'Comic Sans는 이름 그대로 코믹한 용도에 사용하기 위해 만든 글꼴인데 왜 다른 용도로 사용하느냐.'

Comic Sans 반대운동을 벌이는 사람들은 중요하고 공식적인 문서에는 Times New Roman과 같은 글꼴을 사용하고, Comic Sans는 웃기거나 비공식적인 문서에 사용하자고 주장합니다.

Comic Sans Criminal이라는 웹사이트에서는 Comic Sans을 아래의 경우에만 사용하자고 주장합니다.



  • 독자가 11세 이하일 때
  • 만화를 그릴 때
  • 독자가 난독증이 있고 Comic Sans를 좋아한다고 정식으로 말했을 때


Comic Sans 또한 굴림체와 마찬가지로 윈도우95에 처음 탑재되어 세상에 알려졌습니다. (Comic Sans의 탄생에 관해서는 The Story Behind Comic Sans를 참고하세요.)



4. 굴림체를 둘러싼 논란

굴림체는 Comic Sans와는 다른 이유로 논란이 되었는데요, "우리가 무심코 쓰고 있는 굴림체는 일본서체입니다."라는 글이 그 시초가 되었습니다.


이 글에서는 굴림체가 일본 모리사와의 '나루체'를 바탕으로 제작된 것이라고 소개하고 있는데요, 세종대왕기념사업회가 발간한 '한글글꼴용어사전'을 보면 "흔히 나루체라 불리는 굴림체는 1970년 일본의 나까무라가 개발한 나루체의 글자 성격을 한글에 응용한 글자체로서 여기에 그대로 나루체 한자를 함께 사용하고 있다."라고 나와 있습니다. 또한 글꼴 디자인회사인 산돌커뮤니케이션의 웹사이트와 산돌커뮤니케이션 석금호 대표가 작성한 글을 보면 그것이 사실임을 알 수 있습니다.


물론 '굴림계획'과 'Gulimize'는 굴림체가 일본 글꼴에서 유래된 것이라는 사실과 관련이 있어 보이지는 않습니다.
'굴림계획'과 'Gulimize'의 제작 의도에 대해서는 다음에 더 자세히 소개할 기회를 만들 예정입니다.


by 펭도 

 

공감하시면 아래 손가락 모양 클릭^^ - 더 많은 사람들과 이야기를 나눌 수 있습니다


Posted by slowalk