Когда дизайн выглядит профессионально, он вызывает доверие у аудитории.
Залог успеха здесь — внимание к деталям. На что же следует обратить внимание, чтобы довести свой проект до идеала?
В статье вы найдете 6 приемов, которые позволят вам преобразить любой дизайн. Вы узнаете:
- что такое правило большого пальца,
- как создать четкую иерархию в типографике,
- почему выделить красным цветом поле формы, где была допущена ошибка, недостаточно и т.д.
Кроме того, в конце автор поделится полезными ресурсами, которые точно пригодятся вам в работе над следующим проектом.
Совет 1. Правило большого пальца
Всегда размещайте кнопку "Пропустить" (Skip) в нижней части экрана, чтобы пользователь мог легко до нее дотянуться. Если кнопка будет расположена сверху, взаимодействие с ней потребует чрезмерных усилий, и, значит, пользователь получит негативный опыт. А мы этого не хотим, верно?
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/64ad09f16b8ab947fda3382c_64ad08a6748745f772d432a1_11%20(1).webp)
Совет 2. Четкая иерархия в типографике
Вы должны показать связь между заголовками и текстом. Этого можно добиться с помощью иерархии. Но как же ее создать? Все просто! Сделайте отступы над заголовками больше отступов под ними. Когда такие отступы равны, теряется связь между заголовком и текстом под ним.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/64ad0a13da8d5789484914a0_64ad08a66642b79ba28c26ab_11%20(4).webp)
Совет 3. Единообразное направление теней
Чаще всего тени образуются от одного источника света, поэтому они должны иметь одно направление. Никогда не располагайте тени хаотично, поскольку в этом случае ваш дизайн будет выглядеть непрофессионально.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/64ad0aa6be4c6b5e221a7d42_64ad08bbedf877300f7f1d74_11%20(5).webp)
Совет 4. Подходящий шрифт
Каждый шрифт имеет свою индивидуальность. Он может быть кричащим, мягким, дружелюбным, формальным, серьезным или просто забавным. Ваша задача — выбрать шрифт, который соответствует тому сообщению, которое вы хотите передать.
Например, для экрана приветствия в приложении скорее подойдет спокойный дружелюбный шрифт, а не броский или серьезный.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/64ad0ac00b86780f264797b4_64ad08bbedf877300f7f1f0e_11%20(6).webp)
Совет 5. Объясните, в чем заключается ошибка
Если пользователь неправильно заполнил форму, недостаточно просто обозначить соответствующее поле красным цветом. Необходимо добавить в интерфейс сообщение об ошибке, то есть объяснить человеку, что он сделал неправильно, чтобы он мог все исправить.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/64ad0ad9be4c6b5e221a9b1f_64ad08a68a23d982930499f7_11%20(3).webp)
Совет 6. Правильная длина строки
Подобрать правильную длину строки может быть непросто. Строки не должны быть ни слишком длинными, ни слишком короткими. Оптимальное решение для страницы с одной колонкой текста — от 45 до 75 символов. Конечно, вы можете протестировать разные варианты, но точно не ошибетесь, если будете придерживаться этого диапазона.
![](https://cdn.prod.website-files.com/60a35497ea15cf45782248b1/64ad0aefbe4c6b5e221aaf46_64ad08a6d4f75b8d292ad22c_11%20(2).webp)
Полезные ресурсы
Ссылки на ресурсы, которые пригодятся вам в работе над творческими проектами.
- Tldraw — мой новый любимый веб-инструмент для рисования
- Godly — источник вдохновения № 1 для веб-дизайнеров
- Beautiful Web Type — наш секретный источник шрифтов