Элемент интерфейса

Элемент интерфейса сайта - отдельный элемент интерфейса сайта, позволяющий выполнить определенные действия и взаимодействовать с сайтом или приложением.

Наиболее распространённые элементы интерфейса: Кнопка, Ссылка, Иконка, Вкладка, Чекбокс, Радиокнопка, Переключатель, Выпадающий список, Ползунок, Поле ввода, Таблицы, Меню.

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

Визуальные элементы сайта:

1. Линия — важнейший элемент веб-дизайна. Она охватывает всё: иконки, иллюстрации, диаграммы и т. д. Линии могут быть тонкие, жирные, пунктирные, чёрные и цветные.
2. Фигура — создаётся, когда вы используете линию и соединяете один конец с другим. Линия может быть преобразована в круг, квадрат, треугольник или более сложные фигуры.
3. Цвет — интересный визуальный элемент, который предлагает широкий спектр возможностей в дизайне. В веб-дизайне вы можете использовать цвет в заголовке, основном тексте, кнопках, а также в таких элементах дизайна, как иллюстрации, иконки и фотографии.
4. Насыщенность — описывает яркость или темноту цвета. Даже если проект состоит только из одного цвета, вы можете изменить его насыщенность, чтобы создать глубину и контрастность.
5. Форма — считается трёхмерным объектом, однако она не всегда используется в цифровом дизайне привычным способом.
6. Текстура — может добавить размерность и создать глубину, а также отлично подходит для иллюстраций.

На сайте обычно присутствуют виртуальные элементы блоки сайта:

Хедер (англ. Header — заголовок) — верхний блок веб-страницы, который называется также шапкой сайта.

Футер — дополнительный блок для размещения данных компании и перелинковки.

Обложка — основа сайта, первое, что видит посетитель.

Блоки — части страницы, на которых однородные сведения группируются в один или несколько рядов.

Слайдер — специальный блок, работающий по принципу карусели.

Pop-up — всплывающее окно, которое появляется при различном взаимодействии с интерфейсом.

CTA (Call-To-Action) — элемент интерфейса, который мотивирует пользователя к действиям.

Баннер — несколько слов или предложений, подкреплённых графикой.

Фавикон — иконка (часто логотип), которая отображается в левой части адресной строки или вкладки браузера.