타이포그래피로 중단해야 할 8 가지 (지금 바로!)

/2015-10-17 09:51:06/
Pheonix
/사업/

좋은 타이포그래피는 너무 엉망이되어서는 안되는 예술입니다. 레터 폼은 함께 흐르면서 읽을 수 있고 미묘한 시각적 의미를 갖는 단어와 구를 형성합니다.

그러나 조심하지 않으면 즉시 인쇄상의 아름다움을 망칠 수 있습니다.

이러한 디자인 트랩 중 하나에 빠졌다면, 이제이 목록에서 디자인 조각을 입력하고 정리하는 작업을 중단해야합니다. (귀하의 포트폴리오가 감사합니다.)

디자인 리소스 살펴보기

그림자 추가

대부분의 글꼴은 그대로 사용합니다. (나는 심각하게 죽었다.)

글자가 디자인에 효과가 없다면 다른 유형의 선택을 고려해야합니다. 게으른 옵션을 사용하지 말고 너무 분명한 그림자 또는 윤곽선을 텍스트에 추가하십시오.

… 최고의 그림자는 완전히 눈에 띄지 않습니다.

더 많은 사람들이 따라야하는 그림자에 대한이 일반적인 규칙이 있습니다. 최고의 그림자는 완전히 눈에 띄지 않습니다. 텍스트 요소에 그림자가 보이면 너무 크고 너무 어두워서 가독성이 떨어질 수 있습니다.

솔직히, 이러한 효과를 사용하는 것은 텍스트가 작동하도록하는 게으른 방법입니다. 일반적으로 배경에 대비해야 할 텍스트에 그림자와 윤곽선이 표시됩니다.

반면에 그림자와 윤곽선이있는 멋진 아트 유형의 텍스트 요소를 만들 수 있습니다. 그러나 이것은 디자인 경력에서 두 번만 사용하는 기술입니다.

너무 많은 글꼴 사용

말할 것도없이 가야합니다. 그러나 반복해야합니다.

너무 많은 글꼴을 사용하면 디자인의 모든 타이포그래피가 손상됩니다. 서로 잘 어울리지 않는 글꼴 (또는 그 내용의 내용)을 사용하면 디자인이 손상 될 수 있습니다.

프로젝트의 타이포그래피 팔레트를 선택하십시오. 유형 계층을 설정하고 거기서부터 작업하십시오. 프로젝트에 대해 설정 한 유형 스타일 규칙을 준수하면 확인 결과가 나올 가능성이 있습니다.

글꼴을 페어링하는 방법을 모르십니까? 더 알아보기.

대비 무시

대비는 디자인의 모든 유형을 읽을 수있게하는 것입니다. 이것은 인쇄물, 웹 사이트, 심지어 셔츠 나 광고판과 같은 촉각 품목에도 적용됩니다.

배경과 타이포그래피 사이의 대비가 충분하지 않거나 역광 또는 환경 요소로 인한 대비 변화를 설명하지 않는 것은 흔한 실수입니다. 그리고 그것은 디자인의 모든 단어의 효과를 죽일 수 있습니다.

… 콘트라스트가 높은 가독성이 높은 타이포그래피는 웹 사이트 접근성 측면에서도 긍정적입니다.

디자인으로 누군가의주의를 끌 수있는 시간은 몇 초 밖에 없습니다. 사용자가 읽고 싶은 단어를 이해하려고 애 쓰면서 소중한 시간을 낭비하지 마십시오.

가독성을 보장하기 위해 어두운 배경에 밝은 텍스트를 배치하거나 그 반대로 채도가 높은 색상을 사용하지 않으려 고합니다. 일반적으로 색상 조합에 대해 의문이있는 경우 검정 (또는 짙은 회색) 및 흰색 텍스트를 사용하는 것이 가장 좋습니다.

WebAIM 색상 대비 검사기와 같은 도구를 사용하면 텍스트 요소의 대비를 결정할 수 있습니다. 보너스로, 대비가 높은 가독성이 높은 타이포그래피는 웹 사이트 접근성 측면에서도 긍정적입니다.

대문자, 굵게 및 기울임 꼴 사용하기

접근성에있어 많은 유형 스타일이 문제를 일으킬 수 있다는 것을 알고 있습니까?

모든 대문자, 굵은 체, 기울임 꼴 및 밑줄이있는 너무 많은 유형 변형을 사용하면 텍스트가 실제보다 훨씬 압축되고 압축 된 것처럼 보일 수 있습니다. 가독성과 관련하여 문제가됩니다.

이러한 텍스트 효과를 악센트에 사용하거나 강조하려는 경우 중지하고 더 나은 방법이 있는지 스스로에게 물어보십시오. 이 모든 것들이 드물게 사용될 때 괜찮지 만 전체 디자인 전체에 있어서는 안됩니다.

이중 간격

문장의 끝과 다음 문장의 시작 부분에 마침표 (및 기타 문장 부호) 사이에 공백을 두지 마십시오. 홀수 간격 만 남습니다. 이 간격은 줄 끝에서 더욱 어색해지며 새로운 줄에서 문장의 시작 부분에 공백이 생길 수 있습니다.

최신 디지털 조판은 문장 사이의 간격을 관리하도록 설계되었습니다. 때로는 수동 조정이 필요할 수 있지만 타자기에 디자인 요소를 만들지 않는 한 두 개의 공백이 거의 필요하지 않습니다.

잊어 버린 장치 / 화면 크기

작은 화면에 표시되고 텍스트를 포함하는 웹 사이트 디자인, 전자 메일 또는 소셜 미디어 이미지의 글꼴 크기를 설정할 때 모바일 사용자를 잊지 마십시오.

줄 사이의 간격은 텍스트 자체의 크기만큼 중요합니다.

이것은 타이포그래피 그 자체로 수행하는 것이 아니지만 크기는 사람들이 메시지를 이해할 수 있는지 여부에 큰 영향을 미칩니다. 일부 서체는 더 작은 크기로 만들어지고 잘 렌더링되지만 다른 서체는 큰 디스플레이에 훨씬 적합합니다.

글꼴 조정에 대해 생각할 때는 크기와 행간을 고려하십시오. 줄 사이의 간격은 텍스트 자체의 크기만큼 중요합니다.

사용에 대해 생각하고 그에 따라 글꼴을 선택하십시오. (다른 화면 크기로 조정해야 할 경우에도 마찬가지입니다.)

디스플레이에서 하이픈 사용

일반적으로 웹 디자이너에게는 큰 관심사가 아니지만 다른 모든 사람에게는 큰 문제입니다. 표시 유형의 단어에 하이픈을 넣지 마십시오.

그냥 못 생겼어 그리고 읽기 어렵다.

하지마

계속해서 그리고 계속해서…

웹에 있기 때문에 계속해서 유형을 계속 사용할 수 있다고 생각하지 않아도됩니다. 글자가 아무리 아름답더라도 아무도 그 모든 것을 읽지는 않습니다.

중요한 단어를 고수하십시오. 사람들이 실제로 읽을 수 있도록 유형 선택을 더 잘 활용할 것입니다.

디자인에 텍스트가 많을수록 타이포그래피가 더 중요해집니다.

계속되는 텍스트와 관련하여 텍스트 블록의 길이를 생각하십시오. 단락은 짧고 소화하기 쉬운가? 스캔하기 쉽도록 목록과 형식을 사용합니까?

줄당 문자 수를 생각하면 글꼴 크기를 결정하는 데 도움이되며 줄당 40 ~ 60자를 목표로합니다 (가장 작은 화면의 경우 약간 줄어 듭니다). 이렇게하면 텍스트 블록이 너무 청크하거나 어색한지를 알아낼 수 있습니다.

헤드 라인을 제외한 모든 것에 대해 표준 정렬을 고수하십시오. 중앙에 긴 텍스트 블록은 읽기가 매우 어렵습니다. 사람들은시 밖에서 그것을 좋아하지 않거나 기대하지 않으며 많은 시선을 유발합니다. 정렬 된 텍스트 블록은 길면 읽기가 어렵고 반응 형 프레임 워크에서 해결하기 어려운 어색한 간격 문제를 일으킬 수 있습니다.

디자인에 텍스트가 많을수록 타이포그래피가 더 중요해집니다. 가독성을 높이기 위해 긴 블록에서 어려운 형식을 지정하지 않고 명확하고 읽기 쉬운 글꼴을 사용하십시오.