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

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

我希望你喜歡他們！

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

1.普雷斯頓微笑

本網站由 Christian Mauerer 提交。 英雄部分顯示具有打字效果的動畫文本，一側使用花哨的字體和 CTA，另一側使用背景圖像的主題。 滾動顯示徽標滑塊，顯示公司所在的媒體。書籍 CTA 在中間顯示在線商店的徽標，箭頭指向帶有書籍照片的外邊緣。 當您滾動時，書籍會向中心移動。 關於站點所有者的部分在左側顯示一張大照片，在右側顯示信息。 當您向下滾動頁面以查看相互重疊的圖像庫時，照片滾動得更快。 幾個部分包括風格的視頻。 我特別喜歡推薦部分，它顯示了所有者的大圖像、來自 Facebook 的推薦和活動照片。

訪問網站

2.WebDevXd

該站點由 Web Dev Xd 的 Steph 提交。 CTA 顯示在左側，在世界地圖的背景圖像和白色覆蓋層上顯示紅色按鈕。 全角菜單位於此部分下方，滾動時會固定在頂部。 下一部分在一側顯示計算機屏幕內的工作示例，在另一側顯示描述，每個示例均使用品牌紅色和白色。 服務顯示在帶有紅色圖標的簡介中。 項目部分顯示堆疊的圖像。 圖像縮小，背面的圖像在懸停時移到兩側。 可交付成果部分使用紅色背景，並以白色顯示文本和圖標。 標題垂直坐在一邊。 頁腳在紅色背景上顯示一個帖子滑塊和幾個小部件。

訪問網站

3. 牟尼

本網站由 Lethicia Diniz 提交。 它使用與流派完美匹配的藍色和綠色顏色和字體樣式。 標題顯示 CTA 的堆疊按鈕。 英雄部分包括一個背景圖像，一側是主題，另一側是大項目符號。 計劃顯示為具有不同顏色背景的文本塊，可在懸停時放大。 我喜歡用圖層構建的全屏 CTA。 它在一側顯示一張照片，一個涵蓋後三分之二的標題，另一側的好處列表，以及一個與其他兩個重疊的大框，帶有藍色背景和 CTA 本身的圖案。 推薦滑塊顯示在最右側，並帶有背景圖案。 頁腳顯示兩行。 第一個有 CTA 來閱讀更多不同顏色和大小的信息、聯繫信息，然後底行顯示小部件。 兩行顯示在視差背景圖案上。

訪問網站

4. 桑卡拉

本網站由 Xavier Ferre 提交。 導航菜單垂直顯示在左側，並在您滾動時保留在屏幕上。 英雄部分以大字體顯示站點標題，然後是服務列表和可點擊的聯繫人 CTA，另一側是小圖像。 信息在具有不同背景顏色和圖像位置的兩張大卡片中提供。 兩者都與下一個部分重疊，該部分從上方展示了一個更大的風格化籃球場，其設計與前兩張卡片相似。 更多卡片緊隨其後，並以大列文本進行介紹。 此部分包括聯繫表和合作者列表。 博客文章帶有樣式箭頭，可在您滾動時放大到位。 博客部分還引導讀者進入登錄表單。

訪問網站

5. 緩衝保險

本網站由肖恩·特納提交。 該網站很好地利用了顏色和圖像。 英雄部分顯示兩個背景圖像。 較大的一側有藍色覆蓋層，較小的一側有綠色覆蓋層。 前景圖像放置在兩者相遇的位置，並以盾牌形狀放置在背景上。 CTA 放置在另一側。 前景還包括出現在整個站點的圖案中的形狀。 下一部分在具有相同設計的大盒子中顯示服務。 接下來的兩個部分在具有白色或藍色疊加層的背景圖像上以交替佈局顯示一側的高大簡介和另一側的圖像。 簡介顯示子彈。 圖像使用與英雄部分相同的盾牌。 全角帖子滑塊顯示最新帖子的標題和文本。 它還包括一個帶有文本鏈接的超級菜單。

訪問網站

6. 柯利

本網站由 Anthea A. Ancalade 提交。 英雄部分顯示全屏背景圖像，中心有一個搜索框，您可以選擇位置或使用當前位置。 服務顯示的圖像包括 CTA 旁邊的標題和疊加層。 特色樣式顯示在 6 列滑塊中，包括圖像、標題、星級和位置。 滑塊包括箭頭和點導航。 單擊其中一種樣式會將您帶到其產品頁面。 新樣式顯示在 6 列中，但沒有滑塊。 博客部分顯示最近的兩個帖子，並在帖子下方放置一行，其中包含鏈接以查看該行下方的更多內容。 博客中的教程分為三列，並遵循相同的設計。 它還包括一個有 6 列和 2 行的 Instagram 提要和一個帶有樣式電子郵件表單的頁腳。

訪問網站

7. 排字障礙

本網站由 Eugenia Janakow 提交。 它在圖形中使用了大量粗體黃色。 標題的創建就像是使用標籤製作器製作的一樣，使背景為黑色，文本為白色，具有 3D 外觀。 CTA 放置在菜單的中間。 英雄部分顯示分屏，左側是 CTA，右側是圖像。 CTA 使用在滾動和懸停時動畫的手繪圖形。 有關站點所有者的信息顯示帶有 CTA 的帶圓圈的圖像以了解更多信息。 我特別喜歡推薦部分。 它顯示來自 Google 的評論以及星級評分和可將您帶到“關於”頁面的可點擊圖形。 服務顯示在簡介中，包括大型手繪圖形。 博客使用品牌黃色作為meta，聯繫表格使用它作為整個部分的背景。

訪問網站

8. 叢林工匠

本網站由 Simone Talamo 提交。 英雄部分顯示一個以主題為中心的全屏圖像。 前景顯示帶有 CTA 和社交按鈕的標語。 幾個全寬部分遵循類似的設計。 每個部分都有一個鋸齒狀的分隔符，非常適合該類型。 下一部分顯示用於信息的大圖像，在疊加層中帶有文本和圖標。 大多數都有深色背景或融入深色背景。 一本手冊顯示書的封面和文本。 最新的博文將帖子顯示為帶有方框陰影的卡片。 頁腳顯示產品及其名稱、圖像、星級和價格。 課程頁面遵循相同的設計，並添加了倒數計時器和样式切換。

訪問網站

9. KWALT 數碼

本網站由 Nicolas Peigner 提交。 這個網站有很多有趣的動畫、樣式化的文本、圖形和箭頭。 黃色被用作品牌顏色，並以創造性的方式使用。 英雄部分在一側顯示具有打字效果的文本。 酒吧位於此下方並列出服務。 右側是幾個獨立的圖形元素，它們懸停並響應光標。 下一部分顯示一個標題，一側是動畫圖形，另一側是簡單的 CTA。 最新的作品遵循這一點，並展示了不同顏色和圖案背景下的作品截圖。 解釋好處的部分用兩種顏色的圖標將宣傳語放在一側。 圖像位於另一側，將讀者引向簡介。 一個簡單的推薦滑塊放置在深灰色背景上以突出顯示。

訪問網站

10.探索

本網站由 Ava Charpentier 提交。 它使用許多棕褐色調作為品牌顏色。 頂部欄在滾動時消失，徽標與標題和英雄部分重疊，標題包括懸停動畫。 主圖像顯示標題、描述和用於下訂單的按鈕。 另一個圖像以真實視差放置在主圖像上作為窗口。 信息以帶有自定義圖形的簡介顯示。 產品在產品圖片頂部後面顯示為背景顏色。 博客部分使用了類似的背景設計。 閱讀有關公司的 CTA 在一側顯示文本，在另一側顯示圖像。 推薦以卡片形式呈現，頂部有白色背景的引述，底部有棕褐色背景的名稱。 該網站還包括一個 Instagram 提要和一個帶有懸停動畫的自定義頁腳。

訪問網站

在結束

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

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

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

精選圖片來自 domonku/shutterstock.com