• Добро пожаловать на сайт - Forumteam.digital !

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

    Группа в телеграме (подпишитесь, что бы не потерять нас) - ForumTeam Chat [Подписатся]
    Связь с администратором - @ftmadmin

Восемь способов быстро улучшить UI-дизайн

  • Автор темы Redman
  • Дата начала
  • Ответы 2
  • Просмотры 6K

Redman

<FORUMTEAM>
Команда форума
Регистрация
13.11.17
Сообщения
13.340
Реакции
8.377
Баллы
1.200
FTC
208¢
Чтобы создать красивый, удобный и функциональный интерфейс, требуется много времени и правок. Но иногда улучшить ситуацию могут и небольшие изменения. Эти советы помогут сделать так, чтобы результат понравился и заказчику, и пользователям, и самому дизайнеру.

upload_2020-6-18_13-49-9.png

1. Высветлите текст, если он выглядит громоздким


Длинные тексты, набранные шрифтом стандартной толщины, иногда выглядят тяжеловесно и слишком контрастно. Это можно исправить, изменив цвет. Например, на темно-серый (#4F4F4F) — так написанное будет легче восприниматься.



2. Чем меньше размер шрифта, тем больше должна быть высота строки

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



3. Выберите основной цвет, а затем используйте его оттенки


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



4. Выделите наиболее важные элементы


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



5. Убедитесь, что иконки выполнены в одном стиле


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



6. Всегда делайте призыв к действию самым заметным элементом на экране


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

Не всегда полагайтесь только на иконки. При возможности используйте текстовые подписи — так вы сделаете интерфейс понятнее.



7. Добавьте текст в формы для заполнения


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



8. Выделите в меню наиболее популярные действия


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


Источник.
 

flogex

Новорег
Новорег
Регистрация
28.01.21
Сообщения
30
Реакции
1
Баллы
40
FTC
21¢
Топ, я бы еще добавил методы определения гармоничной цветовой палитры и какие цвета не стоит юзать, можно конечно сервисами делать, но знать, как самому определить тоже полезно
 

Fay

Пользователь на проверке
На проверке
Регистрация
18.12.20
Сообщения
6
Реакции
0
Баллы
20
FTC
14¢
Сверху Снизу