平面設計編排構成原理～台灣大學教授：李賢輝

        多媒體觀眾一方面從電腦螢幕上所看到的視覺表徵得到資訊，做出反應；另一方面根據自己的美感經驗，從電腦螢幕上賞心悅目的視覺呈現，引起他的良好溝通情緒。一個賞心悅目的視覺呈現有賴於設計者的創意﹝idea﹞、表現技巧﹝technique﹞、編排﹝lay-out﹞能力。

        目前，許多國內設計的電腦螢幕視覺呈現是依賴設計者的感覺來處理，或者憑著設計者多年的實務經驗來完成。但是，「感覺」對想學習多媒體設計的人來說是很難捉摸的，「經驗」更是殘酷的。因此，將「美的原則」運用於平面設計的編排與構成，形成「平面設計編排構成原理」，可以幫忙初學者；甚至對設計師來說，當他面臨缺乏「感覺」的時候，還能創作出具水準的作品。「平面設計編排構成原理」要提到的原則如下：

﹝一﹞對比的關係

       「對比」包括大小的對比、明暗的對比、粗細的對比、曲線和直線的對比、質感的對比、位置的對比。

       「大小的對比」為造形要素中最受重視的一項。通常在造形設計中，安排較少的大小差別，給人的感覺較沈著溫和。反之，大小的差別大，給人的感覺較鮮明，而且具有強力感。

        日常生活中常提到的對比語句：陰和陽、正和反、晝和夜等等，可以讓人感覺到的「明暗的對比」。我們觀察一個剛誕生的嬰兒，最初在視覺上只能分出明暗，可是對彩度或色相卻無法輕易識別，由此可知，明暗﹝黑和白﹞乃是色感中最基本的要素。

       「粗細的對比」對文字編排很重要。一般來說，字體愈粗，愈富有男性的氣概。若代表女性，則通常以細字表現為佳。在一個版面設計中，細字如果份量增多，粗字就應該減少，這樣的搭配看起來會比較明快活潑。

        自然界中的景像充滿「曲線和直線的對比」，。曲線富有柔和感、緩和感，富有女性的感覺；直線則富堅硬感、銳利感，極具男性氣概。在一個版面設計中，為加深曲線給人的印象，我們常以一些直線來搭配。換言之，少量的直線會使曲線更引人注目。

        在美術設計方面，「質感的對比」是很重要的造形要素。不同的材質表現不同的質感，譬如鬆弛感、平滑感、溼潤感等等。我們觀察畫家的作品時，常會注意作品上色彩和圖面的構成。其實，質感才是決定作品風格的主要因素。

        運用「位置的對比」原則，在畫面兩側放置不同物體，不但可以彼此強調，同時也可以產生對比。由於畫面的上下、左右和對角線上的四個角，都是潛在的力點，而在這個力點處配置照片、大標題或標誌、記號等等，就可以顯出力量。因此在這些潛在的對立關係位置上，放置鮮明的造形要素，可以顯出對比關係，並產生具有緊湊感的畫面。

        除了前述的各種對比外，還有垂直與水平、銳角與鈍角等種種不同的對比。如果將各種對比和這些要素加以組合搭配，運用在版面設計中，即能製作出許多富有變化的畫面。

﹝二﹞主與從的關係

        戲劇中的主角，大家一看就知道，版面中如果也能表現出何者為主角，會使讀者更加了解內容。因此版面設計也和戲劇演出一樣，主角和配角的關係若很清楚，觀眾的心理容易安定下來。如果兩者的關係模糊，會使人無所適從。不過，主角如果太強調，版面其它部份不容意被注意，版面即失去動感，變得庸俗。

﹝三﹞動與靜的關係

        一個戲劇的結構都有高潮與低潮的部份。同樣的，在版面設計配置上也有激烈動態與文靜部份。一般來說，擴散或流動的形狀即為「動」。水平或垂直性強化的形狀則為「靜」。假設把這兩者配置於相對之處，而以「動」部份佔大面積。「靜」部份佔小面積，並在周邊留出適當的留白以強調其獨立性。那麼，「靜」部份雖只佔小面積，卻給人很強的存在感。我們建造假山庭園時一定很注重流水的出口，因為流水的出口是動感的出發點，整個庭園的「靜」都會因它而被影響。

﹝四﹞起與受的關係

        一個故事的結構都有開端潮與結尾的部份。同樣的，一個版面全體的空間，有產生動感的形狀和接受動感的另一形狀，互相配合著，使空間變化生動。動感的起點和受點會彼此呼應、協調。兩者的距離愈大，效果愈顯著，而且可以利用畫面的兩端，不過起點和受點要特別注意平衡，必須有適當的強弱變化才好，若有一方太軟弱無力就不能引起共鳴。

﹝五﹞圖與地的關係

        在物體靜止的時候，人類通常將大的物體視為小的物體的空間架構。換言之，大的物體為「圖」，小的物體為「地」。版面設計中，也有圖與地的關係。一般印刷物都是白紙黑字，白紙稱為地，黑字稱圖。當明暗逆轉時，圖與地的關係就會互相變換；有如在黑紙上印上反白字，此時黑底為地，白字則為圖，這是黑白轉換的現象。

﹝六﹞均衡與對稱

        一件具安定平衡感的作品，均衡與對稱係指在作品中心軸的左右側形式相同或不相同，相同的為對稱，不相同的為均衡。以一點為起點，向左右同時展開的形態，稱為左右對稱形。應用對稱的原理可發展出漩渦形等許多複雜形態。在我們日常生活中，常見的對稱事物確實不少。一般來說，對稱會顯出高格調的意象。

        我們都知到一個人走路踢到大石頭時，身體會因失去平衡，此時很自然地會迅速伸出一隻手或腳，以便維持身體平衡。根據這種自然原理，當我們欣賞一件藝術品時，如果我們改變該作品的各部份的位置，再與原作品比較分析，就能很容易理解平衡感的意義。

﹝七﹞強調

        在同一格調的版面中，在不影響格調的條件下，加進適當的變化，就會產生強調的效果。強調能打破版面的單調感，使版面變得有朝氣、生動而富於變化。例如：版面若皆為文字編排，看起來比較索然無味，如果加上插圖或照片，會使版面變得生動。

﹝八﹞比例

        自然界的一切形體，均存在合理的比例數值，如長度比、寬度比、面積比等等比例，皆能與其他造形要素產生同樣的功能，表現極佳的意象。希臘美術的特色為「黃金比例」，在設計建築物的長度、寬度、高度和柱子的型式、位置時，如果能參照「黃金比例」來處理，就能像希臘風格一樣，也能產生穩重的視覺效果。

﹝九﹞韻律感

        具有共通印象的形狀，經反覆排列時，就會產生韻律感。通常讓同一形狀的東西出現三次四次，就能產生輕鬆的韻律感。有時候，只反覆使用二次，就會產生韻律感。有時，甚至不一定要用同一形狀的東西，只要經反覆排列就能產生強烈的韻律現象。

﹝十﹞左右的重心

        在人的感覺上，左右有微妙的相差。通常中文直排版面的右上角處為一處吸引力特別強的地方。考慮左右平衡時，如何處理這個地方就成為關鍵性問題。在看中文直排時，人的視覺對從右上到左下的流向較為自然。編排文字時，將右上角空著來編排標題與插畫，就會產生一種很自然的流向。如果把它逆轉就會失去平衡而顯得不自然。

﹝十一﹞向心與擴散

        在我們的情感中，總是會探測事物的中心部份，好像為有如此，才能感到安全感，這就構成了視覺的向心。一般而言，向心型的設計讓人感到溫柔，也是一般所喜歡採用的方式，但容易流於平凡。相反的，離心型的排版方式，可以稱為是一種擴散型，令人感到活力十足。

﹝十二﹞統一與調和

        一般來說，如果過份強調對比關係，容易使畫面產生混亂。要調和這種現象，最好加上一些共通的造形要素，使畫面產生共通的格調，具有整體統一與調和的感覺。通常，反複使用同形的事物，能使版面產生調合感。若把同形的事物配置在一起，便能產生連續的感覺。兩者相互配合運用，能創造出統一與調和的效果。

﹝十三﹞形態的意象

        一般的編排形式，皆以四角型﹝角版﹞為標準形，其他的各種形式都屬於變形。角版的四角皆成直角，給人很規律，表情少的感覺，其他的變形則呈現形形色色的表情。譬如成為銳角的三角形有銳利、鮮明感；近於圓形的形狀，有溫和、柔弱之感。此外，相同的曲線，也有不同的表情，例如規規矩矩和用儀器畫出來的圓，有硬質感，可是徒手畫出來的圓就有柔和的圓形曲線之美。

﹝十四﹞水平線與垂直線

        黃昏時，夕陽沉入海面的水平線；黎明時，燦爛的朝陽則由水平線上昇起。在我們的生活中，若面對水平線，給人穩定和平靜的感受。無論事物的開始或結束，水平線總是固定的表達靜止的時刻。

        垂直線的活動感，正好和水平線相反，垂直線表示向上伸展的活動力，具有堅硬和理智的意象，使版面顯得冷靜又鮮明。將垂直線和水平線作對比的處理，可以使兩者的性質更生動，不但使畫面產生緊湊感，也能避免冷漠僵硬的情況產生，相互截長補短，使版面更完備。

﹝十五﹞陽晝與陰晝

        從黑暗的洞窟內，看外面明亮景象時，洞窟內的人物，好像是只用輪廓表現，而外面的景色就很清楚，令人感受不可思議的空間。正常的明暗狀態，叫做「陽晝」，相反的情況是「陰晝」。構成版面時，使用這種陽晝和陰晝的明暗關係，可以描畫出與日常感覺不同的新意象。

﹝十六﹞留白量

        說話速度很快的人，不適合做典禮的司儀，原因是每一句話當中，留白量太少。談到版面設計時，跟說話一樣，留白量的問題也很重要。即使同一張照片，同樣的句子也會因留白量太少，很難表現確實的形象。

﹝十七﹞版面率

        在設計用紙上，本文所使用的排版面積稱為版面，而版面和整頁面積的比例稱為版面率。空白的多寡對版面的印象，有決定性的影響。如果空白部份加多，就會使版面活潑；空白較少，就會使人產生實在穩定的感覺。若設計資訊量很豐富的雜誌版面時，採用較多的空白，顯然就不適合。

﹝十八﹞螢幕上字的大小

        多媒體影像通常是在電腦影像顯示器或在電視機上呈現。根據分析，為了視覺的舒適感，呈現在電腦影像顯示器上最小且清晰的中文字型應為 16 pixels﹝W﹞×16 pixels﹝H﹞點陣字型的細明體。至於呈現在電視機上最小且清晰的中文字型應為 36 pixels﹞×﹝W36 pixels﹝H﹞的點陣字型，這是因為電視機需要從較遠的距離觀看的緣故。從閱讀習慣來看，為了配合人們橫向閱讀中文的最佳狀態是，一列最好不要超過 35 個字。

        根據觀賞者的前述需求，多媒體電腦影像顯示器的解析度最好設定為 640 pixels﹝W﹞×480 pixels﹝H﹞。一般電視機的解析度上下的方向固定為 512 條掃描線。兩者和一般印刷品的解析度﹝350dpi﹞相比較，小了很多。一般來說，在進行多媒體視覺傳達設計之前，首要決定的就是螢幕上字的大小的運用標準，此與一般平面設計的過程不盡相同。