Divi 設計展示：2021 年 7 月起的新提交

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

我希望你喜歡他們！

Divi 設計展示：2021 年 7 月起的新提交

1. 斯特拉頓·克雷格

本網站由 Piers Elliott 提交。 它有許多文本、鏈接和按鈕的紅色突出顯示，以及整個站點中的一些深藍色。 部分包括白色或非常淺的綠色背景，適用於紅色和藍色。 超級菜單包括帶有聯繫人 CTA 和多列鏈接的淺綠色背景。 英雄部分顯示嵌入的視頻。 案例研究和服務部分顯示小行，一側是圖像，另一側是信息。 我喜歡博客部分。 帖子顯示標題，標題由空格和一條水平線分隔。 我發現有趣的另一件事是它沒有滾動條。

訪問網站

2. 自由職業者邁克

本網站由 Mike McManus 提交。 這個有趣地使用了排版和灰色背景。 英雄部分在一側顯示帶有圓角底角的圖像。 這與另一側的文本斷開連接，與灰色背景重疊。 整個網站都使用黃色的小按鈕，與菜單中的黃色相匹配。 項目顯示為帖子，一側是圖像，另一側是摘錄。 我喜歡被邊界分隔的宣傳語部分，這些宣傳語只接觸另一個宣傳語。 該網站的設計具有突出的代碼外觀和感覺，可以完美地幫助描述網站。 該網站還有一個有趣的博客設計。

訪問網站

3. dajo 創意

本網站由大衛·金提交。 這個網站很好地利用了整個網站的綠色進行品牌推廣。 英雄部分包括一罐泡菜的圖像，滾動時會放大屏幕。 該網站採用超大文本介紹。 許多元素包括懸停或滾動動畫。 一些背景存在視差並顯示工作室的圖像。 我最喜歡的部分之一顯示了與排版設計相關的圖標的簡介。 我最喜歡的另一個顯示超大文本，滾動時會縮小。 我也喜歡以多列佈局顯示的工作示例。 它們包括用於圖像懸停效果的綠色疊加層。

訪問網站

4. 保護 IT 資源

本網站由邁克爾·懷特提交。 這個使用大量橙色和紅色作為徽標的亮點，英雄部分中的垂直條，數字，鏈接，圖標，疊加層和水平邊框。 許多部分包括背景中的圖案，這些圖案非常引人注目。 有些包括描述該部分的文本。 我喜歡詳細介紹他們方法的部分。 它包括帶有動畫和疊加層的編號簡介。 我也喜歡資源頁面。 它顯示帶有懸停動畫、標題和類別的特色圖像的博客文章。 它們又短又寬，被放​​置在兩列中，使博客設計簡潔。

訪問網站

5. Studio Vitas

本網站由 Simone Vitas 提交。 這個在整個網站上有很多有趣的懸停動畫。 鼠標光標變為一個帶樣式的三角形，讓背景顯示出來。 當您將鼠標懸停在可點擊的內容上時，三角形會被填充，背景會顯示出來，並且顏色會反轉。 可點擊的元素會變成深紅色，顯得格外醒目。 標題和漢堡菜單字體特別優雅。 我喜歡在頁面加載時顯示頁面元素的塊動畫。 我也喜歡在工作示例中使用有趣的圖像。 號召性用語在懸停時顯示一個大版本的三角形，並將您帶到一個與網站風格相匹配的大聯繫表單。

訪問網站

6. 印度尼西亞衝浪

本網站由 Lokesh Mangyan 提交。 這個使用了有趣的符號。 許多元素包括帶有指向元素的箭頭的傾斜文本。 文本提供了有關如何使用該網站的提示。 整個主頁都放置了幾個號召性用語，它們與網站的設計配合得很好。 CTA 包括按鈕、小橫幅和全寬部分，在棕褐色背景上顯示大文本，前景中有圖像和按鈕。 它還包括網站工具的應用程序版本的 CTA。 幾種棕褐色調用作品牌顏色，與海灘主題相得益彰。 一部分簡介會在懸停時顯示其邊框，並包含棕褐色圖標。 評論在英雄部分和推薦滑塊中顯示為帶有星級評分的簡短片段。 我喜歡在這個網站上使用地圖。

訪問網站

7.卡爾數碼

本網站由來自 Kal 的 Petros 提交。 這個有趣地使用了背景和排版。 它在英雄部分的標題後面顯示一個鮮紅色的動畫氣泡。 當您滾動到下一部分時，氣泡會保持原位，並更改為不同的形狀，直到它成為完整的背景。 然後它變為灰色並變回氣泡，然後變為黑色背景。 一路上，前景顯示信息、服務，一邊是卡通風格的圖形，另一邊是信息。 灰色部分顯示了計算機屏幕的圖形，兩邊都有宣傳語。 其他頁面使用不同顏色的類似設計。 我也喜歡聯繫頁面上的動畫筆。

訪問網站

8. 羅賓遜醫學博士

本網站由喬納森·莫雷提交。 它使用淺色作為整個網站的亮點和背景元素。 輔助工具放置在一個始終觸手可及的圖標中。 有幾個部分顯示兩列，一側是圖像，另一側是文本。 一些圖像在其兩個角後麵包含色塊。 Blurbs 包括非常適合網站類型的專用圖標。 宣傳語的一部分包括滾動速度比背景快的卡片和側面的宣傳語。 頁腳附近的詳細表單與站點的樣式相匹配。 博客頁面遵循相同的設計，並包括帶有建議和样式的博客卡片的搜索​​。

訪問網站

9. 國際預算夥伴關係

本網站由 Rajan Zaveri 提交。 它在所有元素中使用了大量的大地色調。 許多標題包括看起來像標記的突出顯示。 一些背景包括手繪地圖。 人物的手繪圖形漂浮在文本旁邊。 菜單有樣式按鈕。 在切換中創建目錄。 左邊是一個樣式化的點導航系統，一旦你滾動過英雄部分就會出現。 標題顯示每個部分的名稱。 我特別喜歡網格中帶有數字的部分。 數字用大邊框分隔。 在網格的中心是帶有標題的小塊文本。 將鼠標懸停在 1 上可將其縮放至全尺寸，顯示信息和顯示在數字上的疊加層。 數據地圖的按鈕粘在底部並打開一個彈出窗口。

訪問網站

10. Nyansa

本網站由克里斯蒂娜提交。 這一個使用多種綠色陰影作為整個網站的品牌顏色，包括徽標。 英雄部分在全寬圖像的一部分上放置了一個綠色疊加層，並包含一個 CTA。 另一部分將文本塊重疊在圖像上，並包括帶有綠色背景的標題。 我特別喜歡 5 個宣傳語的部分，其中包括在角上轉動的正方形內的綠色圓圈圖標。 一部分信息使用具有不同深淺綠色的卡片，從深到淺。 頁腳中的社交圖標遵循相同的順序。 博客部分為卡片使用深綠色底部邊框。 推薦滑塊包括文本的綠色背景，並包括從大背景圖像中突出的粗白色邊框。

訪問網站

直到下個月！

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

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

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

精選圖片來自 pikolorante/shutterstock.com