웹 트렌드 2015-2016 : 극적인 타이포그래피

이미지 제공 : http://twoarmsinc.com/

이미지 제공 : http://twoarmsinc.com/

타이포그래피는 지난 수십 년 동안 먼 길을 왔습니다. 웹 타이포그래피의 진화는 디자이너에게 더 많은 옵션을 의미하지만 뒤쳐 질 위험이 더 커집니다.



이 기사에서 우리는 극적인 타이포그래피의 현대적인 트렌드를 살펴볼 것입니다. 타이포그래피 기법과 9 가지 기타 트렌드에 대해 자세히 알아 보려면 무료 eBook을 확인하세요. 웹 디자인 트렌드 2015 및 2016 (166 개의 예제와 100 개의 무료 디자인 리소스 포함).



극적인 타이포그래피

타이포그래피는 가독성과 가독성 이상의 목적으로 사용되고 있습니다 (아직 주요 목적 임에도 불구하고). 단순하든 정교하든 크든 작든 오늘날 사이트의 단어는 드라마 적 감각을 더하기 위해 점점 더 많이 사용되고 있습니다.

극적인 타이포그래피가 두드러집니다. 내용의 큰 블록에서, 타이포그래피는 독자가 의미를 이해하도록하기 위해 평범하고 겸손해야합니다. 그러나 개별 단어 나 문장을 분리하면 텍스트가 시각적 디자인 요소가되기 때문에 더 창의적이 될 수 있습니다.



계속하기 전에 극적인 타이포그래피와 단순한 타이포그래피가 상호 배타적이지 않음을 분명히합시다. 사실, 단순화 된 타이포그래피는 현재 가장 인기있는 극적인 타이포그래피 형태 중 하나입니다.

요컨대, 극적인 타이포그래피는 어떤 이유로 든 시각적으로 눈에 띄는 타이포그래피로 가장 잘 설명 될 수 있습니다.

아이폰 플러스가 얼마나 큽니까

기본으로 돌아 가기

극적인 타이포그래피의 추세를 이해하려면 먼저 기본 사항에 대한 이해를 새롭게해야합니다.



유형 범주는 분위기, 구조 및 글자의 영향에 따라 구분됩니다. 가장 큰 구분은 세리프와 산세 리프 사이이며, 산세 리프는 단순성의 대중화 이후 현재 가장 선호되는 제품입니다. Serifs는 특정 문자 라인의 가장자리에 추가 장식이되어 있으며 sans는 '없음'을 의미합니다.

이미지 제공 : Tom Gabor, http://tomgabor.com/i-shot-the-serif/

이미지 제공 : Tom Gabor, http://tomgabor.com/i-shot-the-serif/

유형 패밀리는 단순히 선택한 글꼴의 모든 변형입니다. 다른 형식에는 일반, 굵게, 기울임 꼴, 압축, 검은 색 및 때로는 기타가 포함됩니다.

타이포그래피의 맥락에서 획은 각 선의 너비를 나타냅니다. 동일한 제품군 내에서 균일 한 스트로크를 공유하는 것이 최근 추세 인 것 같습니다. 균일 한 스트로크는 다른 설정과 대비에서 더 쉽게 읽을 수 있기 때문입니다.

타이포그래피는 보이는 것만 큼 사용되는 방법에 관한 것입니다. 이것은 우리가 최근에 단순하고 겉보기에 지루해 보이는 서체가 우리의 관심을 끄는 이유를 설명 할 것입니다.

글꼴 가용성

극적인 타이포그래피의 원동력은 대량 사용을위한 서체의 가용성 증가입니다. 적은 비용으로 더 많은 글꼴을 사용할 수 있습니다. Google 글꼴 .

예를 들어 Adobe의 모든 Creative Cloud 플랜에는 질소 서비스. 오늘날 웹 디자이너는 저렴한 비용으로 다양한 옵션을 사용할 수있는 거지이자 선택자가 될 수 있습니다. 수영장의 크기도 점점 더 많은 새로운 유형 설계자들을 끌어 들이고 있습니다.

http://packdog.com/ 이미지 제공

http://packdog.com/ 이미지 제공

이 가용성은 또한 테마 기반 디자인을 허용합니다. WordPress 사용자는 자체 웹 사이트와 동일한 양의 옵션에 액세스 할 수 있습니다.

글꼴 렌더링의 경우 최신 브라우저와 인터페이스의 발전으로 인해 과거의 일이되었습니다.

이미지 제공 : http://2015.theconference.se/

이미지 제공 : http://2015.theconference.se/

상자를 사용하는 동안 또는 웹에 적합한 서체 키트에서 만드는 것은 좋은 옵션입니다. 창의력을 발휘하는 것을 두려워하지 마십시오. 참고로, 최근에 본 가장 인기있는 서체는 다음과 같습니다.

산세 리프 서체 :

  • 다음 노바
  • 미래
  • 올라오다
  • 없이 열기
  • Helvetica Neue

Serif 서체 :

  • Caslon
  • Garamond
  • 화물 텍스트
  • 미니언
  • FF 메타 세리프

개인적으로 우리는 Proxima Nova를 고수했습니다. UXPin 올해 초 웹 사이트. 매우 가독성이 높고 올바른 레이아웃 처리로 진술을 할 수있는 간단하고 깨끗한 서체입니다.

대조적 인 배경과 작은 텍스트로 균형을 이룬 중간 크기의 헤드 라인을 만들었습니다. 큰 헤드 라인이 순수한 흰색 배경에 설정되어 있기 때문에 헤드 라인이 실제보다 더 크게 나타납니다 (본문 텍스트가 꽉 차지 않음).

다른 각도로 머리를 그리는 방법

추세가 지속 될까요?

극적인 타이포그래피는 트렌드가 아니라 몇 년마다 스스로를 재발 명하는 기술에 가깝습니다.

오늘날 우리가 보는 것은 단순히 대부분의 디자이너가 타이포그래피를 사용하는 방식의 현재 반복입니다.

이미지 제공 : http://www.mooncampapp.com/

이미지 제공 : http://www.mooncampapp.com/

일반적으로 좋은 타이포그래피는 항상 다음 목표를 달성합니다.

  • 텍스트의 메시지를 전달
  • 다른 디자인 전술과 함께 작동
  • 기술적 요구 사항에 적합 (예 : 브라우저 호환성 및 반응 형 디자인)
  • 기억에 남는 인상을 남깁니다.

오늘날의 타이포그래피 트렌드는 이러한 목표를 달성하지만, 다음 디자인 시대에 어떻게 적응할까요?

타코 벨 로고 흑백

이미지 제공 : http://floatpasadena.com/

이미지 제공 : http://floatpasadena.com/

가장 안전한 예측은 디자이너가 다른 사람이하는 일을하지 않기를 원하기 때문에 가장 인기있는 트렌드 (예 : 큰 흰색 유형)가 가라 앉기 시작할 것입니다. 기술을 통해 3D 효과 및 애니메이션을 더 많이 구현할 수 있으므로 서체가 표시되는 방식에서 더 큰 역할을 할 수 있습니다.

디자인의 다른 요소와 마찬가지로 타이포그래피 및 사용 방법은 기술의 요구와 허용에 연결되어 있습니다.

오늘이 무료 책을 다운로드하십시오!

오늘이 무료 책을 다운로드하십시오!

웹 디자인 기술로서의 미니멀리즘에 대한 더 많은 조언과 9 개의 다른 현재 웹 디자인 트렌드는 무료 ebook을 확인하세요. 웹 디자인 트렌드 2015-2016 . Adidas, Intercom, Apple, Google, Versace 등과 같은 회사에서 엄선한 166 개의 사례를 찾을 수 있습니다. 디자인 프로세스의 속도를 높이기 위해 선별 된 100 개의 무료 온라인 리소스 목록도 있습니다.

: 제리 카오

Jerry Cao는 다음 사이트의 콘텐츠 전략가입니다. UXPin — 와이어 프레임 및 프로토 타이핑 앱 — 그는 와이어 프레임 및 프로토 타이핑 플랫폼 용 인앱 및 온라인 콘텐츠를 개발합니다.

이렇게? 읽어보세요 ...