Витрина дизайна Divi: новые работы с августа 2021 года

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

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

Витрина дизайна Divi: новые работы с августа 2021 года

1. Хет Бевигт

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

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

2. xViz

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

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

3. Агентство коллективного дизайна.

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

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

4. Lesperance & Associates

Этот сайт был представлен Джеффри из Geek Boutique Design. На этом сайте используются темно-синий фон и выделение, элегантные, но серьезные шрифты и изображения, чтобы проинформировать аудиторию о теме. Темно-синий цвет используется для наложений изображений, фона аннотации, текста, кнопок и нижнего колонтитула. CTA использует обложку книги, которая соответствует дизайну сайта. Раздел блога тоже интересен. У него есть тень с обеих сторон, но не сверху или снизу. Темно-синие оверлеи также используются для избранного изображения блога.

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

5. Wilkenwerk

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

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

6. Ульк

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

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

7. Общие дела

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

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

8. Isitec International

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

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

9. Sunshine Delights

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

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

10. Редактировать операции

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

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

Заключение

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

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

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

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