fbpx
ux-ui-tips

UI и UX микро-советы: часть 7

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

В этой статье я представлю еще одну подборку простых в применении микро-советов по UI и UX дизайну.

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

Хотите еще больше микро-советов по UI и UX дизайну? Тогда ознакомьтесь с моими предыдущими статьями:

Приступим…

1. Тексты должны быть короткими и приятными

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

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

UI и UX микро-советы: часть 7

2. Попробуйте размер шрифта 20pt при больших объемах контента

Для длинного контента (например, статей, описаний проектов и т. д.) используйте для основного текста размер шрифта 20pt (или даже немного больше).

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

UI и UX микро-советы: часть 7

3. Не полагайтесь только на цвет в сообщениях об ошибках

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

Например, для состояния ошибки формы одной красной границы недостаточно для большой части пользователей.

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

UI и UX микро-советы: часть 7

4. Создайте гармоничный вертикальный ритм с помощью базовой сетки 4pt и сетки 8pt

Когда дело доходит до шрифта, сочетание базовой сетки 4pt с сеткой 8pt приводит к более гармоничному вертикальному ритму в ваших проектах.

Выровняйте шрифт по базовой сетке 4pt, в которой используется значение высоты строки, кратное 4 (4, 8, 12, 16, 20 и т. д.).

Почему 4? Для меня масштабирование базовой сетки в значении, кратном 8 в прошлом, слишком сильно раздвигало линии при работе с конкретными размерами шрифтов. В то время, как использование базовой сетки 4pt обеспечивает более точный контроль и значительно лучшие результаты.

UI и UX микро-советы: часть 7

5. Уменьшите расстояние между буквами и высоту строки в заголовках

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

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

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

UI и UX микро-советы: часть 7

6. Используйте тени или тонкую границу, чтобы выделить элементы!

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

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

UI и UX микро-советы: часть 7

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

Спасибо за прочтение.

1 Комментарий
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
1
Подробнее

Пошаговый процесс создания логотипа. Ресерч – идея – концепт – презентация – утверждение

Изучение процесса создания логотипа поможет вам увидеть и понять, как рождается профессиональный логотип и какие шаги требуется предпринять заказчику и дизайнеру
Total
20
Share