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

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

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

Краткое примечание: хотите еще больше микро-советов по UI и UX? Тогда ознакомьтесь предыдущими статьями здесь: часть 1 и часть 2.

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

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

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

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

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

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

Для ее создания достаточно минимальных корректировок толщины, размера и цвета.

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

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

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

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

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

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

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

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

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

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

Что касается меня, я стараюсь придерживаться правила 1 гарнитуры, когда это возможно.

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

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

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

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

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

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

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

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


Оригинальная статья marcandrew.me

Перевод Александр Лавренюк

Редактор Валерия Жадан