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

已發表: 2019-03-31

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

我希望你喜歡他們！

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

1.走在庫南依

本網站由 Sarah Crawford 提交。它在位置的全屏背景上疊加顯示帶有標語的樣式文本和圖形。樣式文本和圖形出現在整個站點中，包括出現在滾動左下角的鏈接中。該位置的照片顯示在兩列中，帶有標題、描述和按鈕以查看更多信息。這些按鈕的樣式與菜單中的 CTA 相匹配。它還包括一個嵌入式日曆以顯示即將發生的事件。有關位置的更多信息顯示在帶有圖像、文本和按鈕的兩列交替部分中。

訪問網站

2. 檸檬水

本網站由 Teck Seng Chan 提交。本網站的英雄部分和 CTA 使用材料設計圖形，品牌顏色為藍色、綠色和橙色。文本、按鈕和 CTA 與整個網站的品牌顏色相匹配。我特別喜歡帶有圖形的簡介。它們包括陰影效果和样式化的底部邊框。另一部分顯示了一個網站設計，上面有一個真正視差的移動設計。該網站保持佈局簡單和乾淨，同時充分利用色彩和白色空間。

訪問網站

3. GillespieShields 律師事務所

本網站由 Robby Doyle 提交。該網站使用大膽的紅色、大的灰色圖標和大量的空白來創建一個引人注目的設計。 CTA 很容易被發現。我喜歡英雄圖像下的部分，它顯示了四列，帶有帶有標題的分隔符。將鼠標懸停在一個上會顯示該主題的鏈接。推薦信顯示在帶有屏蔽切口設計中的照片的滑塊中。它在完整引用上方的灰色大文本中顯示要點。我也喜歡在聯繫表格、認證圖標和頁腳中使用藍灰色。懸停時認證圖標以彩色顯示。

訪問網站

4. Forside C2IT

本網站由 Janus Lock 提交。該網站顯示一個全屏視頻，一側有深藍色覆蓋層，中間有一條大標語。深藍色與灰色一起用於品牌標識。一個纖細的垂直菜單保留在右側。它還包括標語，但採用豎排文本。它在懸停時動畫並在單擊時擴展到全屏以在深藍色背景上顯示鏈接和突出的搜索功能。服務以動畫圖形顯示。單個塊創建一個盒子。每一個都將放大懸停並鏈接到示例項目。事件部分創建了一個帶有鏈接的獨特日曆設計。

訪問網站

5. iShop Cloverdale

本網站由 Kristy Hill 提交。一個滑塊在英雄部分的中心顯示產品、CTA 和社交關注圖標，帶有粗邊框和框陰影。綠色、橙色和黃色用於整個設計的品牌顏色。特色優惠在商店部分顯示為產品，在深橙色背景上帶有框陰影。我喜歡關於它如何工作的部分。它顯示了一張大型手繪地圖，可引導您完成整個過程。 Shop the Deals 頁面將交易顯示為可過濾的項目。下載應用程序頁面很有趣。它在手機上顯示產品。當您滾動時，前景會以視差方式在屏幕上滾動以顯示菜單。

訪問網站

6.FLL航空

本網站由 Juan Pablo Parody 提交。這顯示了一個全寬背景圖像，前景中有一些有趣的顏色圖案塊以創建 CTA。顏色是整個網站使用的品牌藍色色調。滾動顯示圖像和文本的交替部分。文本放置在各種顏色的背景上，與網站的設計完美融合。我也喜歡頁腳中的聯繫部分。它顯示了一個全寬圖像，左側是主題，右側是一個包含所有聯繫信息和社交關注鏈接的色塊。該網站充分利用了大文本。

訪問網站

7. 狂野的秋天

本網站由 Kelsey Spectre 提交。這個網站在登陸屏幕上有很多事情要做，但它以一種干淨的方式運作。全屏背景圖像將主體置於中央。在屏幕的兩側是以文本形式提供的不同類型的信息。左側是導航菜單。右側是 CTA。底部是導航菜單。當您滾動時，此菜單會固定在頂部。佈局使用了大量帶有圖像的空白區域和帶有文本的重疊框（純色或彩色邊框）。其中一些具有重疊的圖形。大引號增加了額外的空白元素。我喜歡本網站使用的手寫字體，並且該網站充分利用了攝影。

訪問網站

8.洞察設計

本網站由史蒂夫·多伊格 (Steve Doig) 提交。它在佈局中使用帶有大膽色彩和大量空白的細文本樣式來創建乾淨的設計。英雄部分在一側顯示圖像，在另一側顯示標語和 CTA。正下方是一個鏈接列表，用於為所提供的服務類型創建樣式菜單。每個鏈接都由垂直線分隔以匹配站點的品牌。服務的 CTA 顯示各種類型服務的圖像，並帶有一個按鈕以了解更多信息。這些部分在頁面上交替。這個網站有一個有趣的頁腳，它有一個淺灰色的背景和一個大文本鏈接。文本的第一個單詞是徽標的樣式版本，每個單詞都有不同的顏色。我喜歡菜單中的社交圖標。

訪問網站

9. Vexels

本網站由 Agustina Ouvina 提交。此站點顯示全寬滑塊。每張幻燈片都以視差顯示產品的背景圖像，中間有一個大搜索框，左下角是 CTA 鏈接，右下角是社交圖標。特色產品部分以四列顯示產品。每張產品圖片都會在懸停時顯示標題和社交分享鏈接。顯示計劃的部分以視差藍色背景顯示產品上的簡介。我喜歡關於特色類別的部分。它們在帶有懸停效果的紫色背景上的網格中顯示為矢量圖標。當您滾動時，菜單中會出現一個大搜索框。

訪問網站

10. 獅子大道

本網站由 Ricky Lionetti 提交。這是一個單頁設計，在整個站點中使用純色背景。綠色也用於整個網站的文本。英雄部分在帶樣式文本的標語中顯示了一個指向投資組合的鏈接。一個大圖形與下一部分重疊。 “關於”部分顯示帶圓圈的圖像和 CTA。下面是一個有趣的部分，它使用主題標籤詳細介紹了網站所有者。當前項目顯示在滑塊中，後面是帶有圖像和鏈接的最近項目。示例徽標顯示為網格中的圖像。聯繫表格顯示在一杯咖啡（嗯，咖啡……）上，其中包括表明您感興趣的服務類型的選項。我喜歡這個網站上的顏色。

訪問網站

在結束

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

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

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

精選圖片來自 ProStockStudio/shutterstock.com