Блог Тильды

Бенто стиль в веб-дизайне

Название стиля пришло от бенто-боксов — контейнеров для еды, разделённых на секции под каждое блюдо или закуску. Основная идея бенто стиля — разделение и организация контента.

Он хорошо подойдёт для оформления блогов, страниц с описанием преимуществ и для оформления ссылок на статьи.

Преимущества

Бенто стиль прост в проектировании и отрисовке, так как основными элементами являются прямоугольники разного размера с закруглёнными углами. Их также легко адаптировать под мобильные устройства.

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

Создание сайта в стиле бенто

  1. Начните с сетки — каждая ячейка в сетке должна быть прямоугольной.
  2. Сделайте небольшое закругление для всех ячеек, чтобы добавить им согласованность. Разная степень закругления добавляет сайту свой характер.
  3. Распределите контент по разным ячейкам: вставьте текст и изображения.
  4. Создайте иерархию для управления вниманием, например, при помощи размеров блоков, разных изображений и цветов.

Если создаете лендинг, а не блог, следите, чтобы страница не получилась монотонной: используйте разное количество колонок в соседних блоках.
Made on
Tilda