Дизайнерът избра добри шрифтове за интерфейси

Дизайнерът Thomas Byttebier написа публикация за това кои шрифтове трябва да се използват при проектирането на интерфейси, кои са нежелателни, а също така показа разликата с примери. Look At Me публикува откъси от негов материал.

шрифтове

„Така че, ако се върнем към обикновена форма на букви, какво точно искаме да видим в един добър UI шрифт? Какво го прави добър за интерфейс? Тобиас Фрере-Джоунс, известен американски дизайнер на шрифтове (Gotham, между другото) веднъж каза: „Всеки текст се нуждае от четлив шрифт. Но особено в интерфейсите, очите се нуждаят от шрифт, който да помага, а не да се съпротивлява.“

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

Отличният немски типограф Ерик Шпикерман (наред с други красавици Мета и Фира) смело заяви в своя блог: „Helvetica е гадна. Той наистина не е проектиран за малки размери и дисплеи." Думи като "милиметър" (милилитър) са трудни за разбиране. Да видим. Затворете очи отново и опитайте сами.

дизайнерът

Това е прекрасно илюстрирано от Gill Sans. Това е страхотен шрифт, но просто не е създаден за преден дизайн. Първият (1), вторият (голямо „I“) и последният (малко „l“) символи изглеждат еднакви!

интерфейси

Helvetica страда от същата неразбираемост. Ерик Шпикерман веднъж сравни визуално DB Sans и Helvetica, за да илюстрира това с пример. Нека направя същото с Helvetica и Fira Sans. Покрийте очите си. Вероятно ще видите глифове по двойки на Neue Helvetica да се смесват. Объркващо срещу четливо.

шрифт

Сега, когато знаем какво да търсим, остава въпросът: какво еясен шрифт за интерфейса? Нека ви покажа някои отлични, макар и очевидни опции. Това са sans-serif шрифтове, създадени специално за интерфейси.

Първо, разбира се, е 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 на Spiekermann, който се използва като шрифт на марката Mozilla Foundation. Изглежда страхотно в мрежата.

интерфейси

Roboto е проектиран от Christian Robertson за Google. Той замени Droid като системен шрифт на Android през 2011 г. Roboto беше често обсъждан след пускането, но оттогава той беше подобрен, коригирайки много от ранните „бъгове“. Roboto е проектиран специално за интерфейси на екрани с висока разделителна способност.

дизайнерът

Ubuntu е проектиран от Dalton Maag и пуснат през 2010 г. като шрифт по подразбиране за операционната система Ubuntu. Той е предназначен предимно за екрани. Вероятно има най-идиосинкратичния вид от всички [шрифтове], споменати тук. За вашето приложение това е или добро, или не много добро.

добри

Наред с други ебележка Segoe UI въведен в Windows Vista и по-късно подобрен. San Francisco, системният шрифт за Apple Watch и, разбира се, за часовниците като цяло. Droid Sans и Open Sans, Aller Sans, Source Sans Pro, Azuro, PT Sans. ".