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

已發表: 2021-03-01

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

我希望你喜歡他們!

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

1. 我的大學

我的大學

本網站由 Eric Wils 提交。 整個站點的紅色突出顯示出現在菜單、按鈕、導航、圖像邊框、背景中的圓形圖案和滾動條中。 英雄部分顯示一個全寬背景圖像,帶有一個按鈕和一個視頻,與下一個部分重疊。 CTA 以交替佈局在一側顯示圖像,在另一側顯示信息。 推薦滑塊很有趣。 導航箭頭出現在滑塊的頂部。 推薦卡大而優雅。 我也喜歡顯示單個帖子的博客部分。 特色圖像短而寬,摘錄放置在與圖像重疊的框中。 博客頁面遵循此設計。 甚至產品頁面也遵循網站的設計。

參觀我的大學

2. mcitycreative

城市創意

本網站由 Scott Alberti 提交。 它有一個簡單的設計,乾淨而有趣。 背景圖案為該網站提供了一些視覺紋理,同時突出顯示了內容。 橙色高亮顯示在整個站點中,包括標題、菜單、圖標和可點擊鏈接。 英雄部分以大文本顯示消息,然後是用於展示服務的簡介。 有關公司的信息通過徽標和分隔線介紹,而信息以簡歷樣式的佈局顯示。 頁腳重複徽標並提供可點擊的聯繫鏈接。 每個頁面都遵循相同的設計,並包含一個樣式化的預加載器。

訪問 mcitycreative

3. 視野開闊

如此明亮

本網站由 Naim Boughattas 提交。 這個在整個網站上有很多大塊的明亮顏色和滑動動畫。 英雄部分是一個標題,一側有幾個按鈕,另一側有動畫圓圈,有助於設置網站的其餘部分。 大多數部分的一側都有一個大背景圖案,帶有大標題和動畫塊。 在各種形狀的簡介中提供信息和 CTA。 滑塊顯示了使用與網站其餘部分混合的幻燈片的工作示例。 我喜歡關於客戶的部分。 一架飛機飛過這些圓圈並在每個圓圈中改變顏色。 博客頁面遵循類似的設計,但使用特色圖像中的顏色。

訪問 SO SIGHTY

4.仙境育兒

仙境托兒所

本網站由 Camiel Bos 提交。 這個網站使用了大量明亮但非原色的背景、形狀、按鈕和文本顏色來創建一個網站,該網站宣傳育兒主題,同時又很精緻。 標題包括一個徽標和與標題重疊的部分按鈕。 彩色形狀與網站的其餘部分分開滾動和動畫。 英雄部分顯示了一個有趣的設計,帶有背景顏色和样式部分分隔符,一個形狀內的圖像,一邊是其他形狀,另一邊是 CTA。 幾個部分包括帶有樣式部分分隔符的類似背景顏色。 我特別喜歡展示帶有樣式圖像的幻燈片的畫廊部分。

參觀仙境托兒所

5. Z Shere

Z Shere

本網站由賈斯汀·阿卡拉提交。 這個有一頁設計,很好地利用了顏色和佈局。 英雄部分顯示帶有藍色/綠色漸變疊加的全屏背景圖像。 整個網站的文本和圖形元素都遵循藍/綠配色方案。 有幾個部分嵌入了與內容完美融合的視頻。 我特別喜歡在中心顯示圖形的宣傳語部分,周圍有宣傳語。 畫廊也很有趣。 該部分的標題在畫廊後面的滾動條上滑動到位。 許多部分在背景中包含類似的滑動標題。 許多元素都有框陰影以從背景中脫穎而出。

訪問 Z Shere

6. 澤利科·斯基皮克

澤利科·斯基皮奇

本網站由 Zeljko Škipic 提交。 這個有很多動畫黑白元素和綠色亮點。 英雄部分顯示黑色背景,一側帶有大標題,另一側顯示與背景融合的站點所有者圖像。 按鈕動畫顯示綠色或白色背景。 粘性社交圖標位於左側,固定導航菜單位於右側並顯示該部分的名稱。 兩者都是黑色或白色,具體取決於背景的顏色。 Blurbs 在文本後面顯示大圖標。 我特別喜歡最新作品的部分。 它顯示了卡片中的作品,包括大圖像、描述和按鈕。 這些卡片是動畫的,並在懸停時顯示框陰影。

訪問 Zeljko Škipic

7. 媒體牛

媒體牛

本網站由 Wouter Hendrixen 提交。 這個在整個設計中使用了大量的白色和紅色和紫色。 英雄部分播放全屏背景視頻,兩側有樣式圖案,中間有一條消息。 幾個部分包括紅色文本、圖標、按鈕、箭頭和背景元素,例如簡介、標題、按鈕和背景漸變。 案例研究頁面在單列中顯示案例詳細信息,並包括帶有案例詳細信息的樣式側邊欄和可在側邊欄中完美運行的聯繫表格。 Crowd Communication 頁面添加了更多樣式和元素,其中包括多個信息部分和一個使幻燈片傾斜的滑塊。 紫色背景和紅色高光使這個流行。

訪問媒體牛

8. Webaas

本網站由 Daniel Aaserud 提交。 這個有一個乾淨的佈局,帶有藍色亮點。 英雄部分包括一個藍色漸變背景,疊加層中有一個 CTA 和一個樣式部分分隔符,用於將其與下一部分分開。 報價的 CTA 在一側顯示圖形,在另一側顯示信息。 最新作品以三列顯示卡片中的項目。 中心列包括深色背景以突出顯示。 定價表包括藍色亮點,最受歡迎的選項是紅色。 我喜歡推薦部分,其中顯示了來自 Google 評論的卡片。 頁腳也很有趣。 它以三列顯示信息,包括註冊表單、大顏色塊中的菜單以及不同顏色塊中的最新博客文章。 我喜歡顯示帶有大圖像和網站鏈接的項目的參考頁面。

訪問 Webaas

9. 真關懷

本網站由 Nicolle Principe 提交。 這個在背景、按鈕、文本、圖標等中使用了許多明亮的顏色。 英雄部分在覆蓋層中顯示帶有 CTA 的全屏圖像,背景明亮。 鏈接放置在與英雄和下一部分重疊的框中。 幾個 CTA 顯示帶有顏色塊、圖像、簡介、統計數據和按鈕的信息。 服務部分顯示帶有背景漸變鏈接的側邊欄導航。 與團隊成員會面的部分在一側顯示圖像,在另一側顯示鏈接。 幾個 CTS 包括重疊元素。 我也喜歡顯示 4 行的頁腳,每行都有不同的顏色背景。 博客頁面很有趣。 它包括一個樣式化的搜索功能,帶有一個覆蓋屏幕一側的下拉菜單。

訪問 TrueCare

10. 蒼蠅

本網站由 Vilem Necesany 提交。 這一個有趣地使用了顏色和佈局。 英雄部分在一側顯示與背景顏色重疊的圖像,而在另一側則是描述和一條鏈接。 信息隨文本、圖像和統計計數器一起提供。 我最喜歡的部分突出了趨勢。 它顯示一個帶有位置和信息圖像的三列網格。 這交替顯示圖像頂部的信息到信息頂部的圖像。 每個都包含一個鏈接以查看更多詳細信息。 博客部分與背景重疊,而大地圖則顯示了位置。 我也喜歡電子郵件訂閱表格,它的樣式與網站的其餘部分相匹配。 每個頁面都遵循相同的樣式元素並添加更多元素。 它還有一個樣式滾動條。

參觀 Willflies

包起來

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

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

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

精選圖片來自 Mascha Tace/shutterstock.com