Divi 設計展示：2019 年 1 月以來的新提交

已發表: 2019-01-27

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

我希望你喜歡他們！

Divi 設計展示：2019 年 1 月以來的新提交

1. 斯威夫特

本網站由 Suzie Tawney 提交。橙色是品牌顏色，在整個網站中都很突出。它使用有趣的分屏，一側是橙色和白色的信息，另一側是視頻。大簡介用多色圖形和標題顯示服務。懸停將背景更改為橙色。滑塊包括橙色覆蓋層和样式部分分隔符。我發現博客部分特別有趣。它包括圖案部分背景和行的橙色背景。博客和行都有一個盒子陰影與背景分開。博客頁麵包括在頁面下方交替的重疊卡片。

訪問網站

2.帝國工程

本網站由羅斯·波普提交。本網站使用深藍色作為品牌顏色，從帶有藍色覆蓋層的全屏圖像開始，融入下一部分。服務顯示在簡介中。它們包括帶有白色文本和圖標的深藍色背景，並且具有縮放懸停效果。我喜歡“為什麼”部分，它在簡介列表中顯示了公司的強項。博客部分在一個單獨的列中顯示最新的帖子，背景與海洋的自上而下視圖融為一體。每一頁都延續了這種設計。我特別喜歡在與圖像重疊的框中帶有項目符號點的服務頁面。

訪問網站

3. 傘式稅收解決方案

本網站由 Mani O'Brien 提交。該網站在整個設計中使用帶有黃色、白色和藍色亮點的深藍色。它從帶有描述和 CTA 的全屏圖像開始，然後提供帶有電子書激勵的全寬時事通訊 CTA。註冊表單足夠醒目，因此該站點不需要彈出窗口。信息顯示在包含頂部邊框設計和多色圖標的大簡介中。同樣的設計也用於服務。一個有趣的圓圈圖形顯示了它是如何工作的。我特別喜歡推薦部分，它顯示一個全寬圖像，一側是一個人，另一側是背景上的推薦。

訪問網站

4.贏水

本網站由 Victor Duse 提交。該網站使用淺藍綠色作為品牌顏色，通常作為兩者的漸變，在高光和疊加層中。英雄部分在漸變後面播放視頻。信息使用帶有藍綠色漸變色的有線地球儀圖標顯示在簡介中。我喜歡顯示模糊背景圖像的推薦滑塊和上面的推薦。博客部分顯示具有優雅懸停效果的帖子。統計部分很有趣。它顯示了三個大數字，每個數字都有不同的顏色和不同的高度。水的圖像在背景中使用，並在圖像中包含藍綠色。

訪問網站

5. Helke Wieners

本網站由 Oliver Gehrmann 提交。該網站使用一種稱為野生西瓜的顏色作為背景、菜單和亮點。英雄部分在與下一部分重疊的圖像上方顯示徽標。標題使用優雅的腳本字體。幾個部分在兩列中顯示文本和圖像，一側是文本，另一側是圖像，並在滾動時交替顯示。全屏滑塊顯示相關圖像。聯繫人部分用作 CTA。時事通訊註冊使用品牌顏色作為其背景。菜單很簡單但很獨特。它顯示一個漢堡包圖標，但是當您單擊它時，菜單會正常顯示在標題中。該網站很好地利用了顏色和空白。

訪問網站

6. 果果

本網站由 Michal Teska 提交。這是一個單頁網站，使用藍色、綠色、紅色和黃色的水果熱帶色調作為品牌顏色，並在背景和亮點中使用它們。它還在每個部分中使用與背景顏色相同的熱帶水果圖像。每個部分都是全屏的，並以真實視差顯示圖像。相反的顏色用於圖形、項目符號和分隔線。服務顯示在切換中。頁腳顯示了聯繫信息，甚至包括一個用於返回頂部按鈕的小香蕉圖形。這是一個乾淨簡單的設計，充分利用了顏色和空白。

訪問網站

7. Pirela 諮詢公司

本網站由 Leopoldo Pirela 提交。它使用藍紫色、綠色和黃色作為背景、疊加和高光的品牌標識，從標題背景中的紫色圖案開始。特色項目顯示為三個圖像，顯示懸停信息。推薦信顯示在全屏滑塊中。想法和提示以顯示相關圖標的綠色簡介顯示。我喜歡這個網站上的 CTA。它在深綠色背景圖案上顯示一本書，其中包含信息和下載按鈕。頁腳顯示與頁眉相同的紫色背景圖案，並提供聯繫鏈接和社交關注按鈕。我喜歡“服務”頁面的交替佈局。

訪問網站

8.毛里

本網站由 Mauricio Cedraz 提交。登陸頁面是一個全屏的，帶有紫色/紅色漸變背景，大文本只是偏離中心。文本實際上是懸停時的鏈接和動畫，這會翻轉文本並更改顏色 - 一個字母朝後，顏色與其餘字母不同。單擊任何文本會將您帶到一個頁面。文本下方是一個帶有歡迎消息的切換開關。該頁面還包括菜單圖標、聯繫鏈接和社交關注按鈕。其他頁面使用類似的設計，但有些頁面具有多列佈局，背景上帶有漸變的圖像。顏色很大膽。我喜歡在標題和菜單中使用顏色和大文本。

訪問網站

9. 一隻腳超過

本網站由斯蒂芬·布倫特·梅提交。它在文本、高光、圖形和背景中使用紫色和綠色作為品牌顏色。英雄部分顯示一個包含信息的框和一個與平面設計背景圖形重疊的按鈕。下一部分顯示兩行，兩列部分，帶有品牌顏色的移動圖形，另一列顯示公司信息。行交替其佈局。我喜歡下一部分，它在帶有紫色漸變的圖案背景上顯示公司信息。另一個紫色背景用作 CTA 和頁腳內。服務使用多色圖標顯示在簡介中。

訪問網站

10. Extempra

本網站由 Chetan Gupta 提交。它使用了幾種品牌顏色，包括在文本和覆蓋層中接近藍綠色的藍色、用於高光的亮黃色、在背景中的粗黃色以及用於標題的紫色覆蓋層。我特別喜歡“程序”部分，它顯示兩個帶有藍色疊加層的圖像，其中包括標題、文本和按鈕。疊加層使圖像和文本彈出。感言顯示在與兩個部分重疊的滑塊內。博客部分顯示帶有圓角和框陰影的帖子。其他頁面使用類似的佈局，帶有全屏標題、重疊部分和粗體顏色。該博客對博客文章使用 1 欄、2 欄和 3 欄佈局，並充分利用了特色圖片。

訪問網站

結論

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

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

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

精選圖片來自霍比特人/shutterstock.com