Цветни шрифтове: Ръководство за начинаещи

И така, какво по дяволите е цветен шрифт? Това е термин, който продължава да се появява и започва да придобива сцепление, въпреки че използването в големи дизайнерски проекти все още е в начален стадий.

Доставчици като Typekit на Adobe започнаха да пускат някои опции за цветен шрифт с поддръжка на браузъра, така че има известно движение към по-широка употреба. Някои дори наричат ​​цветните шрифтове „следващото голямо нещо в уеб дизайна“.

Тук ще разгледаме тенденцията и ще ви позволим да решите колко голяма - или не - ще бъде тази концепция.

Разгледайте елементи Envato

Какво е цветен шрифт?

Цветните шрифтове са почти точно това, което звучат. Шрифтове, които включват множество цветове, нюанси или градиенти, текстури или прозрачност. Тези фънки опции не са просто добавяне на цвят към буквите, те са специфични шрифтове с включена подробност.

Цветните шрифтове могат да включват векторни форми, растерни изображения или и двете във файловете с шрифтове, което може да направи тези шрифтове по-тежки от стандартните пакети с шрифтове. Най-често срещаните примери за цветни шрифтове включват емоджи шрифт или буква, която съдържа икони вътре. Едноцветните шрифтове в този стил често се наричат ​​хроматични шрифтове, защото съдържат само един оттенък или сив цвят.

Най-големият проблем с цветните шрифтове в момента е, че няма истински стандартен формат. И има улов с всички тези файлови формати - векторни и SVG изображения могат да бъдат мащабирани с лекота, но битмап версиите потенциално могат да имат ограничения за размера.

Всъщност има пет формата за справяне с:

  • SBIX (Apple): Bitmap версия с вградена поддръжка за Mac и iOS системи
  • CBDT (Google): Bitmap версия с вградена поддръжка на Android системи
  • COLR (Microsoft): Векторна версия с нативна поддръжка на Windows 8.1+ системи
  • SVG (W3C): векторни и растерни версии
  • OpenType SVG (Adobe / Mozilla): векторни и растерни версии, които поставят SVG форми във OpenType шрифтове

От друга страна, основните играчи започват да приемат насоки за употреба. Mozilla (основата на уеб браузъра Firefox) и Adobe са се съгласили, че OpenType SVG е предпочитаният формат; други все още са в поток, докато стигнат до решение.

Ако искате да навлезете в дебелото зърно как работят тези шрифтове и всички спецификации на файловия формат, Fontself има доста добър грунд.

Как използвате цветни шрифтове?

Една от двете мисли се случва, когато за пръв път видите цветен шрифт:

  • Леле, това е отвратително!
  • Готино! Знам точно как да го използвам!

Независимо в кой лагер се намирате, има приложения, които са напълно подходящи за цветни шрифтове. Но трябва да ги използвате в рамките на разума. (Цветните шрифтове са за най-щадящите пестеливо употреби.)

Опитайте цветен шрифт:

  • За техника на привличане на вниманието за кратка дума
  • За икона или елемент в стил лого
  • За капачка за пускане за стартиране на дълъг блок текст
  • За смело лечение на заглавието в иначе минимален стил дизайн
  • За да се фокусира върху определена дума или думи в голям блок от текст
  • Когато останалата част от дизайна е проста
  • Когато типографията ще бъде вашият основен елемент на изкуството
  • Когато проектът изисква нещо забавно и необичайно, за да привлече вниманието на потребителите
    • Как да не използвате цветни шрифтове

      Има повече начини да не използвате цветни шрифтове, отколкото вероятно можете да преброите. Не искате да се върнете като дизайн на уебсайтове обратно към някои от мигащите, мигащи, непреодолими цветни лудории от 90-те години.

      Не използвайте цветен шрифт:

      • С изображения или отгоре на изображения
      • С натоварени фонове
      • За много текст
      • С много други техники за дизайн, като анимация или движение; цветът сам по себе си обикновено е достатъчен, за да създаде визуално въздействие
      • С други шрифтове за новост или специалност

      Еволюираща тенденция

      Тенденцията на цветния шрифт започва да придобива сцепление от някои основни играчи в типографията. Форматът на OpenType SVG, приет от Adobe и Mozilla, може да бъде инструментът и форматът, който помага на тази тенденция наистина да се оттегли. 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 разполага с видеоурок, който преминава през процеса стъпка по стъпка

      Изтеглете или вградете

      Има някои доста готини цветни шрифтове, които ви крещят, за да ги използвате в проект днес. Ето няколко, за да стартирате творческия си поток за цветен шрифт (плюс връзки към другите цветни шрифтове, използвани по-горе):

      • Въведете с Гордост
      • Плажна кърпа
      • Бънджи
      • Акварелен шрифт
      • Цвят Bixa
      • Детски играчки
      • OneLine Bold
      • гуру
      • неон

      заключение

      Готови ли сте да скочите върху тенденцията за цветен шрифт? Това е твърде много или петната подкрепа е истински проблем за вашите проекти?

      Лично аз смятам, че тази тенденция е много забавна и има реално практическо използване в печатни проекти като плакати за събития или листовки. Все още не съм съвсем убеден, що се отнася до проекти за уебсайтове. Времето само ще покаже дали тази тенденция наистина се превръща в „следващото голямо нещо в уеб дизайна“ или друга мимолетна прищявка.

© Copyright 2021 | computer06.com