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

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

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

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

1. Vale Industries

Этот сайт был представлен DJ Wheeler. Он имеет индустриальный вид и выглядит с несколькими оттенками серого для фона разделов, фонов объявлений и отзывов и даже с темно-серым для текста. Выделяются красные выделения для кнопок и точечной навигации. Логотип связывает цвета воедино. Раздел героев привлекает внимание к темам с призывом к действию с одной стороны и видео с другой. Кнопки - параллелограммы. CTA в меню становится черным при наведении курсора и открывает другую кнопку с серым фоном, который соответствует цвету текста CTA. Темы показаны с большими аннотациями. Изображение в полную ширину с истинным параллаксом показывает пример рабочего места. Остальные страницы имеют похожий дизайн. Цвета и чистый макет отлично подходят для этого промышленного объекта.

Посетите Vale Industries

2. Arca Interactive

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

Посетите Arca Interactive

3. Trafoos

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

Посетите Trafoos

4. Истории UX-дизайна

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

Посетите Истории UX-дизайна

5. TPress Studio

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

Посетить TPress Studio

6. Мой риэлтор в Колумбусе

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

Посетите мой риэлтор в Колумбусе

7. Проспект Стрекозы

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

Посетите проспект Стрекозы

8. НЕВЕРМВМ

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

Посетить NEVERMVM

9. Панда Ремиремонт

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

Посетите Panda Remiremont

10. Allianz Brno

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

Посетите Allianz Brno

Заключение

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

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

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

Избранные изображения через Эндрю Рыбалко / shutterstock.com