Divi 設計展示:2019 年 2 月的新提交

已發表: 2019-03-01

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

我希望你喜歡他們!

Divi 設計展示:2019 年 2 月的新提交

1. 新夏爾巴人

本網站由 Gregory Little 提交。 這是一頁設計。 全屏標題顯示一個背景視頻,當您滾動時,該視頻會過渡到另一個視頻。 您實際上可以在過渡期間同時看到兩者。 標題使用帶有深藍色/綠色品牌顏色的大文本來創建標語。 關於部分使用相同的字體系列和样式來顯示公司的重點。 聯繫人 CTA 放置在全寬圖像上,然後是帶有帶有品牌顏色樣式的圖標的簡介。 管理團隊部分向創始成員顯示信息和閱讀更多鏈接,其中顯示了更多文本行,全部採用品牌顏色。

訪問網站

2. 海上噴氣機

本網站由 George Paratsokis 提交。 標題包括陰影效果和與網站品牌顏色相匹配的樣式化 CTA 按鈕。 當您滾動到該部分時,動畫框會在整個區域中劃過時,圖像會通過屏幕顯示出來,這也會顯示樣式按鈕。 標題採用優雅的字體書寫,引人注目。 佈局本身以交替設計的兩列顯示信息和圖像。 它使用了大量的空白來展示設計。 CTA 包括帶有覆蓋和優雅字體的背景圖像,並帶有框陰影顯示。 頁腳很有趣。 它有一個淺灰色輪廓的背景,上面有所有的聯繫信息。

訪問網站

3.微風

本網站由 Sakshi Behl 提交。 該網站使用帶有一些樣式元素的簡單佈局使其脫穎而出。 標題在圖形旁邊顯示帶有電子郵件選擇加入表單的標語,以幫助定義站點。 客戶徽標以偏移佈局顯示。 與位於屏幕一側的樣式化背景圖案相比,Blurb 顯示出優勢。 功能部分很有趣。 它在描述旁邊顯示屏幕截圖。 每個描述都有一個標題。 單擊標題會顯示該描述的文本。 標題旁邊的樣式線變暗以顯示選擇了哪個標題。 定價表在藍色背景下看起來也很有趣。 建議的計劃以方框陰影顯示以突出顯示。

訪問網站

4. 蜻蜓大道

本網站由馬西·安吉利斯提交。 該網站使用柔和的色彩和花卉攝影來吸引目標受眾。 多個頁面鏈接顯示在頂部欄中的一側,而標題顯示菜單居中。 描述和標語在全屏背景圖像上以多種字體顯示。 選擇加入的全角電子郵件採用淺藍色背景設計,並使用鑰匙圖形來表明訪問者可以解鎖信息。 博客文章顯示在帶有側邊欄的單列中 - 全部具有匹配的樣式。 博客文章包含相同的側邊欄。 嵌入式 Instagram 提要顯示最新照片。

訪問網站

5. Parris Mfg. 公司

本網站由約瑟夫·布朗提交。 這個網站有趣地利用攝影來描繪古老的西部。 它顯示一個全屏背景,菜單上方有一個讓人聯想到雲的圖形,菜單下方有一個標題。 動畫的灰塵層以 3D 方式在屏幕上移動。 雲層在滾動菜單後面下降,看起來更像是一個繪製的部分。 下一部分顯示帶有頁面通緝海報的柵欄背景。 海報在懸停時動畫,就像您觸摸它們一樣。 頁腳有山脈和黑色牛仔,深綠色天空和菜單。 商店頁面將物品放在西方背景上。 這些項目以棕褐色顯示,並在懸停時著色。 產品頁面將圖像放置在圍欄背景上。 該網站充分利用了圖像。

訪問網站

6. imparaqui

本網站由 Pascal Claro 提交。 該網站的英雄部分和 CTA 使用橙色到白色的漸變,整個網站的按鈕、圖標和文本使用橙色突出顯示。 英雄部分顯示帶有用於登錄或查看課程的按鈕的徽標。 下面這幾張卡片顯示了最受關注的課程。 卡片在頂部顯示信息、圖像、標題、摘錄和按鈕 - 所有樣式都與站點相匹配,並包括懸停動畫。 它們在背景漸變中脫穎而出。 課程頁面使用相同的設計。 評論顯示在推薦滑塊中。 資源以橙色圖標顯示在深色圖像上,覆蓋層帶有橙色。

訪問網站

7.鳳凰大廈

本網站由安德烈·維拉紐瓦提交。 它有一個全屏背景,帶有風格的圖案和有趣的字體和漩渦圖形的標語。 滾動顯示標題,其中包含與菜單項相同的字體。 字體和漩渦也用於徽標中,該徽標出現在整個站點的多個位置,包括“關於”部分,該部分在一側使用徽標,另一側使用多色文本。 它有幾個帶有藍色或紅色疊加層的視差背景。 最有趣的部分之一顯示了傾斜的圖像,它們後面的框向相反的方向傾斜。 其他頁面使用此部分以及帶有圖像和帶填充的粗邊框的類似部分。 該網站很好地使用了大膽的色彩。

訪問網站

8. 馬克思創意

本網站由 PK SON 提交。 大徽標位於黑色背景的中央。 標誌是鏤空的。 在它後面顯示視差圖像。 白色文本顯示標語,重點以粗體顯示。 關於公司的部分提供了帶有箭頭的鏈接,這些箭頭可以在懸停時更改位置。 滑塊重疊兩個部分並使用垂直點進行導航。 項目以多列佈局展示,並帶有優雅的攝影。 它有一個簡潔的號召性用語,在淺灰色背景的一側顯示徽標的 3D 版本,在黑色背景上的另一側顯示文本 - 將設計與標題聯繫起來。 我喜歡菜單。 單擊漢堡包圖標可全屏打開菜單,一側顯示導航,另一側顯示帶有信息的圖像。

訪問網站

9. 史詩樹

本網站由 Lubomir Micuch 提交。 這個單頁網站有一個由六邊形組成的背景圖案,在標語和 CTA 按鈕後面以視差顯示。 幾個部分在兩列中顯示公司的服務和信息,一側是圖形,另一側是帶有 CTA 的文本。 圖形由與整個網站的按鈕和突出顯示相匹配的品牌綠色元素組成。 櫃檯部分很有趣。 它在山脈的背景圖像上顯示綠色數字,並在視差和波浪部分分隔線中疊加。 一個類似的部分創建了一個 CTA。 以交替佈局顯示每個項目的工作編號的部分。 客戶端圖標具有帶框陰影的圓形背景。 該網站包括風格化的推薦、切換、社交關注、聯繫表格等。

訪問網站

10.羅伯特·L·奧尼爾

本網站由 Masha Goltsova-Lanoue 提交。 該作者的網站使用色彩和藝術作品來吸引目標受眾。 英雄部分顯示了一個 CTA,其中包含書籍封面、描述和購買按鈕——所有這些都放置在包含書籍插圖的背景上。 “關於”部分通過一個按鈕提供信息,以便在閱讀本書的目標受眾的圖像旁邊查看更多信息。 所有按鈕都使用與書中不同的顏色。 推薦滑塊使用品牌紫色作為背景。 一些 CTA 邀請讀者購買書籍、了解更多信息或閱讀有關作者的信息。 背景包括書籍中的藝術品,包括頁腳。 該藝術品甚至用作預加載圖形。 我喜歡商店頁面顯示推薦的方式。 佈局簡單,充分利用了色彩。

訪問網站

在結束

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

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

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

精選圖片來自 MJgraphics/shutterstock.com