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

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

我希望你喜歡他們！

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

1. Orbicon 信息學

本網站由 Janus Lock 提交。 它有一個有趣的動畫，在標題中作為背景視頻播放。 藍色上的藍色與網站的品牌完美匹配。 大標題字體與技術主題配合得很好。 當您滾動時，垂直對齊的文本位於屏幕左側，提供返回主頁的鏈接。 佈局乾淨，使用簡單的圖形來指導您完成他們的過程。 每頁都有編號。 這些數字反映在全屏菜單中。 我喜歡存檔頁面的設計，它顯示帶有文本的大藍色塊，這些文本顯示懸停時覆蓋層後面的圖像，以及使用相關圖標的模塊頁面。

訪問網站

2. 成長模式

本網站由 Paul Preisler 提交。 這個網站使用了大量的平面設計圖形和額外的空白來創建一個乾淨的佈局。 它的工作原理部分也使用平面圖形。 圖像在帶有重疊文本的大圖像和推薦模塊的圓圈圖像中使用漸變疊加作為推薦。 我喜歡創意人才部分，頂部和底部帶有傾斜的分隔線，帶有陰影效果的多種尺寸的圓形圖像，以及將它們連接在一起的線條。 博客特色圖片也使用漸變疊加。 服務通過使用綠色項目符號、懸停動畫和陰影效果的卡片顯示。

訪問網站

3. 解決方案

本網站由 Dmytro 提交。 該站點使用各種深藍色來創建一些有趣的漸變背景。 標題的獨特之處在於它如何提供一個塊，其中包含指向服務、博客和產品的鏈接。 塊內的每個元素都包含懸停效果。 幾個部分使用角度作為分隔線，有些部分在多個方向上。 我喜歡他們討論影響範圍的部分。 它在圓圈內顯示公司徽標，徽標略微移動。 服務顯示在簡單的塊中，只有一個圖標和標題以及邊框的懸停效果。 類似的塊出現在超級菜單中，但它們使用漸變背景來分開。 類似的圖像用於博客頁面上的類別和特色圖像。

訪問網站

4. 公雞與公牛節

本網站由羅斯·波普提交。 該網站始終使用大膽的色彩和平面設計。 灌木和手的圖形裝飾了頁眉的邊緣，有助於將注意力集中在中央的 CTA 上。 閃電圖形有助於引起對下一部分文本的關注。 我喜歡多佈局部分，其中包含粗邊框和懸停時縮放的圖像。 此部分有更多與圖像重疊的灌木圖形。 電子郵件選擇使用看起來是手繪的邊框。 我也喜歡以純色輪廓顯示人物的頁腳。 這個網站的顏色真的很突出。 這是顏色、字體和圖形如何設置網站氛圍的一個很好的例子。

訪問網站

5. 遛狗訓練

本網站由 Jeremiah Lloyd 提交。 英雄部分在分屏中顯示圖像和號召性用語，為網站的其餘部分設置設計。 圖像使用與按鈕樣式相匹配的 3D 彩色深桃色邊框。 另一張圖片使用藍色邊框，與同時使用藍色和深桃色的推薦書相呼應。 我喜歡從白色到淺棕褐色交替的背景顏色。 顏色與字體和分隔線相得益彰，營造出優雅的風格。 該博客也遵循此樣式，但在博客卡片上添加了一條細線邊框。 博客的側邊欄是我見過的最簡潔的設計之一，它提供的有關博客的信息不會讓人分心或太容易被忽視。

訪問網站

6.伍茲霍爾瓷磚公司

本網站由尼爾森·米勒提交。 這是一種單頁設計，在主頁上使用大量帶有 3D 邊框的圖像，標題、文本和按鈕重疊以查看內容 - 創建博客卡片設計。 圖像在您滾動時交替出現，並用垂直線連接在一起，引導您完成整個過程並進入頁腳中的聯繫表格。 這在靠近頁面中間的地方被中斷，其中有一個深藍色的簡介部分，介紹了它後面的服務部分。 服務部分也使用與此藍色部分相同的圖標將它們聯繫在一起。 我喜歡這個網站中字體和顏色的搭配。

訪問網站

7. 布力納設計

本網站由 Sabrina Rowland 提交。 在黃色覆蓋層後面播放某人繪畫的背景視頻，以幫助展示該網站的內容。 標題與背景重疊，標語完美地放置在黃色塊內以引起注意。 整個網站都使用黃色作為背景顏色。 服務部分顯示了三列帶有 CTA 的簡介，而該部分的標題是垂直打印的。 我喜歡聯繫部分的簡單性，它使用帶有角度分隔線的黃色背景和帶有陰影效果的小聯繫表格，與下一部分重疊以創建聯繫信息。

訪問網站

8.快樂數碼

本網站由 Djaya De Vries 提交。 CTA 位於帶有多陰影圓形部分分隔線的全屏背景圖像上。 項目和服務的鏈接放置在深橙色框內，在懸停時變為白色並帶有陰影效果。 這個橙色在整個站點中用作按鈕和文本的突出顯示，在菜單中，作為顯示好處的背景，以及作為服務頁面中的兩個多色圖標。 主頁上我最喜歡的部分之一是一個滑塊，它與兩個部分重疊。 這些部分和滑塊使用純色來創建優雅的設計。 橙色和白色與整個網站的深藍色搭配得很好。

訪問網站

9. 傑里米·穆拉

本網站由 Jeremy Mura 提交。 當它運作良好時，我是大膽色彩的粉絲，並且該網站完美地使用了大膽的橙色。 標題包括橙色漸變上的城堡卡通背景和帶有白色文本的 CTA、帶有陰影的藍色按鈕和帶有白色邊框的橙色按鈕。 四列項目部分顯示兩行項目的方形圖像，它們之間沒有空格。 我喜歡關於設計過程的部分，它對步驟進行編號並為每個步驟使用大圖標。 我也喜歡帶有白色文字的橙色粗體全角 CTA。 該博客在白色背景下使用橙色標題。

訪問網站

10. 廣告委員會

本網站由 FJ LAHIANI 提交。 這個設計很好地利用了深灰色和灰藍色文本以及灰白色和淺灰色背景上的圖形元素來創建優雅的設計。 圖形用於通過簡單的標題和豎線分隔它們來展示專業知識和技能。 宣傳語不使用邊框、陰影或懸停效果。 團隊頁面遵循相同的設計來顯示團隊成員。 參考和培訓頁面也使用這種簡介樣式並在切換中顯示帶有項目符號的文本。 這個網站的設計重點是簡單，而且效果很好。

訪問網站

結論

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

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

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

精選圖片來自 Drogatnev / shutterstock.com