11 принципов дизайна и как их использовать. Набор рекомендация по созданию визуально привлекательных композиций
Следуя основным принципам дизайна вы создадите дизайн, который точно понравится людям
Вот 11 принципов дизайна, который должен знать каждый
1. Иерархия
Если все на вашей странице выглядит так, как будто имеет одинаковую важность, значит, ничего важного нет
Создать иерархию можно с помощью масштаба, цвета, размеров шрифта
Самый важный элемент должен выделяться среди остальных
⠀
2. Согласование
Убедитесь, что элементы правильно выровнены по отношению друг к другу
⠀
3. Акцент
Это часть дизайн, которая привлекает внимание пользователя. Это должна быть самая важная часть дизайна - заголовок, изображение или CTA
Вы можете сделать это при помощи масштаба, пространства, цвета, тени и т.д
⠀
4. Пропорция
Относительный размер объектов в дизайне по отношению друг к другу
5. Движение
Как глаза пользователя перемещаются по вашей композиции. Динамический дизайн - стимулирует больше движений глаз, статический - меньше. Важно ознакомиться с наиболее распространенными схемами движения глаз F и Z шаблонами
6. Негативное пространство
Отрицательное пространство в дизайне - это пустое пространство, в котором нет элементов
Оно очень важно. Без пробелов страницы выглядят загруженными и по ним сложно ориентироваться. Оно лучше выделяет элементы и способствует лучшему взаимодействию с пользователем
7. Контрастность
Контраст может быть достигнуть за счет цвета, формы, размера и других свойств элементов и относится к различиям между ними
8. Повторение
Использование одинаковых или похожих элементов во всем дизайне. Используется для усиления определнных элементов. Повторение может создать движение, но слишком частое повторение имеет противоположный эффект и сделает ваш дизайн статичным
⠀
9. Разнообразие
Делает дизайн интересным. Создавайте разнообразие добавляя неожиданные элементы в свой дизайн. Используют для того, чтобы привлечь внимание пользователя к элементам
⠀
10. Единство
Создает чувство гармонии. Единство важно потому что позволяет пользователям чувствовать себя непринужденно при навигации по сайту. Все на своих местах и нет никаких раздражающих элементов, которые бы выделялись негативным образом
Его можно создать несколькими способами:
Близость - элементы расположенные единой группой
Выравнивание - элементы выровненные друг с другом
Повторение
11. Баланс
Баланс бывает двух видов: симметричный и ассиметричный. Симметричный баланс наиболее простой. Элементы по обе стороны центральной оси одинаковы. Например, два тектовых блока по обеим сторонам страницы создают симметричный баланс
Ассиметричный балас, когда элементы по обе стороны центральной оси не одинаковы. Например, изображение с одной стороны, уравновешивается заметным текстом с другой
⠀
Применяйте эти принципы и ваш дизайн точно будет качественным и привлекающим внимание☺