【內容創作者美學計劃】IG質感排版Q&A解答(含基礎排版、色調挑選教學)

內容目錄

做出質感設計並非困難事,如今在社群帳號的高度競爭下,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貼文功用是拿來建立品牌的長尾內容效應

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

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

IG排版視覺-日系奶油風格

IG排版視覺-日系生活風格

IG排版視覺-高質感低飽和風

IG排版視覺-清新大自然風格

IG排版視覺-復古風

IG排版視覺-韓系風格

IG排版視覺-手繪風

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

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

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

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

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

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

【Silvia 軟體工具推薦】任何設計需求都適合的設計工具 – Canva

我本身也有購買 Canva 專業 Pro 版
除了經營個人品牌上非常方便且易上手
在接案設計案主作品時,Canva Pro 不僅提供了豐富素材
在完成作品後,還可以直接共用與案主交接作品,推推👍️
歡迎來註冊加入 Canva Pro 一族!


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
圖片素材品質不錯,直接整理好分類項目
懶得輸入關鍵字的人可以直接到類別尋找,因為平台幫你分類好了,但缺點是素材數量相對較其他平台少

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


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

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

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

● 基礎IG排版設計教學 ➀

安排層次(處理好視覺層級)

基礎IG排版設計教學 ➀

● 基礎IG排版設計教學 ➁

應用不同技巧來安排層次

基礎IG排版設計教學 ➁

● 基礎IG排版設計教學 ➂

給出正確且舒適的行距

基礎IG排版設計教學 ➂

● 基礎IG排版設計教學 ➃

行距很重要,給出合適且舒適的字距也很重要

基礎IG排版設計教學 ➃

● 基礎IG排版設計教學 ➄

善用對齊的魔法

基礎IG排版設計教學 ➄

● 基礎IG排版設計教學 ➅ 到 ➉

等你來解鎖!


💡 小廣告時光

想學更多質感排版設計技巧嗎?我與 Nancy 將舉辦一場 IG 質感排版設計工作坊
有興趣的讀者,目前工作坊正在進行問卷市調中
期許這場工作坊,能帶領你更懂 IG 排版設計與調色修圖

希望能協助到也有在經營個人品牌的你
一起淬鍊好技能、設計出更具特色且具備質感的作品

免費禮物有兩個:

IG排版設計工作坊禮物
IG排版設計工作坊禮物-高級質感色調DNG檔案
IG排版設計工作坊禮物-2023年12月手機奶茶風桌布
IG排版設計工作坊禮物-領取步驟

步驟 ❶ – 禮物領取時間:即日起 – 2022 / 12 / 14 (限時一個月)
步驟 ❷ – 認真填寫問卷後,請到 IG 私訊 Silvia @silviaoochen.co 領取禮物連結
步驟 ❸ – Silvia 確認有這筆問卷後,就會私訊回傳給你 色調DNG檔 & 2023 12月手機奶茶風桌布 雲端連結
步驟 ❹ – 點擊雲端連結進行下載,自行使用

▶ 相關注意事項:
請要認真填寫問卷,才有辦法獲得兩份免費禮物☺️
如有任何填寫及領取問題,請不用害羞直接至
Silvia @silviaoochen.co 及 Nancy @nancy_beautylife IG 詢問


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

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

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

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

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


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

,,

由於品牌是分享兩性關係、生活理財與自媒體經營的內容
考量到 IG 社群本身並不適合太硬性的內容
所以希望透過IG社群帶給大家軟性好吸收,且沒有距離感的方式來呈現內容

由於是個人品牌,創作者的風格魅力展現也很重要
若用幾個形容詞來形容我,大多數人給我的反饋大概是 #溫暖 #能量 #舒適 的性格
因此剛開始在設定帳號的貼文呈現時,便決定將這些人格特質融入進我的視覺版面中

但由於我本身並不擅長物品及人像攝影
為了帶出這些感受,我大量使用文中所提及的授權 CC0 免費圖庫來補足弱點
每次設計貼文時,也會再搭配明亮、溫柔的調色技巧來呈現風格

而字體部份為了帶出正式感,我特地挑選了一個開源字體「花園明昭體」
它是一款非常漂亮的藝術字體,看起來也很舒適


,,

我一開始的帳號設定就是質感生活&服裝穿搭和壹些自我成長的內容
所以我希望帶給大家是舒服自在不讓人感到壓力的感覺

在搜尋了很多模板參考範例後
選了我自己最喜歡的大地奶茶色當作主色調、低飽和低明度貫穿整個版面
版面是很靈活的,可以依照不同時期的規劃作調整修正

像我早期在字體選擇上選了思源宋體,藝術文青感更強烈一些
後來我改成凝書體,稍微圓滑的字體,版面看起來更柔順舒服,我也更喜歡

沒有一個版面一開始就是完美的
版面是一個慢慢優化成長的軌跡和過程

我會在版面沒靈感的時候,多去看一些範例找靈感,然後試著排版看感覺
有時候想像的和實際排出來的會有落差
建議大家在發文前一定要先試排看看,才可以確保整體排版是一致協調的唷:)


【延伸閱讀】Nancy IG 排版技巧不藏私大公開


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

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

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

IG排版設計工作坊-限動設計範例

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

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

Before:
未放「咖啡色透明底圖」,背景與文字易融合

IG排版設計工作坊-限動設計範例

After:
放上「咖啡色透明底圖」後,文字呈現更清晰了

IG排版設計工作坊-限動設計範例

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

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

IG排版設計工作坊-限動設計範例

我自己特別喜歡利用線條裝飾,引導視覺的方式呈現
除了不會讓畫面過於單調也讓人感覺更有設計感

通常背景我會選擇暗色系搭配白色的文字
這也是讓限動看起來更有質感的原因

IG排版設計工作坊-限動設計範例

而照片的選擇上會盡量挑選空白要多的圖
這樣加上文字才不會影響閱讀



IG排版設計工作坊-限動設計範例

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

我們要推出首場「IG質感排版設計工作坊」囉!

在經營個人品牌的路上,常常使用到美感、排版、調色等技巧應用
時常遇到讀者敲碗詢問,這些技巧如何訓練與應用

這次工作坊會提供我們所學、所懂的實戰技巧
學好這些技巧,到哪都可以被應用

目前大多數創作者都有在經營IG社群
但要做出特色且好看的排版調色其實更不容易

這次工作坊,希望能協助到也有在經營個人品牌的你
一起淬鍊好技能、設計出更具特色且具備質感的作品

Silvia 自我介紹


2019年底開始
經營個人品牌已近三年
主要分享兩性情感、生活理財以及自媒體經營等議題

喜愛文字創作與質感設計
擅長協助創作者產出療癒文字與質感作品

Follow Instagram :@silviaoochen.co

Nancy 自我介紹


Find your beauty lifestyle🍃
找到自己喜歡的生活質感是一件幸福的事

一位服裝設計出身的#產品規劃師
目前經營個人品牌約兩年半
主要分享質感生活、服裝穿搭以及自我成長等議題

Follow Instagram :@nancy_beautylife


【工作坊目前正在緊鑼密鼓,問卷市調調查中】

為了維持工作坊教學品質及符合學習需求;若你是自媒體 / 個人品牌經營者
或是本身工作具社群設計需求的工作者,邀請你來填寫此份問卷

🌾貼心小提醒:問卷填寫約五分鐘左右即可完成
快來把你想解決的設計及調色困擾填寫上去吧!

免費禮物有兩個:

IG排版設計工作坊禮物
IG排版設計工作坊禮物-高級質感色調DNG檔案
IG排版設計工作坊禮物-2023年12月手機奶茶風桌布
IG排版設計工作坊禮物-領取步驟

步驟 ❶ – 禮物領取時間:即日起 – 2022 / 12 / 14 (限時一個月)
步驟 ❷ – 認真填寫問卷後,請到 IG 私訊 Silvia @silviaoochen.co 領取禮物連結
步驟 ❸ – Silvia 確認有這筆問卷後,就會私訊回傳給你 色調DNG檔 & 2023 12月手機奶茶風桌布 雲端連結
步驟 ❹ – 點擊雲端連結進行下載,自行使用

▶ 相關注意事項:
請要認真填寫問卷,才有辦法獲得兩份免費禮物☺️
如有任何填寫及領取問題,請不用害羞直接至
Silvia @silviaoochen.co 及 Nancy @nancy_beautylife IG 詢問

最後最後
我們很期待未來在IG質感排版設計工作坊中能夠見到你
希望能陪伴你一起淬練技能
做出屬於自己品牌帳號的高質感作品 🙂

By Silvia & Nancy writtened in 2022.10.08

Hi!我是Silvia,目前正在生命的路程裡,留下一些故事與價值觀 與你一起成為迷人女力,在關係、生活、職涯裡發光 女子日常網站會分享 3 個主軸: ❶【兩性關係】陪你養成良好親密關係|實現愛人與被愛 ❷【生活理財】建立理財思維與實戰行動|成就財富高度 ❸【自媒體經營】翻轉工作定義|讓工作不再只是一份工作 📣目前也有提供全客製服務: ▸90天顧問陪跑 ▸1v1諮詢:IG版面優化、新手自媒體經營、網站SEO優化 如有需預約諮詢、演講、企業內訓及品牌相關商業合作 歡迎來信:[email protected] 來信後1-3日內,會進行回覆 : )

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *