Divi 設計展示：2019 年 5 月的新提交

已發表: 2019-05-31

又到了我們每月的 Divi 展示會的時候了，我們將看看社區成員製作的 10 個很棒的 Divi 網站。每個月我們都會展示從我們社區提交的最好的 Divi 網站，今天我們想與您分享五月份的前十名網站。在整篇文章中，我將指出一些我最喜歡的設計功能，這些功能吸引了我訪問每個網站。

我希望你喜歡他們！

Divi 設計展示：2019 年 5 月的新提交

1.叉腰

本網站由 Alan Cox 提交。該網站使用灰色陰影的線描藝術作為背景，並在整個過程中使用彩色人物圖畫。按鈕和其他圖形元素也是彩色的，以從網站的設計中脫穎而出。這在將重點放在產品和號召性用語方面做得很好。它通過全屏英雄部分、產品演示、兩欄可用性部分、單欄使命陳述、推薦和與頁腳重疊的 CTA 來保持設計簡單。 Science 頁面以其大標題和品牌圖形而有趣，同時保持設計簡單。

訪問網站

2. Dapper Tapper 雜誌

本網站由 Carlos Godoy 提交。本網站使用 Extra 來創建優雅的雜誌設計。它顯示一個全屏英雄部分，背景圖像為視差，徽標位於中心。滾動顯示菜單，當它到達屏幕頂部時仍保留在原位。文章放置在三列的多列佈局中。其他帖子以單列滑塊顯示，然後在底部有一個供進一步閱讀的部分。博客文章將文本放在一側，將圖像放在另一側。該站點還具有一個大的下拉菜單和一個預加載器。我不會猜到這是額外的。

訪問網站

3. 底圖

本網站由達斯汀奧爾森提交。該網站將產品的演示和 CTA 放置在屏幕中央的背景圖像上，幫助讀者一目了然地了解產品的用途。其他幾個具有類似設計的部分從一側展示了產品，但這次是兩個帶有屏幕截圖、動畫或視頻的演示，它們與下一部分重疊。演示完美地展示了產品的功能。我喜歡風格化的定價表。博客也很有趣。它包括一個滑塊，後跟一個兩列過濾的博客網格。這些帖子包括優雅的疊加層。側邊欄也適合該網站的設計，並包括一個 Instagram 提要。這個網站的攝影很棒。

訪問網站

4. DH營銷數字

本網站由 Douglas Henrique Monteiro e Silva 提交。它顯示一個全屏圖像，一側是主題，另一側是背景，為標題、標語和 CTA 留出空間。服務使用彩色圖標以項目符號顯示。服務的統計數據顯示為帶有圖標的垂直切換的有趣圖形。推薦信顯示在利用方框陰影和星級評定係統的卡片中。一個部分在圖形後面有一個背景圖案。 CTA 重疊了兩個部分，並且非常突出。我喜歡在服務頁面上優雅地使用簡介。他們使用彩色圖標並創建帶有懸停效果的纖薄卡片。該網站使用了大量的空白空間並優雅地使用了色彩。

訪問網站

5. 約克

本網站由 Sander Goorman 提交。它使用藍色漸變來顯示全屏背景圖像，並在一側顯示帶有服務導航的標語。 Blurbs 與下一部分重疊，並提供有關每項服務的詳細信息。簡介是帶有藍色圖標的干淨卡片。它們在懸停時向上上升，與網站的設計完美契合。展示他們故事的部分在一側使用多色大文本，在另一側使用常規文本。他們的作品示例顯示在交替佈局中，並帶有查看作品的鏈接。我喜歡博客設計。它在帶有疊加層、標題、類別、作者姓名和按鈕的網格中顯示帖子，以在彈出窗口中查看特色圖像。所有這些都放置在特色圖像上。

訪問網站

6. 偶像

本網站由 Oliver Gehrmann 提交。帶有標語的多張圖像顯示在全寬滑塊中，然後是帶有樣式塊標題的關於部分。了解更多按鈕會打開一個整頁彈出窗口。了解更多按鈕在整個設計中都很突出，非常適合節省空間，同時提供對大量信息的訪問。使用在懸停時更改顏色並在單擊時打開彈出窗口的圖形提供更多信息。更多服務通過滑塊內的圖形和信息按鈕顯示。一個類似的滑塊顯示了講師的圖像。講師頁面顯示兩列，其中包含一張大照片和每個人的信息。我喜歡活動頁面。它使用帶有下拉框的過濾器。

訪問網站

7. Bio-Bausewein

本網站由邁克爾·科赫提交。這個顯示了一個全屏圖像，主題上方有一個標語，並以樹的形狀覆蓋以裝飾兩側。這些和類似的形狀出現在整個場地的兩側。下一部分顯示不同頁面的 CTA。 CTA 使用帶有不同顏色疊加層的大圖案背景。較小的 CTA 使用類似的設計以及博客卡片設計。一種採用傾斜設計。我喜歡顯示所有者的部分。它顯示了一個全屏圖像，下面是與照片中人物附近的圖像重疊的文本塊。事件頁面顯示類似於內嵌博客文章的事件，頂部有一個欄來顯示日期。我喜歡這個網站上的攝影和色彩。

訪問網站

8.生態主機

本網站由 Emy 提交。該網站採用單頁佈局，採用扁平化設計，整個網站的背景和圖標均採用優雅的紅色、綠色和藍色色調。背景圖形和其他元素有助於描述公司的使命。功能與簡介一起顯示，以創建帶有大圖標和標題的卡片。類似的卡片用於推薦和聯繫信息。我喜歡定價表。它們包括一個切換開關，當您單擊切換時，價格會顯示動畫。當您單擊以查看信息時，一些卡片會在彈出窗口中包含信息。該網站充分利用了圖形、背景圖案和顏色。

訪問網站

9. 717媒體

本網站由 Eike Muller 提交。它在整個網站的文本、按鈕、動畫和背景中使用淺綠色作為品牌顏色。甚至滾動條和返回頂部按鈕也是綠色的。大卡片顯示帶有圖像、文本和按鈕的服務。卡片在懸停時顯示陰影。它包括一個有趣的 CTA，它具有全寬背景和深色覆蓋層。當您滾動到它時，會在文本周圍繪製一條綠線以引起注意。我喜歡關於部分。它使用圖像和文本在卡片中顯示信息。這些卡片與下一部分重疊，並包含動畫覆蓋。該網站在每個頁面上都充分利用了小動畫和綠色亮點。

訪問網站

10. PicknRoll

本網站由羅伯托·瓦格納 (Roberto Wagner) 提交。這是一家網上商店。主頁使用帶有多種顏色的大文本的背景圖像向商店顯示全屏 CTA。商店部分以三列顯示產品，覆蓋層中有一個與網站品牌顏色（粗體黃色）相匹配的圖標。信息部分顯示了與視差背景圖像相比的優勢。推薦書和時事通訊部分採用類似的黃色文本樣式。商店頁面遵循相同的設計，但在英雄部分添加了搜索功能。該博客目前只有一篇文章，但該頁面的設計很酷。博客文章與英雄部分重疊，時事通訊與兩個部分重疊，包括頁腳上方的社交關注部分。

訪問網站

在結束

這是我們 5 月份提交的 10 個最佳社區 Divi 網站。這些網站看起來很棒，我們一如既往地感謝大家的提交！

如果您想考慮您自己的設計，請隨時通過電子郵件發送給我們在 nathan 的編輯，地址是優雅的主題 dot com。請務必將電子郵件的主題設為“DIVI SITE SUBMISSION”。

我們也希望在評論中收到您的來信！告訴我們您喜歡這些網站的哪些方面，如果他們做了什麼，您希望我們在博客上教給我們。

精選圖片來自 L-astro/shutterstock.com