Divi 設計展示:2021 年 6 月的新提交

已發表: 2021-06-26

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

我希望你喜歡他們!

Divi 設計展示:2021 年 6 月的新提交

1. Casa Los Silvestres

卡薩洛斯西爾維斯特

本網站由 Idea Design 提交。 這個網站充分利用了攝影和動畫。 英雄部分顯示浮動在幾個圖形元素上和周圍的產品圖形。 滾動效果模糊圖像,直到它們就位。 幾個部分有一個有趣的水波紋效果,可以跟隨您的鼠標。 我覺得這很有趣。 全屏背景圖像在前景中顯示大的樣式文本。 信息由兩列部分提供,將圖像放在一側,文本放在另一側。 帶圖案的背景放置在文本後面。 這個網站是多語言的。

訪問網站

2. 薇薇安法

薇薇安法

本網站由 Nick Li 提交。 這一個充分利用了攝影和柔和的色彩。 這些照片包括大邊框,以從背景中脫穎而出,並有助於告知讀者所提供的服務。 英雄部分包括一張全角圖像,該圖像與照片和聯繫表重疊。 服務的圖像具有不透明的覆蓋層,只允許顯示出一小部分圖像。 有幾個部分在一側顯示圖像,另一側與信息重疊。 畫廊和服務頁面展示了大量的作品示例。

訪問網站

3. 引路人

引路人

本網站由 Stuart Leo 提交。 它有一個乾淨的設計,使用陰影來分隔各個部分。 幾個部分和 CTA 包括粉彩中的彩色背景以脫穎而出。 CTA 在與圖像重疊的角落有一個水印,賦予其有趣的設計而不突出。 我特別喜歡超級菜單。 它顯示了一個鏈接列表,每個鏈接旁邊都有一個圖標。 下拉菜單的底部包含一個 CTA 橫幅。 許多頁面都包含樣式 blub 和菜單。 嵌入式播客也很有趣。 它們像博客文章一樣工作,但包含嵌入式視頻和音頻。

訪問網站

4. 比斯阿里米基金會

比斯阿里米基金會

本網站由 Flavio Mester 提交。 它使用深綠色作為整個網站的高亮顏色。 英雄部分在一側顯示地圖,在另一側顯示大圖像滑塊。 標題與它們重疊。 許多元素具有懸停效果,可以更改顏色、縮放圖像、顯示信息等。 佈局乾淨,易於遵循。 照片中的顏色與品牌綠色搭配得很好。 其他頁麵包括樣式切換、表單、圖像和嵌入的 Instagram 提要。

訪問網站

5. iMedica

醫美

本網站由 Yoann PIERRE 提交。 它使用粉紅色作為整個網站的亮點。 標題以不同的顏色在一側放置了一個聯繫人號召性用語,該顏色會發生變化並在懸停時包含一個圖標。 英雄部分在前景中顯示帶有標題和圖標的視頻。 該視頻還包括一個創建向下箭頭的樣式分隔線。 圖標、切換、按鈕和懸停動畫為粉紅色、更改為粉紅色或從粉紅色更改。 許多背景都顯示出風格化的圖案。 幾個粉紅色元素在滾動到屏幕中央之前會變亮。 兩側的 CTA 會滑動以顯示您懸停的一側。

訪問網站

6. 創世紀創意公司

創世紀創意公司

本網站由 Chaucee 提交。 這個使用大量棕褐色和棕色作為高光、文本和按鈕。 棕色與整個網站的圖像內容相匹配。 標題與網站融為一體,並包含一個 CTA。 這個有一個有趣的佈局。 英雄部分顯示了三個與中心的 CTA 重疊的圖像,該 CTA 與所有三個重疊。 另一部分具有類似的設計,具有較小的圖像和較大的文本。 該部分的標題使用了一種與眾不同的字體。 頁腳也很有趣。 它顯示了一個大徽標、鏈接和一個預訂 CTA。

訪問網站

7. BevCheck

檢測

本網站由邁克爾·懷特提交。 整個站點的文本、背景和圖標都使用亮紅色作為突出顯示顏色。 它使用了一張跨越超大英雄部分的高大背景照片。 英雄部分顯示帶有 CTA 和一組嵌入徽標的信息。 本節的下一部分包括帶有樣式圖標的簡介和帶有圓角和框陰影的超大按鈕。 關於公司的部分在一側顯示圖像,在另一側顯示帶有框陰影的文本,以使其從背景中脫穎而出。 我喜歡頁腳中的聯繫 CTA。 它在背景圖像上顯示了一大塊文本,帶有紅色覆蓋層,與帶有樣式聯繫表的下一部分重疊。

訪問網站

8.微風催眠療法

微風催眠療法

本網站由 Sibora Halili 提交。 我喜歡這個的圖形和顏色。 它使用淺橙色和灰色配色方案營造出優雅的外觀。 標題在橙色的一側放置了一個 CTA。 這是一頁設計。 英雄部分顯示全屏背景圖像,前景中帶有樣式文本和信息。 使用品牌顏色的手繪圖形來自簡介和背景圖像。 有些是物體的圖畫,而有些則是抽象的。 許多元素(如照片、播客、切換和滑塊)以色塊重疊背景。 小細節,例如具有視差的圖像和隨著滾動而改變大小的線條會突出顯示。 它只使用了幾種顏色,但它完美地使用了它們。

訪問網站

9. 中心實驗室

中心實驗室

本網站由 Lethicia Diniz 提交。 這個很好地利用了顏色和圖形。 它使用了大量大膽的顏色,在背景、按鈕、圖標和繪製的圖形中重點使用橙色和藍色。 它們非常適合目標受眾。 圖形向人們展示了用來設置場景的物體。 所有背景都有波浪形分隔線。 英雄部分的背景包括突出的圓圈圖案。 所有部分都在一側顯示信息,在另一側顯示圖形。 我也喜歡頁腳。 它由多個重疊的色塊創建,為聯繫信息、鏈接和版權聲明創建一個區域。 藍色標題有橙色突出顯示的菜單項和綠色 CTA。

訪問網站

10. 克萊門特·弗羅蒙特

克萊門特·弗羅蒙特

本網站由 Clement Fromont 提交。 這個使用藍色和橙色的配色方案,顏色特別大膽。 主頁佈局簡單,並創建了精心設計的 CTA。 它包括英雄部分的簡短號召性用語、全寬的關於部分、帶有信息的文本部分、帶有推薦的部分和頁腳中的 CTA。 它們協同工作,提供您需要的信息,同時吸引您的眼球。 我喜歡英雄部分中引起注意的動畫圖形。 該博客還具有優雅的設計,帶有 CTA 和最新帖子。 這些帖子具有獨特的設計。 它們是類似於案例研究的超大卡片,一側有標題、文本、項目符號和按鈕,另一側有與站點匹配的圖形。

訪問網站

直到下個月!

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

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

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

精選圖片來自 Happy Job/shutterstock.com