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

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

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

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

1. Дайвмастер Гилис

Этот сайт был представлен Александром Фальчем. На сайте используется коралловая цветовая схема для фиксированного фона заголовка, разделителей, значков, фона рекламного текста, нижнего колонтитула, теней блога и т. Д. В разделе героя используется полноэкранное фоновое изображение, которое привлекает меня, и текст в наложении, описывающем сайт. . Заголовок появляется при прокрутке и включает темную тень, чтобы придать ему трехмерный вид. В заголовке также есть нарисованные линии значки, меняющие цвет при прокрутке. Шрифты для заголовков высокие и тонкие. Цвет, значки и шрифты идеально подходят к жанру и хорошо сочетаются с пробелами по всему сайту. Пакеты показаны с чередующимися макетами с изображениями, помогающими описать события.

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

2. Техник

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

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

3. Академия ПА

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

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

4. Фитнес и еда

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

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

5. Привет, Медведь, креатив

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

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

6. Rue

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

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

7. Диджимое

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

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

8. Диетолог Мария Антониетта Гастоне

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

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

9. Webstrategen

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

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

10. Лимонад ИТ

Этот сайт был представлен Teck Seng Chan. В дизайне используется желто-зеленая (лимонная и лаймовая) цветовая схема для основных моментов, таких как призыв к действию в меню, графика, границы, текст, навигация с помощью слайдера, сообщения в блоге, избранные цвета фона изображения и многое другое. Все фоны разделов белые или светло-серые, чтобы сделать дизайн максимально простым и чистым. Сервисы отображаются в виде высоких размытых изображений, которые добавляют тени внизу при наведении курсора. Мой любимый раздел - это CTA с мобильным телефоном и независимым макетом веб-сайта. Также интересен слайдер отзывов. Он прокручивает отзывы по вертикали. Этот сайт хорошо использует цвета и простой макет.

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

В заключение

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

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

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

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