Divi 設計展示:2019 年 11 月的新提交

已發表: 2019-11-24

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

我希望你喜歡他們!

Divi 設計展示:2019 年 11 月的新提交

1. 工作室 1318

本網站由 Judith Augustin 提交。 這是一頁設計。 各部分的導航菜單是垂直對齊的文本列表,滾動時會浮動。 英雄部分以真正的視差顯示全屏背景圖像,右下角有一個動畫圓圈標誌,與下一個部分重疊。 許多部分提供信息和鏈接。 背景顏色在黑色和白色之間交替,有幾個部分包含樣式化的標題和數字作為對課程的介紹。 作品顯示在畫廊滑塊中,該滑塊顯示懸停時的描述。 畫廊中的圖像會打開一個選項卡,您可以在其中查看 Instagram 上的圖像。

訪問網站

2. 技術法律

本網站由 Aleksandra Palecka 提交。 這個使用了很多大膽的紅色作為亮點。 英雄部分顯示了一張黑白背景圖片,一側是 CTA,另一側是紅色線條框,帶有兩個開放的角。 令人驚訝的是,這種簡單的東西為佈局提供了多少視覺吸引力。 接下來的幾個部分有一個帶點圖案的背景,隨著您滾動而逐漸消失。 這些部分顯示了幾個 CTA,周圍是帶有紅色高光的黑白照片。 亮點包括帶有紅色疊加層、分隔線、畫線框和按鈕的圖像。 同樣的框設計用於對項目符號點進行編號。 紅色疊加層還用於創建呼叫 CTA。 我喜歡在這個中使用紅色。

訪問網站

3. 嶺社區教會

本網站由 James Smith 提交。 它播放帶有大徽標和覆蓋層中的標語的全屏背景視頻。 大型菜單位於左側,而右側包括社交關注鏈接和一些在文本上方帶有圖標的 CTA。 鏈接出現在視頻底部,包括懸停覆蓋。 歡迎部分顯示嵌入的視頻和帶有鏈接的事件,以查看更多內容。 事件在滑塊內顯示為卡片。 事件頁面上的事件本身顯示為自定義帖子類型,在側邊欄中顯示更多。 信念在手風琴中顯示出來。 我喜歡這個中的紅色亮點。

訪問網站

4. 艾萊特傳媒

本網站由 James Smith 提交。 英雄部分顯示一個全寬滑塊,帶有彎曲的分隔線和样式的垂直導航。 幾張幻燈片的圖像與分隔線重疊。 服務顯示在簡介中,並包括兩種顏色的自定義圖標。 超級菜單包括與宣傳冊具有相同標題的相同圖標。 另一個滑塊展示了最近的項目。 此滑塊頂部有一個彎曲的分隔線,並顯示帶有圓角的幻燈片。 一個較小的滑塊在顏色塊內顯示客戶端徽標,顏色塊的顏色剛好足以與背景分開。 服務頁面顯示帶有畫廊網格的示例。

訪問網站

5.醫生生活健康

本網站由 Oskar Kopec 提交。 產品和 CTA 顯示在英雄部分的全角滑塊中。 幻燈片包括沿側面的背景圖像,使圖像脫穎而出。 下一部分展示了各種產品的幾個 CTA。 這些 CTA 有一個向內指向的陰影,使它們即使連接在一起也彼此分開。 接下來的幾個部分將產品顯示為滑塊內的較小圖像。 信息部分在疊加層中顯示帶有描述的圖像。 文章頁面顯示帶有框陰影的類別的圖像,並包括標題和描述。

訪問網站

6. 聯合媒體

本網站由 Robin Kesting 提交。 它使用大量粗體黃色作為圖標、鏈接、按鈕等。 幾個背景有彎曲的分隔線,而許多行和模塊都有盒子陰影來突出。 英雄部分在一側顯示 CTA,在另一側顯示圖形。 介紹帶有嵌入的視頻和样式化的文本塊。 一組編號的簡介顯示了使用它們的好處。 數字放在標題後面。 它還包括一個在 Instagram 上打開圖像的樣式圖庫、切換以構建常見問題解答、一個樣式的新聞稿表單和一個帶有重疊按鈕的樣式頁腳。

訪問網站

7. Bishopton 遛狗服務

本網站由傑米·香克斯提交。 標題在第一張圖像的頂部添加了一個欄,帶有可點擊的電子郵件和電話號碼。 頁面的其餘部分是一系列幾乎全屏的圖像。 圖像顯示狗在玩耍,並在疊加層中包含 CTA 和其他信息。 放置文本的區域變暗。 樣式化的聯繫表單也放置在背景圖像上。 該圖像更暗,但它允許中心顯示出來。 該博客在卡片中顯示帖子,並包含用於閱讀更多按鈕的框陰影。 博客類別頁麵包括搜索功能。 它甚至包括一個向上的爪子圖形,用於返回頂部按鈕。

訪問網站

8.艾伍德

本網站由 Julien Ferla 提交。 該菜單包括用於突出顯示 CTA 的顏色塊。 它有一個有趣的英雄部分,玩起來很有趣。 標題文本和背景圖像會隨著鼠標的移動而移動。 三個圓圈(兩種顏色)點保持原位。 每個點都放置在圖像中的一個項目上,懸停時它們會顯示項目的名稱。 一個細長的部分提供了政策和商店的鏈接。 接下來是幾大段文字。 文本包括幾個粉紅色的單詞,文本的各個部分用交替的分隔符相互分隔。 關於產品的大部分顯示文本、圖像和滑塊。 它們包括與標題下的 CTA 相匹配的超薄 CTA。 這個優雅地使用了文本和顏色。

訪問網站

9. 科迪·古丁

本網站由 Nicole Marie Zinnanti 提交。 這個網站使用大量的空白和最小的設計來呈現一個乾淨的佈局。 英雄部分在圖案背景的一側包括一個 CTA。 下一部分在一側顯示圖形,在另一側顯示 CTA。 我特別喜歡技能部分。 它以交替的兩列顯示技能。 每個段都有一個雙色圖標,其下有標題和描述。 然後技能會以不同類型的字體列在另一側。 “關於”部分使用樣式化的分隔符和圖形來結束站點。 自定義頁腳在兩側放置鏈接。

訪問網站

10. Elsebeth Egholm

本網站由 Rikke Ekelund 提交。 英雄部分顯示了具有視差的圖案背景圖像,其中包含一本書的圖像和疊加層中一組評論的 CTA。 其他書籍以交替佈局顯示,並帶有閱讀更多鏈接。 關於作者的部分在一側顯示信息,並在另一側顯示帶有閱讀更多內容的鏈接和圖像。 所有聯繫信息都放在作者的全屏照片上。 我喜歡書頁。 他們在一側展示這本書,在另一側展示描述,兩者都在有助於設定這本書基調的深色背景上。 該站點包括一個樣式化的返回頂部按鈕和一個樣式化的右側滑塊。 我喜歡紅色亮點。

訪問網站

結論

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

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

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

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