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

已發表: 2019-06-30

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

我希望你喜歡他們！

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

1. 瑪麗·布茲科娃

本網站由 Michal Teska 提交。這是一種單頁設計，僅對標題和社交媒體鏈接使用導航菜單，並將菜單放置在頁面底部。滾動時菜單保持原位。英雄部分在全屏背景的一側顯示站點所有者的大圖像。名稱和統計數據放在另一邊。每個部分的標題在標題後面顯示大文本。職業亮點在一側顯示重疊圖像，在另一側顯示亮點，然後是嵌入的視頻。圖像顯示在磚石畫廊中，並在全屏滑塊中打開。 “團隊”部分顯示帶有背景圖案的團隊頭像。關注部分包括嵌入式 Facebook 和 Twitter 提要。該網站有趣地使用了顏色和文字。

訪問網站

2. MWS數字

本網站由 Kaelynn Midgley 提交。它有一個乾淨的登陸頁面，重點是號召性用語。頁眉在頁面中央顯示主要信息，包括徽標、標語和 CTA。他們的方法的 CTA 圖形與下一部分重疊。 2 列部分在移動設備上的一列中顯示圖像，另一列中顯示文本。接下來的幾個部分遵循這個設計並在頁面上交替。博客部分顯示帶有深色疊加層和文本的方形圖像，營造出乾淨優雅的設計。我喜歡服務鏈接部分。它以大字體顯示與每個服務相關聯的服務。該網站優雅地使用了顏色和佈局。

訪問網站

3. 木瓜木瓜

本網站由 Andrea El-Bardawil 提交。該網站是一個單頁設計，使用大量視差背景和背景圖案的圖像。當您滾動時，前景顯示與背景交互的圖像。前景包括描述下一部分的大文本。信息以帶有適當圖形的簡介形式提供。編號部分顯示帶有 CTA 的信息。最新作品的示例顯示在滑塊中，並在紅色粗體背景上帶有說明和鏈接。該網站充分利用了水果主題、視差圖像以及大膽的紅色和橙色。

訪問網站

4. 新鮮青檸

本網站由 Josh Allan 提交。該網站在圖標、徽標和菜單 CTA（滾動後）以及按鈕和文本等圖形中使用檸檬綠作為品牌顏色，藍色用於背景和按鈕。英雄部分顯示了各種深藍色的有趣背景圖案，並帶有人物建築物的圖形。前景顯示標題、標語和 CTA。服務在帶有綠色圖標的簡介中描述。另一部分顯示一側的信息，帶有與英雄部分相匹配的建築物圖形和另一側的人物。每一頁都很好地利用了圖形和圖案背景。

訪問網站

5. 河邊牧場

本網站由 Kelsey Spectre 提交。它使用與菜單和下一部分重疊的超大徽標。菜單在屏幕上顯示得足夠低，主圖像的一部分出現在其上方。全角圖像顯示位置並使用圖像中的天空放置標題文本。通訊 CTA 出現在此下方，使用腳本字體作為看起來像手寫的標題。圖像用作信息頁面的鏈接。幾個部分在一側顯示地圖或圖像，另一側顯示文字以描述位置或提供信息。各個頁面顯示位置的全角圖像，並使用手繪圖形或衛星圖像繪製地圖。背景和文字的顏色與牧場主題完美契合。

訪問網站

6.伊甸河馬術

本網站由薩爾瑪警長提交。它包括一個帶有帳戶鏈接的頂部菜單欄、一個大的徽標區域，然後是藍色背景的主導航欄，比網站的其餘部分更窄。主背景圖片在疊加層中顯示標語和商店 CTA。標題為綠色或棕色以適應網站的設計。 Facebook 號召性用語在一個突出的彩色框中描述了該組。它使用帶圓圈的圖像和鏈接到該組的按鈕。關於播客的部分使用帶有標題的圖像鏈接到最新劇集。另一個突出的部分是一組帶有圓圈圖像的簡介，這些圖像鏈接到各個頁面，這些頁面的樣式與主頁相似。文本和突出顯示的顏色與網站的設計很相配。

訪問網站

7. 獅子大道

本網站由瑞奇提交。該網站是一個單頁設計，同時使用深色和柔和的顏色來呈現風格化的外觀。淺藍色高光用於標題、背景和邊框。英雄部分顯示帶有一組 CTA 和大徽標的標語。信息部分在樣式圖像的一側顯示站點所有者的圖像，在另一側以更大的區域顯示信息，帶有標題、腳本字體，以及信息本身顯示在帶有樣式邊框的框中重疊圖像。相同的標題和腳本字體設計用於介紹整個網站的幾個部分，包括將項目圖像顯示為卡片的投資組合部分。顏色、字體和有角度的分隔線有助於為該網站提供乾淨有趣的設計。

訪問網站

8. 擠奶更多

本網站由 DJ WHEELER 提交。該網站使用黑色、白色和棕褐色配色方案來幫助創建乾淨的設計。菜單的文本比正常的大，鏈接之間有很多空間。英雄部分以全寬和超大波浪分隔線顯示相關圖像，並具有透明度以融入下一部分，在白色背景上顯示大的黑色文本。另一個全寬圖像與上一部分和下一部分融合在一起，其中包括用於商店類別的大按鈕，後面是一組產品。幾個部分提供帶有圖像和按鈕或簡介和圖標的信息。每個部分都保持信息簡短。推薦和通訊部分遵循相同的簡單設計。這個網站很好地利用了空白和排版。

訪問網站

9. Pro Foto Online

本網站由 Eugene Dimov 提交。該站點使用時間線設計來分隔各個部分。全屏圖像顯示標題和 CTA。大節包括位於標題後面的大標題。當您滾動時，標題會慢慢滑入到位。每個部分都用一個顏色塊和一個帶有垂直線的數字編號。當您滾動時，數字會彈回原位。較小的部分具有顯示在屏幕兩側的垂直標題。這些部分本身包括帶有文本和圖像的交替 CTA。我喜歡圖庫頁面的佈局。它在一側顯示帶有粗邊框的圖像，在另一側顯示攝影師的信息以及購買或打印圖像的按鈕。 “聯繫方式”頁面在懸掛在天花板上的板上顯示聯繫表。該表單位於圖像滑塊旁邊。他們放置的木板在磚牆上。該網站充分利用了排版和攝影。

訪問網站

10. 海科實驗室

本站由瑞席爾瓦提交。英雄部分顯示帶有 CTA 的大橙色背景圖案和視差疊加層中的傾斜圖像。該部分有一個有角度的分隔線，可以融入下一部分。當您滾動時，產品顯示在一側，描述顯示在另一側，它們在頁面下方交替顯示。一些圖像與背景元素重疊。另一個有趣的信息部分使用了一個黑色背景的塊，它佔據了大部分屏幕並位於一側。當您滾動時，顯示的背景融合到其下方的圖像中。 CTA 在黑色背景上以大膽的顏色脫穎而出。這個網站很好地利用了色彩和攝影。

訪問網站

結論

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

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

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

精選圖片來自 rudall30/shutterstock.com