컬러 글꼴: 초보자 가이드

 컬러 글꼴: 초보자 가이드

John Morrison

컬러 글꼴: 초보자 가이드

도대체 컬러 글꼴이 무엇인가요? 대규모 디자인 프로젝트에서 사용하는 것은 아직 초기 단계이지만 계속 등장하고 관심을 끌기 시작한 용어입니다.

Adobe의 Typekit과 같은 공급업체는 브라우저 지원과 함께 일부 컬러 글꼴 옵션을 출시하기 시작했습니다. 더 넓은 사용을 향한 약간의 움직임이 있습니다. 어떤 사람들은 컬러 글꼴을 "웹 디자인의 차세대 혁신"이라고 부르기도 합니다.

여기서 트렌드를 살펴보고 이 개념이 얼마나 큰지 아닌지 결정할 수 있도록 하겠습니다. BE.

자세히 보기

색상 글꼴이란 무엇입니까?

색상 글꼴은 소리와 거의 같습니다. 여러 색상, 음영 또는 그라데이션, 텍스처 또는 투명도를 포함하는 서체. 이러한 펑키한 옵션은 레터링에 색상을 추가하는 것이 아니라 모든 디테일이 포함된 특정 서체입니다.

컬러 글꼴은 글꼴 파일에 벡터 모양, 비트맵 이미지 또는 두 가지 모두를 포함할 수 있으므로 이러한 서체가 표준 글꼴 패키지보다 무거워질 수 있습니다. 컬러 글꼴의 일반적인 예로는 이모티콘 서체 또는 아이콘이 포함된 문자가 있습니다. 이 스타일의 단색 글꼴은 하나의 색조 또는 회색만 포함하기 때문에 종종 색채 글꼴이라고 합니다.

또한보십시오: 표지판을 위한 35개 이상의 최고의 글꼴

현재 컬러 글꼴의 가장 큰 문제는 진정한 표준 형식이 없다는 것입니다. 이러한 모든 파일 형식에는 문제가 있습니다. 벡터 및 SVG 이미지는 쉽게 크기를 조정할 수 있지만비트맵 버전에는 잠재적으로 크기 제한이 있을 수 있습니다.

실제로 처리할 형식은 5가지입니다.

  • SBIX(Apple): Mac 및 iOS 시스템에서 기본적으로 지원되는 비트맵 버전
  • CBDT(Google): Android 시스템에서 기본적으로 지원되는 비트맵 버전
  • COLR(Microsoft): Windows 8.1+ 시스템에서 기본적으로 지원되는 벡터 버전
  • SVG(W3C): 벡터 및 비트맵 버전
  • OpenType SVG(Adobe/Mozilla): OpenType 글꼴에 SVG 모양을 넣는 벡터 및 비트맵 버전

한편, 주요 플레이어는 사용 지침을 채택하기 시작했습니다. Mozilla(웹 브라우저 Firefox의 중추)와 Adobe는 OpenType SVG가 선호되는 형식이라는 데 동의했습니다. 다른 사람들은 결정을 내릴 때 여전히 유동적입니다.

또한보십시오: 40개 이상의 최고의 빈티지 글꼴

이러한 글꼴의 작동 방식과 모든 파일 형식 사양에 대한 핵심 정보를 알고 싶다면 Fontself에 꽤 좋은 입문서가 있습니다.

색상 글꼴을 어떻게 사용합니까?

색상 글꼴을 처음 보았을 때 두 가지 생각 중 하나가 떠오릅니다.

  • 와, 끔찍하네요!
  • 멋지다! 나는 그것을 사용하는 방법을 정확히 알고 있습니다!

당신이 어느 진영에 있든 상관없이 컬러 글꼴에 완벽하게 적합한 응용 프로그램이 있습니다. 단, 합리적인 범위 내에서 사용해야 합니다. (컬러 글꼴은 가장 적게 사용하는 것입니다.)

컬러 글꼴을 사용해 보세요.

  • 짧은 단어에 대한 관심을 끄는 기술
  • 용 아이콘 또는 로고-스타일 요소
  • 긴 텍스트 블록을 시작하는 드롭 캡
  • 미니멀한 스타일 디자인에서 굵은 헤드라인 처리
  • 특정 단어 또는 큰 텍스트 블록의 단어
  • 나머지 디자인이 단순할 때
  • 타이포그래피가 주요 예술 요소가 될 때
  • 프로젝트에서 재미있고 특이한 것을 요구할 때 사용자의 관심을 끌기
    • 색상 글꼴을 사용하지 않는 방법

      색상 글꼴을 사용하지 않는 방법은 셀 수 없을 정도로 많습니다. 웹사이트 디자인을 1990년대의 번쩍거리고 압도적인 색상 광기로 되돌리고 싶지는 않을 것입니다.

      색상 글꼴 사용 금지:

      • 이미지 또는 이미지 위에
      • 복잡한 배경
      • 텍스트가 많은 경우
      • 애니메이션이나 모션과 같은 다른 많은 디자인 기법으로; 일반적으로 색상만으로도 시각적인 효과를 내기에 충분합니다.
      • 다른 참신함이나 특수 서체와 함께

      진화하는 트렌드

      컬러 글꼴 트렌드는 타이포그래피의 일부 주요 업체로부터 관심을 끌기 시작했습니다. Adobe와 Mozilla가 채택한 OpenType SVG 형식은 이러한 경향이 실제로 도약하는 데 도움이 되는 도구이자 형식일 수 있습니다. Adobe는 최근에 Photoshop에 컬러 글꼴을 추가했습니다(문자 팔레트에서 일부 이모티콘을 발견했을 수 있습니다).

      다음은 Adobe에서 OpenType SVG를 설명하는 방법입니다.

      "OpenType-SVG는 글꼴 형식입니다.OpenType 글꼴에는 SVG(확장 가능한 벡터 그래픽) 아트워크로 표현되는 글리프의 전체 또는 일부만 있습니다. 이를 통해 단일 글리프에 여러 색상과 그라데이션을 표시할 수 있습니다. 이러한 기능 때문에 OpenType-SVG 글꼴을 '색상 글꼴'이라고도 합니다.

      “OpenType-SVG 글꼴을 사용하면 텍스트를 이러한 그래픽 품질로 표시할 수 있으면서도 텍스트를 편집, 색인화, 또는 검색했습니다. 글리프 대체 또는 대체 글리프 스타일을 허용하는 OpenType 기능도 포함할 수 있습니다.

      “Trajan Color Concept 및 EmojiOne Color와 같은 컬러 글꼴은 프로그램의 글꼴 메뉴에서 일반적인 글꼴처럼 표시되지만 해당 글꼴을 표시하지 않을 수 있습니다. 많은 프로그램이 아직 색상 구성요소를 완벽하게 지원하지 않기 때문입니다. 소프트웨어 프로그램이 글꼴 내의 SVG 아트워크를 지원하지 않는 경우 글리프는 단색 검정 스타일로 대체됩니다. 색상은 일반적인 OpenType 글꼴처럼 작동하므로 이 대체 스타일에 계속 적용할 수 있습니다.”

      또한, The State of Web Type에는 색상 글꼴에 대한 브라우저 지원 업데이트 전용 섹션이 있으므로 언제 사용할지 결정할 수 있습니다. 당신이 뛰어들 시간입니다.

      컬러 글꼴의 진화와 사용의 채택 측면에서 두 가지가 중요한 역할을 할 것입니다.

      • 웹 디자인 프로젝트를 위한 브라우저와의 채택 및 호환성(현재 더 많은 색상 글꼴 디자인이 실제로 인쇄물에 나타납니다.호환성 문제 때문에)
      • 전반적인 스타일 기법과 좀 더 화려하고 화려한 디자인 기법이 전반적으로 유행하고 있는지

      컬러 폰트 사용해보기

      컬러 폰트라면 디자인 프로젝트 유형에 따라 컬러 글꼴을 다운로드하여 시작하거나 직접 만들 수 있습니다.

      나만의 만들기

      만드는 컬러 글꼴의 유형은 실제로 소프트웨어 기술에 달려 있습니다. 색상 글꼴에는 좋아하는 사진의 이미지에서 그라데이션 색상의 아름다운 거품과 획에 이르기까지 모든 것이 포함될 수 있습니다. 완전히 직접 수행하거나 도구를 사용하여 사용자 정의 색상 글꼴을 디자인할 수 있습니다.

      • Fontself는 사용자 정의 색상 글꼴을 만드는 데 도움이 되는 Adobe Illustrator 또는 Photoshop 추가 기능입니다
      • Glyphs
      • 의 이 튜토리얼을 사용하여 처음부터 모든 것을 그리고 디자인할 수 있습니다.FontLab에는 프로세스를 단계별로 안내하는 비디오 튜토리얼이 있습니다

      다운로드 또는 삽입

      현재 프로젝트에서 사용하라고 외치는 꽤 멋진 컬러 글꼴이 있습니다. 다음은 컬러 글꼴 크리에이티브 흐름을 시작하는 데 도움이 되는 몇 가지입니다(위에서 사용된 다른 컬러 글꼴에 대한 링크 포함).

      • 자랑스러운 타이핑
      • 비치 타월
      • 번지
      • 수채화서체
      • 빅사컬러
      • 아동장난감
      • 원라인볼드
      • 구루
      • 네온

      결론

      컬러 폰트 트렌드에 편승할 준비 되셨나요? 인가요너무 많거나 부족한 지원이 프로젝트의 실제 문제입니까?

      개인적으로 저는 이 트렌드가 매우 재미있고 이벤트 포스터나 전단지와 같은 인쇄 프로젝트에서 실제로 실용적으로 사용된다고 생각합니다. 그래도 웹 사이트 프로젝트에 관해서는 아직 확신이 서지 않습니다. 이 트렌드가 정말로 "웹 디자인의 다음 대작"이 되는지 아니면 또 다른 일시적인 유행이 되는지 여부는 시간이 말해줄 것입니다.

John Morrison

John Morrison은 노련한 디자이너이자 디자인 업계에서 다년간의 경험을 쌓은 다작 작가입니다. 지식을 공유하고 다른 사람으로부터 배우는 것에 대한 열정으로 John은 업계 최고의 디자인 블로거 중 한 명으로 명성을 쌓았습니다. 그는 동료 디자이너에게 영감을 주고 교육하는 것을 목표로 최신 디자인 트렌드, 기술 및 도구에 대해 연구하고 실험하고 글을 쓰는 데 시간을 보냅니다. 디자인 세계에서 길을 잃지 않을 때 John은 하이킹, 독서, 가족과의 시간 보내기를 즐깁니다.