Вспомогательные элементы веб-дизайна

Время на прочтение: 2 минуты
30 апреля 2024

Каждая веб-страница содержит определенный набор элементов, являющихся обязательными. Конечно, их количество и разнообразие могут варьироваться в зависимости от тематики сайта. Компоновка этих элементов и их вид являются главной задачей веб-дизайнера. Страница сайта состоит не только из шапки, блока текста и подвала. Это еще и множество дополнительных элементов дизайна, помогающих нам ориентироваться, скажем так, «на местности». Для начала, кнопки – обязательный атрибут каждого сайта, при нажатии на которые должно произойти действие, только если это не сайт-визитка (одностраничник) или сайт-заглушка

2. Радио-кнопка (radio button) – элемент, позволяющий пользователю выбрать только один из нескольких вариантов, предложенных ему. Отображается в виде окружности с точкой в центре (если пункт выбран) или без нее (если не выбран).

3. Чекбокс (checkbox) – элемент, позволяющий выбрать несколько пунктов из предложенных. Обычно отображается как квадратик с галочкой (если пункт выбран) или без нее (если не выбран).

4. Знаки, полосы прокрутки — позволяют пользователю перемещать визуальную часть экрана.

5. Значки вроде «хит продаж» или «новинка».

6. Календарь

7. Поле поиска

8. Подсказки-пузыри

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

Sukko-Laguna.Narod.ru

Kotlovvv.ru

Programma-torgovlya-filialy.ru
А это главная страница фирмы, которая разрабатывала выше перечисленные сайты.

Alegrands.ru

И напоследок Данный сайт меня очень порадовал =). Прекрасный образец того, как лучше не делать сайты. Все свалено в кучу и тщательно перемешано. Найти интересующий вас товар возможно, но сложно. В левой части сайта есть меню, где можно выбрать нужный вид товара, но, пройдя по ссылке, вы увидите тот же хаос, далеко не всегда относящийся к выбранной категории. Также не смогла найти на сайте никакой информации о самой компании.

Arngren.net