你需要的電商知識都在這裡

素材設計推薦網站,私藏大公開!
最後更新 2024-05-17

美觀的商店,才會吸引人進去逛逛,但沒有太多預算請設計製作或使用付費素材怎麼辦?

今天小編不藏私,跟大家分享自己平常使用的免費商用素材來源以及可以尋找設計靈感的網站。讓商家在網站的視覺上能更提升,創造品牌的好感度,更有助於商店的銷售喔!

 

網站的風格設計可以依照這個脈絡進行:
首先決定商店的風格 (延伸閱讀:如何打造顧客喜歡的網站風格
進行配色,找出商店色調
接著可以再依照商店風格去找尋圖片等素材  (延伸閱讀:轉換加分題,素材設計


依照這樣的流程,以下整理出不同類型的網站,點選項目可以直達該段落喔

1. 電商網站設計參考
2. 色調、配色工具
3. 向量圖片、插圖
4. 攝影、照片
5. 社群貼文設計參考

 


 

電商網站設計參考 

 

Ryuki-design

Ryuki-design為樂天底下的網站設計公司,在這裡能看到他們為各類型的客戶設計的網頁,因為是日本公司,所以設計比較偏日系風格,也許在這能找到你理想的網站樣子喔!

Ryuki-design 為樂天底下的網站設計公司

千圖網 

千圖網裡的素材類型非常多元,從首頁設計Banner 網站設計貼文各類型的模板都可已在這找的到,但較精緻的模板都需要付費方案才能下載,儘管如此,商家還是可參考裡頭的設計,其中也蒐集蠻多電商的範例。

千圖網裡的素材類型多元

 

Pinterest 

Pinterest 為平面設計及圖片為主的的社群平台,在這裏可以找到非常多國內外的優秀設計,圖片不僅精美而且很有質感,不過 Pinterest 屬於社群平台而非素材庫,基本上圖片只能當靈感參考,不能直接使用喔,這點還請特別留意!

Pinterest 為平面設計及圖片為主的的社群平台

只要輸入關鍵字,就會顯示相關作品,也可以再點選下方符合標籤,讓搜尋更精確。

Pinterest 只要輸入關鍵字,就會顯示相關作品,也可以再點選下方符合標籤,讓搜尋更精確


 

 

顏色

Adobe Color

Adobe Color 可以自由配出你想要的顏色,高度自由調整,甚至可以選特定照片,Adobe Color 會自動產出相關色票。

Adobe Color 可以自由配出想要的顏色,高度自由調整

Coolors

如果你對怎麼配色沒有想法,可以到 Coolors 按下鍵盤的空白鍵,他隨機提供五個顏色的配色方案,配到你滿意為止!更好用的是可鎖定主色,只更換其它顏色組合喔。

在Coolors 上按下鍵盤的空白鍵,隨機提供五個顏色的配色方案,直到你滿意為止

nipponcolors

nipponcolors 是日本傳統色,如果網站風格比較篇質感、素雅等日本風,可以當作用色的參考,特色是點了一個色票後,整個網頁都會被渲染為該色,很有美感,也會顯示該顏色的色彩名稱、色碼 (CMYK、 RGB、HEX) 可以直接複製使用,推薦大家玩玩。

nipponcolors 是日本傳統色,如果網站風格比較篇質感、素雅等日本風,可以當作參考


 

插圖、向量圖片

插畫、背景需求可以至 PNGTree  尋寶,他提供每日免費下載 2次的扣打,重點是很多圖片AI檔可以下載,更方便商家們取用適合的元素,用現成素材也能保有商店風格。

PNGTree 提供每日免費下載 2次的扣打

 

illustAC 有非常多向量的插圖,質量也都很好,也提供 PNG、JPG、AI 檔可下載,免費會員一日可以搜尋10次、下載10張圖片,部分圖片為付費會員才可下載。

llustAC 有非常多向量的插圖,質量也都很好,也提供 PNG、JPG、AI 檔可下載

 

Pakutaso 是日本的免費圖庫,裡頭有非常多分類包含東方臉孔、身體部位、自然風景、街道 電器、動物、食物等,很適合使用於需要 Model 或商品實拍的圖片,使用者可以直接下載圖片,無須註冊會登入!是個非常佛心且高品質的網站阿~

Pakutaso 是日本的免費圖庫

 

icon 類型 

好的 icon 可以點綴畫面,視覺上更生動且好理解,Flaticon 和 icons8 都是可以免費下載 icon 的網站,小編通常需要時,兩個網站都會去搜尋看看,以找到最適合的 icon ,還可以依主題下載成包的 icon 組,讓整體風格更一致。

Flaticon

Flaticon 是可以免費下載 icon 的網站

icons8

icons8 是可以免費下載 icon 的網站

 

 



 

 

 

攝影 / 圖片

freepik可以找到免費及付費的圖片,商家也可以善用篩選功能選 free ,搜尋出的就都會是可免費商用的。

在freepik可以找到免費及付費的圖片

Pixabay 裡的所有圖片,都是可以直接商用的,也可以自行修改、轉發不需要註冊登入,或特別標明來源,是個好用的免費圖庫網站。

Pixabay 裡的所有圖片,都是可以直接商用的,也可以自行修改、轉發不需要註冊登入

Unsplash 讓您可以輕鬆快速的找到高質量,可用的攝影圖片。免費提供任何個人/商業用途。

Unsplash 讓您可以輕鬆快速的找到高質量,可用的攝影圖片。免費提供任何個人/商業用途


 

 

廣告靈感

Facebook 廣告檔案庫

在廣告檔案庫裡能夠找到相關粉專、主題的 FB 實際廣告案例,一目瞭然相當方便,對於貼文或廣告製作沒有靈感的商家們,看這裡就對了!

在廣告檔案庫裡能夠找到相關粉專、主題的 FB 實際廣告案例


以上為小編私藏的素材網站(攤),是不是很有誠意呢?不過商家在使用網路上的免費資源時,也要特別注意是否有版權的問題,勿以身試法,以免因小失大喔。不多說了,快把這些網站加入我的最愛吧!