方格精選

排版微調 VOL.3-排版概念詳細解說

更新私密發佈閱讀 5 分鐘

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

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


以下內容會說明每個設計調整的原因跟優點,部分內容也會解釋原有設計的問題

raw-image

1.微調案例一

設計中時常會需要放圖片進去,但有時直接放上去總會感覺太單調或是與畫面不合,這時候我們可以換一種呈現形式,這邊案例是用「拍立得」,你也可以用「相框」、「電腦螢幕」等方式,挑選適合你元素的情境來搭配。

重點:給畫面元素一個符合情境的呈現形式


raw-image

2.微調案例二

名片是很多設計師接觸印刷的第一個或前幾種印刷品,我自己也在這上面吃了不少虧,第一個就是「出血」,因為印刷跟數位不同,印刷在印出來的時候會需要「裁切」,這個裁切會把部分的邊緣給裁切掉,所以出血就是我們預留給裁切的空間,不預留或太少就容易切到資訊或是讓資訊離邊緣太進。

另外字距與行距也要多注意,因為印刷有時因油墨關係,呈現上會比電腦看到稍微粗一點點,如果太近會顯得更擠,而且太近本身也不好閱讀。

重點:注意印刷出血,最好給邊緣留出足夠出血空間


raw-image

3.微調案例三

當我們想要突出畫面重點時,最好的方式除了把重點凸顯外,也要讓重點外元素不要太搶眼,以這張案例來說,我把特色圈選突出外,也同時把底圖上了一層半透明黑色遮罩,讓圈選處可以更被凸顯。

重點:凸顯重點除了把重點突出外,同時也可讓重點外元素不要太搶眼。


raw-image

4.微調案例四

把畫面中的重點換一種形式呈現可以讓資訊更清楚,也更有趣味,以這個案例來說,就很好懂,1 元直接用硬幣呈現,而且硬幣上有清楚的「1」,這樣的好處是保留原本易辨識的特性但又加上趣味性。

重點:保留原本辨識度的情況下可以嘗試換形式呈現。


raw-image

5.微調案例五

這是一個常見的流程圖,這類設計常見於步驟解說、資訊圖表類設計上,我們收到的文案資訊大概會像是上面,有些人會直接把文字放在畫面,但文字直接放上不只是看起來不美觀外,有時因為畫面內容比較多,沒有特別設計也不會凸顯。

這邊調整做了幾個調整,一個是「加上英文」增加精緻度,加英文的標準在於不影響、誤導文案原意的情況下,通常都是可以加的,不過當你額外增加資訊,你就必須對該資訊的正確性負責,不要亂加。

常見錯誤,「1th、2th、3th、4th」,正確「1th 2nd 3rd 4th」,2 跟 3 是不一樣的,有些人覺得都一樣,就全部都用 th,這就是比較常看到的錯誤,也是需要注意的。

另外這流程還有二個巧思,一個是「顏色」,我選擇用淺到深的方式來呈現步驟一到三,再來則是「三角形」,三角形的用途類似箭頭,公用是引導。

重點:設計是為了讓資訊更容易被閱讀,好看的同時又能幫助理解是最好的。


raw-image

6.微調案例六

​我覺得設計師文義理解能力好會很有幫助,像是這個句子就有「提醒、警告」的意味,那針對這樣的內容我們在「圖像呈現」上就可以加入相關元素,所以我這邊使用類似警告圖標的方式,並且把!加大。

重點:確認好文字想傳達的意涵可以讓我們更好的設計圖像的呈現。


raw-image

7.微調案例七

首先我想說在設計上「陰影不要都是黑色的」,而應該配合不同的底色去調整顏色,以上圖案力可以看到,深橘色相較於黑色會顯得更自然。

那如果是複雜的底圖呢?我可能會使用透明度高的黑色或是灰色,盡量讓陰影不要看起來髒髒的。

重點:陰影要依照狀況去調整,不要都直接用黑色。


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