5 крутых примеров макетов веб-сайтов в 2024 году.
Часть 2
От макета зависит как пользователи будут воспринимать вашу страницу. Самые популярные макеты — это простые и минималистичные, поэтому в этой статье мы рассмотрим несколько универсальных и простых макетов для вашего веб-сайта.
1. Три блока
Вероятно, это самый простой и универсальный макет из нашего списка. Макет из трех блоков включает в себя одну основную графическую область, за которой следуют два поля меньшего размера под ней. Каждый из них может быть заполнен графикой, текстом или изображением. Основное поле в этом макете часто представляет собой слайдер jQuery.
Силуэты вверху — это области, которые можно использовать для логотипов, названия компании, навигации, панелей поиска и любого другого информационного и функционального контента.
Этот дизайн идеально подходит для страницы портфолио, где важно продемонстрировать несколько примеров. Каждое из изображений может быть ссылкой, которая ведет на более крупную и сложную страницу галереи.
Примеры макета
Hurst — это HTML-шаблон веб-сайта, который довольно эффективно использует макет из трех блоков. Макет хорошо подходит для демонстрации продуктов без визуального шума.
Bloom — еще один отличный пример HTML-шаблона, в котором используется концепция дизайна-портфолио. Этот дизайн отлично использует преимущества блоков, чтобы продемонстрировать разделы компании.
2. Пять блоков
Компоновка из пяти блоков — это модернизация макета из трех блоков. Здесь применяется та же логика, но главное отличие в том, что в этом макете можно расположить больше контента.
Как и в случае с макетом из трех блоков, этот макет настолько универсален, что его можно использовать практически для любого типа сайта. Вы можете добавить больше фоновых изображений, закруглить углы, добавить тени или даже интерактивные элементы.
Примеры макетов
ECOSHOP — это HTML-шаблон для магазинов электронной коммерции, в котором используется концепция пяти блоков, чтобы создать классный дизайн домашней страницы в виде сетки.
Такой макет также идеально подойдет для блогов и веб-сайтов-портфолио. Достойный пример — HTML-шаблон Voku.
Источник: designshack.net