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

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

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

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

1. Веб-студия Teix

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

Просмотр веб-сайта

2. Вити

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

Просмотр веб-сайта

3. Космецевтика Ньюпорта

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

Просмотр веб-сайта

4. Двойная спортивная одежда

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

Просмотр веб-сайта

5. OMT Veyhl

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

Просмотр веб-сайта

6. Том 18

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

Просмотр веб-сайта

7. Амели Фрелих

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

Просмотр веб-сайта

8. HighSpark

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

Просмотр веб-сайта

9. Планировщик пузырей

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

Просмотр веб-сайта

10. Чарли Кларк

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

Просмотр веб-сайта

В заключение

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

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

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

Изображение из мира vector / shutterstock.com