landy.blog

Микросоветы по UI и UX: часть 3

Статьи
Иногда достаточно простых приемов, чтобы создать что-то, чем действительно будут довольны ваши клиенты, пользователи и вы сами.

01 Хотите говорить более неформальным тоном? Попробуйте использовать строчные буквы.


Использование толстого шрифта и заглавных букв может показаться читателю немного формальным и даже кричащим.

Попробуйте использовать только строчные буквы и более легкий шрифт.
Это может сделать сообщение более неформальным и доступным в некоторых проектах.

undefined

02 Используйте вес, размер и цвет, чтобы обозначить иерархию в вашей шрифтовой композиции.


При работе со шрифтом, помните, что элементы не должны кричать «Посмотри на меня!» все время. Но не забывайте, что им нужна сбалансированная иерархия.

Для ее создания достаточно минимальных корректировок толщины, размера и цвета.
Это позволит пользователю сканировать и находить наиболее важные элементы, избегая путаницы в процессе.

undefined

03 Светлый текст на темном фоне? Увеличьте толщину шрифта для лучшей читаемости.


Если вы работаете со светлым фоном, иногда можно выбрать темный шрифт меньшей толщины.

Но когда дело доходит до обратного, при использовании светлого шрифта на темном фоне лучше немного увеличить толщину букв.

Стремитесь к лучшей читаемости и не утомляйте глаза пользователя.

undefined

04 Создайте нужный эмоциональный отклик с помощью правильно выбранного шрифта.


Попробуйте подбирать шрифт, подходящий для представляемого контента.
Пользователи сообразительны и интуитивно чувствуют, когда контент обращается к ним, а когда нет.

Правильно выбранный шрифт — ключ к тому, чтобы ваш контент обращался к людям напрямую и на эмоциональном уровне.

undefined

05 Если вам нужно использовать несколько шрифтов, постарайтесь придерживаться правила "максимум 2".


Что касается меня, я стараюсь придерживаться правила 1 гарнитуры, когда это возможно.
Но, если этого требует проект, я рекомендую сочетать максимум 2 разных шрифта. Больше не стоит.

Хорошее сочетание шрифтов может оказаться сложной задачей для неопытных дизайнеров. Не усложняйте себе жизнь и не добавляйте еще один шрифт просто потому, что можете.

Используйте не более двух гарнитур, не забудьте проработать сочетание толщины, размера и цвета (см. выше), и это поможет вам добиться визуальной гармонии в дизайне.

undefined

06 Только прописные буквы + интервалы между ними = лучшая читаемость.


Работаете с короткими строками текста в верхнем регистре?

Что ж… Рекомендую увеличить интервал между этими буквами, чтобы улучшить читаемость. Это упрощает чтение и обработку слов, делает буквы лучше различимыми.

Просто небольшое увеличение интервала между буквами — это все, что нужно для улучшения разборчивости и придания лоска вашему шрифту в верхнем регистре.

undefined

Я надеюсь, с помощью этой коллекции микро-советов по пользовательскому интерфейсу вы немного лучше поняли, как даже незначительные изменения в вашем дизайне могут привести к лучшему конечному результату как для вас, так и для ваших пользователей.



Оригинальная статья marcandrew.me
Перевод Александр Лавренюк
Редактор Валерия Жадан

Made on
Tilda