Divi 設計展示：2021 年 1 月起的新提交

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

我希望你喜歡他們！

Divi 設計展示：2021 年 1 月起的新提交

1. 淡水河谷工業

本網站由 DJ Wheeler 提交。 它具有工業外觀和感覺，部分背景有幾種灰色陰影，宣傳和推薦背景，甚至文本的深灰色。 按鈕和點導航的紅色突出顯示突出。 標誌將顏色聯繫在一起。 英雄部分通過一側的 CTA 和另一側的視頻吸引人們對主題的關注。 按鈕是平行四邊形。 菜單中的 CTA 在懸停時變為黑色，並打開另一個具有與 CTA 文本顏色匹配的灰色背景的按鈕。 主題以大簡介顯示。 具有真實視差的全寬圖像顯示了一個示例工地。 其他頁面遵循類似的設計。 顏色和乾淨的佈局非常適合這個工業場所。

參觀淡水河谷工業

2. Arca Interactive

本網站由賈斯汀·阿卡拉提交。 它在整個網站上有很多紫色、紅色和藍色。 大多數部分包括兩欄背景。 英雄部分顯示兩欄設計，一側是 CTA，另一側是圖像。 兩者都與標題和描述重疊。 Blurbs 用兩種顏色的圖標描述服務。 幾個部分包括與背景滾動不同的圖像或其他元素。 最近的項目水平滾動標題並顯示帶有圖像的項目。 推薦包括一側的圖像和另一側的文字，徽標重疊在一起。 它還包括一個帶有粘性電子郵件鏈接的樣式化返回頂部按鈕。 該站點充分利用了大文本、大圖標、顏色和佈局元素。

訪問 Arca Interactive

3. 特拉福斯

本網站由 Samant Jaitli 提交。 它在整個網站的背景和產品背景中使用柔和的顏色。 許多按鈕和卡片都包含框陰影以突出顯示。 倒數計時器顯示特價何時結束。 英雄部分顯示來自站點的顏色，帶有傾斜的圖案，兩側嵌入圖案中的圖像和中心的兩個 CTA。 設計您自己的襯衫的部分顯示帶有圖標的步驟。 每個產品類別的左側都包含彩色塊以介紹類別。 我也喜歡聯繫部分。 它在兩列中顯示信息，每列具有不同的背景顏色和與站點匹配的卡通圖形。 這個網站充分利用了色彩。

參觀特拉福斯

4. 用戶體驗設計故事

本網站由艾莉·沃爾特斯提交。 它使用簡單的設計和超大的標題文本。 英雄部分在棕褐色背景上顯示一個帶有大字體的部分。 描述中的一個鏈接是較深的棕褐色，非常醒目。 幾個部分包括真正視差的全寬背景圖像。 覆蓋圖顯示了一個帶有鏈接的簡短描述，以查看更多信息。 幕後部分顯示了工作流程過程的圖像。 項目頁面顯示有關該項目的視頻和詳細信息。 詳細信息被分解為逐步完成項目的較小部分。 它顯示的細節比我在典型項目頁面上看到的要多，並且以最簡單、最乾淨的方式顯示。

訪問用戶體驗設計故事

5. TPress 工作室

本網站由 Alexis Presti 提交。 本網站採用單頁設計，採用深灰色背景，白色文字和綠色漸變文字。 一些正文是淺灰色的。 我通常會發現黑色背景上的白色文字對我的眼睛很難看，但這種顏色組合效果很好，並且可以保持文字的可讀性。 英雄部分和後面的部分顯示了與背景融為一體的背景圖像。 混合是如此平滑，以至於很難分辨圖像的結束位置。 這有助於使佈局具有優雅的感覺。 英雄部分中的文本在標題的輪廓文本上使用帶有綠色漸變的塊文本。 帶有漸變的類似文本用於標題，包括匹配的分隔符、按鈕和圖標。 我喜歡在整個網站中使用灰色和漸變。

訪問 TPress 工作室

6. 我的哥倫布房地產經紀人

本網站由 Greg Ventresca 提交。 它在整個網站的圖像疊加和淺棕褐色背景中使用了大量灰色。 英雄部分在灰色背景上顯示左側的視頻，該視頻融合到圖像中。 標題在兩側重疊，並為每一側顯示不同的文本。 幾個 CTA 的重疊圖像或包含重疊背景元素的圖像。 其中一張圖片同時放置在背景和前景中，創建了一個有趣的 CTA。 屬性被嵌入到佈局中，並包括帶有框陰影的圖像。 幾個頁麵包括從灰色背景中脫穎而出的自定義圖標。 顏色和圖像與佈局配合得很好，非常適合目標受眾。

訪問我的哥倫布房地產經紀人

7. 蜻蜓大道

本網站由馬西·安吉利斯提交。 它使用乾淨的佈局，帶有許多柔和的彩色背景漸變和細線或雙線來創建邊框。 英雄部分以拱形全大寫顯示一條消息。 文本與背景漸變重疊，從而創建拱形。 滑塊可更改拱門中心的圖像。 服務顯示在不同形狀的圖像中。 一些元素以不同的方式顯示背景漸變，包括邊框後面的垂直形狀、用於推薦的帶有圓形邊緣的水平形狀以及滾動消息的自動收報機。 交替的 CTA 使用背景顏色的變化在一側顯示圖像，在另一側顯示文本。 返回頂部按鈕是橫向印刷的草書文本。 我喜歡蜻蜓預加載器和鼠標光標。

參觀蜻蜓大道

8. 永遠不會MVM

本網站由 Dylan Boulkhras 提交。 它使用黑色背景和醒目的橙色文字，使設計看起來很醒目。 粘性菜單位於左側並顯示一條帶圓圈的線條連接頁面。 英雄部分在一側顯示背景圖像，前景中有標題、描述、鏈接和數字計數器。 菜單全屏顯示並包含相同的背景照片。 帶有嵌入視頻的部分顯示的背景圖像看起來像是從帶有煙霧的背景中分離出來的。 幾個部分被編號並包括粗體標題。 項目顯示在包含快速變化的圖像的簡介中，這些圖像可以放大懸停和橙色圖標。 這個網站很好地利用了顏色。

訪問 NEVERMVM

9.熊貓Remiremont

本網站由 Panda Remiremont 提交。 這是一個單頁佈局，使用中文設計元素，貫穿全文、文本、顏色和圖形。 英雄部分顯示一個位於屏幕頂部下方的菜單，浮動在全屏背景和圖形元素上方。 一個大圖形的一側包括中文文本，另一側包括 CTA。 在幾個部分中出現了帶有中文文本的類似圖形。 標題使用東方設計的大文本。 價格與文本模塊一起顯示在一個看起來像中餐菜單的樣式背景上。 我喜歡聯繫信息部分。 它包括一個預訂 CTA，一側帶有圖像，另一側帶有聯繫信息。 預訂表格與此重疊並包括樣式邊框。 我喜歡這幅畫的背景藝術品。

參觀 Panda Remiremont

10. 安聯布爾諾

本網站由 Michal Teska 提交。 它有很多白色空間，帶有綠色和藍色亮點，非常適合該類型。 英雄部分顯示一張全角圖像，一側是 CTA，另一側是團隊。 團隊成員和地點都標有看起來是手寫的字體。 有關服務的信息通過簡單的簡介提供。 下面是一段較大的宣傳語，帶有圓圈圖標，在懸停時會改變顏色。 宣傳語還會在懸停時顯示邊框。 圖標與邊框重疊。 我喜歡團隊部分。 它顯示帶有粗邊框的團隊圓形圖像。 團隊成員的圖像繼續在圈子外。 懸停時圖像會發生變化，以顯示團隊成員在微笑。 嵌入的地圖也很有趣。 它很輕，並與一側的背景融為一體。 聯繫信息與地圖重疊。

訪問安聯布爾諾

包起來

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

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

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

精選圖片來自 Andrew Rybalko/shutterstock.com