淺談版面設計的運用
整理編排設計上可運用的技巧,遵循幾個基本原則,也能營造出良好的視覺效果
版面設計有許多脈絡可循,點出幾個常見的方式,有技巧的將元素安排於畫面中。
元素安排
有時候,使用少量的元素,哪怕只有一張圖片,甚至是文字,也能透過編排設計,製作視覺;明白各元素的擔任的角色,遠比塞滿畫面重要。
佈局選擇
依據呈現的內容,選擇合適的佈局安排,儘管排版的呈現相似,依然能變化多種可能。
使用自己在九份拍攝的風景照,製作風景內頁的設計範例:
🧿 將元素安排於畫面中,以周圍的留白營造窗外的意象
畫面中的所有元素都擁有自己的空間,彼此不重疊,讓人有豐富感,整體精緻。
🧿 將圖片放大,展現「飽覽美景」的感受
有時依據圖片的性質,決定裁切的比例,在此範例中,使用修長的裁切,營造出優雅的感受。讓人想待在民宿或是咖啡廳裡,望著美景的感受。
🧿 設計「明信片」風格的排版
我喜歡明信片的直觀、大方,它充分展現照片,明顯感受「身在這裡」。越優秀的攝影,需要的編排與額外修飾就越少,盡可讓減少干擾畫面,或是轉移視覺焦點的元素,專注呈現圖片。
視覺重心
除了基本的平衡,更重要的是:視覺重心。
可以練習將元素使用不同的排列組合,並保持視覺重心的平衡,以這樣的練習,訓練自己安排元素的能力。
關於文字
美好的畫面,配上無法讓人好好閱讀的文字,那這樣的排版非常可惜。
先前在《好讀的排版指南》提過字距、行距、文字段落的寬度等觀念。在《如何創造視覺層級》提到如何運用不同方式的對比,創造視覺層級。
字體考量
除了避免混用多種字體,還得考量哪些情境適用哪種字體。字體的樣貌也具有一定程度的影響。
語系差異
為何美好的英文語系編排,套用中文字後,整個畫面的感覺都不對勁了?
並不是單純改變語系,就能完成編排設計。
中文字體的結構相對統一但缺少節奏感,它需要更多的考量,在編排文字時需要對文字的結構適當的調整,增加文字的節奏,感營造舒適的編排。
留白與元素擺放位置
以主角面對的方向、視線,等具有指向的位置,來選擇留白或置放想讓人觀看的元素。
下圖中的左方範例,可見到人物與海鳥的位置相呼應,像是人物望著海鳥。
而右方的範例則不同,營造出「錯過」、「不在意」等的感受。
運用疏密表現關係
先前的〈淺談版面設計的觀念〉提到:若能將完形心理運用在排版上,就能引導視覺動線,達到很棒的效用。
元素彼此靠得越近,關係就越強烈。在排版設計中,我們會將關係接近的元素組合在一起,讓畫面有組織。-完形心理原理:鄰近性(proximity)〈淺談版面設計的觀念〉
其他補充
- 了解原理,才能真正融會貫通;在這之前,必須多多練習
- 除了編排設計,也必須了解視覺設計,學習不同表現技巧
- 避免過度依賴版型,可嘗試不同的排版方式與實驗
- 可透過襯底色塊、線段等方式點綴畫面,讓畫面更聚焦
文章首次發布於 Medium,目前閱讀的版本為精修版。
最後,感謝你的閱讀及支持,有任何問題都歡迎來信(imjhanemi@gmail.com)聯絡我們。