社群與電商素材設計上你該注意的7個重點?設計新人尤其該注意!

Kevin Kuo
聽說你想學設計
Sep 20, 2020

社群和電商設計其實是到近幾年才慢慢的發展起來,以校系來說最接近的應該是視覺傳達設計系,但是視覺傳達設計系有教基礎平面設計概念,但剛畢業的學生在遇到社群和電商設計時還是會需要一段適應期。

通常都是需要了解一些基礎的行銷和社群跟電商平台的觀念與規則才能夠更好更快的上手,本身因為也是在做社群相關的設計,工作一段時間後有些心得和經驗想跟大家分享。

1.確認設計會放上的平台,了解該平台各種尺寸限制和檔案大小限制

以fb為例,目前的封面設計是以下的尺寸,記得尺寸部分一定要用手機看過呈現效果,因為目前社群使用上手機的使用率已經大大超過pc了,所以不能單純以pc的角度來看設計。

手機被裁切的部份就不要擺上重要資訊

2.確認使用平台的規範(文字比、腥羶色、使用前後對比圖等)

記得平台規範是隨時都有可能調整更動的,所以要隨時了解最新的資訊,可以透過追蹤官方社群帳號或是專門討論社群內容的專業社團(像社群丼)可以更快的了解最新資訊。

推薦大家幾個接收行銷資訊的好管道

3.上傳圖片畫質和圖片內使用的素材畫質都要足夠清楚

圖片畫質不夠會給人一種廉價感,最好的方式就是先用不公開的方式上傳到該平台測試,而很多人上傳的照片畫質會變差都不是原始圖檔的問題,而是在檔案傳輸中過程中上傳下載導致圖片被壓縮。

建議如果要傳圖片不要用FB Messenger或是一些通訊軟體傳輸,通常這類軟體傳輸時圖片都會壓縮檔案,建議用雲端來上傳下載檔案對於畫質來說最有保障。

大家可以對比左右二張圖放大看的畫質,細節上差異非常大

如果不知道從哪裡找素材的朋友歡迎大家看我過去粉專的二篇分享

設計資源分享-照片圖庫

設計資源分享-插畫/向量圖庫

4.注意不要有錯字、價格標錯和產品誤植等狀況

設計在拿到文案時除了思考如何把文案放上設計外,可以協助檢查有無錯字,另外一定要注意在設計時文案和價格等內容和產品圖片有無錯誤,小錯誤會讓消費者覺得不專業,嚴重一點像是價格錯誤、活動日期標錯等等都會讓消費者對品牌沒有信任感,也會感到被欺騙。

5.了解使用者大部分使用哪種裝置

如果你的使用者都是以使用手機為主,那在設計上就盡量不要橫式,電子產品上畫面呈現以寬度來判斷,以手機呈現來說橫式看起來會比較小不好閱讀。(如上圖)

FB官方提供的圖片長寬比設計建議和模板

網頁和大部分電商平台都可以透過置入GA的追蹤碼來查看,FB後台則是能夠透過粉絲專頁後台查看。

GA的部份網路上搜尋就有許多教學,這裡簡單分享一下fb後台可以從哪裡查看。

打開粉絲專頁 ➞ 選左方粉絲專頁瀏覽 ➞ 可以看到總瀏覽人數那可以切換「依裝置區分」。

FB粉絲專頁後台

6.圖片標題和特點建議清楚易懂

因為在社群上可能一滑就過,要盡量減少使用者的閱讀時間,馬上就讓使用者知道你想傳達什麼,文案上盡量不要使用模稜兩可的詞,設計上可以選擇字型簡潔、色彩醒目的方式(高對比)

設計可以透過一些簡單的設計手法來凸顯訊息

如前面說的,人的瀏覽時間很短,一定要把產品或服務特點清楚呈現,但是在數量上要做好取捨,建議強調1–2個重點就好,當重點太多就會變成沒有重點。

另外標題和特點的主次安排很重要,不同資訊要有不同層級的安排,在呈現上可以透過位置和大小呈現來去分主次。

標題的排版可以參考我之前分享的標題排版

設計排版分享-標題排版範例01

設計排版分享-標題排版範例02

7.妥善利用平台的圖片展示形式

這邊主要想講的是fb,fb應該是展示形式最多樣化的平台,像是一大圖三張小圖或是藏圖的呈現形式,常常可以看到由此而設計出的各種創意素材,不過這類設計常常要注意平台改版,可能一個改版就會影響。

如果想要參考一些創意的呈現形式,可以找同產業或經營較有名的粉專了解和學習,這些粉專通常都有專業人士和團隊操作。

台北101的粉絲團的設計就巧妙利用一長三正方的形式來呈現

感謝大家看完,上面幾點就是我認為想要從事電商和社群的設計需要了解的基本知識,希望這些知識可以幫助到想要從事這行的設計師,也歡迎大家分享給需要的朋友,感謝大家。

也歡迎追蹤我的Medium,未來會繼續分享設計和行銷相關的內容給大家。

如果對於設計有興趣的朋友,歡迎追蹤我的粉絲團▶ 郭政佑 Kevin
上面會分享各種設計知識和技巧(每週2–3篇)

如果想要支持我繼續創作,歡迎點選下方連結加入會員給我一個like,我就能夠得到收益,當然點選後你無須付出任何費用。

https://button.like.co/lotushj1

--

--

Kevin Kuo
聽說你想學設計

數位媒體和人類學背景,目前在醫療產業從事品牌設計,也做過行銷工作,平時喜歡看各種跟設計相關內容,想把與設計相關的內容分享給大家,歡迎各領域的朋友一起交流。 追蹤我的其他社群平台: https://portaly.cc/kevindesign 聯絡信箱:lotushj1@gmail.com