Витрина дизайна Divi: новые заявки с декабря 2020 года

И снова настало время для нашей ежемесячной выставки Divi Showcase, где мы смотрим на десять потрясающих веб-сайтов Divi, созданных членами нашего сообщества. Каждый месяц мы представляем лучшие веб-сайты Divi, представленные нашим сообществом, и сегодня мы хотим поделиться с вами десятью лучшими веб-сайтами за декабрь. В этом посте я буду указывать на некоторые из моих любимых дизайнерских функций, которые привлекают меня на каждый из веб-сайтов.

Я надеюсь, они тебе нравятся!

Витрина дизайна Divi: новые заявки с декабря 2020 года

1. Номер-студио Linetti

Этот сайт был представлен Никола Тоффали. Сайт использует интересный дизайн с разделенным экраном. В левой половине раздела героя отображается заголовок сайта крупным шрифтом на фоне, который меняет цвет при прокрутке или перемещении курсора в адресную строку. Справа красный текст на белом фоне. Этот столбец можно прокручивать в разделе. Когда вы прочитаете конец столбца, раздел будет прокручиваться. Следующие два раздела включают столбцы, которые являются почти полноэкранными с черным фоном с одной стороны и белым фоном с другой в чередующемся макете, а шрифты имеют противоположные цвета. Последний раздел представляет собой юмористическое полноэкранное сообщение на фоне меняющего цвет. Этот дизайн прост и интересен одновременно.

Посетить сайт

2. Casa Roca Architecura

Этот сайт был представлен Фредди Мальдонадо. Этот сайт включает в себя множество перекрывающихся элементов с тенями, анимацией наведения и желтыми бликами. Под разделом героя с разделенным экраном находится цветной блок сбоку с перекрывающим его изображением и перекрывающим его призывом к действию. Рекламные объявления предоставляют информацию о типах работ. У них есть простые значки желтого цвета, а пятна немного меняют форму и приобретают толстую желтую рамку при наведении курсора. Это выделяет их, не делая при этом слишком яркими. В моем любимом разделе отображаются изображения, которые перекрывают канал Instagram. При наведении курсора изображения скользят вверх, открывая описание с синим наложением. Раздел контактов тоже интересен. Контактная информация отображается в желтом поле, которое перекрывается небольшой формой обратной связи.

Посетить сайт

3. Клиентский лагерь

Этот сайт был представлен Сарой Харт. Проигрыватель подкастов прикрепляется к нижней части экрана с последним выпуском. Фиолетовый и желтый используются в фирменных цветах всего сайта для фона, кнопок, значков и выделения текста. Многие отдельные графические элементы прокручиваются независимо от разделов, что позволяет эффективно использовать эффекты прокрутки. Каждый раздел хорошо использует экран для отображения CTA и информации. Мне особенно нравится, как отзывы отображаются вокруг изображений. Это собрано в нижней части макета для раздела отзывов. Есть несколько GIF-файлов, но их не так много, чтобы это отвлекало. Этот сайт отлично использует цвета, эффекты прокрутки и перекрывающиеся элементы.

Посетить сайт

4. Alive Service GmbH

Этот сайт был представлен Маркусом Беманом. На этом сайте используется много синего цвета для выделения значков, кнопок, фона и эффектов наведения. В меню используются анимированные эффекты наведения для ссылок. В разделе героев отображается видео со стилизованным разделителем как для верха, так и для низа. Это особенно элегантно отделяет его от заголовка и помогает выделиться. В моем любимом разделе представлены интересные аннотации к услугам. В рекламных объявлениях есть кнопка, перекрывающая изображение и контент. Сами объявления перекрывают строку над ними и перемещаются по горизонтали при прокрутке вверх или вниз. В этом разделе также есть волнистый разделитель, который соответствует первому разделу и связывает его вместе. Планировка чистая и элегантная.

Посетить сайт

5. Архитектор и строительство EMU

Этот сайт был представлен Abdy Designburo. Он использует зеленый цвет в качестве фирменного цвета на всем сайте, включая логотип, фон и границы для кнопок. В разделе героя используется зеленый фон с одной стороны с круговым узором, чтобы придать ему стиль. Меню навигации имеет прозрачный фон, через который с одной стороны просвечивает зеленый цвет. По мере прокрутки текст и фон меню меняют цвет. Мне нравится CTA, который размещает информацию с помощью кнопок на светло-сером фоне, который просто выделяется на белом фоне и включает узор в виде круга. Изображение перекрывает это, чтобы выделиться. Серый круговой узор используется в нескольких местах, чтобы придать фону некоторую текстуру.

Посетить сайт

6. Strides Digital

Этот сайт был представлен Дугласом Энрике. Здесь используется чистый макет с большим количеством пробелов по всему сайту. Синие и желтые выделения используются для кнопок, значков, шрифтов, фона и других графических элементов. Заголовки небольшие и похожи на кнопки, но выделяются правильно. CTA отображает нарисованную от руки графику с одной стороны и текст с другой. Графика имеет мультяшный дизайн, который идеально подходит для веб-сайта. Мне особенно нравится успешный случай, когда отображается синий фон, который включает заголовок и описание с информацией и изображением работы, перекрывающей следующий раздел. Страница с успешными случаями имеет аналогичный дизайн. Компоновка проста, но цвета хорошо сбалансированы.

Посетить сайт

7. Зеленый горошек на завтрак.

Этот сайт был представлен Моникой Хиггинс. Здесь много розового, темно-зеленого и золотого цветов для фона, текста и выделения, а также множество эффектов прокрутки по всему сайту. Он превращает ваш курсор мыши в стилизованный кончик пера. В разделе героев отображается розовая строка, которая перекрывает следующий раздел. Я люблю изображения, чтобы показать услуги. Каждое изображение - старое оборудование с текстом на экране или печатаемым. Их текст прокручивается по мере прокрутки страницы вниз. Примеры работ показаны в разделе с двумя столбцами, который включает розовый фон с золотыми границами. Изображения произведения размещаются на старых экранах телевизоров, в веб-браузерах или в виде графики. Каждый из графических элементов использует эффекты прокрутки. На этом сайте широко используются цвета и изображения.

Посетить сайт

8. Привет, Фресто!

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

Посетить сайт

9. МВМНТ

Этот сайт был представлен Саймоном Фростом. Раздел героев отображает полноэкранное видео с частотой обновления и фильтром, который, на мой взгляд, выглядит как старый цифровой кинопроектор, а текст на переднем плане переворачивается, чтобы изменить сообщение каждые несколько секунд. Интересный раздел с широкими изображениями в чередующемся макете отображает заголовки поверх изображений, которые ссылаются на информацию о компании. Изображения включают эффекты наведения. Сообщения в блогах включают несколько тегов и оверлеев, раскрывающих отрывок. Светло-голубой и розовый используются для фирменных цветов и часто используются для подчеркивания названий. Каждая из страниц имеет схожий дизайн и включает черный фон позади некоторых заголовков. На этом сайте стильно используются цвета и фон.

Посетить сайт

10. Le Kombucha

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

Посетить сайт

В заключение

Это 10 наших лучших материалов для веб-сайта Divi за декабрь. Эти сайты выглядят потрясающе, и, как всегда, мы хотим поблагодарить всех за ваши предложения!

Если вы хотите, чтобы ваш собственный дизайн был рассмотрен, пожалуйста, напишите нашему редактору Натан по адресу Elegant themes dot com. Убедитесь, что в теме письма указано «ПОДАЧА САЙТА ДИВИ».

Мы также хотели бы услышать ваше мнение в комментариях! Расскажите нам, что вам нравится в этих веб-сайтах, и если есть что-то, что они сделали, вы хотите, чтобы мы учили в этом блоге.

Лучшее изображение через bellenixe / shutterstock.com