Divi 設計展示:2021 年 4 月起的新提交

已發表: 2021-05-09

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

我希望你喜歡他們!

Divi 設計展示:2021 年 4 月起的新提交

1. 吉賽爾·艾倫

吉賽爾·艾倫

本網站由萊斯利·塔戈達 (Leslie Tagorda) 提交。 這個網站充分利用了色彩。 各種深淺不一的紫色和棕褐色之間的背景。 每個部分都包括有角度的分隔符。 字體與背景配合得很好。 它還包括放置在其他元素周圍的圖形,例如圖像和 CTA。 圖像包括樣式邊框和從背景中脫穎而出的獨特形狀。 圖像中的許多背景與其他圖形元素相匹配。 我也喜歡背景圖案。

參觀吉賽爾艾倫

2. 艾達·特林達德

艾達·特林達德

本網站由 Duo Digital 提交。 該網站充分利用了字體和背景顏色。 英雄部分和幾個背景顯示一個帶圖案的背景,足以引起注意並賦予它一些視覺紋理。 許多文本元素都包含可共同構建形狀和 CTA 的邊框。 有些構建視覺元素只是為了引起注意,這對於推薦來說效果很好。 我也喜歡它有一個圖形元素來佔據視覺空間。

參觀艾達·特林達德

3. 刷新工作室

刷新工作室

本網站由布拉德利·馬拉瓦利提交。 這個網站有趣地使用了空白。 它在白色和灰白色背景之間交替,其中的元素包括白色背景和與背景分開的陰影。 英雄部分以視差顯示白色圖像。 文字是黑色的,但不是太暗。 它足夠輕,與背景形成正確的對比,易於閱讀。 標誌、電子郵件鏈接和按鈕都是綠色的,在白色的襯托下顯得格外醒目。

訪問刷新工作室

4. 席亞拉

席亞拉

本網站由 Ryan Olton 提交。 這個也很好地利用了顏色和空白。 英雄部分顯示了使屏幕中心為空的項目的圖像。 標題和 CTA 完美地放置在這個位置。 幾個部分在一側或另一側包括類似的背景圖像。 所有文本周圍都有空格,以便從其他任何內容中脫穎而出。 標題使用深橙色/紅色,與白色背景完美搭配。 我也喜歡頂部的橫幅。 它是深綠色的,帶有一個橙色按鈕。 滾動時,橫幅會替換為菜單。

參觀席亞拉

5. RCBI

RCBI

本網站由 Jimmy Lemon 提交。 這個很好地利用了棕色背景、綠色高光和圖像來創建工業設計。 英雄部分顯示的背景圖像與左側的白色背景和前景中的 CTA 混合在一起。 類別以兩列大圖像顯示在突出的棕色背景上。 博客部分也使用此背景。 事件顯示有大卡片和突出的深框陰影。

訪問 RCBI

6. James 的網站

詹姆斯的網站

本網站由 James Pettecrew 提交。 這個網站很好地利用了紅色高光和淺色和深色背景的混合。 英雄部分尤其突出。 它顯示一個單色圖像,標題的中心有一個紅色的對角線部分。 許多部分使用這种红色作為標題、按鈕、邊框等,但它很少使用,因此它總是很突出。 這個網站還有一個有趣的 CTA。 它使用視差背景圖像,即谷歌在桌面和移動設備上搜索網站。 許多人會喜歡用星球大戰設計創建的頁腳中的標誌。

訪問網站 James

7. 尊貴的領導者

尊貴的領導者

本網站由 Shayne Wyler 提交。 這一個充分利用了顏色和圖像。 背景在灰白色和深灰色之間交替。 一些背景,從英雄部分開始,顯示全角圖像。 包括按鈕、圖標和選項卡在內的高亮顯示為藍色。 藍色的使用非常謹慎,因此它總是很突出。 幾個元素重疊部分。 我最喜歡的是帶有導航標籤的嵌入式視頻。 他們在一側顯示視頻,在另一側顯示 CTA。

拜訪尊貴的領導者

8. 馬術

馬術

本網站由 Michenou Crama 提交。 這個很好地利用了橙色和藍色的高光和白色空間。 橙色和藍色元素包括按鈕、背景圖案、圖標、文本和背景覆蓋。 英雄部分顯示一個大的橙色圓圈,上面有一個圓圈圖像。 橙色和藍色中較小的圓圈與此重疊。 一些背景元素是固定的,而其他元素是浮動的。 所有的號召性用語、博客文章和信息簡介都豐富多彩且引人注目。 甚至返回頂部按鈕的樣式也與站點相匹配。

參觀小馬國

9. 精英車削和加工

精英車削

本網站由賈斯汀·阿卡拉提交。 這個很好地利用了鮮紅色和圖像來創造一種看起來很優雅的工業設計。 許多圖像與部分和其他圖像重疊。 其中一個圖像是滑塊。 紅色亮點包括菜單中的 CTA、按鈕、標題、數字、邊框、圖標和一張用於聯繫信息的圖像疊加。 許多部分包括位於圖像或簡介後面的灰色背景圖案。 我喜歡使用灰色圖標和紅色按鈕的宣傳語部分。 簡介包括卡片底部的紅色邊框。

訪問 Elite Turning & Machining

10. 像素網

像素網

本網站由 Yanis 提交。 這個網站充分利用了色彩。 有趣的鮮紅色/橙色用於背景。 這些與棕褐色背景交替。 紅色部分中的文本為棕褐色,與棕褐色背景相匹配。 許多紅色元素包括突出的框陰影。 標題為紅色,包括棕褐色文本、框陰影和中心重疊的漢堡菜單。 漢堡包圖標打開一個帶有紅色背景和棕褐色圖形元素的全屏菜單。 我最喜歡的是底部的 CTA。 它與棕褐色部分和紅色頁腳重疊。 它從帶有方框陰影的紅色頁腳中脫穎而出。

訪問 Pixweb

包起來

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

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

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

精選圖片來自 GoodStudio/shutterstock.com