即時估價詢問
會員名稱
Mail
聯絡方式
所在地區
驗證碼

詢問事項
  • 圖
  • 圖
平面設計編排構成原理~台灣大學教授:李賢輝
台灣大學教授:李賢輝發表於 11/02 點閱:2,022人


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

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

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

﹝一﹞對比的關係

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

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

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

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

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

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

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

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

﹝二﹞主與從的關係

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

﹝三﹞動與靜的關係

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

﹝四﹞起與受的關係

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

﹝五﹞圖與地的關係

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

﹝六﹞均衡與對稱

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

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

﹝七﹞強調

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

﹝八﹞比例

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

﹝九﹞韻律感

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

﹝十﹞左右的重心

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

﹝十一﹞向心與擴散

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

﹝十二﹞統一與調和

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

﹝十三﹞形態的意象

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

﹝十四﹞水平線與垂直線

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

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

﹝十五﹞陽晝與陰晝

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

﹝十六﹞留白量

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

﹝十七﹞版面率

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

﹝十八﹞螢幕上字的大小

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

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


 


討論區
  • 我要發言
  • ※請先登入會員