Черная пятница в UPROCK! 2 дня до конца распродажи!

6 приемов UI/UX, благодаря которым ваш дизайн будет выглядеть профессионально

Когда дизайн выглядит профессионально, он вызывает доверие у аудитории.

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

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

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

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

Совет 1. Правило большого пальца

Всегда размещайте кнопку "Пропустить" (Skip) в нижней части экрана, чтобы пользователь мог легко до нее дотянуться. Если кнопка будет расположена сверху, взаимодействие с ней потребует чрезмерных усилий, и, значит, пользователь получит негативный опыт. А мы этого не хотим, верно?

Совет 2. Четкая иерархия в типографике

Вы должны показать связь между заголовками и текстом. Этого можно добиться с помощью иерархии. Но как же ее создать? Все просто! Сделайте отступы над заголовками больше отступов под ними. Когда такие отступы равны, теряется связь между заголовком и текстом под ним.

Совет 3. Единообразное направление теней

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

Совет 4. Подходящий шрифт

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

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

Совет 5. Объясните, в чем заключается ошибка

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

Совет 6. Правильная длина строки

Подобрать правильную длину строки может быть непросто. Строки не должны быть ни слишком длинными, ни слишком короткими. Оптимальное решение для страницы с одной колонкой текста — от 45 до 75 символов. Конечно, вы можете протестировать разные варианты, но точно не ошибетесь, если будете придерживаться этого диапазона.

Полезные ресурсы

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

  • Tldraw — мой новый любимый веб-инструмент для рисования
  • Godly — источник вдохновения № 1 для веб-дизайнеров
  • Beautiful Web Type — наш секретный источник шрифтов
Источник
и
:
arrow