Зміст
- 01. Розглянемо власний шрифт програми
- 02. Виберіть шрифт відповідно до змісту
- 03. Використовуйте розмір і вагу для створення ієрархії
- 04. Додайте повороту особистості
- 05. Залиште багато вільного місця
Текст становить 95 відсотків усіх цифрових комунікацій. Тому незалежно від того, наскільки ретельно вдосконалений користувальницький інтерфейс, дизайн іконок або вибір зображень у програмі, ваш вибір шрифту є абсолютно важливим.
Типографіка безпосередньо впливає на взаємодію з користувачем додатка. Якщо вміст важко читати, параметри меню незрозумілі, або призначення кнопок та інші заклики до дії нерозбірливі, зручність користування страждає надзвичайно. І всі ці рішення потрібно приймати з урахуванням маленького екрану.
Прочитайте п’ять основних порад щодо вибору ідеального шрифту для вашого наступного дизайну програми ...
01. Розглянемо власний шрифт програми
Apple чітко побачила цінність типографіки, коли в 2015 році випустила власний шрифт без засічок, Сан-Франциско. Застосувавши суміш Helvetica Neue, Lucida Grande, Myriad Pro та VAG Rounded для різноманітних програмних, апаратних та маркетингових потреб до цього. точка, SF ставить галочки для технічного гіганта.
Як шрифт iOS за замовчуванням, Сан-Франциско може мати ліцензію зареєстрованих сторонніх розробників на розробку програм для платформ Apple. Він розроблений з урахуванням корисності та розбірливості, а iOS автоматично перемикається між текстовим та дисплейним варіантами, коли розмір падає нижче 10 балів або більше 20 балів.
Три роки тому Google також випустив власний розроблений власний шрифт програми для платформи Android: Roboto, який замінив попередній системний шрифт Droid. Як і в Сан-Франциско, це чистий, сучасний без засічок, але він має ще кілька примх особистості.
Якщо вам потрібен «рідний» вигляд, Сан-Франциско чи Робото - хороший вибір - і дизайнери Apple та Google зробили важку роботу, щоб забезпечити свою роботу на мобільних пристроях.
02. Виберіть шрифт відповідно до змісту
І Сан-Франциско, і Робото - це чистий дизайн без засічок, що, як правило, є вибором за замовчуванням для більшості дизайнерів додатків: без засічок нейтральні та безпечні, а також чудові для читабельності на кнопках, меню та заголовках.
Якщо у вашому додатку є велика кількість довгомірного вмісту, кращим вибором цілком може бути засічка. Наприклад, програми Medium, iBooks та газети, такі як Bloomberg чи The New York Times, використовують шрифти із засечками.
Такі програми мають відповідати широкому колу вікових категорій та уподобань серед читачів. Якщо у вашому додатку є великі текстові фрагменти, можливо, варто внести певний рівень налаштування як шрифту, так і розміру, щоб задовольнити конкретні потреби користувачів.
03. Використовуйте розмір і вагу для створення ієрархії
Apple радить мінімум 11pt тексту для збереження розбірливості на iPhone, iPad і Apple Watch, хоча намагайтеся уникати пересування меж. Ідеальне значення більше нагадує 15-19pt, тому надайте багато місця та уникайте надмірного захаращення інтерфейсу.
Сан-Франциско, Робото та популярні альтернативи дизайну додатків, такі як Open Sans, Proxima Nova та Museo Sans, мають різні корисні ваги, тому використовуйте їх повною мірою для акценту та ієрархії. У вас мало місця для роботи, і підняття ключового елемента до ваги або двох може творити чудеса, щоб привернути увагу.
Як правило, регулярні ваги найкраще підходять для мінімального діапазону 11-19 балів, середні ваги добре працюють від 20 до 34 балів, і все, що вище цього - зазвичай основні заголовки - добре працює жирним шрифтом. Легкі та надлегкі ваги найкраще зберігати для дуже великих типів, оскільки читабельність страждає в іншому випадку.
Враховуйте також довжину рядка. У середньому веб-сайт матиме 60–75 символів на рядок, тоді як програми значно вужчі: ви переглядаєте більше як 35–50.
Якщо рядки занадто довгі, вони стають громіздкими, і користувачі можуть втратити інформацію про інформацію; занадто короткий, і читання стає неприродним. На практиці, якщо ви відповідаєте вказівкам щодо розміру шрифту, вам слід уникати цих проблем.
04. Додайте повороту особистості
Що стосується дуже обтяжених, мінімалістичних, функціональних інтерфейсів, у вашому розпорядженні не так багато інструментів, щоб додати характер до дизайну вашого додатка. Плоский дизайн - це все про кольори, прості форми та типографіку.
Відповідно, якщо тип є одним з найвизначніших аспектів інакше жорстоко простого користувальницького інтерфейсу, варто розглянути дисплейний шрифт, який має деякі тонкі, але унікальні химерності. Зазвичай використовувані нейтральні шрифти є ефективними, але ви можете ризикувати втратою вашої програми.
Шрифти, які мають процвітання або особливі особливості дизайну на певних символах, варті уваги. Перегляньте в Google Fonts безкоштовні варіанти, такі як Raleway або Quicksand, або надайте ліцензію на більш складний і універсальний шрифт, такий як Klinic Slab.
05. Залиште багато вільного місця
Одним з найважливіших правил у розробці додатків є уникнення безладу за будь-яку ціну, і це неминуче впливає на вибір шрифту, а також на те, як ви застосовуєте їх у процесі проектування.
Екрани для мобільних пристроїв не дають вам багато місця для роботи, але вам потрібно залишити якомога більше його вільним і поважати дихальний простір між елементами. Забагато тексту та забагато варіантів на вибір не додає нічого, крім плутанини, і не є задоволенням для користувачів.
Так само, переведення між рядками та абзацами має бути достатнім. Подрібнення цього, щоб вмістити занадто багато вмісту на одному екрані, є надто поширеною помилкою, яка розчарує користувачів, які звикли до додатків, що полегшують їхнє життя.
Коли правило "пробілу" поєднується з рекомендаціями щодо мінімального розміру тексту, результат стає зрозумілим: вам потрібно скоротити його, а не стискати.
