UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Вибір дизайнерів: найкращі шрифти Google
Редакція
Редакція

Опубліковано з Dinozavrix

Вибір дизайнерів: найкращі шрифти Google

Типографіка - це мистецтво, що володіє художніми, естетичними та технічними цінностями, тому вона заслуговує на більшу увагу, ніж зазвичай їй приділяє широка публіка. Ми настільки звикли бачити текст усюди, що майже ніколи не зупиняємося, щоб поглянути на ці літери, на те, як їх створено і розташовано, і, що особливо важливо, як вони вписуються в дизайн і взаємодіють із графічним контекстом, у який їх поміщено.

Ми, в Qode Interactive, вважаємо, що до типографіки слід підходити з такою самою увагою, як і до будь-якого іншого елементу дизайну. Річ не лише в тому, що шрифти "несуть" текст, вони також наповнюють дизайн певними психологічними цінностями та передають певні повідомлення, подібно до зображень і кольорів. Одні шрифти виражають енергію й оптимізм, інші надають дизайну елегантності або вишуканості, треті романтичні, і, звісно ж, існує безліч професійних і доволі суворих гарнітур. Правильний вибір шрифту забезпечує узгодженість дизайну, а також надзвичайно важливий з погляду брендингу та створення естетичної індивідуальності.

Незважаючи на те, що існує так багато дивовижних інді-словесників, які створюють всілякі інноваційні та класичні шрифти, дизайнери часто обирають безкоштовні шрифти, які можна завантажити в Інтернеті. У наші дні існує маса місць, де дизайнер може завантажити шрифт, але сьогодні ми хочемо поговорити про наш (і всіма) улюблений - Google Fonts.

Є багато причин, через які Google Fonts домінує над іншими безкоштовними джерелами шрифтів. По-перше, це Google, і ви знаєте, що вони дуже серйозно ставляться до всього. З Google Fonts дизайнер може бути впевнений, що будуть враховані усі технічні деталі, наприклад, ліцензування, і їх легко додати на будь-який сайт завдяки API Google Fonts. Крім того, Google Fonts являє собою ретельно підібрану колекцію шрифтів, які було перевірено, випробувано та протестовано перед розміщенням їх у репозиторії. Йдеться про високоякісні шрифти, які відмінно працюють на екранах будь-якого типу і розміру. Біда тільки в тому, що їх так багато, що складно вибрати. Фактично, вам доступно більше 1200 безкоштовних сімейств шрифтів (і їхня кількість продовжує зростати, оскільки Google регулярно додає нові), тому пошук підходящого для вашого проекту шрифту може виявитися складним завданням.

Через це, а також через те, що ми дійсно захоплені типографікою, ми вирішили поділитися добіркою, на нашу думку, найцікавіших шрифтів Google на даний момент.

Krona One

Ми починаємо наш список з чудового шрифту Krona One, створеного талановитим друкарем Івонн Шюттлер. Це малоконтрастний шрифт без зарубок і один із небагатьох істинно напіврозширених стилів (хоча, ми розглядаємо його як повністю розширений) у репозиторії Google Fonts. Натхненний рукописним шрифтом шведських плакатів початку 20-го століття, Krona One несе в собі виразну атмосферу скандинавського ретро, але насправді може відповідати широкому спектру різних стилів і естетики. Легко читається, просторий і яскравий, Krona One - відмінний вибір для заголовків або будь-якого тексту, який ви хочете зробити жирним і помітним. Проте, це не означає, що його не можна використовувати і для більш дрібного тексту. Що ми і зробили в нашій темі Gracey, де Krona One використовується для hero-типографіки, а також для меню заголовка. Ми також визнали цей шрифт чудовим вибором для демо Art Festival у темі Stockholm, де ми використали як менші, так і більші стилі Krona One.

Syne

Ще один шрифт, що знайшов широке застосування в наших темах, Syne був вперше розроблений у 2017 році в якості призначеного для користувача шрифту для художнього фестивалю Synesthésie в Сен-Дені. Концепцію шрифту придумала французька дизайн-студія Bonjour Monde, а спроектував його Лукас Дескруа за участю Армана Мохтаджі. Syne випускається в п'яти різних стилях: regular, medium, semi-bold, bold і extra bold. Початок цій сім'ї шрифтів, зрозуміло, поклав regular стиль - прекрасний геометричний шрифт без зарубок, зручний і придатний для найширшого застосування, від заголовків до невеликих фрагментів тексту. Проте, для тих, хто хоче заявити про себе сміливіше у своїх заголовках, студія замовила додаткові стилі, кожен з яких важчий за попередній і увінчаний кумедним, широким extra bold стилем. Micdrop - одна з наших тем, у якій більш жирні стилі Syne використовуються для створення особливо впізнаваного характеру з легким натяком на ретро-естетику. Деякі домашні сторінки тем, наприклад, Label Showcase, використовують тільки Syne, не комбінуючи його з іншими шрифтами, що показує, наскільки універсальним та практичним є цей шрифт, незважаючи на його досить гучний характер. Ми також обрали Syne для нашої теми Laurits, де ми досліджували м'якший бік цього шрифту, який також дуже добре поєднується з геометричним, секційним макетом.

Italiana

Як випливає з назви, Italiana - це шрифт без зарубок, значною мірою натхненний італійською типографічною традицією, насамперед рукописними стилями. Розроблений дизайнером Сантьяго Ороско як елегантний, витончений шрифт із крихітною часткою естетики dolce vita, Italiana був насамперед призначений для заголовків, що нагадують літери, які використовували в газетах і журналах початку 20-го століття. Italiana наразі доступна тільки у звичайному стилі, але сімейство в розробці, тому ми сподіваємося, що скоро з'являться доповнення. Це чистий, повітряний і пропорційний шрифт, а його елегантний характер робить його особливо придатним для модних і творчих проєктів. На відміну від багатьох інших дизайнерських творінь, натхненних Італією, цей шрифт ні в найменшій мірі не є похідним і уникає звичайних естетичних банальностей. Він легко адаптується і добре вписується в найрізноманітніші стилі та контексти, і нам дуже сподобалося, як він відповідає атмосфері нашої теми Oráiste. Його поєднання тонких і товстих елементів, а також ретельний кернінг та інтервали роблять Italiana повітряним, але самобутнім шрифтом, який чудово підходить для настрою, який ми хотіли створити за допомогою нашої теми.

Bellezza

Як і Italiana, Bellezza черпає натхнення в італійській культурі, цього разу в її моді. Цей красивий, вишуканий жіночний шрифт без зарубок належить до групи гуманістичних шрифтів, запозичених зі старих латинських шрифтів. Завдяки трохи більшому контрасту між тонкими та широкими штрихами, Bellezza додає індивідуальності гуманістичному стилю, а його класичні пропорції роблять його більш читабельним і зручним. Коли ми працювали над темою Töbel, Bellezza стала природним і очевидним вибором. Шрифт з особливо елегантним характером став чудовим засобом надання макетам додаткової нотки вишуканості та унікального італійського шику.

Space Grotesk

Space Grotesk - це шрифт, розроблений чеським дизайнером Флоріаном Карстеном на основі шрифту фіксованої ширини Space Mono від Colophon Foundry (також шрифту Google) 2017 року. При створенні цього пропорційного шрифту без зарубок Карстен хотів зберегти деяку химерність шрифту Space Mono, але і зробити його більш читабельним. Цей універсальний, адаптований шрифт доступний у п'яти стилях: light, regular, medium, semi-bold і bold. Він чудово поєднується зі своїм старшим братом із зарубками, Space Mono.

Federo

1909 року знаменитий піонер шрифтів без зарубок Якоб Ербар розробив шрифт Feder-Grotesk, який був уперше відлитий у 1910 році франкфуртською словолітністю Ludwig & Mayer. У 2011 році Олекса Волочай розробив для Cyreal цифрову інтерпретацію цього класичного шрифту - дисплейний веб-шрифт Federo. Ідея полягала в тому, щоб шрифт залишався близьким до оригіналу - підкреслений без зарубок із помітно нерівномірною товщиною штрихів, що нагадує рукописний шрифт, написаний ширококонечним пером, у характерному стилі ар-нуво , але покращити його, зробити його дещо послідовнішим. Злегка зменшено контрастність, виправлено пропорції та збільшено внутрішньобуквеневі просвіти, що поліпшило читабельність шрифту. У результаті вийшов чудовий, готовий до використання в Інтернеті шрифт із яскраво вираженою індивідуальністю і стилем. Нам сподобалося демо Animated Showcase, в якому ми вирішили створити настрій, що поєднує творчий підхід і професіоналізм.

DM Sans

Багато шрифтів, які ви можете знайти в репозиторії Google Fonts, насправді були замовлені самою Google, як і у випадку з DM Sans. Його розробив Джонні Пінхорн під творчим керівництвом DeepMind і MultiAdaptor, його випустили 2019 року. У його основу лягла гарнітура Poppins від Pinhorn. DM Sans - це малоконтрастний геометричний шрифт без зарубок, який дійсно подобається Google, і зазвичай він призначений для тексту меншого розміру. DM Sans добре поєднується зі спорідненим шрифтом DM Mono, а також із Baskerville, Roboto і Noe. Він доступний у кількох стилях: regular, medium і bold, з відповідним курсивом. DM Sans підтримує розширений набір латиниці, а отже підходить для англійської та більшості інших західно-європейських мов.

DM Sans, безумовно, є одним із наших фаворитів на всі часи, і ми використовували його для низки тем, наприклад, Zermatt, де він добре поєднується з бруталістськими та швейцарськими дизайнерськими акцентами. Ми також використовували DM Sans для нашої багатоконцептуальної теми Stockholm, і, зовсім нещодавно, для Qi Theme, нашої першої у світі безплатної теми WordPress. DM Sans також було обрано для плагіна Qi Addons for Elementor. Наш вибір був продиктований тим, що це чистий, дуже розбірливий шрифт із яскраво вираженим сучасним характером, можливо, більшою мірою, ніж деякі інші високоякісні шрифти, які широко використовуються в Інтернеті. У зв'язку з тим, що багато дизайнів зміщуються в бік стандартів доступності з більшими шрифтами, шрифт DM Sans, простий, малоконтрастний і широкий, особливо добре відповідає цим стандартам.

Caudex

Спочатку створений наприкінці 1990-х років, Caudex - це шрифт із зарубками, який пізніше був адаптований для Інтернету за допомогою FontForge. Спочатку створений з використанням стандарту ISO 8859-1 і дотримуючись рекомендацій Medieval Unicode Font Initiative 3.0, Caudex був розроблений з метою друку старого рукописного тексту. Фактично, його стиль являє собою сучасний погляд на написи із середньовічних манускриптів, а його індивідуальність являє собою поєднання сучасної функціональності та класичного орнаменту. Він має дві ваги - regular і bold, а також відповідний курсив. Крім латинських гліфів, він також включає грецькі літери. Caudex - це шрифт, який добре поєднується з багатьма шрифтами, як із зарубками, так і без. Наприклад, для нашої теми Gaspard, ми використали його для тексту і заголовків і об'єднали з Italiana для типографіки hero-зображення, і з Catamaran для навігаційних посилань, створивши елегантний і збалансований мікс.

Cinzel Decorative

Будучи частиною дуже популярного сімейства веб-шрифтів Cinzel, Cinzel Decorative є чудовим вибором для дизайнів, які хочуть передати відчуття елегантності та класу. Цей шрифт із великими літерами, створений Натанаелем Гамою, слідує класичним пропорціям і вирізняється елегантними розчерками та розширеними штрихами, які надають йому каліграфічного вигляду. Це сімейство шрифтів було засновано на ранніх римських написах, але в сучасній інтерпретації. Завдяки своєму класичному характеру, Cinzel Contemporary чудово підходить для дизайну, пов'язаного з літературою, мистецтвом і культурою. Він доступний у кількох стилях, включно з extra bold і black. Більш стриманим представником цього сімейства є Cinzel, з тими самими класичними пропорціями і стилем, але без завитків. Завдяки своєму елегантному характеру, Cinzel став ідеальним вибором для заголовків нашої теми Belletrist, створеної для письменників, видавців і бібліотек, де ми поєднали його з не менш складним Cormorant Garamond для абзаців і Open Sans для навігаційних посилань.

Viaoda Libre

Натхненний в'єтнамською культурною спадщиною, символікою і письмом, Viaoda Libre - це сімейство шрифтів, що поєднує в собі традиції та сучасність, привносячи чудовий твіст в елегантну типографіку із зарубками. Створений німецьким дизайнером в'єтнамського походження Gydient (Тра Джіанг Нгуєн) за участю В'єтаня Нгуєна, Viaoda Libre призначений для особистого і комерційного використання, і однаково добре підходить як для заголовків, так і для меншого тексту. Назва "Viaoda" являє собою комбінацію "Vietnamese" і "Ao Dai" (Аозаї), терміна, що використовується для позначення традиційного одягу, який носять як жінки, так і чоловіки. {Штрихи шрифту нагадують м'які плавні лінії Аозай, а їхній загальний характер тонкий і вишуканий. Це натхнення також помітне в яскраво виражених лігатурах між символами, як-от "st" і "ft", що робить шрифт таким яскравим і впізнаваним. Будучи відносно новим сімейством шрифтів, Viaoda Libre продовжує розвиватися, і дизайнер сподівається, що це додасть цінність в'єтнамській культурі в усьому світі.

Висновок

Це далеко не повний список наших улюблених шрифтів Google на даний момент. Нашим дизайнерам було важко звузити свій вибір, оскільки в репозиторії Google є так багато неймовірно добре продуманих гарнітур і сімейств шрифтів, кожне з яких має свій характер і практичне значення. Вибір шрифту для дизайну, як завжди, залежить від безлічі факторів, серед яких його мета, передбачуване використання та естетичний характер. Під час вибору шрифту також важливо мати можливість побачити його в дії, і саме тут такі ресурси, як Fonts in Use, можуть стати в пригоді. Ми сподіваємося, що наш список надихнув вас на глибше занурення в репозиторій Google Fonts, а не використовувати стандартні Open Sans, Roboto і Oswald. Безліч чудових, функціональних шрифтів із чудовим дизайном чекають на вас і ваш наступний проект. Обов'язково повідомте нам про своє відкриття в галузі типографіки та поділіться тим, що вам сподобається найбільше.


Переклад статті medium.muz.li

Топ коментарі (0)