Divi 設計展示：2020 年 1 月起的新提交

已發表: 2020-01-31

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

我希望你喜歡他們！

Divi 設計展示：2020 年 1 月起的新提交

1. 阿爾特蒙德

本網站由 Daniel Behrens 提交。它在前台顯示帶有標語和 CTA 的全屏背景視頻。接下來是一個帶有懸停效果的標題的全屏部分，以介紹下一部分，當您滾動標題時，該部分以視差顯示。此部分以大文本顯示標題，一側帶有懸停效果，另一側帶有 CTA。下一部分提供有關他們如何與客戶合作的信息。這包括帶有對角線設計的白色背景和在懸停時擴展的編號文本。當您滾動時，另一個 CTA 會放大和縮小。服務頁面在分屏中顯示每項服務，一邊是 CTA，另一邊是視差背景圖像。我喜歡在本網站中使用文本、顏色和圖像。

訪問網站

2. 維梅爾

本網站由 Murray Price 提交。這是一個帶有圖像滑塊的在線商店，可以全角顯示產品。歡迎部分在產品圖片旁邊顯示信息，並提供閱讀更多信息的鏈接。商店部分顯示帶有產品頁面鏈接的產品。我最喜歡的部分在中心顯示了一個大的產品圖像，周圍是帶有描述、圖標和指向產品的彎曲箭頭的簡介。主頁還以交替佈局顯示產品圖片、推薦滑塊中的評論、包含兩個帖子的博客部分和 Instagram 滑塊。佈局包括一條空白線和創建最小設計的簡單線條。

訪問網站

3. 普拉納的

本網站由 RAPHAEL PRUGNER 提交。這是一頁設計。一個多層菜單與頁面分開，並在 CTA 旁邊的社交按鈕上方顯示一個可點擊的電話號碼。英雄部分顯示全屏背景圖案，而前景顯示帶有工作示例的計算機屏幕，並在標題和標語旁邊懸停時顯示更多內容。滾動顯示帶有文本和圖形的剪切部分，以視差在背景圖像上滾動。優點以交替佈局的方式顯示在導言中，並跨越多個部分，包括懸停縮放效果。示例項目顯示在滑塊內。其他項目顯示在嵌入的 Instagram 提要中。它還顯示了一個在您滾動時縮放的 CTA 和一個樣式化的聯繫表單。

訪問網站

4.紫狐猴

本網站由 Liam Pedley 提交。標題、標語、CTA 和帶有狐猴品牌圖形的示例產品圖像位於黑色背景上，其中包括圓形部分分隔線。文本和按鈕具有紫色漸變，與整個站點的圖形相匹配。一行三隻狐猴被放置在顯示文本和簡介的部分上方。單擊狐猴會顯示不同的信息部分，箭頭指向該部分。公司信息顯示在兩欄部分，一側有一個計算機屏幕，以真實視差顯示背景圖像。我特別喜歡投資組合部分。它以一個角度顯示圖像。將鼠標懸停在它們中的任何一個上方都會將圖像向上抬向屏幕，在它們身後留下彩色幻燈片。推薦滑塊一次顯示三個側面，一個在中心平坦，另外兩個成角度。它還包括樣式化的博客卡片和帶有每個服務的懸停動畫的簡介。

訪問網站

5. DShjemmeside

本網站由 David Sylvest 提交。它顯示一個帶有深藍色覆蓋層和圓形部分分隔符的背景，以及一個位於中心的大標題。標題將菜單放在中心，並包含帶有漸變和圓角的樣式背景。我喜歡下一個選擇。它顯示了三張傾斜卡片中的工作示例。兩側的兩個向內傾斜。它們包括懸停效果。下一部分顯示了一個 CTA，它帶有一個角度的計算機顯示器和一個帶圖案的背景。優點部分在齒輪圖形旁邊顯示帶有大簡介的項目符號。該站點還包括許多帶有樣式圖標和帶圓圈圖像的 CTA、帶圓圈的開發人員圖像、帶有切換按鈕的常見問題解答部分和帶樣式的聯繫表。佈局充分利用了顏色、圖形和圖像。

訪問網站

6. Zipline 職業

本網站由 Nicole Marie Zinnanti 提交。該網站使用了大量的空白，並帶有適量的紫色圖形和高光。英雄部分在一側顯示 CTA，在另一側顯示人員構建簡歷的圖形。下一部分顯示了使用紫色和白色圖形以及紫色邊框和陰影的 blub 中的服務。嵌入的視頻放置在背景圖案上，該圖案在左側的上半部分和右側的下半部分顯示點。帶有樣式圖標的模糊顯示了乾淨的 3 列佈局的好處。該設計還包括一個帶有圖形、樣式化博客部分的 CTA，以及一個帶有用於創建自定義頁腳的按鈕的 CTA。我也喜歡博客。它在標題中顯示帶有對角分隔線的完整圖形，然後在乾淨的網格中顯示博客卡片。

訪問網站

7. 薩斯喀徹溫領養支持中心

本網站由 Molly Seaton-Fast 提交。它顯示了孩子們玩耍的全寬圖像和三個文本模塊，用於創建用於導航的大按鈕。每個按鈕都有圓形的蓋子，在懸停時會變高並且有方角。帶有部分邊框的模糊創建指向特定主題的鏈接。信息在帶有宣傳和 CTA 的拖柱部分提供，一側是手風琴，另一側是手風琴。捐贈 CTA 融入郵件列表部分。每個部分都使用匹配的樣式顏色和背景圖案。事件頁麵包括一個嵌入式事件日曆。捐贈頁麵包括一個嵌入式捐贈箱。該站點有很多信息要共享，菜單會盡可能地保持導航信息的整潔。

訪問網站

8. 納奈莫高地

本網站由 Danielle Mah 提交。它有一頁設計，並且是多語言的。英雄部分顯示帶有橙色覆蓋的全屏背景，其中包括標題、標語和向下箭頭。英雄部分還包括一個有角度的部分分隔符，後面是導航菜單，該菜單在滾動時鎖定在頂部。幾個註冊 CTA 顯示了建築物的圖像。佈局還包括內部的全寬圖像，帶有顯示優點的簡介。幾個部分顯示使用交替佈局中的項目符號和圖像的功能。嵌入的地圖使用與網站其餘部分相同的顏色。平面圖顯示在滑塊內，包括可下載的 PDF。註冊表中包含的問題有助於確定您正在尋找的確切公寓類型。我喜歡在這個網站上使用色彩和攝影。

訪問網站

9. 不止幾句話

本網站由 Britt Baue 提交。菜單顯示一個重疊的標誌，然後是一條簡短的歡迎信息。該頁面的主要部分包括許多帶有樣式音頻播放器的嵌入式播客片段。第一部分顯示兩列播客，其中包含一個垂直標題和一個收聽更多內容的鏈接。包含有關節目信息的一段文本在反麵包含一個垂直標題。另一部分包括標題並顯示一個播客列表，在聯繫表單旁邊有一個音頻播放器。接下來是一個部分，其中包含從所有主要主機訂閱播客的鏈接。 “關於”頁面添加了一個主題列表和一個帶樣式的推薦滑塊。該設計使用了大量的空白和最小的佈局，看起來乾淨優雅。

訪問網站

10. Negrosanon 青年領袖學院

本網站由 JR Galia 提交。英雄部分在覆蓋層中顯示帶有標題和 CTA 的全寬背景圖像導航菜單還顯示 CTA 並將菜單包含在單獨的部分中。一部分程序顯示帶有捐贈按鈕的卡片。我特別喜歡“參與”部分。它在一側顯示大圖像，在另一側顯示帶有圖形的簡介。佈局還包括數字計數器和样式化的聯繫表格。關於、博客和畫廊頁面遵循類似的設計，並為文本、博客和畫廊模塊添加了實心陰影。

訪問網站

結論

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

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

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

精選圖片來自 ProStockStudio/shutterstock.com