Деревенский Дизайн веб-сайтов

Творческий рустикальный веб-дизайн с естественным характером

Рустикальный веб-дизайн черпает вдохновение в натуральных материалах — промасленном дубе, льне, диком камне — и оставляет им пространство для дыхания. Результат может быть светлым, как беленая кухня в загородном доме, или атмосферным, как гриль-бар с открытым огнем. В любом случае индивидуальность создается несколькими честными решениями, а текст всегда легко читается.

Сначала материалы, декор — в последнюю очередь

Убедительный рустикальный стиль обычно выстраивается примерно в такой последовательности:

1. Палитра берет начало в реальных фактурах. Два или три оттенка, взятые с фотографий дерева, глины или шерсти, выглядят убедительнее стандартного набора землистых цветов, а дополняет их один глубокий темный тон для основного текста.
2. Типографика делит задачи: акцидентный шрифт с засечками или массивный брусковый шрифт на заголовках и лаконичный гротеск либо удобочитаемый книжный шрифт с засечками для основного текста.
3. Текстуре место в узких полосах, рамках и фонах под короткими заголовками; позади абзацев текста она мешает чтению.
4. Пространство и чистый интерфейс завершают образ. Плоские кнопки, простые поля форм и широкие поля верстки делают рустикальный макет похожим на аккуратную кухонную полку, а не на загроможденную антикварную лавку.

В Nicepage одна цветовая схема и набор типографических стилей переносят эти правила на весь проект.

Определение ведущего элемента

Иерархия меняется в зависимости от специфики бизнеса. Студия современного рустикального интерьера выдвигает на первый план готовые объекты с помощью крупных светлых фотографий и обилия «воздуха». Заголовки могут оставаться тонкими, а кнопка записи на консультацию должна находиться мгновенно. В гриль-баре все наоборот: жженое дерево и снимки при теплом свете ламп задают настроение, но меню, адрес и кнопка бронирования требуют максимального контраста на экране.

Смартфоны меняют три вещи в любом рустикальном макете:

1. Текстуры сжимаются до уровня визуального шума, поэтому рисунок древесины, эффектно смотревшийся на ноутбуке, может потребовать приглушения.
2. Широкие кадры залов или пейзажей обрезаются по краям, и кнопка бронирования ни в коем случае не должна оказаться погребенной под несколькими экранами видов природы.
3. Акцидентным шрифтам нужен меньший масштаб, так как массивный брусковый заголовок из первого экрана (hero) на компьютере при переносе на телефон может разбиться на несколько нелепых строк.

Проверка в оттенках серого, затем теплота

Дизайнеры часто проверяют рустикальный макет в оттенках серого. Если меню, цены и кнопка бронирования отчетливо считываются даже без цвета, землистые оттенки добавят теплоты макету, структура которого уже безупречно работает. Начните с материалов, обстановки и людей, которые придут на сайт. Конкретная задача сервиса — будь то заказ столика или консультация по дизайну — определит все остальное. Без сепия-фильтров и искусственной текстуры мешковины обычно вполне можно обойтись.