1-4 引導視線 Control eyes
引導視線
紙本的平面媒體,重要的是先引起讀者注意。當讀者隨意翻閱報紙或雜誌時,最先引起讀者注意的契機,應該是讓人有「哇,這是什麼?」或是「真的嗎?」的感覺。
在廣告頁面上,如果讓人第一眼受到吸引的要素是照片或插圖,稱為「Catch vision」,如果是文字,則稱為「Catch copy」。紙本媒體的雜誌或報紙,報導的標題需要有「Catch copy」的效果;如果是書,則要靠書的標題或副標。因此在決定標題時,通常需要花時間再三咀嚼,嚴選出最有Sense且吸引力十足的文案。
在一頁充滿眾多資訊的廣告或是雜誌的報導中,讀者在受到吸引後,要如何誘導讀者視線移動,架構整個畫面的呈現,就要看設計師的功力了。如果是為了讓讀者購買商品,就要讓讀者得知商品或服務的內容,還有實際購買的方法。此時,如何有系統的整理資訊(編輯作業),做出易於閱讀的版型(設計作業),都是考量重點。
事實上,或許讀者不會按編輯或設計師的想法進行閱讀,但是,列出資訊的優先順序,讓讀者能自然而然依序閱讀的版型,是不可或缺的設計作業。
了解誘導視線的法則
我們先試著思考,當讀者看著頁面時如何移動視線。以文字為主的頁面,將文字放大自然會引起讀者的注意,這一點很容易理解。相同大小的文字,如果調整文字的顏色或濃淡,也可以達到凸顯效果。
視線的流動依文字直排或橫排有所差異。一般來說,以文字為主的頁面,直排的視線流動會從頁面的右上到左下,橫排則從左上到右下。
舉一個簡單的例子,就拿漫畫來說吧,漫畫的頁面其實隱含閱讀進行的規則。規則其實很簡單,當翻開跨頁的漫畫時,視線自然會從右上開始讀,隨著漫畫分格從右到左、從上到下依序移動,這是因為對白文字是直寫的關係,和第2章關於段落構造的說明是相同的原理。在橫寫的歐美英語圈,這種漫畫的閱讀規則就會改變,英文的閱讀順序是從左到右,因此,漫畫分格的閱讀方向剛好和日本漫畫相反。
因此理論上,直排的頁面起頭在頁面右上方;橫排的頁面起點則是在左上方。當然,實際的頁面呈現或許會放在不同的位置,但是,在這樣的情況下,標題的文字就必須放大,讓它在整頁中有最突顯的效果才行。
大量資訊的頁面
現在,就讓我們來想想情報誌或時尚誌等這類資訊量很多的頁面,也可以試著思考報紙或是傳單、目錄等。當一張紙上充滿了各式各樣的資訊,最重要的莫過於「資訊經過整理」,以及「分類成幾個部份」。再者,要讓讀者能「輕易找到」想知道的資訊。
面對一張紙時,人的視線會以極快的速度在整個頁面上游移,掌握整體狀況。在瀏覽時,會找出自己關心的文字或照片等,鎖定某個部份後,再開始確認周邊的部份,尋找自已想閱讀的地方。設計師在設計頁面時,必須考量讀者的視線流動才行,這是很
重要的一環。
設計師想了解自己設計的頁面是否達到預期的效果,需要相當的經驗累積。只有確認好效果,才能夠站在讀者的立場綜覽整個頁面。能請編輯、案主、上司或屬下等第三者來看頁面,聽取他們的意見和評價是最好的方式,但如果是個人作業,只能站在遠一點的距離來觀看,或是盡量以客觀的角度來看。或者,可以在完成作業的隔天,換個心情來看,比較容易察覺到沒想到的缺點,或可以改進的地方,因為隔了一段時間,比較容易變換角度來思考。
2-14 章節名、標題 Title, headling
章節名或標題的目的
書籍和雜誌的文章,每個章節或段落會有章節名稱或標題,即是該文的「主題」。標題算是文章的主題,或是簡單的內文概要提示,主要是為了讓讀者容易理解文章內容,使主旨能更清楚地傳達。
在設計頁面時,章節名和標題是很重要的指引工具,字體、大小,甚至是排列方式,各方面都要費心思量。而且並非只要達到顯眼或美麗就好,最重要的是不能損及其提示的功能,在設計上切記不要本末倒置。
書籍的標題規則
書籍排版時,頁面中的主標題或小標題會被分類,例如書籍有章、節、項等不同層級的標題,內文則分大標、中標、小標等。標題的排版要有統整性,讓讀者不會混淆。因此,每個類別的字級、總行高(標題高度)、空格、總字幅(標題長度)都要規定清楚。
.字級
在傳統的書籍排版,小標通常會比內文的字級大一號,但現在有很多小標和內文採用相同字級。如果內文和小標的文字大小相同,內文通常會用明體,小標則用黑體。如果兩者都用黑體,甚至可以設定比內文小一號的字。這種方法很容易辨識,看起來也簡潔漂亮。
.總行高
決定標題所佔的空間為幾行即是總行高。總行高大多以內文為基準(1行高)。1行小標如果佔2行內文的分量,稱為「2行高」,也有「3行高2行標(在3行高度排入2行標題)」的做法。標題文字的級數越大,總行高的數值也會增加。
為了讓標題達到最凸顯的目的,有時會讓標題獨佔一頁,稱為「標題頁」。
.起頭空格
標題起始的位置,決定要比行頭退後幾個字。行頭如果從頁首開始,則標題不用空格。
.總字幅
總字幅也稱為「總字寬」。為配合一定空間進行文字編排的方法。例如在五個字的空間,等距放入二、三或四個字。
很多DTP軟體有將文字或段落的形式另外存檔登錄的功能,可以依標題種類來設定段落形式,如此一來,便能確實且輕易地統一標題的排版方式。
雜誌和廣告的標題
雜誌標題和廣告文案等,不見得符合書籍標題的分類,但基本功能和書籍相同,而且通常更容易影響頁面。雜誌和廣告比書籍更重視強烈的視覺訴求效果,要讓報導或商品看起來更有魅力,因此不能破壞報導或商品的印象是最基本的考量。
現代的數位字型或照相打字,可以讓相同的文字任意放大或縮小使用。一般來說,標題用的設計文字字面率高,字身和字面之間的間距比較小,內文用的設計文字則字面率低。因此,只是單純將文字放大會讓空白變大,給人字距過大的印象。
為了避免這種情況發生,雜誌和廣告的標題常用編排的方式,多半不是均等編排,而是按字形來調整的比例編排。美麗又好讀的編排,通常是累積經驗和美感之後習得的技巧。很多DTP軟體有自動調整編排和字距的功能,也可以買到編排用的專門軟體。很多設計師都會活用這些工具。
進行編排時,可以善用軟體的便利功能。但是,針對重要標題或文案大標等,發揮自己的技巧和美感進行手工調整,是不可或缺的重要作業。
3-15 容易識別的配色 Distinguishable color scheme
容易辨識的配色?
大眾利用的道路、鐵道或建築物的標示看板或標誌,目的在於引導使用者做出正確的判斷,是指引我們方向的指南。通常會統一圖形和顏色以避免誤解,配色也要十分小心,否則很容易淹沒在景觀之中。
要使看板的文字和符號容易辨識,配色是很重要的因素。容易看(容易讀)的關鍵,在於背景色和文字顏色是否有強烈的明度差異。人的眼睛,會先識別每個元素的明度,再取得整體印象。看到立體物時,會先辨識光(明亮的部份)和影(暗的部份),再取得形狀、距離、深度等資料。顏色也有明度,例如黃色明度高又亮,紫色或深藍明度低又暗,暗色和亮色的配色組合很容易識別。
使用區隔色
如果背景色有好幾種顏色混合或同時存在,會讓文字和標誌淹沒其中。有效的解決方法是在背景之間使用區隔色。
這種方式很常用於插圖,要在照片上面印文字時,為了排除周圍顏色的影響,會在文字和照片之間配置區隔色。「白色浮雕文字」的手法,就是利用區隔色的技巧。
要在照片上放文字,還有一個降低背景照片濃度的「半色調處理」技法。使用這種方法,即使不用區隔色,文字也很容易識別。
容易看的店家招牌
街上的看板通常是訴求高識別性的標誌或廣告,現在就來看看二個代表
性例子。
麥當勞的標誌為紅和黃的組合,前進色的紅搭配明度高的黃色,即使是戶外看板,從很遠的地方就可以清楚識別。
Seven-Eleven的標誌是白底上有紅、綠、橘的配色,每個顏色沒有連接,各自從白色分離,換句話說,白色背景成為區隔色,突顯每個顏色的存在。
麥當勞標誌/日本麥當勞株式會社
麥當勞的標誌為紅色配黃色,辨識性高,即使距離很遠也能清楚辨別。鮮艷的紅色確實表現出快樂用餐的印象。
Seven-Eleven標誌/株式會社Seven-Eleven日本
Seven-Eleven的標誌中,最主要的為正中央的鮮紅色。綠色為紅色的補色,兩者呈現鮮明對比。此外,綠色也給人環保和新鮮的印象。
▓ 不同色相的組合
在不同的色相中,設定的背景色和文字顏色,兩者明度很接近,文字不容易識別。
⇒將文字顏色改成明度最高的黃色,拉大和背景的明度差異,文字變得容易識別。
▓ 相同色相的組合
相同的色相,變化明度後設定的文字顏色,因為明度接近,文字不易識別。
⇒將文字顏色改成明度最高的白色,和背景的明度差異變大,文字變得容易識別。這樣的配色被稱為「鏤空白色文字」,很常用於印刷物。
▓ 使用區隔色的例子
原本識別性低的文字,加上白色的區隔色後,背景和文字之間有了白色的空間,文字容易識別。
▓ 降低背景色調的例子
降低背景的色調(明度)可以提高辨識度,背景色變淡後,文字也容易識別。
▓ 背景為照片
在照片上放置文字,文字不容易識別。
在文字邊緣加上分隔的白邊,區隔色讓文字容易識別。
影像編輯軟體可以提高背景的明度,當背景和文字的明度差異變大,文字就容易識別。
5-6 落版單與時程表 Page spread sheet and schedule list
落版單的功能
雜誌和書大部份是印在全開的紙上,再裁切成每一頁。通常一張全開紙可以切割的頁數為2的平方,即2、4、8、16、32……實際印刷時,全開紙會印上多頁頁面,此時頁數單位稱為「台」,「落版單」可以決定台的構成。
右頁為二種落版單的例子,表現同一本雜誌的內容,可以比較看看二者的不同。
上面的落版單是以表格形式來表現整本書的台數、頁數、頁面內容。
下面的落版單以四角形來代表頁面數,並加上頁碼。一整行代表一台。
不論哪一種落版單,都是編輯表達頁面構成和內容的工具。如果頁面不足,要追加二頁或四頁也行,但會浪費印刷成本。
此外,每一台可以改變印刷的顏色或印刷用紙。如果是雜誌,首頁通常是彩色照片,以文字為主的內容則大多採黑白印刷。落版單上可以進行彩色和黑白頁的配置,以台為單位來調整。試試隨便拿起一本雜誌,推測構成的台數也很有趣。
時程表與進度管理
決定發行日後,就必須估計頁面內容的取材或執筆、攝影、版式等製作所需的天數,以及之後將檔案交給印刷廠,校正、印刷、裝訂的天數,依此訂定工作時程表。
下圖是將檔案交給印刷廠之後的校正、印刷、裝訂、入庫的時程表範例。雜誌和書籍的書衣或封面,有時候和本文部份的印刷和加工處理不同,此時大多會另外排定時程表。
編輯或事務人員會依時程來管理進度,確保在入庫之前順利完成。定期刊物要在確定的發售日在書店上架,一定要嚴守入庫日才行。