올바른 디스플레이 서체 선택 : 성공을위한 5 가지 팁

/2015-01-18 02:29:05/
Rim
/제도법/

웹 디자인의 가장 큰 트렌드 중 하나는 페이지 상단에 사용자를 사이트로 안내하는 큰 영웅 이미지 또는 비디오입니다. 이러한 종류의 미학은 디자이너가 디자인을한데 모으기 위해 올바른 디스플레이 서체를 만들도록 많은 압력을가합니다.

선택할 수있는 서체가 너무 많기 때문에이 작업은 다소 어려울 수 있습니다. 그러나 약간의 계획과 행운으로 훌륭한 서체를 찾을 수 있습니다. 다음은 디스플레이 타이포그래피의 몇 가지 아름다운 예를 시작하기위한 5 가지 팁입니다.

디자인 리소스 살펴보기

어쨌든 디스플레이 유형이란 무엇입니까?

팁으로 넘어 가기 전에 디스플레이 서체에 대해 편안하게 이야기하고 있습니까? (그렇다면 팁 1 번으로 건너 뛰십시오.)

그렇지 않은 경우, 디스플레이 유형은 종종 디자인의 헤드 라인 또는 큰 단어에 사용되는 크고 눈길을 끄는 글자입니다. 디스플레이 유형은 웹 디자인에 고유 한 것이 아니라 인쇄 디자이너가 사용하는 용어입니다.

디스플레이 유형은 웹의 두 가지 기본 형태로 제공됩니다.

Walk West (위)와 같은 홈페이지의 주요 웹 사이트 헤드 라인
웹 사이트 디자인 전체에서 각 페이지의 주요 헤드 라인 또는 헤더. 종종 홈페이지의 메인 헤드 라인만큼 크거나 화려하지는 않지만, 이러한 디스플레이 유형의 비트는 각 개별 페이지를 운반하는 요소입니다.

1. 읽을 수 있어야합니다

유효하려면 디스플레이 유형을 읽을 수 있어야합니다. 이것은 당연한 것처럼 들리지만, 선택할 수있는 멋진 참신 서체가 많기 때문에 주요 헤드 라인을 읽기 쉽지 않은 웹 사이트를 찾는 것은 어렵지 않습니다.

어떤 유형의 유형 카테고리, 표시 글자가 나오는지에 대한 규칙은 없습니다. 세리프와 산세 리프는 똑같이 잘 작동합니다. 일부 참신 서체조차도 이상적으로 일치합니다.

중요한 것은 글자가 충분히 크고, 간격이 충분하며, 화면에서 눈에 띄도록 다른 디자인 요소와 대비된다는 것입니다. “READ ME”소리를 지르는 단어가 어떻게 생겼는지 상상해보십시오. 그것이 사용자를 위해 디스플레이 서체가해야 할 일입니다.

2. 글자가 단어와 일치해야 함

이것은 실제로 볼 때까지 이해하기 가장 어려운 개념 중 하나 일 수 있습니다. 글자는 단어와 일치해야합니다.

여기에 설명이 있습니다. 일부 단어는 특정 서체에서 나쁘게 보입니다. 이것은 설명하기 어렵다. 어쩌면 단어에 s가 여러 번 포함되어 있고 해당 문자 형식이 문자 세트에서 잘 보이지 않습니다. 글리프 나 %, $ 또는 &와 같은 홀수 문자에서도 같은 일이 발생할 수 있습니다. 또는 I, l 및 1이 비슷하고 모든 문자가 표시되는 서체를 선택했을 수 있습니다. (다른 것을 골라야합니다.)

글자는 안구 검사를 통과해야합니다. 즉, 매력적으로 보일 것입니다. 단어들은 그들에게 바람직한 느낌이나 감각 또는 번영을 가져야합니다. 문자 조합에 이상한 점이 있으면 사용자도 마찬가지입니다.

3. 유연성을 부여하십시오

프로젝트 전체에서 디스플레이 유형이 어떻게 사용되는지 생각해보십시오. 올바른 헤드 라인 패키지를 만들려면 여러 가지 가중치와 스타일이 필요합니까? 선택한 서체가 기본 헤드 라인뿐만 아니라 보조 디스플레이 공간에서도 작동합니까?

이러한 모든 용도에 대해 생각하고 여러 가지 방법으로 선택한 서체로 충분한 유연성을 얻을 수 있습니다. 디스플레이 서체는 생각하기에 한두 단어 만있는 초대형 유형에서는 너무 좋아 보이지만, 보조 공간에서 사용할 때는 효과적인 사용법이 훨씬 까다로워집니다.

선택한 서체가 여러 상황에서 작동하는 경우 디자인을 통해 작업하고 일관성을 만드는 것이 훨씬 쉬울 것입니다. 추가적인 유연성과 디자인 일관성을 위해 디스플레이 용 전체 서체 제품군을 고려하십시오. 메인 헤드 라인을 조금만 더 살펴보고 보조 디스플레이에는 더 얇은 옵션을 사용하십시오 (색상으로 시도 할 수도 있음).

4. 얇은 뇌졸중에주의하십시오

다음 설명은 논란의 여지가 있습니다. 씬 스트로크는 디스플레이 유형과 관련하여 효과적으로 사용하기 어렵습니다.

예, 획이 얇은 글자는 놀랍습니다. 예, 일부 디자이너는 그것을 아름답게 끌어냅니다. 그러나 대부분은 그렇지 않습니다.

1 번 팁으로 돌아가십시오. 모두 가독성으로 돌아옵니다.

기본 디스플레이에 초박형 획이있는 서체를 사용했으며 27 인치 데스크탑 모니터 (디자인중인 모니터와 유사)에서 멋지게 보입니다. 이제 태블릿이나 휴대 전화에서 봅니다. 지금 어떻게 생각하세요? 여전히 읽을 수 있습니까? (아마도 아닙니다.)

더 설득력이 필요한 경우, Apple이 IOS 7로이 작업을 시도했다고 기억하십시오. 사용자는 운영 체제에 사용 된 서체가 너무 얇고 읽기 어렵다고 불평했습니다. 그들은 이러한 불만을 마음에 새 겼고 이후의 릴리스에는 더 두꺼운 글꼴이 포함되었습니다.

5. 이미지에 대한 생각

단어와 문자가 쌍을 이루는 이미지 나 비디오와 어떻게 작동합니까? 중요한 요소입니다. 톤이 디자인의 나머지 부분에서 이미지 및 메시지와 일치하지 않으면 세계에서 가장 아름다운 서체가 어색하게 보일 수 있습니다.

명암은 특히 이미지의 어두운 부분과 밝은 부분이 움직일 수있는 비디오의 기여 요인입니다. 단어는 항상 배경에서 인식 할 수 있어야합니다.

더 많은 디자이너가 단색 배경을 선택하고 있습니다. 이는 밝고 대담한 웹 사이트 디자인이 많은 매우 재미있는 트렌드입니다. 따라서 텍스트가 주요 초점입니다. 당신이 당신의 글자를 사랑한다면, 이것은 좋은 옵션이 될 수 있습니다.

굵은 표시 유형 옵션이있는 단색 배경은 실제로 사용자가 단어 자체에 집중할 수 있도록합니다. 말은 당신이 말하고 싶은 것에주의를 끌기 위해 그림으로 사용됩니다. 이 텍스트 조합은 다양한 글꼴 옵션과 함께 작동하며 하이 컬러에서 미니멀리스트 흑백 디자인에 이르기까지 거의 모든 색 구성표에 맞게 변경할 수 있습니다. 정말로 중요한 것은 당신이 절대적으로 사랑스러운 서체를 선택한다는 것입니다!