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