Акцент в дизайне веб-страницы создает область или объект, который является фокусом для страницы. Это способ сделать один элемент выделяющимся в дизайне. Фокальная точка может быть больше, чем другие элементы дизайна или яркие цвета - оба они имеют тенденцию привлекать глаз. Когда вы разрабатываете веб-страницу, вы можете добавить акцент, выбрав слово или фразу и присвоив ей цвет, шрифт или размер, который выделяет его, но есть много других способов использовать акцент в вашем дизайне.
Использование акцента в дизайне
Одна из самых больших ошибок, которую могут сделать веб-дизайнеры, - попытаться сделать все в дизайне отличным. Когда все имеет равный акцент, дизайн выглядит занятым, запутанным или худшим - скучным и непривлекательным. Чтобы создать фокус в веб-дизайне, не упускайте из виду использование:
- линии: Создавайте акцент, напротив. Если несколько элементов горизонтальны, один вертикальный элемент становится фокальной точкой.
- Цвет: Если большинство элементов в дизайне темное или приглушенное, любой объект с цветом притягивает глаз.
- Формы: Когда большинство фигур нерегулярно, выделяется геометрическая форма.
- Близость: Когда несколько элементов сгруппированы, а один - отдельно от группы, глаз переходит к единственному элементу.
- Размещение: Хотя есть исключения, элемент, расположенный в центре дизайна, обычно привлекает внимание.
- Вес: Тяжелый элемент привлекает внимание зрителя.
- Репетиция: Когда повторяется простой графический тип, глаз следует за повторным элементом в фокальную точку.
- Контраст: В дополнение к контрастам, созданным цветом и линиями, контраст может быть сгенерирован по изменению размера, текстуры или шрифта. Это изменение приводит к тому, что фокусный элемент или акцент выделяются.
- Белое пространство: Элемент, окруженный белым (или пустым) пространством, становится фокальной точкой.
Иерархия в веб-дизайнах
Иерархия - это визуальное расположение элементов дизайна, которые указывают важность по размеру. Самый большой элемент - самый важный; менее важные элементы меньше. Сосредоточьтесь на создании визуальной иерархии в ваших веб-проектах. Если вы работали над созданием семантического потока для вашей разметки HTML, это легко, потому что ваша веб-страница уже имеет иерархию. Все, что вам нужно сделать, - это подчеркнуть правильный элемент - например, заголовок H1 - для максимального внимания.
Наряду с иерархией в разметке, узнайте, что глаз посетителя просматривает веб-страницу в Z-образце, начинающемся в верхнем левом углу экрана. Это делает верхний левый угол страницы хорошим местом для важного элемента, такого как логотип компании. Верхний правый угол - вторая позиция лучшего места для важной информации.
Как включить акцент в веб-дизайне
Акцент в веб-дизайне может быть реализован по-разному:
- Используйте семантическую разметку, чтобы обеспечить акцент даже без каких-либо стилей.
- Измените размер шрифтов или изображений, чтобы подчеркнуть или де-подчеркнуть их в дизайне.
- Используйте контрастные цвета, чтобы подчеркнуть.
- Размер подсчета. Огромное слово на странице или экране получает немедленное внимание.
- Окружать фокус с пробелом.
- Повторите слово или изображение, чтобы привлечь внимание.
Где находится подчинение?
Подчинение происходит, когда вы смягчаете другие элементы в дизайне, чтобы сделать фокусную точку. Одним из примеров является яркая графика, размещенная на черно-белом фоне. Тот же эффект возникает, когда вы используете приглушенные цвета или цвета, которые смешиваются с фоном за фокальной точкой, вызывая его выделение.
