본문 바로가기

디자인 정보

현역 디자이너가 알려주는 완벽한 서체를 결정 하는 10가지 방법

현역 디자이너가 알려주는 완벽한 서체를 결정 하는 10가지 방법

ㅁㅁㄸ에서 이번에 정리해드릴 정보는 '현역 디자이너가 알려주는 완벽한 서체를 결정 하는 10가지 방법 ' 입니다.


다양한 정보를 전달해 드리려고 노력하는 블로그!!!

글과 사진 및 이미지 ▶ CopyLeft(C)
◎CopyLeft(C) 는 공유는 하시되 복사 붙여넣기가 아니라 내용을 응용하여 작성해서 가져가셔야 된다는 걸 알려 드립니다.
◎사진과 이미지 일부는 퍼온 것도 있음을 밝힙니다.
◎상단의 검색을 이용하면 좀 더 쉽게 검색가능합니다.




현역 디자이너가 알려주는 완벽한 서체를 결정 하는 10가지 방법



디자인을 할때 글꼴(폰트)에 대한 고민을 자주 하신다면 한번 읽어볼만한 정보를 가지고 왔습니다.



몇가지의 간단한 규직을 적용하면 프로젝트를 진행 할때 디자인을 개선할 수 있다고 말하고 있는데요.



하나씩 설명해보도록 하겠습니다.


프로젝트의 목표를 정하자.

현역 디자이너가 알려주는 완벽한 서체를 결정 하는 10가지 방법



디자인이 뛰어난 인쇄술은 어떤 프로젝트인지 명확하게 이해하는 것으로부터 시작합니다. Google Font와 Typekit 등에서 글꼴을 찾기 전에 다음의 질문에 스스로 대답 해 봅시다.


  • 어떤 타겟층을위한 프로젝트입니까?
  • 사용자는 그 디자인에서 무엇을해야할까요?
  • 전환의 포인트는 무엇일까요?
  • 프로젝트는 어떤 분위기가 좋을까요?
  • 다른 디자인 및 브랜드와의 매칭이나 조정이 필요합니까?

이러한 대답은 당신이 찾고있는 타이포그래피의 종류에 대한 개념을 짜는 데 도움이 될 것입니다. (여기에서는 디자인 프로젝트의 서체의 의미와 분위기 가이드입니다.)


비슷한 혹은 같은 모양을 찾아보자.

현역 디자이너가 알려주는 완벽한 서체를 결정 하는 10가지 방법



디자인에서 여러 글꼴을 일치시키는 데있어 레터링의 모양만큼 단순한 글꼴 조합을 만들거나 끊을 수 있습니다.



우선 비슷한 닮은 꼴 서체를 찾아보세요. 각각의 서체가 더 둥근 타원형 또는 굵은 가녀린 또는 높이가 짧은 여부 대각선이나 성향이 있는지 차분히 검토해 봅시다.



제목 제목이나 본문에 사용하려는 서체를 선택하면, 같은 모양의 보조적인 서체를 결합합니다.


  • 각 서체의 문자 "o"를 확인하자. 안쪽 원은 둥근 타원형입니까? 'o'의 형태가 동일한 서체를 조합하자.


  • 굵게 작은 글꼴을 조합하여도 문제 없습니다. 굵게 또는 작은 글꼴 및 일반 서체를 조합하면 좋을 것입니다.


  • x 높이 (영어 : x-height)의 높이가 동일한 서체를 선택하세요.


  • 다양한 서체 스타일을 믹스하는 데 두려워 할 필요가 없습니다. 대사와 산세 리프 서체를 조합도 시험해 봅시다. 하나의 서체가 복잡하다면, 다른 하나는 심플한 서체하면 좋을 것입니다. 또한 본문 텍스트 등 가장 자주 사용하는 부분에는 간단한 서체를 선택하세요.


  • 이탤릭의 기울기에주의합시다. (이 때, 'o'의 내부 원형을 보면 확인할 수 있습니다.) 여러 기울임을 이용하거나 반대 방향으로 기울어 져있는 서체 쌍은 사용자에게 불쾌감을 줄 수 있으므로 피한다 할 것입니다.



크기 조정을 위 서체 스케일을 설정하자.

서체 크기, 크기도 프로젝트의 좋고 나쁨을 결정하는 요소 중 하나입니다. 문자 텍스트가 너무 크면 시선이 정지 해 버리고 부에서 읽기 어렵게되어 버립니다. 또한 문자 텍스트가 너무 작아서 눈이 피로 해 버려, 사용자가 디자인 떨어져 버릴 우려가 있습니다.



문자 크기 설정을 잘함으로써 사용자는 자유롭게 콘텐츠를 이동할 수있는 것입니다.



적당한 크기의 문자 텍스트는 프로젝트 내의 다양한 크기 축척에도 대응하고 있습니다. 본문 텍스트가 하나 제목 제목이나 소제목은 각각 다른 크기입니다. 이러한 크기와 사용 방법은 디자인을 통해 일관되게해야합니다.



다음 사항에 주의하여 디자인을 한다면 사용자가 콘텐츠를 쉽게 읽을 수 것입니다.


  • 문자 텍스트 크기는 정보의 중요도에 따라 우선 순위를합시다. 큰 서체는 더 중요하고 더 많은 사용자의 눈에 띄는 가능성이 높아집니다.
  • 문자의 축척을 이용하여 텍스트 검색을 쉽게 사용자가 신속하게 프레젠테이션을 확인할 수 있습니다.
  • 관련 콘텐츠 및 항목은 동일한 디자인, 외형합시다.
  • 소제목 등보다 큰 텍스트 요소는 긴 문장을 분할하여 쉽게 읽을 수 있습니다.


간격에 신경을 기울이십시오.

현역 디자이너가 알려주는 완벽한 서체를 결정 하는 10가지 방법



이 기술 자체는 서체에 관계 없지만 여백 공간을 나누는 방법은 서체 선택에 있어서도 중요합니다.



커닝, 선행, 추적 및 패딩을 통해 유형을 아름답게 표현하거나 뜨거운 엉망으로 만들 수 있습니다.



적절한 여백 공간을 적용하는 것은 예술과 같은 것입니다. 실제로 사용 가능한 문자 조합과 크기, 서체 등에도 의존하고 있기 때문에 필요한 경우에도 문자 사이를 채울 필요가있어, 모두에게나 적합한 규칙이란 존재하지 않습니다.


독서의 가속성을 위해 왼쪽정렬을 하자.

다른 언어와 마찬가지로 영어와 한국어에서는 사용자가 왼쪽에서 오른쪽으로 읽습니다. 이는 또한 복사 블록 내에서 가독성을 최적화하기위한 이상적인 정렬입니다.



네비게이션 메뉴 요소와 영웅 헤더 용 제목 등 일부 문자 텍스트는 원래 읽기 쉽기 때문에 왼쪽에 정렬 필요는없고, 긴 문장에 관해서는 아마도 왼쪽에 정렬시켜 놓아야합니다. (가운데도 검토 할 수 있지만 여백 공간의 문제를 일으킬 수 있으므로 주의해야합니다.)


두가지 서체를 선택하자.

현역 디자이너가 알려주는 완벽한 서체를 결정 하는 10가지 방법



아마도이 규칙은 많은 사람들이 이미 알고 있을지도 모르지만, 디자인 프로젝트는 2 개의 서체를 사용하자.



러 곳에서 여러 번 언급되어 있지만, 실제로이 규칙에주의 디자이너는별로없는 것이 현실입니다. 웹 사이트 및 포트폴리오 등을 확인해 보면 독특한 글꼴 사용을 한 프로젝트를 많이 볼 수 있습니다.



이 규칙을 깰 때는 다시 생각해 봅시다. 다른 서체를 추가하면 무엇이 좋아지고있는 것입니다. 대신 선택한 서체를 다시 확인하고 굵게 또는 작은 이탤릭체 등 다른 스타일로 해결할 수없는 있는지 확인해야합니다.


글꼴 디자인 변경은 안됩니다.

서체를 늘리거나 비틀거나 기울거나하는 것은 그만 둡시다. 다른 서체가 필요한 경우에는 다른 옵션을 선택하도록합시다.



글꼴 디자이너는 문자가 잘 표시되는 데 많은 시간을 할애 만듭니다. 문자의 모양을 변경 해 버리면 가독성이 손상되어 원래 크기보다 큰 크기를 사용하면 사진을 확대하면 노망 버리는 있도록 디자인이 엉망이되어 버립니다.


많은 대비를 이용합니다.

현역 디자이너가 알려주는 완벽한 서체를 결정 하는 10가지 방법



디자이너가 지겨운 작업 중 하나는 이미지와 배경 요소에 문자를 배치 할 때입니다. 이것은 콘텐츠의 구분을 작성하고 읽기 쉽게하기 위해 요소 사이에 충분한 대비가있는 경우에만 작동합니다.



문자에 그림자를 추가 할 필요가있을 때, 충분한 대비를 얻을 수없는 경우가 있습니다. 명암에 따라 읽기 쉬운 대비를 실현할 수있어 일반 스타일과 굵은 획을 사용하는 데 도움이됩니다.



그러나 반드시 그것만하는 것은 아닙니다. 사진에는 ​​밝은 곳과 어두운 곳을 포함하거나 굵게 또는 작은 글꼴을 사용하는 경우도 있습니다.



문자 텍스트를 둘러싸거나 더 굵은 서체를 선택하거나 사진 색상을 거듭 보거나하는 옵션도 검토하자. 이러한 기술은 모든 대비를 강조하고 문자 텍스트를 쉽게 읽을 수 있습니다. (또한 화면 크기에 따라 문자 나 사진의 레이아웃이 바뀌는 레스 폰 시브 디자인에서는 이러한 문자를 잘 유지하는 경향이 있습니다.)



모바일 타이포그래피도 잊지 마세요.



요즘은 모바일로도 많이 보게 됩니다.



웹 인쇄술의 경우 모바일 가독성이 가장 중요합니다. 글자에 패턴이나 질감을 추가하는 것과 같은 재미있는 기술은 인쇄물이나 일부 데스크톱 화면에서는 작동하지만 작은 장치에서는 사용할 수 없습니다.



모바일 기기에서는 서체는 약간 크고 데스크톱에 비해 서체 간격 약간 넓게합시다. 이렇게하면 짧은 문장을 읽을 때 여러 번 스크롤하여 표시하는 등 사용자가 싫어하는 움직임을 방지하는 데 도움이됩니다.


스타일 가이드를 참고

현역 디자이너가 알려주는 완벽한 서체를 결정 하는 10가지 방법



유형이 프로젝트에서 어떻게 보이는지에 대한 확실한 아이디어가 있으면 사용법에 대한 모든 정확한 규칙이 포함 된 스타일 가이드를 작성하십시오.



사본을 만드십시오. 접근 가능한 위치에 온라인으로 연결하십시오. 디자인을 변경할 때마다 사용하십시오.



일관성은 완벽한 타이포그래피 디자인의 핵심 요소입니다.


결론



완벽한 타이포그래피를 만드는 데 가장 중요한 포인트는 가독성입니다. 서체는 읽기 쉽고 이해하기 쉬운 것이어야 안됩니다. 그리고 그 서체는 프로젝트의 메시지와 분위기도 일치해야된다고 생각합니다. 사용자가 아무것도 생각하지 않고 술술 읽을 수있는 것이 이상적이라고 말할 수 있겠지요.


그럼 ㅁㅁㄸ에서 정리한 오늘의 '현역 디자이너가 알려주는 완벽한 서체를 결정 하는 10가지 방법' 소개를 마치도록 하겠습니다.



참고 글
10 Rules for Perfect Type Design, Every Time - Design Shack