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

已發表: 2020-08-31

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

我希望你喜歡他們!

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

1. 潛水長 Gilis

潛水長吉利斯

本網站由 Alexander Falch 提交。 該網站對固定的標題背景、分隔線、圖標、模糊背景、頁腳、博客陰影等使用珊瑚色方案。英雄部分使用全屏背景圖像吸引我,並在描述網站的疊加層中添加文字. 滾動時會出現標題並包含一個深色陰影以使其具有 3D 外觀。 標題還包括在滾動時更改顏色的線繪製圖標。 標題的字體又高又細。 顏色、圖標和字體與流派完美契合,並且與整個網站的空白相得益彰。 包裹以交替佈局和圖像顯示,以幫助描述事件。

訪問網站

2. 技術員

技術員

本網站由 Michal Teska 提交。 該網站是一個單頁設計,使用大量空白和最少的圖形。 藍色和粉紅色用於背景、文本、分隔線、圖形和菜單中的品牌顏色。 我喜歡以交替佈局在一側顯示圖形而在另一側顯示文本的服務示例。 空白使圖形和文本脫穎而出,並賦予其簡潔的設計。 我也喜歡描述服務的簡化簡介、波浪形部分分隔符和重疊兩個部分的聯繫表格。

訪問網站

3. PA 學院

PA學院

本網站由 Aimee Agee 提交。 該網站使用大量紅色、黑色和白色作為品牌顏色。 紅色在背景疊加和圖標中尤為突出。 加上白色邊框和紅色背景上的圖標,這使該網站脫穎而出,看起來令人興奮。 每個部分都包含滾動動畫。 我特別喜歡英雄部分下的簡單活動日曆部分,它顯示了帶有註冊鏈接的研討會日期。 關於您將學習的內容的部分顯示了外列中簡介中的要點,而圖像浮動在中心並跟隨鼠標滾動。 我最喜歡的另一個部分是研討會 CTA。 它在屏幕的左半部分顯示一個帶有紅色疊加層和 CTA 的大圖像。 右側是帶有樣式圖標的項目符號的簡單介紹。

訪問網站

4. 健身與美食

健身與美食

本網站由 Patrick Hertnagel 提交。 該網站在菜單、邊框、按鈕、覆蓋文本、頁腳背景甚至滾動條中使用漂亮的綠色作為品牌顏色。 標題使用與網站設計完美融合的大文本。 我特別喜歡大型 CTA 部分。 顯示在兩列中,佔據屏幕的整個寬度,一側是文本和按鈕,另一側是圖像。 它包括交替佈局中的四個。 博客部分包括一個與博客列的寬度相匹配的搜索框。 另一個突出的部分是馬賽克圖片庫。 它以多列和多高度顯示圖像,但它們都適合空間,營造出完美的對稱性。

訪問網站

5. 嘿熊創意

嘿熊創意

本網站由 Marcy Henriques 提交。 它在整個過程中使用了許多卡通圖形,並使用大膽的紅色、黑色和黃色作為品牌顏色。 英雄部分顯示了一座山的背景圖形,並有一個類似的圖形重疊在它上面,所有圖形都以各種深淺的紅色呈現,前景中的圖形具有更深的陰影。 當您滾動時,前景圖形的大小會擴大。 標題顯示帶有粗體線條的漢堡菜單和帶有粗體黑色邊框的黃色 CTA。 整個網站都放置了類似的按鈕。 我喜歡這個網站使用的熊和山圖形。 該設計充分利用了大膽的顏色和背景圖形,同時仍保持內容的清潔和可讀性。

訪問網站

6. 街

後悔

本網站由 Mathias Rue 提交。 它使用帶有白色、紅色和紫色文本的黑色背景。 英雄部分是一個全屏部分,它框住屏幕並在角落放置鏈接。 它包括標語的超大文本。 所有模塊都有一個從紅色到紫色的邊框。 當您滾動時,英雄部分中的紫色文本和邊框的紫色部分會變成紅色。 接下來的部分顯示了帶有黑色背景、白色文本和紅色標籤和鏈接的服務和產品組合的圖像。 這些模塊並排放置,每行 2 或 3 個。 這些模塊中的每一個都在懸停時擴展以佔用更多空間並放大它們的圖像。 頁腳中的聯繫信息還使用了在滾動時會改變顏色的超大文本。 該站點有趣地使用了大文本和懸停效果。

訪問網站

7. 迪吉莫

迪吉莫

本網站由 Moe 在 Dijimoe 提交。 該網站使用大量深藍色作為背景和亮點。 英雄部分在動畫粒子背景上顯示一個帶有標題的大圖形。 每個部分的底部都使用樣式分隔符,以提供樣式化的 u 形以突出顯示。 這些部分在深藍色背景和白色背景之間交替。 這保持了簡潔優雅的設計。 服務顯示在使用不同顏色圖標的簡介中。 客戶徽標顯示在始終移動的滑塊內,因此它從網站的其餘部分中脫穎而出。 菜單很簡單,每邊都有一個鏈接,鏈接外部有一個圖標。 將鼠標懸停在鏈接上會顯示圓形背景。 我特別喜歡在“服務”頁面上使用樣式化的手風琴和圖形。

訪問網站

8. 營養學家 Maria Antonietta Gastone

營養學家瑪麗亞·安東尼埃塔·加斯通

本網站由 Daniele Bardella 提交。 這個網站使用了一個簡潔的設計,按鈕、鏈接和圖標有很多橙色的亮點。 佈局使用空白來幫助每個簡介、CTA 和推薦信脫穎而出。 服務部分在一側使用圖像,並顯示一組帶有簡短描述的簡介和一個帶有鏈接的圖標以了解更多信息。 我喜歡關於所用方法的部分。 它提供了一個描述,然後是將圖像重疊到一側的簡介。 一本書的全角 CTA 在中央顯示一個按鈕,在一側顯示一個圖像。 書頁使用白色文本和橙色背景上的書皮圖像。 這個網站很好地利用了顏色和空白。

訪問網站

9. 網絡策略

網絡策略

本網站由 Michael Kwasiuk 提交。 本網站使用激進的紅色來突出白色和黑色背景。 紅色也用作預加載器屏幕。 實際上,每個部分都有一些與中心重疊或偏移的東西。 當部分交替時,這會產生一種獨特的平衡,引導您的眼睛。 幾個部分將文本放置在一側,將動畫圖像放置在另一側。 該投資組合使用一個滑塊,該滑塊以獨特的導航樣式移動到一側。 博客部分顯示帶有與圖像偏移的描述的卡片。 我喜歡徽標如何在您滾動時擦除字母並將第一個字母與主菜單的句點一起保留。

訪問網站

10.檸檬水IT

檸檬水 IT

本網站由 Teck Seng Chan 提交。 該設計使用黃色和綠色(檸檬和酸橙)配色方案作為亮點,例如菜單中的 CTA、圖形、邊框、文本、滑塊導航、博客文章特色圖像背景顏色等。 所有的部分背景都是白色或淺灰色,以幫助保持設計盡可能簡單和乾淨。 服務顯示在高大的廣告中,在懸停時向底部添加陰影。 我最喜歡的部分是帶有手機的 CTA 和在其後面獨立移動的網站佈局。 推薦滑塊也很有趣。 它垂直滾動推薦。 這個網站很好地利用了色彩和簡單的佈局。

訪問網站

綜上所述

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

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

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

精選圖片來自 ann131313/shutterstock.com