Divi 設計展示:2020 年 7 月起的新提交

已發表: 2020-08-02

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

我希望你喜歡他們!

Divi 設計展示:2020 年 7 月起的新提交

1. 蛋白粉

蛋白

本網站由 Tomer Aharon 提交。 該網站使用大量紫色作為文本和背景漸變,並使用類似的紅色、黃色和藍色陰影作為高光。 菜單甚至包括帶有這些顏色圖標的簡介。 英雄部分顯示關鍵字的打字效果,這會更改 CTA 的標語和消息。 一個有趣的功能是一組部分,這些部分以交替佈局在模擬計算機屏幕旁邊以垂直堆棧顯示按鈕。 單擊任何按鈕都會更改模型屏幕上顯示的內容。 類似的部分在模型屏幕上方顯示帶有圖標的選項卡。 該網站是多語言的,允許您從 7 種語言中進行選擇。

訪問網站

2.LVP帝國

LVP帝國

本網站由 Nadzim Al-Rash 提交。 它使用大量棕褐色作為帶有黑色文本的背景。 導航菜單保持簡單,帶有查看畫廊的鏈接和預訂會話的鏈接。 懸停效果將其背景更改為較深的顏色。 當您滾動時,淡入淡出效果會淡入或淡出圖像,包括英雄圖像和某些畫廊。 頁腳顯示深綠色背景,與棕褐色相得益彰。 它包括一個導航菜單,頂部有一條棕褐色的線和懸停效果。 畫廊在單列中顯示大圖像以展示作品。 預訂頁面顯示多個位置,每個位置都有地圖。

訪問網站

3. 安迪胡克

安迪胡克

本網站由安迪胡克提交。 它使用大量深藍色作為整個網站的背景和文字。 菜單顯示用於子菜單導航的圖標。 英雄部分顯示了與下一部分重疊的工作截圖。 它還包括幾個真正視差的背景圖案,以脫穎而出。 標題中的幾個關鍵字帶有下劃線。 我特別喜歡最近工作的一組部分,它結合了推薦書和屏幕截圖以及查看項目的鏈接。 當您滾動時,這些部分中的每一個都會切換到不同的背景顏色,從深藍色變為中藍色,然後變為橙色。 博客和其他頁面也包括與主頁相同的背景圖案。 一些頁面將它們添加到圖標中。

訪問網站

4. 邋遢播客南部

邋遢播客以南

本網站由 Brent Collier 提交。 該網站使用大量橙色和深藍色作為背景和圖案。 背景是一幅風格鮮明的山峰,色彩大膽。 帶有最新播客的樣式音頻播放器放置在英雄部分的標語下。 它的圖像包括來自網站的藝術品和顏色。 另一部分以真實視差以粗體顏色顯示背景圖案。 樣式圖標鏈接到您可以收聽播客的各個位置。 我也喜歡聯繫部分。 它包括一個橙色背景,一側有不同顏色的聯繫表,但字段與兩種顏色重疊。

訪問網站

5. Palavras Cruzadas

帕拉夫拉斯克魯扎達斯

本網站由 Rui Edmond 提交。 該網站在背景、按鈕和標題中使用了粗體藍色。 它主要遵循兩列設計,部分從藍色到白色交替。 每個部分都包含 CTA,其中包含產品描述和鏈接。 圖形強調了產品的鏈接。 拼圖集成在項目後期類型中。 推薦顯示帶有樣式背景的帶圓圈的圖像。 該站點包括多個具有交替佈局的 CTA。 簡潔的設計確保每一個都與眾不同。

訪問網站

6. 梅格羅納根

梅格·洛納根

本網站由 Kurt Maddern 提交。 佈局很簡單,只有一個菜單、標誌、版權通知和一個滑塊。 焦點在滑塊上,但它使用空白來引起對它的注意。 滑塊佔據屏幕右側的三分之二。 左邊三分之一是清晰的,頂部是網站的標題,底部是標誌。 導航菜單位於滑塊上方,並在滑塊左側的兩列中顯示鏈接。 查詢鏈接位於滑塊右側的上方。 當您滾動時,菜單的堆疊列變成一個普通菜單,所有鏈接都在水平行中,滑塊顯示不同寬度的圖像以展示作品。 備註頁面顯示帶有大圖像和添加到左側的導航鏈接的博客文章。

訪問網站

7. Recova

雷喬娃

本網站由 Christina Oosthuizen 提交。 它始終使用品牌藍色和黃色,並在這里和那裡使用紅色。 菜單包括藍色和黃色的動畫鏈接。 英雄部分顯示與背景融合的產品圖像。 標語是用白色的超大文本和黃色的關鍵字創建的。 其他標題以黃色和藍色放置文本。 大按鈕顯示帶有醒目的純黑色陰影。 該網站還包括許多風格化的櫃檯、簡介、推薦、匹配的聯繫表格和社交按鈕。 我特別喜歡用兩種顏色顯示產品圖形的部分。 一側的背景與另一側的產品顏色相匹配。 聯繫頁面使用了類似的設計。

訪問網站

8. 植物氛圍

植物氛圍

本網站由 DJ Wheeler 提交。 該網站在部分背景、圖形和文本中使用綠色作為品牌顏色。 英雄部分包括一個帶有 CTA 的滑塊,其交替佈局顯示一側的圖像和另一側的信息。 帶有圖形和文本的簡單 CTA 顯示在帶有樣式圖案的綠色背景上。 產品系列的一部分顯示了產品滑塊中的各種選項。 此滑塊包括標題、鏈接和導航的深綠色突出顯示。 聯繫表單的提交按鈕使用相同的綠色。 甚至產品照片也有在某些部分使用的背景顏色,使它們成為網站設計的一部分。

訪問網站

9. 武裝部隊

武裝分子

本網站由 Thomas van der Wolde 提交。 該網站在背景、圖形、文本和導航菜單上的 CTA 中使用了大量藍色。 英雄部分顯示了一個 CTA,帶有改變關鍵字的打字效果。 一部分宣傳語為每個宣傳語的頂部邊框顯示不同的顏色,並包括帶有斑點背景圖案的圖形。 一部分編號步驟以藍色大字體顯示數字,一側是文本,另一側是交替佈局的圖形。 其他頁面遵循類似的簡單和乾淨的設計,突出了服務和好處。

訪問網站

10. MJS 媒體

MJS媒體

本網站由 Matt Southam 提交。 它使用大膽的黃色作為品牌顏色,並使用其他幾種顏色來支持它。 英雄部分在幾乎不顯示的背景視頻上放置了黃色疊加層。 黃色背景也用於全角推薦和聯繫按鈕。 幾個簡介顯示帶有各種顏色的帶圓圈背景的圖形。 我喜歡帶有案例研究的部分,該部分在灰色覆蓋層後面顯示背景中的圖像。 全屏菜單將大文本鏈接放在三列中,便於查看導航、服務和聯繫信息。 背景模糊但可見。 我也喜歡乾淨的博客設計。

訪問網站

在結束

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

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

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

精選圖片來自 Drogatnev / shutterstock.com