Витрина дизайна Divi: новые материалы с августа 2018 г.

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

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

Витрина дизайна Divi: новые материалы с августа 2018 г.

1. Салин

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

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

2. Пимагия

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

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

3. Журнал Twist Travel.

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

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

4. Рекламное агентство

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

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

5. Фотография васаби

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

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

6. Mira Care

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

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

7. Психологический

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

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

8. WorldTeach

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

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

9. Апери Тун

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

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

10. Обучение экипажа

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

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

В заключение

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

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

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

Изображение предоставлено VitaminCo / shutterstock.com