14 個使用 Divi 構建的藝術家和工匠網站示例
已發表: 2017-07-27藝術家和工匠已經存在了數千年,並且在網絡上和網絡下都很受歡迎。 他們需要網站來展示他們的作品並向潛在客戶介紹他們的服務和產品。 正如預期的那樣,有很多藝術家和工匠使用 Divi 創建他們的網站。 在本文中,我們將看一看使用 Divi 構建的 14 個示例藝術家和工匠網站。
藝術家和工匠的話題涵蓋了很多話題,他們的需求取決於他們提供的服務和產品的類型。 大多數包括產品、佣金信息、活動、課程和研討會、註冊表單、聯繫信息、博客等。 他們沒有特別的順序。
1. 精心設計的創作

巧妙設計的創作使用帶條紋背景的盒裝設計、超大標題和帶有樣式部分分隔符的徽標,以營造出窗簾式外觀。 部分包括帖子滑塊、特色產品、最新產品和推薦。 底部的消息欄在滾動時保留在屏幕上。 紅色/粉紅色和海泡綠色與網站的設計相得益彰。
2. 阿巴特 JC

Abbart JC 是一個簡單的站點,它使用帶有窄邊框的盒裝設計。 全屏 CTA(號召性用語)將訪客吸引到商店中。 特色產品部分顯示具有懸停動畫和視差的三個產品類別的圖像。 商店頁面還包括懸停動畫和样式化的返回頂部按鈕。 該商店由 WooCommerce 提供支持。
3. Lexi 的藝術

Art By Lexi 是一個簡單的設計,它以真正的視差顯示帶有霧元素和簽名的全屏圖像。 明亮的紅色徽標和全角菜單位於圖像下方,然後是經過過濾的圖像庫。 簡單的設計將注意力吸引到藝術品上。
4. La Tienda Del Desvan

La Tienda Del Desvan 使用雜誌設計。 滾動時徽標消失,菜單位於屏幕頂部。 第一部分包括一個滑塊和指向藝術家的鏈接。 另一部分在帶有小型訂閱選擇加入表格的網格中顯示類別。 商店部分由 WooCommerce 提供支持。 另一部分將藝術家的照片集成到 CTA 中。
5. Autsome 藝術家

Autsome Artist 使用帶有指向關於頁面和作品集的鏈接的視差全屏標題。 藝術品顯示在磚石網格中的全寬作品集中。 投資組合頁面在磚石網格佈局中使用過濾的投資組合顯示更多藝術品。
6. 約翰桑普森藝術

John Sampson Art 使用全屏圖像滑塊作為主頁。 該網站包括七個畫廊頁面——每個頁面都顯示一個帶有單個頁面標題的視差全屏背景標題。 作品顯示在畫廊網格中,圖像在燈箱中打開。 傳記頁面使用日期標題顯示事件的時間表,每個標題用一行分隔,創建一個簡單而有趣的事件日曆。
7. 大衛韋爾奇藝術

David Welch Art 在全屏圖像滑塊中顯示繪畫,然後是社交關注按鈕和全寬菜單。 活動日曆顯示活動地點和日期。 繪畫頁麵包括對該類型媒體的介紹,然後是圖像庫,它使用懸停效果並使用 FooBox 圖像燈箱在燈箱中打開。 該網站使用優雅的字體和顏色。
8. 圖拉布拉


Toula Boula 是一個藝術博客,使用具有藝術背景的盒裝設計。 每個設計元素都使用細節,例如水彩背景和將元素固定在畫布上的膠帶和訂書釘。 鏈接在元素下出現偏移。 該菜單包括導航中的字體。 該網站是帶有側邊欄的單欄設計,包括歡迎和關於部分、帖子滑塊、訂閱、工作示例、自定義頁腳等等。 這是列表中設計最藝術的網站之一,充分利用了顏色、藝術品、字體和細節。
9. 南希休斯藝術

Nancy Hughes Art 使用背景柔和的盒裝設計。 主頁顯示帶有類別名稱的藝術品圖像作為指向各種類別的鏈接。 單擊它們會在一列或兩列(或兩列的組合)中打開一個不可點擊的圖片庫。 聯繫頁面將聯繫表單放置在藝術背景上,並為表單字段使用多種顏色。 字體增加了網站的藝術外觀。
10. 溫柔時刻工作室

Gentle Moments Studio 使用具有藝術背景的盒裝設計。 內容放置在一個不透明度略有降低的框內,允許背景窺視。 該頁麵包括一個嵌入的視頻、一個兩列 CTA、一個全寬圖像(用作在燈箱中打開的頁面示例)、一個畫廊網格和關於部分。 該網站使用優雅的字體和背景。
11. 第二次觸摸藝術

Second Touch Art 使用簡潔的設計,顯示帶有畫廊鏈接的全寬圖像,然後是突出的公司聲明,帶有註冊表和聯繫信息的兩欄部分以及畫廊。 畫廊和商店由 iThemes Exchange 提供支持。 活動頁面由活動日曆提供支持。 該網站在整個字體中使用品牌顏色。
12.喬安娜瑪麗藝術

Joanna Marie Art 使用全寬圖像滑塊來顯示圖稿。 接下來是一個部分,顯示三個帶有鏈接的商店類別,一個兩列的關於部分,一個全寬的勵志名言,以及帶有 Facebook 和 Instagram 提要的頁腳。 我喜歡甜美的標誌設計,它使用開放的心來創建 J、M 和 A。藝術作品集頁面在深色背景上顯示圖像,每個開口都在燈箱中。 該商店由 WooCommerce 提供支持。
13. 可愛的工匠

Lovingly Artisan 顯示帶有公司名稱和報價的全屏背景。 在此之後是兩欄關於部分、視差位置部分、描述產品的部分、課程鏈接、博客部分、聯繫表格和帶有工匠簽名的頁腳。 它使用沒有標誌的編號菜單結構。 每個部分都包含將它們與菜單聯繫起來的編號。 這是一個設計空間設計,所有預期的細節都在這裡。 它充分利用了視差和黑白。
14.工藝產業聯盟

手工業聯盟是手工業的貿易網站。 它在不透明度降低的文本模塊中使用帶有公司信息的全角圖像。 滾動顯示三個帶有自定義圖標和文本的簡介模塊。 滑塊提供了閱讀雜誌的信息和鏈接。 它包括許多集成社區區域,包括論壇、會員專區、社區團體、企業目錄等等。
最後的想法
這 14 個 Divi 網站是藝術家和工匠網站的絕佳示例。 雖然大多數使用專注於藝術品的簡單設計,但也有少數人全力以赴並展示了一些驚人的設計元素。
無論您是否需要靈感,包括產品、佣金信息、活動、課程和研討會、註冊表單、聯繫信息、博客等,這里肯定會有一些東西可以幫助您使用 Divi 構建的下一個藝術家或工匠網站。
我們想听聽您的意見。 從這些使用 Divi 構建的藝術家和工匠網站的例子中,您最喜歡的設計元素是什麼? 請在下面的評論中告訴我們您的想法。
特色圖片來自 Visual Generation/shutterstock.com
