Divi 設計展示:2020 年 10 月起的新提交
已發表: 2020-11-01又到了我們每月的 Divi 展示會的時候了,我們將在那裡看看社區成員製作的十個令人驚嘆的 Divi 網站。 每個月我們都會展示從我們社區提交的最佳 Divi 網站,今天我們想與您分享 10 月份的前十名網站。 在整篇文章中,我將指出一些我最喜歡的設計功能,這些功能吸引了我訪問每個網站。
我希望你喜歡他們!
Divi 設計展示:2020 年 10 月起的新提交
1. Epic Egg 餐廳

本網站由 Abel McBride 提交。 它在整個站點中使用橙色,包括用於背景元素、圖標背景、按鈕、塊文本和頁腳背景的 blob。 綠色用作文本後面和圖形內的突出顯示。 食物展示在站點的兩側,並帶有突出的大照片。 菜單項顯示在切換中,切換使用樣式邊框,一側為尖角,另一側為圓角。 食物菜單頁面使用相同的切換按鈕並將價格添加到角落。 這個網站很好地利用了空白、攝影和色彩。
訪問網站
2. Pom 牙科

本網站由 Brittany Hurdle 提交。 顏色與流派完美匹配。 英雄部分顯示一個背景視頻,在前景中帶有標語和描述。 它包括一個帶有不同類別圖標的超級菜單。 二級菜單顯示引用並包含一個重疊的 CTA 按鈕。 模糊、圖標、文本和背景元素使用淺綠色或藍色作為品牌標識。 許多元素包括懸停動畫,顯示文本或按鈕底部的邊框。 我喜歡服務部分。 它包括一個背景與站點匹配的大圖像,並將服務顯示為文本的一側。 該博客包括一個帶有搜索功能的簡單設計。 這個網站很好地利用了文本和邊框。
訪問網站
3. 皇宮革命

本網站由 Amal Vaesken 提交。 它在整個網站中使用了許多大膽的顏色。 英雄部分顯示一個全屏滑塊,其中包含使用網站顏色的圖像。 公司信息以藍色大文字顯示,在您滾動時以視差顯示下一部分。 視差部分在屏幕中央顯示一條藍色背景的消息。 當您滾動時,此屏幕會保持原位並多次替換消息,直到您看到最後一條消息。 我喜歡帶有工作示例的部分。 它在兩列中顯示大圖像、動畫和滑塊,顏色來自網站。 我也喜歡底部的大型 CTA,它可以在懸停時更改圖形並顯示按鈕以查看更多內容。
訪問網站
4. 邁克的鄉村肉

本網站由 Marcus Zeal 提交。 這個網站驚人地使用了卡通圖形。 從頭到尾,所有的顏色、字體和按鈕都與卡通方案完美匹配。 英雄部分顯示了一個帶有使用木板的樣式子菜單的浮動菜單。 雲彩飄過背景圖的天空。 當您滾動時,您會看到卡通人物是創建 CTA 或引起對某些部分的注意的剪紙。 產品顯示在這些部分之一中,並包括與站點匹配的樣式。 許多元素都經過動畫處理以匹配鼠標的滾動。 甚至聯繫信息也放置在適合設計的圖形元素上。 這是一個有趣的網站滾動瀏覽。
訪問網站
5. 牙科中心 Ostojic

本網站由 Boris Zakula 提交。 這個使用了大量的橙色漸變作為整個網站的亮點。 英雄部分在屏幕中心顯示標題後面的圖形,滾動時會縮小。 該菜單是一個全寬的超級菜單,在一側顯示帶有圖標的鏈接,另一側顯示圖像。 該網站使用了大量該地點和工作人員的照片作為信息、CTA、視頻、博客文章等。 我喜歡關於故事和推薦的部分。 它以不同顏色的文本塊顯示客戶的圖像 - 兩者都帶有框陰影。 博客、CTA 和聯繫信息也使用方框陰影來突出顯示。
訪問網站
6.增量


本網站由 Navmeet Singh 提交。 它在整個站點中使用了大量的藍色和橙色作為亮點、背景和圖形。 關於它如何工作的部分顯示了帶有引導步驟的兩種顏色圖標的簡介中的信息。 另一部分顯示了當您滾動時插入在一起的電線的圖形。 這引入了另一組帶有雙色圖標的簡介。 大部分信息以交替佈局的方式在一側使用圖形,在另一側使用文本。 我也喜歡功能頁面,它在圖形中顯示信息,包括屏幕截圖和帶圓圈的屏幕圖形。 該網站充分利用了顏色、空白和手繪圖形。
訪問網站
7. 格林

本網站由 Liberto Lopez 提交。 該網站在背景、圖形、標題、按鈕、聯繫表格、返回頂部按鈕等中使用了大量綠色和藍色作為品牌顏色。英雄部分顯示帶有圖案的綠色背景。 前景在一側顯示消息,在另一側顯示圖形。 風格化的部分分隔線通向下一部分,帶有在懸停時放大的模糊。 幾個部分在一側顯示多個圖形,在另一側顯示 CTA。 我也喜歡使用偏移圖案中的大型雙色圖標和懸停時出現的藍色和白色漸變的宣傳片部分。 下一部分的背景中會出現有角度的漸變。 聯繫表單還顯示一個漸變和一個突出的框陰影。 這個網站很好地利用了顏色和圖形。
訪問網站
8. 人力資源團隊

本網站由 Marwann Al Saadi 提交。 英雄部分在前景中顯示帶有主題標籤和 CTA 的動畫背景漸變,懸停時會放大。 這種背景漸變作為 CTA、部分、簡介等的背景出現在整個站點中。 Blurbs 將團隊成員的圖像顯示為二人組,他們的圖像網格在一起並由分界線分隔。 我喜歡關於他們方法的部分。 它在一側顯示帶有大圓圈的背景漸變。 另一邊使用大塊標題和眼睛圖標將信息作為項目符號放置。 圖標也出現在簡介中。 該網站還包括一個有趣的菜單,當您單擊漢堡包圖標時,該菜單會展開。 它還為標題使用背景漸變和塊文本。
訪問網站
9. 不允許有壓力

本網站由 Antreek 提交。 該網站使用了大量帶有大膽顏色的圖形。 英雄部分顯示了城市景觀的背景圖形,一側是前景中的標語,另一側是圖形。 背景不會一直延伸到邊緣,從而允許在四周出現醒目的黃色。 菜單使用粗體黃色背景作為標題和子菜單。 黃色融入下一部分,一側顯示信息,另一側顯示視頻,模擬具有圓角邊緣和粗體邊框的智能手機圖形。 定價表也使用粗體顏色,並在頁面兩側包含圖形。 聯繫人部分包括黃色背景和大型社交圖標。 這個網站很好地利用了顏色和圖形。
訪問網站
10. 洛拉·曼特

本網站由 Theo Salomoni 提交。 該網站使用了幾種柔和的顏色來吸引目標受眾。 顏色包括用於高光、覆蓋、背景顏色和返回頂部按鈕的淺銅色版本。 標題使用它來標識活動頁面和懸停元素,以及 CTA。 對於某些鏈接,標題還使用徽標中的綠色陰影。 這種綠色也用於頁腳附近的背景。 頁腳本身使用淺銅色,像窗簾一樣顯露。 當您滾動到第二部分時,推薦會滑入到位。 另一部分將圖像顯示為與淺銅覆蓋層的鏈接。 博客帖子顯示在滑塊內,並在上角包含日期並在懸停時放大。 該網站很好地利用了色彩。
訪問網站
在結束
這是我們 10 月份提交的 10 個最佳社區 Divi 網站。 這些網站看起來很棒,我們一如既往地感謝大家的提交!
如果您想考慮您自己的設計,請隨時通過電子郵件發送給我們在 nathan 的編輯,地址是優雅的主題 dot com。 請務必將電子郵件的主題設為“DIVI SITE SUBMISSION”。
我們也希望在評論中收到您的來信! 告訴我們您喜歡這些網站的哪些方面,如果他們做了什麼,您希望我們在博客上教給我們。
精選圖片來自 Mascha Tace/shutterstock.com
