注意閱讀順序與穩定感,放置多重圖像的基本手法之一就是倒三角形的布置方式。倒三角形布置,就是在版面上半部放置大型圖片以及表現力較強的圖片,強化其比重之後在版面下半部逐漸減少圖片數量,呈現出倒三角形的布置形式。
這樣的構圖形式可以使讀者的閱讀順序從上而下,從而能大幅提高縱向段落內文的可讀性。另外,對角線布置就是在版面對角線的兩端放置同樣大小的圖片,這也是種基本的版式設計方式,可讓版面呈現沉穩、安定感,讓人能冷靜地仔細閱讀內文。
1、利用對角線創造版面
圖例將裁切成同樣大小的圖片放置在版面右下及左上角位置,通過典型的對角線布置,讓讀者能認真地閱讀。對角線兩端的兩張圖片彼此呼應,有效地將讀者的視線集中於版面的中央。
2、製作留白的空間讓頁面動起來
若覺得典型的對角線過於穩重,不妨試著在版面中稍微錯開單邊的圖片位置,使上方空出來,這樣便能有效地創造出節奏感。而白色背景在此更加搶眼,同時還能賦予版面較輕快的感覺。
利用平均的網格,網格系統就是利用格狀參考線等分頁面後,再以分割出的網格為基準,置入文字和各種平面設計元素。由於是沿著參考線放置元素,因此能有效編排出具統一感和整體性很強的版面。雖然這樣的設計容易顯得單調呆板,但是只要在網格間或是版面的配色上多下工夫,就能讓版面活潑起來。
1、分別集中配置不同元素
在擁有3欄網格的單頁裡,在頁面內側放置圖像,並在頁面外側放置內文,以使圖文信息變得更有條理。這種方式通常能有效地編排產品類的頁面,另外棋盤交錯縱橫的方式放置圖文,可以讓頁面看來更活潑、不死板。
2、拉大網格間距
雖然網格系統能夠整理出整齊的頁面,卻也容易讓人產生壓迫感。因此,若能拉大網格之間的空隙,就能創造較為輕鬆的頁面氛圍。另外,若能設計出一個可連接或涵蓋多條網格的區域,便可讓頁面產生節奏感。
3、利用網格分割跨頁版面
利用網格規劃跨頁版面,並靈活放置圖片與內文,就能創造不同於一般段落編排的印象,有效地創造出不同變化的版面編排模式,也正是網格系統的優點之一。
如果只是單純應用等分頁面的網格系統來分割版面,,往往會造成呆板而平凡的版面。因此使用網格系統時就必須在網格的配置規則上多花一些心思,這樣才能在保證排列有序的同時,創造頁面變化。
我們可以試著改變頁面元素的放置,例如:連結、切割網格的方式,或是在網格的間隔上增添變化。另外,若可以再配合運用分割線,還能規劃出更複雜多變的版面。
例如:以3×3的網格規劃單頁版面。右頁裡左側的單欄圖像與左頁的圖像使用了同樣的編排格式,而右端的兩欄網格區域,則當作標題使用,讓整個跨頁版面呈現4:2的編排比例。
所謂的自由式版式設計,就是不局限於固定的網格系統與段落格式,自由進行編排配置的方法。由於不受規則制約,可將多種元素以有節奏的方式編排出來,也可將大量圖片塞入版面,因此它適合用來編排元素較多的頁面。當然也能應用在創造華麗而熱鬧的版面上。
比起方方正正的矩形圖片,自由式的版式設計更適合使用去背圖片,因為形狀不固定的圖像,才更能強調出隨機的動感。
1、交錯放置大小不一的圖片
圖例稍微將版面中各元素的位置錯開,設置或略有整齊氣氛的自由式版面。將去背圖片以不同大小交替放置,可以為版面創造節奏感。類似剪貼畫般的隨機拼貼形式,能創造出極具親和力的版面印象。
2、對齊頁面底端以強調穩定感
這是利用同尺寸文案區域所做出的自由式版式設計。運用高低不一的方式放置文案,便可讓頁面呈現出節奏感。而去背的物品圖片則統一對齊頁面底端,因此在節奏感之外,額外增添了一份秩序感。