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

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

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

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

1. Медицинское кодирование Pivot

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

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

2. INSNAPSYS

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

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

3. BlueMax

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

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

4. Креатив для блога

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

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

5. Шахматная доска.

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

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

6. Интегра

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

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

7. 5 Linx

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

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

8. Sphonic

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

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

9. «Лучшее здоровье» от Хизер.

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

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

10. Агентство CMG

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

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

Заключение

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

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

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

Избранные изображения через Максима Костенко / shutterstock.com