Divi 設計展示：2018 年 7 月的新提交

已發表: 2018-07-29

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

我希望你喜歡他們！

Divi 設計展示：2018 年 7 月的新提交

1. Teix 網絡工作室

本網站由 Axel Shannon 提交。 它包括一個帶有漂亮背景圖案的英雄部分。 圖案上方是動畫圖形和號召性用語。 該部分使用出現在整個主頁中的樣式部分分隔符。 下一節提供信息和簡介。 宣傳語創建馬賽克並使用框陰影。 另一部分在帶圖案的背景上為畫廊使用了類似的樣式。 舍入數字計數器與部分重疊。 聯繫表格與地圖重疊。 我喜歡這個網站使用重疊和圖形的方式。

查看網站

2. 活力

本網站由 John Cooper 提交。 它使用了一種有趣的設計來覆蓋英雄部分，該設計創建了一個樣式分隔符並提供由圖案創建的多種顏色。 產品圖片重疊了兩個部分，其中包含用於描述的樣式簡介。 產品滑塊在屏幕中央顯示圖像，而簡介則在兩側提供信息。 產品頁面使用類似的設計並包含框陰影樣式。

查看網站

3. 紐波特藥妝

本網站由 Jeremy Gruver 提交。 它包括一個用於顯示產品信息和圖像的全寬滑塊以及一個用於訪問商店的按鈕。 商店模塊以四列顯示產品，其樣式與公司品牌相匹配。 CTA 顯示帶有功能列表和商店按鈕的產品。 商店頁面提供了一個搜索過濾器，可讓您縮小搜索範圍。 它還提供了一個有趣的社交關注部分，顯示超寬按鈕旁邊的分享數量。

查看網站

4. 雙重運動裝

本網站由西蒙弗羅斯特提交。 它有一個有趣的商店設計。 主頁包括全屏圖像、帶有每個菜單項輪廓的樣式菜單、透明 CTA 和样式部分分隔符。 下一節是我的最愛。 它包括在編號系統旁邊的產品照片以顯示步驟。 每個數字都是可點擊的，點擊它們會顯示帶有過渡動畫的信息。 接觸部分顯示了帶有樣式分隔線的真實視差背景圖像。

查看網站

5. OMT Veyhl

本網站由喬納森·馬斯特提交。 菜單下的一行顯示一個小箭頭，可移動到您懸停在其上的菜單項。 英雄區域展示了一段視頻，展示了深色覆蓋層背後的製造過程。 粗體黃色文本提供標語。 同樣的黃色用作標題和頁腳的背景。 接下來的部分在樣式化的背景圖案上提供了單列文本和一對 CTA。

查看網站

6. 第 18 卷

本網站由切爾西湖提交。 它使用最小的設計，專注於大排版和黑白攝影。 滾動遠離大標語會顯示一個圖像，該圖像與兩個部分重疊並提供公司信息。 服務在使用該部分的滾動標題的簡介中進行描述。 超大人物模塊以交替模式在一側顯示帶有框陰影和文本的大圖像，重疊每個圖像。 編號部分顯示了與公司合作的好處，標題與上一部分重疊。

查看網站

7. 艾米莉·弗羅利希

本網站由 Philipp Stakenborg 提交。 主頁有趣地使用漸變來創建多種顏色的背景圖案。 顏色出現在照片的一側，另一側是 CTA。 正下方是一個帶有媒體標誌的全寬部分，然後背景繼續進入下一部分，其中包括一側的圖像和另一側的信息。 Blurbs 在圓圈內顯示大圖形，與帶有框陰影的站點和按鈕的顏色相匹配。 頁腳使用包含網站顏色的漸變。

查看網站

8.高火花

本網站由 Eugene Cheng 提交。 它顯示了一個剛好聚焦的深色背景，足以說明英雄部分的內容。 在此之上是使用模糊陰影效果的帶有 CTA 的標語和信息。 下一部分顯示標題、分隔符和公司徽標。 下一部分使用樣式化的部分分隔符，並在三列中提供推薦，並提供與英雄區域相同的 CTA。 顏色從黃色變為橙色以顯示簡介、電子郵件註冊，然後最終的 CTA 將兩種顏色混合為背景圖像上的漸變。 該博客使用與圖像疊加相同的顏色。

查看網站

9. 氣泡規劃器

本網站由 Gennady Batrakov 提交。 當英雄區域顯示標題、標語、應用商店鏈接以及與下一部分重疊的產品圖像時，氣泡會在屏幕上動畫化。 Blurbs 顯示與氣泡匹配的圖形。 我喜歡下一部分，它顯示了一個嵌入式視頻，並將其上方的部分與其部分的兩列重疊。 box-shadow 使它脫穎而出。 幾個部分在一側展示產品，在另一側展示產品簡介，在您從一個部分轉到另一部分時交替顯示。 博客滑塊也很有趣。 它顯示了一個大的特色圖像，左邊是文本，類別與圖像重疊。

查看網站

10.查理克拉克

本網站由 Molly Seaton-Fast 提交。 滑塊顯示多個 CTA，並包括一個小的全寬部分以顯示社交關注按鈕。 下一部分提供了一個樣式化的時事通訊註冊表單，一側是博客提要，後面是嵌入式社交提要滑塊。 帶有一列文本的多個宣傳語創建了一個 CTA，而動畫宣傳語則擴展了信息。 整個網站的標題、按鈕、簡介圖標和背景都使用了有趣的綠色。 它還包括一個嵌入式 Instagram 提要。 我喜歡在這個網站上使用顏色和排版。

查看網站

綜上所述

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

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

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

精選圖片來自矢量世界/shutterstock.com