Divi 設計展示：2018 年 9 月的新提交

已發表: 2018-09-23

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

我希望你喜歡他們！

Divi 設計展示：2018 年 9 月的新提交

1. 像素和鉛筆

本網站由 Tyler Diaz 提交。一個漂亮的全屏標題展示了這個網站是如何使用圖形和顏色以及有趣的設計的。下一部分顯示帶有按鈕的客戶徽標以了解更多信息。特色工作部分將項目顯示為帶有圖像、文本、按鈕和陰影效果的卡片。我喜歡最後一部分，它顯示了另一組圖形，其中包含一個簡單的號召性用語和放置在有角度的部分中的社交按鈕。工作頁面顯示更大版本的項目卡片，每張卡片都將訪問者帶到一個簡單而優雅的項目詳細信息頁面。我也喜歡顏色和圖形的簡化使用。

查看網站

2. 安德里亞·馬索蒂

本網站由 Andrea Masotti 提交。該站點有趣地使用了 Divi 的模塊。三行顯示三列，其中最右側和最左側包含文本，中間包含一個圖形。文本和圖形使用黑色輪廓和白色作為與背景混合的顏色。每行由一條黑線分隔。將鼠標懸停在該行上會將其所有元素變為黑色。將鼠標懸停在行內的特定元素上會將其顏色更改為紅色（對於文本）或紅色和藍色（對於圖形）。紅色和藍色圖形用作投資組合頁面的標題元素。這個網站是一個很好的例子，說明簡單的事情可以做出重要的聲明。

查看網站

3. 阿德里亞諾阿爾法羅

本網站由阿德里亞諾·阿爾法羅提交。它顯示一個帶有標題和描述的全屏標題，然後是一個簡短的關於社交關注的部分，因此您可以立即了解該網站的內容並與設計師互動。帶有大圖標、描述和鏈接的模糊顯示服務。接下來的幾個部分是我最喜歡的。它們在一側顯示圖像，在另一側顯示全角文本，並包含指向投資組合的鏈接。當您滾動時，它們會交替出現。視頻背景在帶有報價和 CTA 的獎項後面播放。我喜歡投資組合頁面，它顯示可點擊項目的牆到牆圖像。單個項目頁面是該站點真正閃耀的地方。它們是現代佈局設計的一個很好的例子。請務必查看菲亞特頁面。

查看網站

4. 艾米麗商人

本網站由 Emily Merchant 提交。這個使用 CTA 創建了一個有趣的標題。 CTA 是用圖像、邊框、提供的作品類型、標題和按鈕創建的。三個圖像坐在這個下面。它們在疊加層中包含一個標題。懸停改變它們的顏色並顯示一個邊框，創建一個優雅的項目頁面 CTA。關於部分是用引用和文本創建的。另一個投資組合 CTA 在您滾動到它時繪製圖形。投資組合頁面創建一個多列佈局，每個圖像都有自己的疊加顏色並繼續懸停效果。

查看網站

5. 美洲大陸

本網站由文森特·瓦倫蒂諾提交。這一款充分利用了大膽的色彩和視差效果。全屏標題以展示文本和按鈕的漂亮背景啟動站點。顯示他們所做工作的部分顯示了帶有鋸齒狀邊緣的地形圖，以將其與顯示具有陰影效果的塊的一段簡介分開。我喜歡有案例研究的部分。完整設計的圖像顯示在背景中，同時重疊文本和圖像以視差滾動。最近的項目顯示在多列佈局中。這個網站很好地利用了一頁設計。

查看網站

6. 氣象站

本網站由 Pierre Lannoy 提交。這是一個應用程序的網站。它保持設計簡單，並充分利用色彩。我特別喜歡整個設計中使用的帶有微妙漸變的藍色背景。波浪形部分分隔將標題分開，而好處則顯示為圖像和文本模塊。該網站還充分利用了數字計數器，它實際上顯示了下載和公共安裝的有用統計信息。正下方是一個部分，顯示應用程序的評級並包括星級評級的圖形。推薦是乾淨的，包括陰影效果。我也喜歡博客頁面，它將圖像顯示為兩列卡片，帶有框陰影、標題和按鈕。懸停會顯示帶有帖子摘錄的藍色疊加層。最新帖子以全尺寸顯示在單列中。各個帖子還使用框陰影效果並包括帖子導航和評論模塊。

查看網站

7. 好客

本網站由 Daragh Wallace 提交。該站點側重於博客佈局。它顯示一個超大標題以顯示徽標的正面和中央。在此下方是兩個導航菜單：主主題放置在主菜單中，子主題放置在二級菜單中，綠色字體稍小。精選帖子在左側顯示圖像，在右側的較小框中顯示標題、類別、摘錄和閱讀更多按鈕。它們一起佔據了內容區域的全寬。下面是一個博客部分，在三列中有 9 篇文章。帖子顯示特色圖片、標題、類別、簡短摘錄和按鈕。我的作者喜歡顯示網站標題定義的全寬部分。博客文章還保持簡潔的設計，包括特色圖像、文本、CTA、圖像滑塊、視頻（對於某些文章）和包含三篇文章的博客部分。這個網站是乾淨博客設計的一個很好的例子。

查看網站

8. 傑里克斯

本網站由 Jeroen Rotty 提交。它使用了一些我最喜歡的顏色（我來自田納西州，我偏愛橙色）。標題使用帶有 CTA 的視差。樣式化的部分分隔符有助於為下一部分創建空白區域，它通過鏈接和帶圓圈的照片提供“關於”信息。服務用大的兩色圖標顯示，這些圖標利用橙色高光和懸停效果。最近工作的屏幕截圖也使用懸停效果並包括陰影框效果。作品集頁面延續了最近的作品設計。單擊一個會將您帶到網站本身，以便您可以直接看到作品。 WordPress 頁面以兩列顯示優勢，並在整個頁面中包含手繪圖形。我喜歡這個網站上的顏色。

查看網站

9. 處於危險中的母親

本網站由 Swag Design Factory 提交。它採用多列佈局的盒裝設計。標題在一側垂直顯示徽標、菜單和社交關注按鈕，另一側顯示視頻和標語。圖像和信息部分使用相同的行佈局，但交替使用圖像和文本。幾個兩列部分顯示帶有重疊按鈕的圖像和帶有 CTA 的文本。全寬推薦使用網站的徽標和顏色完美融合。單個博客帖子顯示一個背景圖案，帶有標題的標題和社交關注按鈕，然後是帖子和側邊欄，其樣式與站點相匹配。我喜歡整個網站使用的深綠色和粉紅色亮點。

查看網站

10. Wems 無線

本網站由 Philip Wantling 提交。它使用品牌顏色（橙色和綠色）和電子產品圖像（具有相同的品牌顏色）來描述該商業網站。這可以在全屏標題和整個站點中看到。兩列中的四個圖像鏈接到各種產品。我喜歡提供帶有標題和按鈕的動畫的 CTA。它與上一部分（客戶徽標）重疊，並附有一組描述好處的簡介。用於演示的 CTA 在圖像的角落使用突出的色帶。產品以多列佈局顯示，通向產品鏈接。單個產品頁面還包括一些用於產品描述和頁面背景圖案的甜美 Divi 樣式。該網站充分利用了佈局設計和色彩。

查看網站

綜上所述

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

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

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

精選圖片來自 Koksharov Dmitry / shutterstock.com