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

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

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

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

1. Орбикон информатика

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

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

2. Growmodo

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

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

3. Солвид

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

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

4. Фестиваль петухов и быков

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

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

5. Дрессировка собак на выгуле

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

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

6. Компания Woods Hole Tile

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

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

7. Brinart Design

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

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

8. Happy Digital

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

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

9. Джереми Мура

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

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

10. Ad Conseil

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

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

Заключение

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

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

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

Изображение предоставлено DRogatnev / shutterstock.com