設計微調 VOL.5-排版概念分析

更新私密發佈閱讀 6 分鐘

排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。

如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱


以下內容會說明每個設計調整的原因跟優點,部分內容也會解釋原有設計的問題,建議大家在看的時候,可以自己先看圖,判斷一下我調整了什麼以及為何調整,再來看文字介紹可能會更有收穫。

raw-image

1.微調案例一

這個案例是讓資訊的層級更明確,以金額來說,幣值只是輔助作用,重要的是金額,所以讓金額更凸顯,另外整體的間距也需要另外調整,尤其是符號跟文字間距常常不同,會容易有上面那種間格超大的狀況,需要手動調整,除非是內文部分,文字量比較多,不好一一調整,不然建議都要手動調。

重點:資訊層級區分好可以讓資訊更清楚外,整體視覺也更精緻。


raw-image

2.微調案例二

這段刻意「只調整一個地方」,整體其實還有不少能調整,但為了讓大家更清楚重點,只調整一處,大家有發現調整的地方嗎?

其實就是上引號,跟前面提到的一樣,有時候符號旁的間距會太大,以這邊來說,我其實「齊左」了,但是你會發現還有一大塊空白,導致看起來沒有對齊,這其實是小細節,但也是很多人不會注意到的,畢竟大家直接輸入文字,讓他自動排版很方便。

重點:細節有時候就是不要太依賴「軟體自動提供的」


raw-image

3.微調案例三

這個案例是閱讀順序上的設計,讓文字「斷句在合理的地方」,可能不是馬上就能判斷好看的那種造型與配色的設計,更多是你在閱讀時會感受到「體貼的設計」。

這看似小細節,但會讓文字更好閱讀,設計最重要任務之一就是傳達資訊,所以這樣的安排其實也是設計的一部分。

重點:體貼與同理心也是設計師重要的能力


raw-image

4.微調案例四

答案就在文字上,不過直接用視覺呈現比起千言萬語更能讓大家感受到「留白的重要性」,我在指導一些學員的設計時,最常遇到的就是「沒有留白」,東西都擠在一起,或是只要有空白就覺得要塞東西。

其實「空白本身就是一個設計元素」,我們在設計時會安排哪裡要放文字、插畫、照片,其實也要安排放空白,多數時沒有空白資訊會不好閱讀或被看見。

另外有些人會覺得空白單調想放東西,是因為他真的留下「白色區塊」,但留白不代表就是「白色」,首先其他顏色可以,再來你可以使用材質來增加紋理,這樣留白的區域既不會太單調,又不會干擾到畫面主角。

大家可以想想看,一個人站在一堆人中間跟單獨站在一個舞台中間會比較容易被注意到?肯定是後者,因為他旁邊沒有太多干擾,我們可以一瞬間就注意到重點。

重點:記住,空白本身就是一個要被放進設計中的元素


raw-image

5.微調案例五

這案例有二個重點,一個是「文字的一致性」,上面設計小字使用手寫的字體,下方則是放小字與大字保持一致。

再來就是「針對資訊做出區隔」,小字部分很明顯不是一組資訊,而是多個資訊組合,原本使用空白來區隔,但不夠明顯,下方則增加線條來去區隔,在視覺上更好一眼辨識。

重點:保持一致性與易讀性是設計很重要的概念


raw-image

6.微調案例六

這邊也只有微調了一個小地方,也是少數特別被問,大家無法一眼看出來的案例,大家可以先看一下。

這邊公布一下調整的地方是「999 往上移動對齊中文」,這真的是超小的細節,但會做這個調整的原因在於我想要「讓數字變大更凸顯」,但變大的後果就是文字他是對齊中線放大,所以是上下都會突出,如果不調整下方會不平,這樣下方小字跟上方文字中間會變成空間不平衡。

所以為了讓視覺上更平衡,我手動上移了數字。

重點:視覺平衡很多時候需要我們手動去調整


raw-image

7.微調案例七

配色上最好用的方式之一就是「選用品牌色來搭配」,因為這可以讓受眾更好理解,不需要花更多時間辨識或是被誤導。

舉例來說 LINE 的品牌色是綠色,我今天接了一個 LINE 專案,要宣傳他們的新功能,我覺得紅色超顯眼,選擇用紅色來當主角放棄綠色,大家覺得會如何?

是不是對消費者來說辨識難度直接提升了?選擇品牌色可以讓大家馬上進入狀況,不需要被顏色干擾。

另外如果是新品牌,必須要建立視覺的記憶點,持續在設計上使用品牌色就是一個很好的方法。

重點:品牌色除了好搭配,更是為了讓觀看者建立記憶點


raw-image

8.微調案例八

這個案例調整有幾個好處,一個是這種方式是招募常見的呈現手法,搭配文字大家有重熟悉感會更快速理解。

再來就是更好排版,二個方塊在視覺上更整齊,比起原本文字跟符號更好去排版應用。

重點:轉換形式,有時可以更有利於排版



以上就是完整的微調內容詳解,如果你喜歡這篇內容,也歡迎推薦給有需要的朋友,如果有任何建議或問題也歡迎留言一起交流。


除了方格子,我每週都會在社群更新設計週報、設計教學等內容,歡迎追蹤

▶︎ 追蹤社群:https://kevinlearn.com


我建立了一個創作資源網站,整理了超過 500+ 的各類實用資源

▶︎ 創作邦網站:https://creatorhome.tw/


另外每週三還會發送一封免費的電子報,跟大家分享我每週各社群更新的內容以及當週的一些觀察與推薦內容,目前有 4,000+ 人訂閱,也歡迎你一起加入

▶︎ 訂閱電子報:https://kevinlearn.cc/訂閱電子報


合作聯繫請填寫合作表單

▶︎ 合作表單:https://kevinlearn.com/contact

留言
avatar-img
創作邦|設計X工具X品牌的沙龍
19.5K會員
135內容數
創作邦致力分享設計新知、創作工具、高效工作方法,我們的沙龍提供各種給設計師和創作者的實用知識與資源,如果你付費訂閱我們,還會提供你更深度的內容分享、專屬討論區、會員購買數位商品限定優惠等福利。