處理具有時間順序的元素時,建議採取順著時間排序的排版方式。設計動線,清楚呈現元素之間的關聯性或故事性,可以完成更具親和力,讓讀者自然接受內容的設計。
規律排列元素
按照視線的移動方向,依時間先後排列元素, 可以傳達順序清楚的內容。
利用引導線製造動線
若是元素大小或配置方式沒有規律性,可建立 引導線,就能讓動線變清楚。
建立視覺重點來引導視線
使用數字等視覺重點吸引目光並引導視線,可 強調元素的順序。
X動線複雜 (不建議)
橫式版面是由左往右,直式排版由右往左。 若忽略動線的排版方式,會變得一片混亂。
按照橫式版面的動線, 由左往右,依時間先後 來安排元素。利用線條 連接各個元素,能自然 引導視線。此外也配合 目標對象,選擇風格較 可愛的線條與裝飾用的 元素,呈現讓人想親自 造訪的旅遊行程。
步驟一:安排元素時要注意到動線
注意視線的流動順序,並且思考設計構圖。建議繪製草圖,掌握各個元素的比例再製作,可製作出便於瀏覽的版面,完成體貼讀者的設計。
步驟二:加入視覺重點
加入做為視覺重點的時間標示, 可讓時間軸變明確。若希望這個 部分可以更加強調,建議要減少 用色的數量,效果會更好。
步驟三:配置引導線
利用引導線連接各個元素,可以 將動線視覺化,引導讀者視線。 配合設計風格來使用,可以強調 動線,也不會破壞原本的氛圍。
33 種版面設計圖解,新手也能學會>>《圖解LAYOUT》