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

已發表: 2019-07-29

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

我希望你喜歡他們！

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

1.Enash

本網站由 Nicolas 提交。該網站使用大量超大文本作為標題和號召性用語。英雄部分顯示帶有標題和標語的大綠色背景。一行文本通知用戶滾動。滾動顯示兩列部分。左側顯示了帶有大文本和超大塊狀按鈕的 CTA。右側顯示了真實視差的圖像。另一個大部分使用大文本顯示有關他們的服務的信息，以介紹每個服務的部分和簡介。另一大部分顯示客戶名稱，後跟一個包含聯繫信息和菜單的顯眼頁腳。我喜歡 Projects 頁面的設計，它在視差圖像上使用具有高不透明度的大型彩色疊加層。

查看網站

2. 盧巴 - Riflessi Digitali

本網站由 Ljuba 提交。它在一側顯示站點所有者的全屏圖像，在另一側顯示標題和徽標。在英雄圖像下方是一個細長的全寬部分，帶有腳本字體的標語和電子郵件選擇加入表格。關於部分用 CTA 介紹了所有者，然後是幾個帶有許多柔和色彩、腳本字體和優雅圖形的 CTA。博客部分顯示帶有包含博客標題的小疊加層的帖子。一個簡單的聯繫表格位於帶圖案的背景上。頁腳包括 Instagram 提要。我喜歡投資組合頁面。它在桌面上的計算機屏幕中顯示示例，並在底部的疊加層中包含標題。

查看網站

3.成功模式

本網站由 Aaron Robertson 提交。該網站自始至終使用了許多大膽的顏色，包括背景、圖形、按鈕、標題、鏈接和菜單中的 CTA。英雄部分以視差顯示疊加在圖像上。覆蓋層一方面提供產品的信息和鏈接，另一方面提供產品在移動設備中的風格化圖像。功能使用彩色圖形作為圖標顯示在簡介中。全角 CTA 在深色背景上使用大文本、大圖形和粗體按鈕。另一個 CTA 具有與英雄部分類似的設計，但在移動設備上使用應用程序的單一風格化圖形。許多其他頁面使用類似的粗體顏色設計 Divi 模塊。我特別喜歡帶有背景圖像和疊加層的音頻模塊。這個網站很好地利用了顏色。

查看網站

4. 埃里克·胡珀

本網站由 Ty Hooper 提交。它將圖像蒙太奇顯示為英雄部分的背景，徽標和標語位於中心的疊加層中。一個全寬的關於部分緊隨其後，在一側顯示圖像，在另一側顯示信息。章節的一部分以網格形式顯示博客文章。章節本身顯示一張舊紙的背景圖像，一側是文字，另一側是圖像。文本和圖像在整章中交替出現。博客導航按鈕包括站點的徽標。圖像頁面顯示一個完整的畫廊，文檔頁麵類似但添加了標題。採訪頁麵包含嵌入視頻和文檔圖像的多列佈局組合。

查看網站

5. 哈莫納海灘酒店

本網站由 George Paratsokis 提交。隨著網站的加載，我們會看到一個預加載器的標誌。加載後，英雄部分顯示一個大背景圖像，覆蓋大部分圖像。出現在圖像左側的是一側部分打開的動畫框內的標題和標語。菜單中的框、徽標、標題文本、按鈕、社交圖標和 CTA 是與網站品牌相匹配的漂亮棕褐色。關於部分顯示一個帶有圓圈的鏈接，該圓圈在懸停時為文本添加下劃線。房間顯示在卡片中，標題位於圖像底部。懸停時，圖像上方會出現一個疊加層，標題移動到中心，然後出現“閱讀更多”鏈接。全角 CTA 顯示類似於英雄部分的疊加層，並在文本周圍繪製框，與按鈕重疊。

查看網站

6. 專業網站巴塞爾

本網站由 Benny Hozjan 提交。這是一個包含許多細節的單頁設計，例如跟隨各部分並突出顯示菜單中的部分的紫色圓點，以及匹配樣式的導航欄。英雄部分顯示帶有彩色形狀的圖案背景，中間有一條標語，後面是與下一部分重疊的圖形。關於部分顯示了它如何使用帶有動畫圖標的模糊效果，即使您沒有將鼠標懸停在它們上面也會反彈。有幾個部分顯示信息，一側帶有文本，另一側帶有圖形。服務顯示在簡介中，包括懸停動畫、圖像、標題和底部的樣式點。全角 CTA 以大字體顯示一小行文本，一側是較小的標語，另一側是動畫按鈕。一部分客戶徽標使用與英雄部分相同的背景，但以視差顯示以創建不同的外觀。

查看網站

7. 只是虛擬現實

本網站由 Reinhard Wedemeyer 提交。該網站在深色和淺色背景上使用大量紅色作為其品牌。頂部欄添加了一個常見問題解答和幾個社交鏈接。英雄部分顯示一個帶有 Cinemagraph 的全屏背景，一方面突出顯示產品，另一方面突出顯示標題和 CTA。下一部分顯示了簡介中的信息和滑塊中產品的圖像。宣傳的另一部分包括與網站品牌相匹配的多色圖標。全角 CTA 在紅色背景上的一側顯示文本和按鈕，在另一側顯示產品圖形。我最喜歡的部分之一展示了 8 張較小的產品圖片，中間有說明。詳細的聯繫表格放置在英雄部分使用的背景圖片上。單個產品頁面在粗體紅色背景上顯示產品。角落中的 CTA 彈出窗口會引導您查看常見問題解答，其中包含產品圖片。

查看網站

8. 尼古拉·索倫森

本網站由 Nicolai Soerensen 提交。它顯示一個大背景圖像，中間有一個疊加層和一個 CTA。滾動顯示兩欄部分，一側帶有 CTA，綠色按鈕與菜單中的 CTA 相匹配，另一側是辦公室圖像。該頁麵包括幾個類似的 CTA。 “關於”部分在一側顯示信息，另一側帶有圓圈圖像和獎勵。宣傳內容的幾個部分包括與網站品牌相匹配的綠色線條繪製的圖像。案例研究顯示為帶有分隔符、標題和描述的大圖像。懸停時會出現閱讀更多按鈕。我喜歡內襯網格中的灰色徽標部分，外邊緣未封閉。這是一個產生巨大影響的最小元素。營銷頁面顯示帶有詳細統計信息的客戶圖像。

查看網站

9. 出現

本網站由 Christian Schick 提交。它顯示一個帶有波浪形分隔線的綠色背景，一側是 CTA，另一側是與下一部分重疊的圖像，其中顯示了圖像和詳細信息。圖像彼此成角度並遠離對角線，以創造有趣的視覺效果。下一部分在一側顯示文本，在另一側顯示圖標。圖標使用帶有樣式形狀的純色背景來突出顯示。形狀與徽標相匹配。我喜歡項目部分。每個項目在多列佈局中的文本塊旁邊顯示一個圖像。文本模塊位於帶有波浪形分隔線的部分的中心，該部分與下一個部分重疊，通向 CTA，然後進入帶有波浪圖案的簡單電子郵件表單的樣式頁腳。每個頁面都使用波浪形背景，標題疊加層中帶有漸變，其中還包括圖標和標語。

查看網站

10.早上的人

本網站由露西提交。主頁是多列佈局的馬賽克圖像。圖像採用藝術疊加和裁剪在一起的其他圖像進行風格化。演講者的圖片鏈接到他們的個人頁面。將鼠標懸停在它們上方會顯示一個文本框，其中包含它們的名稱和標題以及兩側的綠色邊框。公司的其他圖像用於填充需要的空間，不鏈接到任何內容。演講者頁面以網格形式顯示大圖像，其下方帶有標題。個人頁面的工作方式類似於博客文章，並顯示全屏圖像，後跟內容。內容中的引用為綠色，與博客導航鏈接相匹配。內容包括三欄，左邊有一個標誌，中間是主要內容，右邊是側邊欄的信息。

查看網站

在結束

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

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

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

精選圖片來自 MSSA/shutterstock.com