封面設計 | 孤島。 - 不專業教學文｜ 02-排版與視覺引導

此內容為個人見解。

428Please respect copyright.ＰＥＮＡＮＡBRIjGD56j1

　　排版四大原則：相近、對齊、強弱、重複。

428Please respect copyright.ＰＥＮＡＮＡtPSYrvTRGy

　　相近：版面上相關連的項目要群聚分組。這些項目會因相近變成一個單位，而非一堆零散的碎屑，這有助於資訊的分級，讓觀眾易於了解內容。

　　對齊：版面上的項目不能隨意配置，在同一個版面上，項目與項目之間應該有某些視覺上的關聯性，版面會因為對齊而顯得更整潔而洗練。

　　重複：在整件作品中，設計重複出現的設計元素。可以運用字型、顏色、形狀、大小等，重複有助於強化一致性，能讓作品呈現一體感。

　　強弱（對比）：是用以避免版面上的項目過於相似，如果項目之間要有所差異，應該要能容易被發現，而非曖昧不明的不同，對比是版面上的視覺特色，可以在第一時間吸收觀眾的目光。

（我整理到後面發現對比紅線放錯了，應該是要大標題跟下面那一小行，不過大家應該可以瞭解這個概念，所以我就不再改了。）

428Please respect copyright.ＰＥＮＡＮＡjgXwzjk423

428Please respect copyright.ＰＥＮＡＮＡrZkRNPhrdS

我最一開始會接觸排版跟設計的起因是「手繪POP海報」。

（取自：《手繪POP海報》張輝明/三采文化）

428Please respect copyright.ＰＥＮＡＮＡtuVGfz9KJ2

海報的特點就是主題清楚，時間、地點、費用都能夠很直接的了解。相較於書籍設計來說是最、最、最簡單，就可以搞懂「視覺引導」的概念。

（會這麼說是我自己對書籍設計還不是那麼了解。）

428Please respect copyright.ＰＥＮＡＮＡlBsTJVzxiH

排版的三大動線：Z、N、F。

最後一張是誠品的物品結帳清單的畫面，有點糊。

這三個算是萬用的初始skin。

隨著尺寸不同，排版也會隨之改變，所以並沒有絕對的排版公式。

就像寫HTML或CSS會考慮解析度一樣。

428Please respect copyright.ＰＥＮＡＮＡX9CyFvK0I5

428Please respect copyright.ＰＥＮＡＮＡk5h6DOTMbr

428Please respect copyright.ＰＥＮＡＮＡVtIMblZazL

經過上面的簡單講解，不曉得大家有沒有抓到竅門了呢？

請看以下這張海報：

428Please respect copyright.ＰＥＮＡＮＡE4fOWhJnB1

首先第一眼看到的絕對是「泡泡派對」，預設你有興趣參加此活動，靠著視覺引導從最後一個字「對」（或者是看完照片）延伸到活動日期、活動時間/項目，然後才是比較不吸引人的資訊。

這是張好海報嗎？是。但個人認為有瑕疵，就是活動日期，加個斜線或是點點，以區別下面的活動時間可能會更好。

428Please respect copyright.ＰＥＮＡＮＡrPqcMVWSKm

428Please respect copyright.ＰＥＮＡＮＡSt8EjyH3eC

428Please respect copyright.ＰＥＮＡＮＡUANDlfvpyL

此文最後希望大家，多看、多做、多研究。然後終於可以邁向最後一篇了。

如有不了解的地方歡迎提問和指教。

428Please respect copyright.ＰＥＮＡＮＡ7nGDH3fkzM

428Please respect copyright.ＰＥＮＡＮＡfeSd0MVCkK

ns 172.70.126.183da2