Дизайнер вибрав хороші шрифти для інтерфейсів
Дизайнер Томас Біттебір (Thomas Byttebier) написав пост про те, які шрифти потрібно використовувати при проектуванні інтерфейсів, які небажано, також показав різницю на прикладах. Look At Me публікує витяг з його матеріалу.
« Отже, якщо ми повернемося до простої форми букв, що саме хочемо бачити у хорошому шрифті для інтерфейсу? Що робить його добрим для інтерфейсу? Тобіас Фрер-Джонс, відомий американський шрифтовик (крім інших, Gotham) якось сказав: „Усім текстам потрібні розбірливі шрифти. Але особливо в інтерфейсах очам потрібен шрифт, який допомагатиме, а не чинитиме опір».
Цитата Фрер-Джонса підкреслює ідею, що насамперед потрібен ясний шрифт. Ми повинні бути абсолютно впевнені, що між продуктом та користувачем немає розбіжностей. Подивіться на два ці шрифти.
Чудовий німецький друкар Ерік Шпікерман (крім інших красенів, Meta і Fira) сміливо заявив у своєму блозі: «Helvetica відстій. Її і справді не проектували для малих розмірів та дисплеїв“. Слова на кшталт „міліметр“ (milliliter) важко розібрати». Подивимося. Закрийте очі ще раз і випробувайте на собі.
Це чудово ілюструє Gill Sans. Це чудовий шрифт, але він просто не створений для інтерфейсного дизайну. Перший (1), другий (велика “I”) та останній (маленька “l”) символи виглядають однаково!
Helvetica страждає на ту ж незрозумілість. Ерік Шпікерманн одного разу візуально порівняв DB Sans і Helvetica, щоб показати це на прикладі. Дозвольте зробити те ж саме з Helvetica та Fira Sans. Закрийте очі. Ви, мабуть, побачите, як гліфи в парах на Neue Helvetica змішаються. Збиваючи з пантелику проти розбірливого.
Тепер, коли ми знаємо, на що дивитися, залишається питання: що такешрифт для інтерфейсу? Дозвольте показати кілька чудових, хоч і очевидних варіантів. Це шрифти без засічок, які розроблені спеціально для інтерфейсів.
По-перше, це, звичайно, Lucida Grande. Розроблений Чарльзом Бігелоу та Крісом Холмсом, він використовувався в інтерфейсі Mac OS X з 1999 по 2014 рік. Його оптимізували для Retina в 2013 році. Шрифт майже ідентичний Lucida Sans, але деякі символи зробили більш чіткими для малих розмірів на екранах. Ви знаєте, чому. Хоча різниця між великою “I” та малою “L” складно помітити, це все ще працює.
Verdana, як і Georgia, розробив Меттью Картер для Microsoft. Він випущений 1996 року. Особливу увагу приділили різницю між схожими формами. І ви знову знаєте чому.
Fira Sans - шрифт із Firefox. розроблений Еріком Шпікерманном та Ральфом Дю Карроїсом для Mozilla і випущений у 2013 році у 4 товщинах. Його серйозно оновили у 2014 році. Fira тісно пов'язана з Meta Шпікерманною, який використовують як шрифт бренду Mozilla Foundation. Він чудово виглядає у Інтернеті.
Roboto розробив Крістіан Робертсон для Google. Він замінив Droid як системний шрифт Android у 2011 році. Roboto часто обговорювали після релізу, але з того часу його покращили, виправивши багато ранніх помилок. Roboto створений спеціально для інтерфейсів на екранах з високою роздільною здатністю.
Ubuntu спроектований Далтоном Маагом і випущений у 2010 році як основний шрифт в операційній системі Ubuntu. Його насамперед розробили для екранів. Він, мабуть, має найбільш своєрідний вигляд із усіх згаданих тут [шрифтів]. Для вашого застосування це або добре, або не дуже добре.
Серед інших стоїтьвідзначити Segoe UI, представлений у Windows Vista і пізніше покращений. San Francisco, системний шрифт для Apple Watch і, безумовно, для годинника взагалі. Droid Sans та Open Sans, Aller Sans, Source Sans Pro, Azuro, PT Sans. ».