※ 請使用蝦皮購物帳號密碼進行登入

零基礎也能上手的基本設計概念! 字體配色全都包

蝦皮大學蝦皮大學

經營賣場需要製作商品圖、貼文圖、賣場圖,美工零基礎的你是不是很頭痛?! 別擔心 快點擊查看基礎的設計介紹吧!!

在經營賣場時需要拍攝商品圖、在經營社群時需要製作貼文、在經營品牌時需要設計 Logo,但並不是每位賣家都負擔得起外聘設計師的費用,所以今天 S 編提供最基本的美學、美感設計,幫助沒有受過任何專業訓練的賣家,發展出自己一套判斷圖片是否好看的基準,或是奠定未來能夠自己製圖的基石!

📌小Tips:本篇只提供最最最基本的美感技巧,並不會深入探討設計師的相關專業

【S 編非常尊重圖片設計師的專業,也建議各位賣家若預算有餘裕可以試著請設計師幫忙製作品牌 LOGO 或是找攝影師協助拍攝精美商品圖,也許會有意外的收穫】

一、字體選擇

中文字體有各種不同形式,每個形式給人的感覺也不太相同,甚至有專門研究字體選用、大小、粗細的【字型學】,這牽涉到字體發展的歷史,這邊就不介紹。

Instagram 所有的內建字體名稱總整理:

  1. 蘋方 細
  2. ヒラギノ角ゴシック体 細
  3. ヒラギノ丸ゴ pro
  4. ヒラギノ明朝体 粗
  5. ヒラギノ角ゴシック体 粗
  6. 蘋方 粗
  7. ヒラギノ明朝体 細
  8. ヒラギノ角ゴシック体
  9. 細源暎字體

Instagram 字體樣式參考:

這邊就從 Instagram 中內建的字體,來簡單分出三種中文字體:
(1) 黑體:

(2) 明體/宋體:

(3) 圓體:


每個字體都會展現出不同的風格,在閱讀體驗上也會讓讀者有不同的感受,例如
黑體簡單清楚的筆畫容易閱讀,適合放在內文或是文字量比較多的時刻;明體看起來立體且菱角分明,適合在圖片中當標題,另外,因其筆畫粗細不一,當字型太小時就較不適合使用;圓體有種俏皮可愛的風格,與黑體相比較隨意,因此在比較正式場合或是商品需要展現出專業時也較不太適用。

📌小Tips:在哪種場合使用哪種字體本就沒有一定的規矩存在,只要您認為符合自身賣場的調性或是想要傳遞的感覺就是最好的選擇,盡量在確定前多嘗試各種不同的字體,也許會有意想不到的組合搭配。
📌小Tips:IG帳號:@designnotdeep 設事未深的【字型大補帖】裡面整理超過 30 種免費的中文字體供商用下載!

二、顏色搭配
接下來,小編要和大家分享顏色搭配的部分
這邊的色彩教學,不是指色彩心理學,而是要怎麼選擇基本卻好看的顏色搭配,在講述配色技巧前,需要理解單一原色其實有很多呈現方式,例如:紅色不是只有鮮紅色,不同飽和度或色度等數值,紅色可以是酒紅色、粉紅色、桃紅色等等。

(1) 同色相搭配:將同一個顏色,藉由改變色調、色度,就能產生出看起來是同種色相,但卻有各種變化,不會過於單調的效果。

使用時機:設計商品外包裝或是圖片中已經有大量元素,例如:字數太多、圖形太多或是背景較雜亂等

(2) 相似色搭配:把同樣色調、或是色輪相鄰的顏色一同搭配,像是同樣都是冷色調或是創造出混合色,會自然產生出和諧的美感。

使用時機:系列貼文背景,或是同個系列但不同特色的商品包裝。

(3)互補色搭配:選擇色輪上相對位置的兩種顏色,例如:藍橙、紅綠、黃紫,這種強烈對比的搭配可以襯托出主體,增加觀看者抓住重點的機率。

使用時機:想讓觀眾把目光放在主力商品或是想特別展現商品鮮明的顏色。

配色網站:在 Google 上搜尋「Color Palette Website」(調色盤網站) 就會出現很多免費生成顏色搭配的網站,這些網站可以幫助您快速生成配色,還會顯示出顏色的參數,讓您能輕鬆挑選喜歡的配色。

📌小Tips:S 編自己再找顏色做搭配時,會在 Pinterest 上搜尋「Palette」就會出現一系列已經選好的調色盤,您可以使用滴管工具獲取這些顏色,直接獲得顏色搭配。
【注意】Pinterest 上的圖片有很多是不能商用的,所以直接將圖片下載轉貼是違反著作權的,但純粹顏色搭配的不會有疑慮的,除非該顏色組合涉及有被註冊過的色彩商標才可能違法。
延伸閱讀 👉🏻電商賣家這樣有違法?

三、基本排版
圖文排版意旨文字與圖片的位置互動、標題與內文的擺放等等,但因為排版設計或 UI/UX 設計也是專門的學問,所以 S 編就簡單分享自己的心法

(1)對齊:不管是向左、向右、置中等,對齊過的排版會給予觀看者和諧的感覺,不突兀的擺置也會讓觀看者更想停留在圖片上、更有耐心閱讀內容。

(2)留白:太過擁擠畫面呈現會比較難產生美感,或是焦點太多觀看者較難抓住重點,會比較想快速滑掉,除非圖片本身就是想提供大量資訊,否則通常 S 編會選擇大量留白,留點空間讓觀眾喘息。

(3)清楚:除了投入心力在設計圖片,如何清楚地向觀看者傳遞訊息才是圖片的根本目的,包含用字遣詞、圖片畫質、商品描述、字體大小、文字易讀性等等,都需要被考慮在排版中。

就像開頭所述,本篇是希望能幫助賣家建立起自己一套的美學準則,畢竟美感是相當主觀的,S 編覺得好看的設計,所有人不一定都會有相同的感受,幫助您分解設計圖片的步驟及元素,並使人知曉能夠如何調整圖片以達到自己覺得美的標準才是本篇的核心。

Loading