Элементы дизайна веб-сайтов. Особенности их разработки.

↑

⇐ ПредыдущаяСтр 8 из 14Следующая ⇒

12.Элементы дизайна веб-сайтов. Особенности их разработки.

Окно поиска -как правило располагается в шапке сайта. Имеет смысл создавать поиск по сайту если у вас несколько сотен товаров и более.

Учетная запись и авторизация- в шапке сайта в верхнем правом углу страницы. Делается если у вас есть персонализированный контент(информация которая будет уникальна для каждого пользователя)(история покупок,персональные бонусы, отслеживание заказа и т.д.). Или есть информация которая должна отображаться только чати пользователей.(диллерские цены или наличие товара на складе).

Навигация, меню- делается в шапке сайта и/или слева в левом сайт-баре.

Выпадающее меню-

Вкладки(делают страницу сайта ,да и весь интернет в целом лучше!)

13. Визуальный дизайн интерфейса и его принципы.

Визуальный дизайн интерфейса (UI дизайн) — это визуальное внешнее оформление вашего сайта или приложения. Цветовая схема, внешний вид иконок или кнопок, общий стиль, подбор иллюстраций и фотографий – в общем все визуальные элементы, которые мы видим своими глазами.

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

Основные принципы UI дизайна:

1. Визуальная иерархия

Этот принцип предполагает управление перемещением взгляда по странице таким образом, чтобы пользователь обращал внимание на элементы дизайна в порядке их значимости.

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

Для создания четкой визуальной иерархии используйте 2-3 размера шрифта, чтобы указать пользователям, какие части контента являются наиболее важными. Или подумайте об использовании ярких цветов для более важных элементов и приглушенных — для второстепенных.

2. Масштаб

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

Как правило, визуально привлекательный дизайн содержит не более 3-х различных размеров.

3. Контраст

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

4. Баланс

Принцип баланса предполагает уравновешенное расположение или соотношение пропорций элементов дизайна. Баланс возникает тогда, когда по обеим сторонам воображаемой оси, проходящей через центр экрана, имеется равномерно (но не обязательно симметрично) распределенное количество визуальной информации. Можно выделить несколько видов баланса:

Симметричный: элементы симметрично распределены относительно центральной оси

Асимметричный: элементы асимметрично распределены относительно центральной оси

Радиальный: элементы расположены радиально относительно центральной точки.

5. Гештальт

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

Познавательные статьи:



Формы дистанционного обучения

Передача мяча двумя руками снизу

Значение правильной осанки для жизнедеятельности человека

Основные ошибки при выполнении передач мяча на месте