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

本網站由 Kelsey Spectre 提交。 它包括許多優雅的照片、金色文字和金色亮點,以吸引目標受眾。 金色文字和圖形適用於包括白色、黑色和棕褐色在內的淺色和深色背景。 一組展示他們方法的簡介具有動畫圖標。 該部分具有帶角圖形的樣式邊框。 漢堡菜單顯示各種寬度和粗細的線條。 導航菜單打開以顯示黑色背景和金色亮點。 畫廊顯示產品圖像,單擊時會在燈箱中播放視頻。 我特別喜歡兩列交替佈局的推薦頁面。
訪問網站
2. 與黛比暢所欲言

本網站由 Michal Teska 提交。 它有一個乾淨的佈局,特別注意字體和顏色的選擇。 字體以正確的方式脫穎而出,紅色突出顯示為網站提供了平衡的設計。 有關課程的信息顯示在卡片中。 它們包括懸停效果,最受歡迎的選項用紅色邊框和頂部的文本突出顯示。 信息請求在帶有綠色覆蓋的背景圖像上提供表單。 我也喜歡顯示帶有紅色突出顯示的推薦滑塊的評論部分。 它很簡單,但與網站的設計完美契合。
訪問網站
3. 皺巴巴的作家

本網站由 Julie Rick 提交。 這個使用了一種干淨的設計,在棕褐色和白色背景之間交替,並在整個過程中包括紅色高光。 紅色突出顯示甚至擴展到菜單中的號召性用語、滾動條和返回頂部按鈕。 一組簡介描述了訪問者的需求並更改了懸停時提供的服務。 另一部分顯示有關站點所有者的信息,一側是所有者的卡通,另一側是項目符號和自定義圖標。 一部分工作顯示帶有標題和描述的客戶徽標。 特色項目顯示在滑塊內。 我也喜歡單欄博客佈局,一側有特色圖片。
訪問網站
4. DuoGeeks

本網站由 Lovish Gulati 提交。 它始終使用藍色和紫色漸變,並以綠色或紅色突出顯示,為設計帶來俏皮和令人興奮的感覺。 英雄部分顯示了一個電子郵件表單和一個引用表單,並且仍然找到了一種方法來使它們保持整潔和易於理解。 號召性用語包括漸變上的一側的文本和另一側的一組帶有創建馬賽克的圖形的簡介。 我喜歡帶有示例的部分,該部分在懸停時滾動的窗口中顯示工作。 推薦書放置在漸變背景上,並包括漸變本身。 它有很多 CTA,它們在整個佈局中都放置得很好。 商店頁面以及遵循類似設計的產品頁面也很突出。
訪問網站
5. 小牛隊

本網站由 Flavio Mester 提交。 它使用大量黑色或紅色背景和大號白色文字來創建醒目的設計,具有專業外觀。 英雄部分顯示一個帶有標語的全屏滑塊和一個帶有重疊徽標的紅色和黑色菜單。 下拉菜單遵循相同的設計,帶有紅色背景和黑色邊框。 帶有時間表的部分在一側使用黑色,在另一側使用紅色,並帶有用於查看時間表或註冊的按鈕。 最新消息顯示為帶有粗邊框的大框內的文本。 畫廊頁面通過大背景圖片引入 Instagram 帖子。 這個網站很好地利用了顏色和字體。
訪問網站
6.維達山


本網站由 Megan Dorien 提交。 英雄部分顯示該區域的全角圖像,並在菜單中包含 CTA 和聯繫信息。 葉子的圖像在整個佈局中用作背景元素。 套件在多列佈局中顯示為卡片,並在懸停時更改為不同的照片。 佈局中的卡片包括聯繫信息。 一個有趣的 CTA 顯示一個帶有文本的框,另一個 CTA 帶有圓角和紅色背景以突出顯示。 我喜歡信息設計,一側是畫廊,另一側是交替佈局的重疊文本。 畫廊是從 Instagram 提要創建的。
訪問網站
7. Evelyn Vinocur 博士

本網站由 Gui Vino 提交。 這個使用大文本、棕褐色背景、粉紅色和黃色高光以及移動優先佈局設計。 英雄部分包括網站所有者在斑點背景圖形上的繪圖。 大多數元素顯示粉紅色突出顯示。 治療列表以分隔符分隔的大文本顯示。 圖像顯示在寬相框內。 關於任務的部分在帶有簡單消息的漸變上的圖片框中顯示圖形。 我特別喜歡關於它如何工作的部分。 它在兩側顯示信息,中間有一個圖形,然後是聯繫信息。 此部分位於背景漸變之上,該漸變包括將背景更改為新顏色的樣式分隔符。
訪問網站
8. 鄉村溫泉

本網站由寶琳娜·里奇提交。 它使用柔和的灰色陰影和棕褐色、優雅的字體和攝影來吸引目標受眾。 英雄部分顯示了帶有預訂 CTA 的全屏圖像。 多個全寬 CTA 在一側顯示產品,在另一側顯示與產品圖像融為一體的背景圖像上的文本。 其他 CTA 以交替佈局在一側顯示大圖像,在另一側顯示文本。 處理在樣式選項卡中顯示信息。 預約是通過嵌入式表格進行的。 禮券是通過帶有與網站匹配的圖形元素的樣式表格購買的。 這個網站優雅地使用了攝影。
訪問網站
9. Createur2Site

本網站由 Createur2Site 提交。 這個網站的滾動效果超出了這個世界,它使用了我見過的最有趣的鼠標光標。 鼠標光標是一個超大點,顯示其懸停區域的相反顏色(低至像素級別)。 英雄部分顯示黑色背景,中間有一個圓形圖形和標語。 滾動放大到中心並向上滾動下一部分。 當您繼續滾動時,中心會放大,成為屏幕上的圖形元素之一。 另一種滾動效果將一個單詞一分為二,而其他滾動效果則為部分分隔符設置動畫、懸停時滾動單詞、打開圖形元素等等。 滾動效果永遠不會妨礙網站的可用性。
訪問網站
10.我們是網頁設計

本網站由賈斯汀卡特提交。 它使用淺棕褐色背景,帶有深橙色高光和深色棕褐色背景。 服務的圖像、客戶徽標和產品組合中的圖像添加了更大膽的顏色。 服務部分將標題放在一個有趣的背景圖案上。 服務的圖像與模式重疊。 社交鏈接垂直放置在右側。 標題使用的字體是優雅的大線條,與網站的顏色完美搭配,給網站帶來優雅的感覺。 我喜歡博客設計。 它包括標題中的背景圖案,博客文章顯示特色圖像,標題位於棕褐色背景的圖像下方。
訪問網站
在結束
這是我們九月份提交的 10 個最佳社區 Divi 網站。 這些網站看起來很棒,我們一如既往地感謝大家的提交!
如果您想考慮您自己的設計,請隨時通過電子郵件發送給我們在 nathan 的編輯,地址是優雅的主題 dot com。 請務必將電子郵件的主題設為“DIVI SITE SUBMISSION”。
我們也希望在評論中收到您的來信! 告訴我們您喜歡這些網站的哪些方面,如果他們做了什麼,您希望我們在博客上教給我們。
精選圖片來自 Jemastock/shutterstock.com
