 |
 |
HERE |
﹝第 8 講﹞多媒體設計的藝術面
美的原則與平面設計編排構成原理
美的原則 什麼是美呢？美的事物應該具備什麼條件呢？我們根據人類美感的共通性，可以定出十個美的原則：連續、漸變、對稱、對比、比例、平衡、調和、律動、統一、完整。 在討論美的原則之前，我們必須先了解「單位形」的意義。什麼是單位形？單位形是在相同或相似的形象組合中，最基本的單位元素。單位形可以單獨重複排列，或組成「單位形組合」，再以「單位形組合」為基礎，作有規律的反覆排列。
每一個「單位形組合」又可以重複以線狀﹝又稱二方連續﹞、面狀﹝又稱四方連續﹞、環狀、放射狀、鏡照式的方式，發展成複雜有趣的平面構圖。
以下簡單介紹十個美的原則：
﹝一﹞連續 「連續」是一種沒有開始、沒有結束、沒有邊緣的嚴謹性秩序排列，它祇是反覆的一種特殊情形。有規律的反覆並不一定能產生連續，「連續」是無限地擴張。「連續」包括「二方連續」和「四方連續」。「二方連續」是指一個單位形向左右或上下作反覆的規律式排列。它可作直線方向、曲折式、波浪式的方向延申。「四方連續」是指單位形向左右也向上下延申的現象，可產生四方連續的圖形。由二方連續造成的線條加上左右上下反覆的排列，是創作四方連續圖形的方法之一。 ﹝二﹞漸變 「漸變」就是逐漸的改變，它有一定的秩序和與規律。「漸變」除形狀漸變外，還有「大小漸變」、「色彩漸變」、「位置漸變」和「方向漸變」等等，都可以單獨或混合運用。任何構成元素的漸變，都有它開始和結束，或由一方開始，經漸變又回復原來的循環現象。例如形狀漸變，可從某一形狀開始，逐漸變化成為另一形狀，或由另一形狀又逐步回復到某一形狀。無論是開始或結束，在漸變的設計中都可以成為設計上的焦點，而且在開始和結束的整個重複過程中，都會造成節奏感。 「漸變」的方式可由上而下、由左而右、或由中央發射、或作多元化的發展。「漸變」的表現形式包括：﹝1﹞自然形象的漸變、﹝2﹞形狀的漸變、﹝3﹞大小的漸變、﹝4﹞位置的漸變、﹝5﹞方向的漸變、﹝6﹞色彩的漸變。 ﹝三﹞對稱 視覺上，以一個點或一條線為基準，上下或左右看起來相等的形體，稱為「對稱」。「對稱」具有相稱、均齊、均整的意思。左右對稱的形體向來都被認為是安定而且具有機能的。「對稱」的表現形式包括：﹝1﹞線對稱、﹝2﹞點對稱、﹝3﹞感覺對稱。 通常，對稱的圖形具有單純、簡潔的美感，以及靜態的安定感，但易流於單調、呆板。一般來說，單純的對稱圖形具有大方、強烈的性格；細密的對稱圖形則能增加作品的充實感。許多商品設計就是運用這個特性而設計。 ﹝四﹞對比 將互相對立的要素配置在一起，相互比較，以形成二種抗拒的緊張狀態，稱為「對比」。這種造成相對排斥性質的要素，就是一般所謂的「對比要素」。 「對比要素」包含的範圍非常廣泛，舉凡造形、色彩、質感、方向、面積等都算是。圓形、三角形、方形是屬於造形的對比，例如紅磚、金磚兩者都具有相同的造形，但是因為質感明顯地不同，所以具有對比的性質。對比的現象是否強弱，全看對比要素的配置關係而定。一般而言，不同的要素結合在一起，彼此刺激，會產生對比的現象，使強者更強、弱者更弱、大者更大、小者愈小。也就是經由對比的關係，可以增強個別要素所具有的特性。 「對比」的表現形式包括：﹝1﹞線形的對比、﹝2﹞形狀的對比、﹝3﹞份量的對比、﹝4﹞明度的對比、﹝5﹞彩度的對比、﹝6﹞色相的對比、﹝7﹞質地的對比、﹝8﹞動態的對比、﹝9﹞位置的對比、﹝10﹞其他的對比。 ﹝五﹞比例 在造型上所謂的「比例」乃是指長度或面積等屬於量度之間的一種比率，它描述的是部份與部份；或部份與全體之間的關係。在人類的歷史中，「比例」一直是被運用在建築、傢俱、工藝以及繪畫上。尤其是希臘、羅馬的建築中，「比例」被當是一種美的表徵。除了建築之外，有幾個理想的比例，古代的學者就把它公式化，而作為設計的基本原理，以便求得統一和變化。其中最基本並且最重要的比例就是「黃金比例」。古希臘人把「黃金比例」認為是最完美的比例而活用時造型中。它的基本方法是，把一條線分割成大小兩段，小線段和大線段的長度比，等於大線段和全部線段的長度比。這種比例分割方法就是「黃金比例」。 ﹝六﹞平衡 「平衡」是指兩個力量相互保持的意思，也就是說把兩種以上的構成要素，互相均勻地配置在一個基礎的支點上，以保持力學上的平衡而達到安定的狀態。在造形的秩序中，「平衡」是極重要的一項。由於造形的作品，並不是真正講究實際的重量關係，所以「平衡」一詞，在平面造形的世界中，應當是屬於視覺的平衡。這和力學的平衡、數學的平衡以及其他學科中所講的「平均」是不一樣的。 對「平衡」來說，有對稱和非對稱平衡之分。在「平衡」的練習中，著眼點在於如何求得視覺上的安定和心理上的平衡。例如形態、色彩、材質在畫面中所具有的重量、大小、明暗、色彩、強弱、質感....等，都必須保持平衡狀態，才會令人產生安定的感覺。 ﹝七﹞調合 當兩種構成要素共同存在時，若彼此差距過大，即造成「對比」。若兩種構成要素相近，則對比刺激變小，能產生共同秩序，使兩者達到調和的狀態。如黑和白是一種強烈對比的顏色，而存於其間的灰色便是兩者的「調和」。 「調和」在視覺上可使我們產生美感。因此，調和的原則一直是人們關心的課題，尤其是色彩或造形，都是值得不斷探討的問題。然而，為了達到「調和」的目的，各要素間的統一仍是必要的；如色相的配合、調子的配合，以及明度的配合，都能產生「調和」。 在造形上，如線的粗細和形狀的大小都會影響設計，但只要在造形上能一致的話，也可以產生調和感。「調和」要素除了色彩和造形外，質感也是相當重要的因素。 ﹝八﹞律動 凡是規則的或不規則的反覆和排列，或屬於週期性、漸變性的現象，都算是「律動」。它給人具有抑揚頓挫，和統一感的運動現象。一般說來，律動和時間的關係密切，因為在其他具有時間性的藝術領域中，都能表現律動美，如音樂、舞蹈、電影、戲劇、詩歌等。以音樂來說，利用時間的間隔，使聲音的強弱或高低表現出律動美，而呈現抑揚頓挫的變化。 在我們日常生活環境中，四季的變化、植物的成長、動物的運動，以及各種生理反應等都存在著律動的現象。此外，自然界中的海浪、沙丘、麥浪、炊煙、屋瓦等形象，也具有連續發展的反覆，並呈現出視覺的一種律動美。 ﹝九﹞統一 結合共同的要素，把相同或類似的形態、色彩、肌理等各種要素，作秩序性或畫一性的組織、整理，使之有條不紊，並且相互發生關連或共通的作用，稱為「統一」。「統一」是美好的根本秩序。一般說來，統一可表現高尚權威的情感，也可以達成像平衡及調和的美感。然而，過份的統一，將會失去生動而流於呆板。例如大小、形態、色彩完全相同，而且作等距離排列時，便會產生單調的感覺。所以在講究統一的同時，還須要注意到變化的問題。 「變化」也是美的形式之一，所謂「變化」是在異質的許多要素中求變化。換句話說，就是將不同的形態、大小、色相、明度、彩度、方向、肌理等，規畫有機性的組織使它更生動、活潑，而不流於紊亂，才是適當的變化。 ﹝十﹞完整 任何一件藝術作品，不論運用了那一種美的原則，或經過多麼複雜的創作過程，藝術家到作品完成的那瞬間，所追求的是作品的「完整」性。完整性依我們的感覺、需求的不同，分為感官方面﹝包括各種知覺﹞、意念方面、功能方面。譬如一齣好的戲劇演出，除了帶給觀眾視覺和聽覺方面的完整性外，也為觀眾提供劇作家想表達完整的創作意念。 平面設計編排構成原理 多媒體觀眾一方面從電腦螢幕上所看到的視覺表徵得到資訊，做出反應；另一方面根據自己的美感經驗，從電腦螢幕上賞心悅目的視覺呈現，引起他的良好溝通情緒。一個賞心悅目的視覺呈現有賴於設計者的創意﹝idea﹞、表現技巧﹝technique﹞、編排﹝lay-out﹞能力。 目前，許多國內設計的電腦螢幕視覺呈現是依賴設計者的感覺來處理，或者憑著設計者多年的實務經驗來完成。但是，「感覺」對想學習多媒體設計的人來說是很難捉摸的，「經驗」更是殘酷的。因此，將「美的原則」運用於平面設計的編排與構成，形成「平面設計編排構成原理」，可以幫忙初學者；甚至對設計師來說，當他面臨缺乏「感覺」的時候，還能創作出具水準的作品。「平面設計編排構成原理」要提到的原則如下： ﹝一﹞對比的關係 「對比」包括大小的對比、明暗的對比、粗細的對比、曲線和直線的對比、質感的對比、位置的對比。 「大小的對比」為造形要素中最受重視的一項。通常在造形設計中，安排較少的大小差別，給人的感覺較沈著溫和。反之，大小的差別大，給人的感覺較鮮明，而且具有強力感。 日常生活中常提到的對比語句：陰和陽、正和反、晝和夜等等，可以讓人感覺到的「明暗的對比」。我們觀察一個剛誕生的嬰兒，最初在視覺上只能分出明暗，可是對彩度或色相卻無法輕易識別，由此可知，明暗﹝黑和白﹞乃是色感中最基本的要素。 「粗細的對比」對文字編排很重要。一般來說，字體愈粗，愈富有男性的氣概。若代表女性，則通常以細字表現為佳。在一個版面設計中，細字如果份量增多，粗字就應該減少，這樣的搭配看起來會比較明快活潑。 自然界中的景像充滿「曲線和直線的對比」，。曲線富有柔和感、緩和感，富有女性的感覺；直線則富堅硬感、銳利感，極具男性氣概。在一個版面設計中，為加深曲線給人的印象，我們常以一些直線來搭配。換言之，少量的直線會使曲線更引人注目。 在美術設計方面，「質感的對比」是很重要的造形要素。不同的材質表現不同的質感，譬如鬆弛感、平滑感、溼潤感等等。我們觀察畫家的作品時，常會注意作品上色彩和圖面的構成。其實，質感才是決定作品風格的主要因素。 運用「位置的對比」原則，在畫面兩側放置不同物體，不但可以彼此強調，同時也可以產生對比。由於畫面的上下、左右和對角線上的四個角，都是潛在的力點，而在這個力點處配置照片、大標題或標誌、記號等等，就可以顯出力量。因此在這些潛在的對立關係位置上，放置鮮明的造形要素，可以顯出對比關係，並產生具有緊湊感的畫面。 除了前述的各種對比外，還有垂直與水平、銳角與鈍角等種種不同的對比。如果將各種對比和這些要素加以組合搭配，運用在版面設計中，即能製作出許多富有變化的畫面。 ﹝二﹞主與從的關係 戲劇中的主角，大家一看就知道，版面中如果也能表現出何者為主角，會使讀者更加了解內容。因此版面設計也和戲劇演出一樣，主角和配角的關係若很清楚，觀眾的心理容易安定下來。如果兩者的關係模糊，會使人無所適從。不過，主角如果太強調，版面其它部份不容意被注意，版面即失去動感，變得庸俗。 ﹝三﹞動與靜的關係 一個戲劇的結構都有高潮與低潮的部份。同樣的，在版面設計配置上也有激烈動態與文靜部份。一般來說，擴散或流動的形狀即為「動」。水平或垂直性強化的形狀則為「靜」。假設把這兩者配置於相對之處，而以「動」部份佔大面積。「靜」部份佔小面積，並在周邊留出適當的留白以強調其獨立性。那麼，「靜」部份雖只佔小面積，卻給人很強的存在感。我們建造假山庭園時一定很注重流水的出口，因為流水的出口是動感的出發點，整個庭園的「靜」都會因它而被影響。 ﹝四﹞起與受的關係 一個故事的結構都有開端潮與結尾的部份。同樣的，一個版面全體的空間，有產生動感的形狀和接受動感的另一形狀，互相配合著，使空間變化生動。動感的起點和受點會彼此呼應、協調。兩者的距離愈大，效果愈顯著，而且可以利用畫面的兩端，不過起點和受點要特別注意平衡，必須有適當的強弱變化才好，若有一方太軟弱無力就不能引起共鳴。 ﹝五﹞圖與地的關係 在物體靜止的時候，人類通常將大的物體視為小的物體的空間架構。換言之，大的物體為「圖」，小的物體為「地」。版面設計中，也有圖與地的關係。一般印刷物都是白紙黑字，白紙稱為地，黑字稱圖。當明暗逆轉時，圖與地的關係就會互相變換；有如在黑紙上印上反白字，此時黑底為地，白字則為圖，這是黑白轉換的現象。 ﹝六﹞均衡與對稱 一件具安定平衡感的作品，均衡與對稱係指在作品中心軸的左右側形式相同或不相同，相同的為對稱，不相同的為均衡。以一點為起點，向左右同時展開的形態，稱為左右對稱形。應用對稱的原理可發展出漩渦形等許多複雜形態。在我們日常生活中，常見的對稱事物確實不少。一般來說，對稱會顯出高格調的意象。 我們都知到一個人走路踢到大石頭時，身體會因失去平衡，此時很自然地會迅速伸出一隻手或腳，以便維持身體平衡。根據這種自然原理，當我們欣賞一件藝術品時，如果我們改變該作品的各部份的位置，再與原作品比較分析，就能很容易理解平衡感的意義。 ﹝七﹞強調 在同一格調的版面中，在不影響格調的條件下，加進適當的變化，就會產生強調的效果。強調能打破版面的單調感，使版面變得有朝氣、生動而富於變化。例如：版面若皆為文字編排，看起來比較索然無味，如果加上插圖或照片，會使版面變得生動。 ﹝八﹞比例 自然界的一切形體，均存在合理的比例數值，如長度比、寬度比、面積比等等比例，皆能與其他造形要素產生同樣的功能，表現極佳的意象。希臘美術的特色為「黃金比例」，在設計建築物的長度、寬度、高度和柱子的型式、位置時，如果能參照「黃金比例」來處理，就能像希臘風格一樣，也能產生穩重的視覺效果。 ﹝九﹞韻律感 具有共通印象的形狀，經反覆排列時，就會產生韻律感。通常讓同一形狀的東西出現三次四次，就能產生輕鬆的韻律感。有時候，只反覆使用二次，就會產生韻律感。有時，甚至不一定要用同一形狀的東西，只要經反覆排列就能產生強烈的韻律現象。 ﹝十﹞左右的重心 在人的感覺上，左右有微妙的相差。通常中文直排版面的右上角處為一處吸引力特別強的地方。考慮左右平衡時，如何處理這個地方就成為關鍵性問題。在看中文直排時，人的視覺對從右上到左下的流向較為自然。編排文字時，將右上角空著來編排標題與插畫，就會產生一種很自然的流向。如果把它逆轉就會失去平衡而顯得不自然。 ﹝十一﹞向心與擴散 在我們的情感中，總是會探測事物的中心部份，好像為有如此，才能感到安全感，這就構成了視覺的向心。一般而言，向心型的設計讓人感到溫柔，也是一般所喜歡採用的方式，但容易流於平凡。相反的，離心型的排版方式，可以稱為是一種擴散型，令人感到活力十足。 ﹝十二﹞統一與調和 一般來說，如果過份強調對比關係，容易使畫面產生混亂。要調和這種現象，最好加上一些共通的造形要素，使畫面產生共通的格調，具有整體統一與調和的感覺。通常，反複使用同形的事物，能使版面產生調合感。若把同形的事物配置在一起，便能產生連續的感覺。兩者相互配合運用，能創造出統一與調和的效果。 ﹝十三﹞形態的意象 一般的編排形式，皆以四角型﹝角版﹞為標準形，其他的各種形式都屬於變形。角版的四角皆成直角，給人很規律，表情少的感覺，其他的變形則呈現形形色色的表情。譬如成為銳角的三角形有銳利、鮮明感；近於圓形的形狀，有溫和、柔弱之感。此外，相同的曲線，也有不同的表情，例如規規矩矩和用儀器畫出來的圓，有硬質感，可是徒手畫出來的圓就有柔和的圓形曲線之美。 ﹝十四﹞水平線與垂直線 黃昏時，夕陽沉入海面的水平線；黎明時，燦爛的朝陽則由水平線上昇起。在我們的生活中，若面對水平線，給人穩定和平靜的感受。無論事物的開始或結束，水平線總是固定的表達靜止的時刻。 垂直線的活動感，正好和水平線相反，垂直線表示向上伸展的活動力，具有堅硬和理智的意象，使版面顯得冷靜又鮮明。將垂直線和水平線作對比的處理，可以使兩者的性質更生動，不但使畫面產生緊湊感，也能避免冷漠僵硬的情況產生，相互截長補短，使版面更完備。 ﹝十五﹞陽晝與陰晝 從黑暗的洞窟內，看外面明亮景象時，洞窟內的人物，好像是只用輪廓表現，而外面的景色就很清楚，令人感受不可思議的空間。正常的明暗狀態，叫做「陽晝」，相反的情況是「陰晝」。構成版面時，使用這種陽晝和陰晝的明暗關係，可以描畫出與日常感覺不同的新意象。 ﹝十六﹞留白量 說話速度很快的人，不適合做典禮的司儀，原因是每一句話當中，留白量太少。談到版面設計時，跟說話一樣，留白量的問題也很重要。即使同一張照片，同樣的句子也會因留白量太少，很難表現確實的形象。 ﹝十七﹞版面率 在設計用紙上，本文所使用的排版面積稱為版面，而版面和整頁面積的比例稱為版面率。空白的多寡對版面的印象，有決定性的影響。如果空白部份加多，就會使版面活潑；空白較少，就會使人產生實在穩定的感覺。若設計資訊量很豐富的雜誌版面時，採用較多的空白，顯然就不適合。 ﹝十八﹞螢幕上字的大小 多媒體影像通常是在電腦影像顯示器或在電視機上呈現。根據分析，為了視覺的舒適感，呈現在電腦影像顯示器上最小且清晰的中文字型應為 16 pixels﹝W﹞×16 pixels﹝H﹞點陣字型的細明體。至於呈現在電視機上最小且清晰的中文字型應為 36 pixels﹝W﹞×36 pixels﹝H﹞的點陣字型，這是因為電視機需要從較遠的距離觀看的緣故。從閱讀習慣來看，為了配合人們橫向閱讀中文的最佳狀態是，一列最好不要超過 35 個字。 根據觀賞者的前述需求，多媒體電腦影像顯示器的解析度最好設定為
640 pixels﹝W﹞×480 pixels﹝H﹞。一般電視機的解析度上下的方向固定為
512 條掃描線。兩者和一般印刷品的解析度﹝350dpi﹞相比較，小了很多。一般來說，在進行多媒體視覺傳達設計之前，首要決定的就是螢幕上字的大小的運用標準，此與一般平面設計的過程不盡相同。 |
|
Webmaster:
Dr. Hsien-Hui Lee |