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

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

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

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

1. Страттон Крейг

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

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

2. Майк Фрилансер

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

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

3. креатив dajo

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

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

4. Безопасный источник ИТ

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

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

5. Студия Витаса

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

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

6. Серфинг в Индонезии.

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

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

7. Kal Digital

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

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

8. Робинсон, доктор медицины

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

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

9. Международное бюджетное партнерство

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

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

10. Ньянса

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

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

До следующего месяца!

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

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

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

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