디자인
세리프와 산세리프 중에서 적합한 글꼴 선택하기
콘텐츠를 디자인할 때 수천 개의 서체 중에서 선택할 수 있으며, 먼저 세리프가 있는 글꼴과 그렇지 않은 글꼴 중에서 선택합니다. 서체 선택의 중요성에 대해 알아보세요.
세리프 글꼴과 산세리프 글꼴 중에서 선택하기
디자이너 Dylan Todd는 “타이포그래피는 문자 아트입니다. 문자 디자인에서 서체는 스토리를 전달하죠”라고 말합니다.
서체는 콘텐츠에 대한 많은 정보를 알려줍니다. 예를 들어, 로고의 문자는 기업의 역사와 브랜드 이미지를 표현할 수 있습니다. 광고의 문자는 해당 광고의 대상을 은근하게 나타내고, 책 표지와 영화 포스터의 문자는 장르를 나타낼 수 있습니다. 특정 프로젝트에 적합한 글꼴을 찾기란 쉽지 않지만, 먼저 세리프 서체와 산세리프 서체 중 어느 것이 더 적합한지를 결정하는 것이 좋습니다.
세리프란?
세리프는 글자에 붙은 작은 선입니다. 세리프의 기원은 명백하게 알려지지 않았습니다. 붓이나 깃펜으로 글자를 쓰는 동안 각 획이 끝날 때 작은 자국을 남기면서 생겨나지 않았을까 하는 가설도 있습니다. 나중에는 작은 획을 더 규칙적이고 의도적으로 더하면서 글자를 자연스럽게 꾸미게 되었습니다.
세리프 글꼴이 유용한 경우
세리프 글꼴은 진중하고 전문적인 느낌을 주며, 무게감 있는 역사나 경험을 표현합니다. 'Times New Roman'과 같은 세리프 서체는 타자기에서 사용했던 옛 스타일을 연상시키며, 'The New York Times’ 등 100년 이상 존재해온 유명 기관은 여전히 이 글꼴을 사용하고 있습니다. 디자이너 Madeline DeCotes는 “좀 더 예스러운 분위기가 느껴지죠”라고 말합니다.
과거를 떠올리게 하려고 세리프 글꼴을 사용하는 Todd는 “세리프 글꼴은 냉철하고 공적인 느낌을 줄 수 있습니다”라고 말합니다. Todd는 제2차 세계대전을 배경으로 한 스토리의 책 디자인을 작업할 때 세리프 글꼴을 사용하여 독자에게 현대적 디자인이 등장하기 전의 시대에 있는 듯한 느낌을 주려고 했습니다.
세리프는 단순히 심미적 가치만 있는 것은 아닙니다. 본문 내용으로서의 실질적인 기능적 가치도 있습니다. DeCotes는 “세리프는 크기가 작을수록 읽기 더 좋습니다. 인쇄된 책에서 글꼴 크기를 9.5로 설정하면, 세리프는 글씨체를 구분하고 읽기 흐름을 자연스럽게 만들어 줍니다”라고 말합니다.
산세리프 글꼴이 유용한 경우
북유럽의 룬 문자와 같이 세리프가 없는 고대 문자도 있지만, 산세리프 글꼴은 주로 현대적 서체와 관련이 있습니다. 1928년, Futura가 처음으로 인기 있는 산세리프 글꼴이 되었으며, 이후 Helvetica와 같은 다른 서체도 등장했습니다.
산세리프 서체는 “기이한” 서체로 여겨지는 등 처음 등장했을 때 논란이 많았습니다. 그러나 바우하우스 운동과 같은 모더니즘 디자이너가 산세리프 서체를 받아들이면서 최첨단 디자인, 커머스, 과거와 단절하려는 모더니즘 시도와 함께하게 되었습니다.
예를 들어, Todd는 현대적이고 세계적인 대도시이며 패션의 본고장이기도 한 로스앤젤레스를 배경으로 하는 만화책에 산세리프를 사용합니다. 산세리프 서체는 붓이나 깃펜으로 만들어진 작은 획이 없는 오늘날 필기체와 같습니다. Todd는 “산세리프 글꼴은 자연스럽게 흐르는 필기체를 재현해야 한다는 통념이 있습니다”라고 말합니다.
산세리프 글꼴은 카피를 넣을 공간이 거의 없는 경우에도 좋습니다. 간판, 앱 내 텍스트, 지도 상의 지명에는 주로 산세리프를 사용합니다. 물론 예외도 있습니다. 한두 문장 정도의 본문에는 Arial과 같은 일부 산세리프 글꼴 모음을 사용하기도 합니다.
DeCotes는 “앱을 만들거나 웹 사이트를 디자인하는 경우 산세리프를 사용하는 것이 좋습니다”라고 말합니다. 화면이 작거나 해상도가 낮으면 가독성이 문제가 되기 때문입니다. 그녀는 “산세리프는 길 찾기나 표지판에 적합합니다”라고 덧붙입니다. 미국에서 가장 잘 알려진 글꼴 중 하나인 Clearview는 산세리프 글꼴입니다. 이 글꼴은 고속도로 표지판용으로 특별히 디자인되었습니다. 운전자는 멀리서도 작은 글자를 읽을 수 있어야 하므로 산세리프가 딱 맞았습니다.
https://main--cc--adobecom.hlx.page/cc-shared/fragments/seo-articles/creativity-for-all-blade