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

更新私密發佈閱讀 4 分鐘

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

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


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


raw-image

1.微調案例-立體化

按鈕是「廣告類」設計很常會使用的一個元素,雖然我們製作的是平面,還是可以透過一些方式讓平面的東西看起來立體,而立體的好處就在於會更吸引人想點,沒錯這用意就是讓人更想點擊!

重點:透過立體呈現來吸引人點擊。


raw-image

2.微調案例-劃重點

上下的對比其實就只有那個橘色矩形,但在視覺上卻瞬間可以讓我們被抓住,這就是「劃重點」,你要呈現重點要注意,不能整個畫面都是,最好就是一個重點,去把他特別突出,這樣才能抓住人的目光。

重點:當重點一多就等於沒有重點了。


raw-image

3.微調案例-文字與數字做區別

把文字跟數字給製作區別,這樣的設計不只是讓文字不單調,閱讀上其實更好讀,數字跟文字也都被很好的突出了。

重點:區隔不同文字是很好提升閱讀性的方法。


raw-image

4.微調案例-色塊區隔

文字想要區分層級,除了大小外,利用色塊也能快速讓資訊有層次跟被區隔出來,如果你覺得單純把文字縮小太無聊,可以試試看這方式。

重點:色塊區隔提供區分層級另一種方式。


raw-image

5.微調案例-標籤化

設計中常會有日期、折扣、地點、品牌等等資訊,這些資訊很多都可以使用標籤的方式來呈現,標籤適合搭配「精緻」的設計風格,也讓資訊被突出。

重點:標籤讓資訊精緻且突出。


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