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

已發表: 2019-09-01

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

我希望你喜歡他們！

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

1.矩陣屋面

本網站由 Christian McMinn 提交。它使用全屏背景圖像來顯示可用的工作類型，並在疊加層中放置 CTA。有關公司的信息被放置在兩列佈局中，一側是圖像，另一側是項目符號。 “閱讀更多”按鈕將讀者帶到“關於我們”頁面。一個類似的兩欄部分顯示了帶有閱讀更多鏈接的推薦。服務顯示在帶有大的單色圖標的簡介中。更多信息鏈接放置在帶有深色覆蓋的 CTA 中。頁腳包括一個默認情況下不滾動的黑白全寬地圖。我喜歡顏色指南頁面，該頁面顯示了具有不同顏色屋頂的同一所房子。

訪問網站

2. Brightworks 集團

本網站由 Britt Baue 提交。旋轉的標題文本後面有一個深色背景圖案。有角度的分隔線將英雄部分與下一個部分分開，後者以粗體綠色文本顯示垂直文本、標語和服務，懸停時會放大。下一部分顯示灰色背景，頂部和底部帶有傾斜的分隔線。大文本引導讀者進入 CTA 下載。服務部分還包括標題的垂直對齊文本，並在簡介中顯示服務。引入了一個帶有大標題的簡單推薦滑塊。另一個傾斜部分顯示客戶徽標。聯繫部分創建 CTA 並提供聯繫信息。我喜歡徽標從菜單中心偏移的方式。

訪問網站

3. 島

本網站由 Saskia Lund 提交。該網站在英雄部分包含真實視差的背景圖像，以顯示可用的度假勝地類型。疊加層包括腳本字體的標語和帶有選項卡的搜索框，您可以在其中對特定住宿進行高級搜索。帶有懸停效果的高大和瘦長的廣告顯示圖像和對預期假期類型的描述。一部分特價在滑塊中顯示假期。每一張都是一張帶有圖像和描述的高卡，並包含懸停效果。租借部分顯示卡片中的位置，其中包括圖像、描述和信息。事件顯示在全屏滑塊中。博客部分與高卡設計相匹配，還包括懸停效果。雜誌頁面以多欄佈局顯示類別內的文章。

訪問網站

4. 頭棚

本網站由 Gustav Espenes 提交。 CTA 和圖形以真正的視差放置在背景圖案上。該圖形包括一個按鈕，用於在彈出疊加層中播放視頻。整個網站都使用類似的圖形作為帶有 CTA、簡介和背景的元素。該網站包括許多樣式分隔線以幫助構建背景。模糊彼此偏移以創建有趣的垂直設計，並具有融入背景的顏色。一部分問題在切換中顯示答案。宣傳的另一部分顯示了圖標的好處。它還包括一個全寬的推薦滑塊、客戶徽標和样式化的聯繫表格。我喜歡團隊成員的單列人員模塊和設計簡潔的博客頁面。

訪問網站

5. 湧現里士滿

本網站由 Christian Schick 提交。該網站使用大量綠色高光和波浪形部分分隔線，使佈局具有有趣但最小的設計。英雄部分將 CTA 放置在一側，並將產品示例放置在與部分分隔符重疊的另一側。下一部分顯示了一個類似的產品，另一方面顯示了它的好處。另一部分顯示帶有樣式背景的圖標，以創建一朵花來顯示服務。項目顯示在多欄部分中，一側是圖像，另一側是描述。推薦信放置在位於屏幕中央的框中，並與通向下一個 CTA 的部分分隔符重疊。自定義頁腳還包括與時事通訊表格重疊的波浪分隔線。我喜歡整個網站的綠色亮點。

訪問網站

6. 南方服務公司

本網站由梅賽德斯·布加林 (Mercedes Bugarin) 提交。英雄部分包括滑動文本以顯示服務的好處。它在英雄部分放置一個帶有服務選擇的表單。該表單在一側使用圓角並與英雄部分中的圖像重疊。下一部分顯示了包含樣式角和陰影的簡介中的服務。客戶徽標顯示在滑塊內。接下來是一個帶有社交按鈕和員工可以登錄的按鈕的小部分。菜單包括兩個不同的 CTA。部分用波浪形分隔器分隔。服務頁面遵循相同的設計並添加樣式切換以提供有關每項服務的信息。切換包括一側的圓角以匹配表單。聯繫申請表包括類似的設計，並帶有陰影。

訪問網站

7. 社交平房

本網站由 Kelsey Spectre 提交。英雄部分在一個角落顯示徽標，在幾個角落顯示相似的圖形。來自標題的圖形放置在整個站點中。信息和 CTA 放在一側，圖形放在另一側。主菜單位於此部分下方，並在滾動到該點時保留在屏幕頂部。介紹部分在一側顯示圖像，在另一側顯示與圖像重疊的文本塊。號召性用語遵循此並包括一個按鈕，其角度在懸停時會發生變化。博客部分顯示與站點匹配的柔和顏色的帖子，並包含標題的腳本文本。全角 CTA 使用與標題相同的顏色和圖形，並將腳本標題文本置於背景中。我喜歡博客頁面的優雅設計，它使用具有多種佈局的相同顏色和字體。

訪問網站

8. Descargar Ecuakaraoke

本網站由 Jero Shannon 提交。這個有很多卡通動畫。英雄部分在背景中顯示動畫卡通，在疊加層中顯示 CTA。一個圖形與部分分隔符重疊，它通過動畫簡介進入下一個部分，這些動畫簡介彼此垂直偏移並使用分隔符進行跟踪。有角度的圖像通向下一部分，其中包括購買 CTA 和博客鏈接。星級評論與背景重疊並提供另一個 CTA。嵌入的 YouTube 視頻傾斜。該網站包括許多有角度的元素和分隔線，以及幾個帶有圖像或彩色角度的 CTA。

訪問網站

9. 蓬勃發展的人物

本網站由凱特布里頓提交。它包括背景中的顏色斑點和一側的疊加層中的滑塊。滑塊文本與滑塊圖像重疊並提供信息和鏈接。滑塊的控件位於左上角和右下角。下一部分使用多色文本和另一個背景斑點來提供信息。帶有純色的方形簡介顯示編號的標題並在懸停時更改顏色。另一個 CTA 在一側顯示帶有顏色斑點的圖像，在另一側顯示 CTA。預訂部分在純色背景上顯示標題，並使用地圖來選擇位置。下載 CTA 將描述放在與圖像重疊的塊中。這個使用了許多醒目的大膽顏色。

訪問網站

10.塊頭挑戰

本網站由 Keith Green 提交。英雄部分在背景中顯示一個塊，帶有用於覆蓋的紋理過濾器。標語使用超大文本。該菜單包括兩個號召性用語按鈕。塊圖像與下一部分重疊，下一部分顯示全角文本元素以在一側顯示標題，在另一側顯示顏色塊。兩個交替部分在紋理背景上顯示一側的圖像和另一側的信息。接下來的幾個 CTA 部分包括更大的標題，裡面有清晰的塊文本。有些重疊部分。圖像與更暗的紋理背景重疊。我喜歡在這個中使用綠色、圖像和字體。

訪問網站

在結束

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

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

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

精選圖片來自 ProStockStudio/shutterstock.com