排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。
如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
以下內容會說明每個設計調整的原因跟優點,部分內容也會解釋原有設計的問題,建議大家在看的時候,可以自己先看圖,判斷一下我調整了什麼以及為何調整,再來看文字介紹可能會更有收穫。

1.微調案例-資訊易讀性
這張圖沒有特別想呈現設計感,想用最直接簡單的方式傳達「文字易讀」的重要,像是這張圖,如果你直接把文字壓在圖片上會有很多干擾,根本不好閱讀,這邊我們就需要調整,讓文字能放在「讓他清楚呈現的地方上」,所以可以像是我這張加上色塊,你也能用漸層色當底或是把文字加上外框等等,挑選出適合整體設計的方法就好。
重點:讓文字能放在「讓他清楚呈現的地方上」。

2.微調案例-幾何應用
其實畫面的呈現上幾何一直是很好的應用元素,以方形來說外觀簡潔,相較於文字外觀比較複雜,套上一個幾何可以讓排版上更好應用,大家可以把這想像成收納物品,當你要把東西收納到櫃子中,如果先放到箱子裡就會更好擺放。
重點:幾何圖形就像是箱子,可以讓文字更好的被排版。

3.微調案例-元素的一致
使用圖庫素材最常用到的問題,隨意搜尋素材放在一起使用,就會像是上面一樣,風格、顏色都不統一,這邊可以我們在統一素材上,要注意風格、顏色、甚至這邊還有呈現形式,像是都是圓形放上 icon,那我們就盡量一致。
重點:選擇一個風格當主角,讓他們一致。

4.微調案例-對齊!
設計微調系列中一直出現的,因為發現很多人只要換一種情境可能就忘了,所以想多提醒,以這個案例來說,文字下方容易有空白區塊,如果你直接對齊,常常位置會比較高,就會像是上面那樣不好看。
重點:對齊不是讓工具自動對齊就好,你的眼睛可能更準。

5.微調案例-間距
設計中對於元素之間的「距離感」掌控很重要,我後來發現這需要更多的練習,因為很多人在一開始學習設計時並不覺得這有哪裡奇怪或不好看,如果你屬於那種看得出不好看但是常常還是做不好的,那就多練習,但如果你真的看不出,那會建議你同時也要多看,且多了解一些設計的理論。
重點:間距讓元素有區隔,才不會讓他們看起來是一組的。

6.微調案例-抓重點
數字是很好的重點,因為大家對於一段文字中出現數字都會特別關注跟敏感,所以我喜歡把數字抓出來,更容易抓住觀看者的目光。
重點:數字是抓住他人目光的好方法。

7.微調案例-一致才好閱讀
一致性除了讓風格統一好看,還有一個重點是更好閱讀,因為不一致觀看者會很難閱讀,要花更多時間去解讀,而且統一的元素也像是一種標籤,觀看者看到就會覺得這是相關的元素,所以就能快速理解。
重點:一致的元素就像是標籤,方便好閱讀。

8.微調案例-數字加強引導
箭頭已經有引導的作用,但如果要加強引導效果數字很棒,我們對於數字順序是很有感,1 後面接 2 是一種直覺得方式,所以當引導很好用。
重點:除了數字外,英文字母順序也有類似功用。
以上就是完整的微調內容詳解,如果你喜歡這篇內容,也歡迎推薦給有需要的朋友,如果有任何建議或問題也歡迎留言一起交流。
除了方格子,我每週都會在社群更新設計週報、設計教學等內容,歡迎追蹤
▶︎ 追蹤社群:https://kevinlearn.com
我建立了一個創作資源網站,整理了超過 500+ 的各類實用資源
▶︎ 創作邦網站:https://creatorhome.tw/
另外每週三還會發送一封免費的電子報,跟大家分享我每週各社群更新的內容以及當週的一些觀察與推薦內容,目前有 4,000+ 人訂閱,也歡迎你一起加入
▶︎ 訂閱電子報:https://kevinlearn.cc/訂閱電子報
合作聯繫請填寫合作表單
▶︎ 合作表單:https://kevinlearn.com/contact