做出質感設計並非困難事，如今在社群帳號的高度競爭下，IG排版技巧、調色以及美感呈現
更是考驗每個品牌及創作者的實力。

本篇文章會分享 Silvia 我自己與服裝設計出身的產品規劃師 Nancy，我們是如何一步一步打造自己的質感社群。
同時也會解答經營社群帳號以來，讀者敲碗詢問的排版、調色困擾，並透過 Q&A 的方式來呈現，有興趣的讀者請繼續往下閱讀學習 : )

在閱讀前，Silvia我想跟您聲名3件事情，而這些事情對你而言可能是蠻重要的：

• 文章內容中可能有參加聯盟計畫，但聯盟計畫並不影響您本身的購買權利。
  Silvia提供的聯盟商品推薦都是經過本身使用過，覺得不錯因此而寫文推薦的
  若對推薦的物品 / 服務有興趣，可以放心安心地購買
• 聯盟計畫和廣告收入，會規畫成本網站的經營基金。
• 最後，如果喜歡我的文章，請在下方幫我拍拍手，每篇文章都是我用心編輯、創作
  希望可以把最佳內容，好好分享給你 : )
  
  

Q1：請問 IG 排版的設計技能及美感是如何培養來的？

以下內容透過時期拆解方式，來介紹我們的設計、調色以及美感力技能如何點出來

▸Silvia 的設計、美感力技能之路這樣點

STEP 1 – 時期：還是雛鳥的探索期

因為大學時期參加吉他社社團，自告奮勇跑去接美宣職位
卻意外開啟了往後一生對設計的熱愛
在設計各種文宣品、活動海報時
我是從大量參考、觀察各種排版呈現來訓練自己的排版敏銳度

STEP 2 – 時期：遇到石頭的艱難碰撞

由於本身大學念企管系，不曉得讀者們知不知道唸企管系最廣為人知
就是要做很多份報告，這些報告通常都會用PPT來呈現
為了有更多機會訓練排版設計，我把每次的 PPT 都接下來做

而因為處在碰撞期，設計實作的過程其實很痛苦
但我也在這個時期，從中確認自己是真的好喜歡排版設計

所以我非常享受這段碰撞期
也知道這段訓練時期是必經的，還是堅決的訓練下來
做到後來，有設計風格了，甚至還遇到報告版面風格被抄襲的狀況

STEP 3 – 時期：邁向成熟之路

後來出社會後，我的第一份正職工作是品牌行銷企劃
一部分工作需要接觸公司客戶社群，因此開啟每天與圖為伍的日子

STEP 4 – 時期：確定個人風格

現今，我選擇成為自由工作者、開啟個人品牌創業
在接案製作設計客戶 WordPress 網站以及自媒體 / 個人品牌經營經驗時
直接把以往設計實戰經驗，無痛搬移搬上個人社群經營及接案應用上

---

▸Nancy 的調色、美感力技能之路這樣點

STEP 1 – 時期：模仿學習
第一步總是困難的，這個時期我會去模仿自己喜歡的模板風格

找出每個喜歡的元素作重新排列組合，像是做中學的感覺

STEP 2 – 時期：慢慢摸索出屬於自己的風格
當排了幾篇以後會越來越上手，也更加知道哪些是自己喜歡的感覺和排版邏輯
可以開始有自己的一套排版風格

STEP 3 – 時期：確定自己的風格

在大量練習和探索後，明確的知道要怎麼安排色調營造風格，找到自己的感覺：）

＊小總結：
由 Silvia 和 Nancy 的技能修練路程可以發現
每個人的起點，其實都是經過探索、模仿開始的
而每個人剛開始都是一位設計小白，我們相信也實際認證
只要願意經過大量觀察及實作，便會逐漸找到自己的排版風格

---

Q2：IG 限時動態 & 貼文有沒有設計的技巧可以分享？

想知道如何做 IG 的限時動態 & 貼文排版
首先要理解的是限時動態與貼文的基本規則，跟兩者在社群上扮演的角色

首先先來介紹基本規則

▸基本規則注意事項一：選擇正確的設計尺寸

*貼文設計尺寸：1080 *1080 像素
*限動設計尺寸：1080 *1920 像素

若尺寸做不正確，當作品上傳到社群平台時，會遇到邊邊角角被卡掉的窘境

實際案例放給你看：
大多數人第一眼進來會看到貼文的首圖
以下的實際案例可以發現某些圖片上的文字已被切掉，這樣會嚴重影響讀者的視覺體驗

▸基本規則注意事項二：建立品牌印象，呈現具有記憶點的視覺風格

規劃專屬記憶點
是打造視覺印象的第一步驟

所有社群上看到的設計作品，必須融合自己的品牌風格
如今的創作者有一部分的人會很仰賴製圖平台的設計套版
導致設計出來的成品太相似，滑社群時便無法第一眼即辨識到這是誰的作品

在社群上最重要的是做出屬於自己的獨特視覺
有自己的「專屬風格」才是留住讀者目光最重要的關鍵

▸限時動態 & 貼文扮演的角色為何？

• • 限時動態

時效性：24小時短期曝光
角色：培養與讀者拉近距離的地方；若有服務或導購需求
限時動態是目前 IG 版位上轉換力最強的版位

• • 貼文

時效性：發布後留存時間較久，不想留存除非將貼文刪除或典藏
角色：IG貼文功用是拿來建立品牌的長尾內容效應

讀者若發現貼文內容本身值得往後繼續觀看，便可進行收藏
當內容發布足夠時，整個版面便可加深粉絲或讀者對自己的品牌記憶點與專業認證

如今視覺版面風格多
每種不同的版面，會搭配不同的元素，而常見的視覺版面如：

▸貼文 & 限時動態，設計要點提醒

❶ 套入自己的品牌視覺風格，現代人每日需要看的資訊內容已爆炸
把他人一滑過，變可得知就是自己作品的印象點做起來

❷ 選擇正確的限動呈現字體，正確的字體才能帶起讀者的合適閱讀情緒

❸ 禁忌：勿將所有文字，如同製作大學報告般一字不漏搬上去
現在的人專注度極低，對於讀者而言，只會認為這是一坨未被經過整理的資訊
盡可能做一些貼心行為來增加閱讀意願
比如：資訊內重點文字畫底線、透過底線顏色做區隔、放底框等等都是很貼心的呈現方式

❹ 字體太小若太小則不易閱讀，請設定成清晰好閱讀的字體大小
❺ 建立內容的資訊層級，資訊層級介紹請見 Q5 基礎排版設計教學一

❻ 若限動底圖單調，可搭配「授權圖庫」做使用
挑選圖庫素材也是有技巧的，首要先選擇與品牌風格相符的視覺素材
在挑選圖庫素材時，也請選擇背景不混亂的素材為主
混亂會導致到時文字再加上去，會變成超級混亂影響閱讀性

---

Q3：內容創作者若找不到自己的品牌視覺風格怎麼辦？

版面獨特性要搭配個人人設性格，不同顏色會呈現不同情緒，請找出自己的品牌專屬主副色
找出品牌主副色推薦工具：Pinterest，搜尋關鍵字：「color palette」，網站連結 請點此

不同色彩，也會對應不同的情緒展現

建議內容創作者可以依照品牌風格及自身個性
挑選相對應的顏色，來設計版面及貼文限動

常見的IG版面視覺顏色如下：

紅色視覺含意：進取、活潑、刺激、吸睛

– 紅色視覺範例帳號：品牌可口可樂 @cocacola_tw

橘色視覺含意：活力、樂趣、創造力

– 橘色視覺範例帳號：品牌台灣漢堡王官方帳號 @burgerkingtw

黃色視覺含意：自信、積極、光明、溫暖、歡樂

– 黃色視覺範例帳號：吳香君 @woo_hsiang_chun

綠色視覺含意：自然、和平、幸福、新鮮

– 綠色視覺範例帳號：❶ 品牌小磨坊 @tomax_spicer

– 綠色視覺範例帳號：❷ 品牌植人製造｜Traveggo Store @traveggo.store

– 綠色視覺範例帳號：❸ KOL營養師杯蓋 @nutruelife

藍色視覺含意：專業、可信賴

– 藍色視覺範例帳號： 亨利溫｜IG經營 x 自我成長 x 斜槓行銷 @henry.wen

棕色視覺含意：直率、穩定

– 棕色視覺範例帳號： Heii Coffee | 咖啡小知識 咖啡廳推薦 咖啡小故事 @heii_coffee

紫色視覺含意：秘密、優越性、神秘主義

– 紫色視覺範例帳號： E大大的奇幻塔羅牌線上占卜 @lanyi4751

粉色視覺含意：青春、快樂、積極性、浪漫

– 粉色視覺範例帳號：❶ 女生穿搭日誌 @ootddiary.hk

– 粉色視覺範例帳號：❷ poplove_mag 波波邱比特 @poplove_mag

---

Q4：若自己不擅長拍攝圖片，使用網路上的圖庫素材有哪些注意事項嗎？

經營品牌或自媒體，經常需要設計各種圖片。
例如活動Banner、社群貼文、限時動態、網站素材、提案教學簡報等等

有時我們需要圖片使用但就是不懂攝影
這時你可以選擇透過另一個管道，也就是「圖庫平台」上來尋找合適且經過授權的素材來應用

但在使用素材時也是有些事情要注意的，我們整理以下 4 點應該了解的小知識
同時也帶你認識什麼是「 CC0 授權」，讓你在使用時可以更加安心

▸ 使用任何圖片前小知識

❶ 因「著作權法」，不能隨便用別人的圖，搜尋引擎搜尋到的圖片，儘管可以搜尋到
但並不表示 這些圖片都可以任意使用

❷ 使用圖片前，要注意有沒有需要註明出處

❸ 免費圖庫素材不可以直接印製於商品上，但通常可用在第二次創作上

❹ 使用有宣告 CC0授權 （Creative Commons Zero） 的圖片較安心
但使用的素材內容不能含原作者或他人的商標權、專利權

---

▸「 CC0 授權」是什麼呢？

簡單來說你在圖庫平台上看到分享的圖片素材，有說明經過 CC0 授權的圖片，你可以不須經過作者許可就可以使用，使用範圍包括可以安心的複製、重製與發佈，也可做商業用途使用，所以選擇有經 過CC0 授權的素材使用時會比較安心、合法。

以下我整理的 4 個愛用圖庫平台都有經過 CC0 授權
來看看有哪幾個圖庫平台你曾經使用過：

❶ Unsplash ▸網站：請點此
❷ Negative Space ▸網站：請點此
❸ Pexels ▸網站：請點此
❹ Pixabay ▸網站：請點此

【延伸閱讀】各圖庫平台使用介紹請至下文閱讀
近四百 Dcard 網友收藏好文▸ #分享 4個愛用免費高質感圖庫平台推薦 – 設計板 | Dcard

▸ Silvia 的愛用圖庫推薦排名

● 特別獎最愛用：Unsplash
裡頭素材圖片幾乎算優質(畢竟是來自專業攝影師之手)
輸入關鍵字時用英文搜尋可以搜到的素材數量又會更多，很適合用來製作官網素材，專業又具質感。

● 第二名： Pexels
圖片品質也不錯、素材數量也多
重點是可以用中文關鍵字搜尋這點真的很友善，如果英文不是很好的話這個平台非常適合你～

● 第三名：Pixabay
每張圖片質量高，素材類型豐富多元，數量又多是最大的特色。

● 第四名：Negative Space
圖片素材品質不錯，直接整理好分類項目
懶得輸入關鍵字的人可以直接到類別尋找，因為平台幫你分類好了，但缺點是素材數量相對較其他平台少

▲ 貼心小提醒：
各素材及各平台使用規則不同，在下載之前，張大眼睛看看規則才最安全。

 

 

 

 

 

在 Instagram 查看這則貼文

 

 

 

 

 

 

 

 

 

 

 

女子日常。Silvia ｜情感生活 · 生活理財 · 自媒體經營（@silviaoochen.co）分享的貼文

---

Q5：認為 IG 排版設計完全不在行，請問怎麼從 0-1 訓練這塊技能？

▸5 個基本 IG 排版技巧概念分享

設計，即是溝通；它沒有標準答案的存在；一個好的設計，是能夠將資訊完整好好地傳達出去

● 基礎 IG 排版技巧教學 ➀ ：安排層次（處理好視覺層級）

● 基礎 IG 排版技巧教學 ➁：應用不同技巧來安排層次

● 基礎 IG 排版技巧教學 ➂：給出正確且舒適的行距

● 基礎 IG 排版技巧教學 ➃：行距很重要，給出合適且舒適的字距也很重要

● 基礎 IG 排版技巧教學 ➄：善用對齊的魔法

● 基礎 IG 排版技巧 ⑥ 到 ⑳：等你來解鎖！

---

 

◆ 小廣告時光 ： IG 質感排版設計．影音檔案+講義｜熱賣中
想學更多質感排版設計技巧嗎？歡迎購買 IG質感排版設計．影音檔案+講義
一起學習設計出屬於自己品牌視覺特色，且質感兼具的作品 ♥

---

Q6：想要優化自己的版面卻不知道該怎麼改善？用什麼色調比較好？

這裡會建議首要可以先思考想要營造怎樣的版面風格？
想要帶給觀看的人什麼感覺？或是想要傳達什麼訊息呢？

有了基本的設定以後，再來規劃版面的色調才會有方向
假設想要營造溫暖舒服的版面，那暖色調就會比較適合
相反的如果想要沈穩幹練的版面，冷色調就會更加合適

而除了色調以外，照片的選擇也很重要，為了讓版面更有一致性要選擇相對應的照片
也需要把取景、背景以及顏色等等都考慮進去~

想看更多色調教學，也請看這篇最新貼文：

 

 

 

 

 

在 Instagram 查看這則貼文

 

 

 

 

 

 

 

 

 

 

 

Nancy南西│質感生活•服裝穿搭•自我成長（@nancy_beautylife）分享的貼文

---

Q7：Silvia 和 Nancy 可以分享自己是如何規劃版面的嗎？

 

---

 

---

Q8：Silvia 和 Nancy 可以分享如何設計出質感限動？ 有什麼技巧可以學習？

Silvia 自己在設計限動時
會搭配前面提到的技巧：先規劃出特色記憶點限動風格，有時也會搭配白底黑字來呈現主題及內容

若有金句可放置時，也用底線搭配呈現出文字重點
這樣做可以讓視覺感到舒適，不容易因為一堆密密麻麻的文字而產生視覺疲勞

–

再來以下這張限動還有一個設計技巧可以分享：
若今天的限動文字素材較多，但放到挑選好的圖庫上時
很容易顯得圖與文字容易融合，資訊太多、畫面一融合便會顯得很混濁

因此這裡我特別為限動底圖加上「咖啡色透明底圖」
如此一來文字及圖片素材便可以呈現得更清晰

有時你也會看到我有時也會放讀者回饋
大多數人的放回饋做法，通常是直接將回饋截圖然後做貼上

但其實有更質感的做法，這招也是許多創作者常私下詢問的製作技巧
你可以使用一個 去背軟體 ，叫做 removebg，將截圖的素材直接上傳
這款去背軟體會直接協助你做好去背 （請看示範圖片中的白框）
去背後的成果不僅乾淨，放到限動時也非常有質感、好看 : )

---

---

來學習更多將美的概念，化成實際作品的技巧