Divi 設計展示：2019 年 12 月以來的新提交

已發表: 2019-12-25

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

我希望你喜歡他們！

Divi 設計展示：2019 年 12 月以來的新提交

1. 工匠玻璃結構

本網站由 Stuart Hingston 提交。全屏視頻在背景中播放，帶有突出顯示文本的黑色覆蓋層。疊加層包括帶有 CTA、標題、標語、描述和按鈕的徽標和菜單。滾動顯示固定的標題和類似的設計，背景圖像具有真正的視差。服務和信息顯示在帶有圖形的細長條中。 CTA 在一側以真實視差顯示圓形圖像。推薦滑塊將文本放置在作為工作示例的背景圖像上。服務顯示帶有文本和按鈕的高大圖像。我喜歡項目部分。它以多列佈局顯示項目，帶有樣式的側分隔符和圖像縮放效果。我也喜歡使用相同大小字段的聯繫表單。

訪問網站

2.克萊爾創意

本網站由克萊爾·加拉格爾提交。英雄部分顯示了一個帶有溫暖背景的手冊 CTA，並有助於描述該網站的內容。下一部分顯示了另一個 CTA，其中包含網站所有者的照片，然後是帶有圖形的推薦。博客文章顯示在帶有圖像的部分中，其下的標題以斜體顯示。這創建了一個帶有大量空白的干淨設計。我喜歡他們脫穎而出的方式。一段推薦信遵循類似的設計，但包含更多的文字。該頁面以全角 CTA 結束。博客頁面採用與主頁上的博客部分相同的簡潔設計。 “與我一起工作”頁面是為潛在客戶生成而創建的，其中包括預訂表格和定價表的獨特設計。項目遵循與博客文章相同的設計。

訪問網站

3. Freshlit 媒體

本網站由 Nicole Marie Zinnanti 提交。這是一個單頁設計，菜單中帶有指向各個部分的錨點。該站點使用大量黑白大圖像、大文本和圖像標題後面的黃色，從全屏標題開始。幾個部分包括遵循此設計的圖像。下一部分以全角顯示信息。服務顯示在帶有大標題、描述和分隔符的編號文本塊中。推薦書還包括大標題並遵循最小設計。 About 部分延續了最小的設計，帶有一個大標題、文本和分隔符，然後是一個類似的部分，以最小的聯繫表格結束。

訪問網站

4. Hilltop Credit Partners

本網站由 Rolando S. Bouza 提交。英雄部分在標題和標語後面播放視頻，並使用樣式化的部分分隔符引導到下一部分。下一部分以交替佈局顯示了幾個 CTA。第一個 CTA 顯示帶有大標題、簡短描述和按鈕的圖像，而第二個 CTA 包含兩個按鈕。全寬博客滑塊幾乎全屏顯示特色圖像。接下來是關於所有者的部分，帶有圖片和報價。我喜歡“關於”部分，它在深色背景圖像上顯示帶有樣式邊框的信息。聯繫表使用了類似的鏡像形狀，並包括純色背景。其他頁面遵循類似的設計，但在圖形中添加了大量支持信息。博客頁面添加了一個樣式化的側邊欄來展示公告。我也喜歡博客文章設計的簡潔佈局和大文本。

訪問網站

5.洞察託管

本網站由史蒂夫·多伊格 (Steve Doig) 提交。它使用大量大膽的粉紅色作為文本和疊加層的主要高光顏色，並且非常漂亮。英雄部分顯示一架飛機飛離屏幕，屏幕另一側有 CTA。飛機本身和 CTA 為粉紅色陰影。帶有計劃的部分顯示了塊內的計劃和價格。它們包括粉紅色的懸停動畫。全角 CTA 顯示中央的粉紅色獵豹，文本在一側，而另一個顯示棋盤和帶有粉紅色元素的文本。幾個部分顯示了簡介中的好處。我最喜歡的部分是討論他們所服務的業務類型的部分。圖像以 5 列網格顯示，交替疊加。圖像在懸停時縮小並移除疊加層。頁腳中的菜單也很有趣。它顯示標題，每個標題都帶有樣式的第一個字母。

訪問網站

6. 凱倫·埃雷拉

本網站由 Edgar Herrera 提交。該網站使用了許多柔和的色彩來吸引觀眾。英雄部分顯示了一張全屏圖像，一側是 CTA，另一側是所有者。接下來是一個優雅的電子郵件註冊表單，它在一側顯示圖像並在表單上顯示說明。帶有樣式邊框的圖像提供了指向各種信息頁面的鏈接。關於部分顯示的圖像與下一部分重疊，提供居中的推薦。接下來的幾個部分包括在交替佈局中重疊多個部分的圖像。這些部分提供信息和 CTA。聯繫表格放置在大理石桌子的背景圖像上，並從純色背景中脫穎而出。一本書 CTA 顯示在 2 列中，其中有一張照片重疊。頁腳顯示了一個 Instagram 關注號召性用語，背景中有多張照片。

訪問網站

7.芬賓果

本網站由 Prashant Karandikar 提交。它有一個乾淨的佈局，有很多顏色的亮點。英雄部分在一側顯示介紹，在另一側顯示圖形，該圖形融合成一排簡介。信息顯示在 2 列佈局中，並帶有用於創建項目符號的說明。一些信息 CTA 以交替佈局在一側顯示圖形。服務顯示在帶有圖形和文本的卡片中。在創建一組塊的彩色簡介中提供了更多信息。數字計數器以不同的顏色顯示每個數字以突出顯示。一個 2 列的推薦與網站的顏色設計相匹配。許多頁面都遵循類似的設計，然後添加帶有框陰影的內容以突出顯示。

訪問網站

8. 烏庫尼

本網站由弗農喬伊斯提交。它有一個乾淨的佈局，專注於產品。超級菜單顯示 3 列，其中包含顯示信息和圖像的一側的多個鏈接。英雄部分顯示了一組辦公家具的圖形。將鼠標懸停在它們中的任何一個上，用覆蓋層覆蓋其他，並顯示一個帶有描述家具的標題的小彈出窗口。彈出窗口的顏色各不相同。特色產品的一側顯示大圖形，另一側顯示說明。接下來是全角諮詢 CTA，然後是與特色產品設計相匹配的信息部分。產品頁面顯示標題類似於彈出窗口的產品，並包括功能項目符號列表。服務頁面很有趣。它顯示了產品的大量圖形，並在簡介中顯示了好處。

訪問網站

9. 建築實驗室

本網站由 Mischa Groenen 提交。它顯示一個全屏頁面，鏈接為文本，箭頭為導航。屏幕以對角線劃分，一側為白色背景的標題和鏈接，另一側為黃色背景的描述。當您移動鼠標光標時，標題會繪製到屏幕上。將鼠標懸停在鏈接上會顯示縮放效果。單擊其中一個鏈接會打開一個頁面，該頁面的標題遵循主屏幕的設計。投資組合頁面添加了一個與網站設計相匹配的過濾器，並在包含懸停動畫和標題的網格中顯示圖像。團隊頁面顯示了一個 3 列設計，一側是團隊圖像，中間是人員滑塊，另一側是表單。信息頁面顯示有關他們所做工作的樣式圖形。這是一個簡單、有趣且獨特的設計。

訪問網站

10. 下一個老化

本網站由 Nicolle Principe 提交。這個網站很好地利用了橙色和綠色，並添加了一些其他的突出顯示。它在二級菜單中有一個 CTA。英雄部分顯示了真實視差的全屏背景圖像，並在疊加層中顯示了一個簡單的 CTA。頁面鏈接是在全寬細長部分中使用顏色和文本塊創建的。幾個全角 CTA 以交替佈局在一側顯示圖像，在另一側顯示文本。 Blurbs 還創建帶有圓圈圖標和样式按鈕的 CTA。捐贈部分顯示了一個帶有目標和當前金額的吧台。許多部分包括一個重疊的圖標。我喜歡一邊是文字，一邊是兩張圖片的故事部分。每張圖像都包含顯示信息的懸停效果和閱讀更多內容的鏈接。它還包括一個活動日曆、風格化的博客等等。該網站有許多個性化調整，包括簡單的字體大小控制和語言選擇。

訪問網站

結論

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

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

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

精選圖片來自 SUNATTAKIT/shutterstock.com