Варианты дизайна ЭЛЕМЕНТОВ КОНТЕНТА
Здесь представлены варианты дизайна ЭЛЕМЕНТОВ КОНТЕНТА, объединенных в блоки (шапка, подвал, банннер или слайдер, отзывы, карточка товара и т.д.).
Задача этих материалов - помощь дизайнерам в выборе стилистики (flat или скеоморф и т.д.), метода взаимодействия элементов, например: иконки и текст (друг под другом, слева-направо или с наложением и т.д.)
ШАПКА САЙТА (Header)
Самый важный элемент сайта - ОДЁЖКА, по которой встречают. Блок навигации + "Приветственный экран"
ПОДВАЛ САЙТА (Footer)
Заключительный раздел страницы с элементами навигации, указанием контактной информации, возможностью интерактивного взаимодействия (задать вопрос, подписаться, заказать звонок...)
КОНТАКТНАЯ ИНФОРМАЦИЯ
Контактная информация с использованием интерактивной карты и возможностью отправить заявку на звонок или задать вопрос.
"ПРИВЕТСТВЕННЫЙ ЭКРАН" - главный раздел web-страницы, состоящий из меню навигации и контактного блока, баннера или слайдера (изображает товар или услугу, участвующую в промо-акции или показывает вид деятельности компании), как правило, ниже расположены "шайбы" - инфографика, показывающая основные виды товаров или услуг компании
ТЕКСТ + ИЗОБРАЖЕНИЕ
Взаимодействие заголовков, текстового блока и кнопки с иконкой, фото или другим изображением
ИКОНКА + ОПИСАНИЕ
Взаимодействие иконок и их описания, например: Схема оплаты, Как мы работаем, Наши преимущества и т.д.
ИНФОГРАФИЧЕСКИЕ КАРТОЧКИ
Графика + текст, расположенные геометрических фигурах или оформленные в виде карточек
МЕНЮ + КАРТОЧКИ КАТАЛОГА
Такие сочетания применяются в магазинах, новостных сайтах и других ресурсах, где требуется многоуровневая систематизация
КАРТОЧКА ТОВАРА
Блок детальной информации о товаре или услуги с возможностью заказа и оплаты
КОРЗИНА
Блок информации о выбранном товаре с возможностью заказа и оплаты.
Здесь же ВИДЫ ОПЛАТЫ, ДОСТАВКА и т.д.
ФОРМА ДЛЯ ЗАПОЛНЕНИЯ
Заполняемые формы для интерактивного взаимодействия, например: подписаться, задать вопрос, заказать звонок и т.д.
ОТЗЫВЫ
Отзывы покупателей товаров, пользователей услуг, студентов учебных курсов и т.д.
ПЕРСОНАЛЬНЫЕ КАРТОЧКИ
Информационные блоки с изображением человека и его описанием, например: Преподаватели курса, Наши специалисты и т.д.
СЛАЙДЕР
ПИспользуется на "Приветственном экране" и в любом другом месте, где в одном экране нужно разместить несколько информационных блоков
...
...
...
...
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website