無論是誰,在嘗試以一種新語言進行溝通的時候,都必需得先完整了解這種語言的基本規則;也就是說,必須要了解該語言的組成方式,包括定義、功能與使用方法等。《設計的語言》是針對平面設計有興趣的人所撰寫的一本手冊,讓他們能夠透過閱讀本書,深入瞭解平面設計語彙的基本元素與法則,知道這些要素包括哪些、為何重要、以及如何有效使用的方法。
目前市面上類似的設計書大多將焦點和內容侷限在學生族群身上,這些作品往往只是為了闡述一個基礎概念而已。本書分為26個章節,理同英文的26個字母,從「點」、「線」、「型體」、「光線」、「顏色」、「平衡」、「對比」、「比例」…等,包含了歷史設計里程碑來詳解其中元素,以及探討其中重要設計原則。其不同之處,在於它跨越了學生經驗的界限,納入許多來自世界各地的知名設計師作品,讓讀者能夠看到這些成功的設計師怎麼將這些基本法則運用在作品上。由於同時檢驗了學生與專業人士的作品,這本完整的設計手冊終將會成為一本更具意義、更讓人印象深刻且更具啓發性的參考工具,陪伴著設計新鮮人和資歷尚淺的設計師走向專業,並開啓他們的職業生涯。
作者簡介:
理查波林
理查波林是Poulin + Morris Inc.的共同創辦人、設計總監與負責人。Poulin + Morris Inc.以紐約市為據點,是一間享譽國際的跨領域設計顧問公司。
波林的作品出現在世界各地的刊物和書籍中,不只受美國國會圖書館(Library of Congress)收藏,更曾獲得許多機構頒獎肯定,如美國建築師協會(American Institute of Architects)、美國平面設計協會、《應用藝術》雜誌(Applied Arts)、《傳達藝術》雜誌(Communication Arts)、《創意評論》雜誌(Creative Review)、《Graphis》雜誌、《ID》、《Print》、環境視覺設計學會、出版物設計學會、字體藝術指導俱樂部、以及洛杉磯、紐約和舊金山的藝術總監俱樂部等。
他深受環境視覺設計學會(Society for Environmental Graphic Design,簡稱SEGD)的肯定,獲頒相當於該機構最高榮譽終生成就獎的榮譽會員;在過去也曾經擔任美國平面設計協會紐約分會的主席與董事。此外,他在藝術史方面的研究,亦獲得葛蘭姆藝術研究基金會的補助。
自西元1992年起,波林就在紐約市視覺藝術學院任教,之前亦為柯柏聯盟學院的兼任教授。波林也曾經在卡內基美隆大學、馬里蘭藝術學院、麻薩諸塞藝術學院、北卡羅萊納州州立大學、西蒙斯學院、雪城大學、藝術大學與辛辛那堤大學等任教。
目前波林與他二十一年的人生伴侶居住在紐約市和紐約州柯林頓科納斯。
章節試閱
點
「構想只是出發點,僅此而已。一旦你開始詳盡闡述之,它就會受到思維所改造。」巴勃羅畢卡索(Pablo Picasso,1881-1973),西班牙畫家暨雕塑家。
點是所有視覺傳達元素與法則的基石,也是平面設計師語彙中最簡單也最純粹的幾何元素,在幾何、物理學、向量圖形與其他相關領域中常被視為一個基本要素。
定義
一個點有很多種定義。它通常被放在歐幾里德幾何的架構中,是歐幾里德幾何探討的主要對象之一。歐幾里德(Euclid,西元前330∼260年)是現代幾何的創始人,他原本將「點」定義得很模糊,認為「點是沒有部份的」。
點是一種用來表示確切位置的抽象現象;儘管如此,它既無法以肉眼看見也無法感知,是個不佔面積的位置或地點。在字體排印中,點是個句號,可以是代表句點、小數點或基數點的字符。因為點是派卡細分而成的部份,所以點也是最小的測量單位– 一個點等於0.0148英吋或1/72英吋,十二點等於一派卡。點也可以用來表示紙版重量或厚度。
視覺特性
在視覺傳達的領域中,點是個肉眼可見的視覺標記或小圓點。它可以是完全獨立的存在,或是個被結合到一個較大集體的元素。點的具體表現方式有許多種,同時也會以各式各樣不同的形式出現。許多連續的點可以化為一條線,一大堆點可以創造出形狀、形體、紋理、調性與圖樣。儘管點是明顯可見的記號,它並沒有質量。它是個在空間中佔有位置卻不具延伸的設計元素,而它在空間中佔據的位置可以用平面直角坐標系的一對數字來定義。
無論大小為何,每一種具有可辨識中心點的形狀或質量也是一個點。一個點會同時向內與向外擴散。一組無限多的點集合也是一條線,任何兩點都可以用直線連接起來。一個具有中心點的平面或形狀是一個封閉的形式,也可以被描述為一個點。即使當點的尺寸增加,它仍然維持著作為一個點的本質。
由於點是製造色彩、色調、明度、漸層和網點等的單一共同基準,所以傳統膠版印刷也是完全以點為基礎。空間上的點能描繪存在於特定空間內含有容積、面積、長度或其他任何高維形式等的特定物體,而這樣的物體具有零維度。
儘管一個點可以用很多不同的方式來定義,也有各種不同的視覺存在形式,若能將點的概念運用在一個有意義的尺度與適當的脈絡之中,它實際上可以傳達出許多的視覺意涵。
線
「幾何線條是種無形的東西。它是由移動中的點所畫出的軌跡…這裡就是從靜態跳入動態發生之處。」 瓦西里康定斯基(Wassily Kandinsky,1866-1944),俄羅斯畫家。
線條是平面設計師最基本也最具說服力的視覺語彙之一。線條有著無遠弗屆的功能,它可以連接、規劃、分割、引導、建構、以及移動其他圖形物件。一條線可以被積極解釋成記號,也可以被消極解讀為縫隙。線條可以是實際的,也可以是暗示性的。它們可以化作物體的邊緣或界限,也可以是形狀或形體的輪廓。線條可以引導讀者的視線,也可以替任何作品帶來動勢與能量。若能適當運用,則可以增進視覺資訊的可讀性、直觀性與其最終意義。
歷史回顧
我們從小即被教導「一條線是兩點之間最近的距離」。儘管這是事實,整個教育系統卻未曾教導應如何欣賞線條的其他固有特性與特質。自從人類覺得必須在洞穴牆上做下記號,以視覺方式溝通其日常生活經驗的時候,人就已經下意識地倚賴著線條來表達,我們可以在法國南部的洞穴壁畫、古埃及人墓穴內以象形文字寫下的訊息、古羅馬裁判所內拱狀結構的銘刻、以及中世紀時期用以裝飾城堡牆壁的紋章等例子中清楚地看到。在我們的視覺傳達調色盤中,線條一直是一個非常根本的元素。
於重新檢驗這些史鑑的時候,我們可以更進一步地辨認出人類賦予線條的許多功能。
特質與意義
一條線是由許多朝著同一方向的相鄰點所構成;點的數量可以無限、亦可具有起點和終點等兩個端點、或是一個向量,其軌跡界定了所產生線條的特性與特質。它可以是筆直的、蜿蜒的、彎曲與自身相交的、或是隨著圓圈的一部份所畫出的精準圓弧,無論如何,最後的結果都會賦予每一線條特定的特質與意義。
線條在視覺傳達中非常重要,不過它同時也是視覺幾何的基本元素。沒有線條,圓圈、方形和三角形就不會存在,我們也無法用任何視覺方法來表現這些形狀。作為一種基本的幾何形式,線條總是有長度,不過從來也不會有寬度。在出現這種與寬度有關的比例關係時,線條就會無可避免地變成平面或表面。
線條在視覺傳達中的首要功能,在於連接或分隔一構圖中的其他元素。其天生就具有方向性。若能四平八穩地表現,觀察者的眼光很容易就會下意識地追隨著線條;倘若線條粗糙或不規則,就會阻礙活動,因此減緩目光與線條的聯繫。線條會創造出界限,最終也會界定出形狀和形體。相對於靜態的點來說,線條原本就是動態的視覺表達,之所以能夠傳達出動勢,是因為線條會朝兩個方向移動。
人類創造出線條,將它當作最簡單的視覺傳達方法。我們會將線條當成物體的界限,在最初開始學習的時候,也被教導如何畫線,以作為表達或傳遞純粹形狀形體的方法。
調性與訊息
一條線可以溝通分隔、配製、強調、順序與層級。這些固有功能的調性和訊息,都可以因為用以表達線條的工具而改變。線條富有表現力,它可長可短,可粗可細,可平滑亦可不規則,並且能夠溝通各式各樣的情緒。直線是機械化且冰冷的;曲線則是自然且容易親近的;細線是柔軟且壓抑的;粗線則強調出力氣和力量。如果用畫筆畫線,則會傳達出較流暢且無組織紀律的訊息,相對來說,自動筆畫出的線條就表達了準確性與有組織的訊息。
線條特質的另一個層面,取決於創造線條的工具;舉例來說,炭筆線條具有素描特質,數位筆畫出的線條具有準確性,畫筆沾墨水畫出的的線條則具有有機性。我們可再次從歷史中證實這一點。自古人以手指或樹枝畫線展現的樸質,到後來開始用金屬篆刻或鋼筆筆尖書寫,隨著時間的演進,線條的表達性也與人類對不同工具與科技的依賴一起同步演化著。
圖像形式
線條的定向與位置也會進一步影響到視覺訊息。水平線具有平穩、安靜與寧靜的特質;垂直線則傳達出力量、高度與抱負。垂直線看起來比較積極,比一系列水平線更能傳達出強有力且直接的訊息。對角線就比較有暗示性、活力與動感。
儘管我們從小就一直被告誡「顏色要畫在線內」,我們還是得考慮到,線條可以用許多不同的圖像形式來實現。線條可以是直線、曲線、細線、粗線、實線與虛線。不論是平行或直角相交的多線條,都可以創造出不同的紋理、動勢、張力、圖樣、調性、明度、透視感與結構。
線條的圖像表現也會影響到它在任何特定表面上的存在,而這種存在感可以是微妙的或顯而易見的。陰影線在由粗轉細的時候會傳達出逐漸遠離或退卻的感覺,創造出一種微妙的異想空間。線條越粗,就會給人越往前或向前推移的感覺。
邊緣是另一種思考線條的方法。在線條被賦予這種功能的時候,它讓肉眼能夠從一個背景中分辨出一個物體。在水平線區分出陸地和海洋或是陸地和天空的時候,我們也能馬上了解這裡的線條乃作為邊緣之用。線性邊緣可以出現在任何直線或曲線形狀的側面,也可以是兩形體共享同一邊緣的結果。
線條也可以是暗示性的,也就是說它的發生是其他形狀、邊緣或點對齊的結果。以這樣的方式暗示線條的存在,會讓觀察者覺得非常有趣。暗示線條的存在同時也對構圖空間有活化之效。
線的特質
在視覺傳達的世界裡,線條具有許多種不同的功能。它們可以是一物體或人像的輪廓,或者純粹當作是劃分訊息的元素,它能引導觀察者的目光朝往一個特定的方向,或暗示對齊。此外,線條也可以化為紋理或圖樣。用線條來描繪的事物,可以透過線條來表現出它的本質,例如精細、準確、有稜有角、建築性、化學性、結構性、流暢性或不雅觀。
線條最常被運用在印刷品上,例如報紙、雜誌、出版品與網站。在這些地方,線條的作用在於資訊配置,分割並強調出不同的內容,並將讀者和使用者的目光引導到特定區域上。在上述所有情況中,線條的用處主要在於增進可讀性,讓使用者和讀者能輕易擷取資訊,並強化任何視覺訊息的即時性。
空間
「我認為,理想的空間必需要具有魅力、平靜、魔法與神祕性等元素。」路易斯巴拉岡(Luis Barragán,1902-1988),墨西哥建築師。
在所有視覺傳達中,空間都是不可或缺的設計元素,不過它卻不像其他如線條、形狀、形體、顏色與紋理等元素,無法被放置或安置在構圖之中。空間意指位於構圖中其他元素如線條、形狀、形體、紋理、框架與圖像等之間、周圍、上方、下方或其內的距離和面積,它可以是二維或三維的,常用的描述方式如平的、淺的、深的、開放的、密閉的、正向的、負向的、實際的、模糊的或虛幻的。
基本空間法對任何二維構圖而言都是一種主要的設計元素,按設計師如何使用、配置、分割或活化空間的方式,會顯得開放、密集、緊密、鬆散、空曠、擁擠、平坦或巨大。
描繪空間
空間通常被看作是負空間或「空白」空間,這些辭彙泛指構圖中欠缺圖像元素,但通常仍然是活化的空白區域,而包含有形狀、形體、圖像等元素的空間稱為正空間。在一構圖中,設計師可以透過仔細確立的主體背景空間關係的方法,調整正負空間所佔的比例或量,藉此製造出深度的錯覺。在這兩者比例相當時,就會欠缺空間深度,並創造出在視覺上較為靜態的構圖。
舉例來說,試著將構圖空間看作家裡的房間,這是你用來擺放各種私人物品的三維空間,那麼私人物品就好比構圖元素。這個房間很擁擠的話,會有餘地讓你可以生活、工作和休息?所以在設計房間的時候,便於牆面、地板和天花板上放上物品,而平面設計師的工作也是一樣,他們會在一個二維空間中利用形狀、形體、顏色、圖像和字型等等進行創作。
空間的類型
除了將空間當作構圖元素來看待以外,平面設計師也可以創造出特定類型的構圖空間,進一步強化視覺訊息。
實際空間
指視覺構圖實際佔據的區域。
圖像空間
指設計師進行操作的平坦表面,在上面創造出深度、動勢或方向的感知。圖像空間必需靠錯覺來誤導觀察者的心智與眼睛。
心理空間
對觀察者的心智和眼睛造成影響的視覺構圖。
物理空間
在這種構圖空間之中,由於空間和周圍建築環境之間必需有能互相協調的界面,因此設計師必需謹慎地針對空間的元素、美學和功能需求進行考量。機場的尋路標識系統、博物館內的文物展覽、或是一間市區零售商店的大型陳列,都可以說是物理構圖空間的代表。
特色與技巧
過去的藝術家和設計師早已發展出各種在構圖中詮釋並感知空間深度的方法。
基本上來說,視覺傳達中的構圖空間是平的,它具有高度與寬度,卻沒有深度。儘管如此,平面構圖仍舊可以透過特定視覺特質與技巧,在觀察者的心裡和眼裡創造出深度錯覺與三維空間。
空間關係中的相對尺寸,是最容易用來在二維構圖中創造出空間錯覺的視覺特質。在一構圖之中,尺寸較大的元素看起來會比尺寸較小的元素來得近。
重疊也是在二維構圖中暗示深度的方法。當構圖元素互相重疊的時候,它們會被看作是一個元素覆蓋了另一個元素的一部份,導致一個看起來會變成前景,另一個則被遮蓋而成為構圖的背景。
在空間關係中,位置指元素在二維構圖中垂直方向的所在處。構圖的底部一般被視為前景,是最靠近觀察者的區域;構圖的上方則被視為背景,也就是離觀察者最遠的區域。元素在構圖中的位置越高,觀察者對該元素位置的感知就越往後。
透視的種類
平面設計師用來增進空間深度的透視技巧有三種:
大氣透視
在空間關係中,這是另一種必需依賴顏色、調性與對比等元素才能在二維構圖中製造空間錯覺的視覺效果。當元素看起來離觀察者有段距離的時候,大氣霧霾會降低它們的能見,但這種效果其實可以經由改變或修改構圖元素的視覺特質來達成 – 例如增加元素的明度、降低對比、柔化邊緣線條、降低細膩程度、或者讓顏色暗淡些。舉例來說,增加元素的藍色調同時也可以增加構圖的深度感,這是因為冷色調看來會往後退,暖色調則會往前的緣故。
線性透視或單點透視
平行線朝著地平線上的單一消失點聚合,就叫做線性透視或單點透視。視線上方的透視線會朝著斜下方的消失點描繪;視線下方的透視線則朝著斜上方描繪。垂直線表示高度,水平線表示寬度;無論是垂直方向或水平方向,線條之間都是平行的(請見第45頁參考圖)。舉例來說,如果你朝著一條筆直道路的遠方看去,這條路的兩側事實上是相互平行的;然而,這兩條平行線看起來似乎越來越近,最後消失在遠處的消失點上。這是在二維構圖中製造空間深度時最常見的視覺技巧之一,最先發展出這種技巧的,是文藝復興時期的藝術家,他們最初會在圖面上標出透視線,並將這些透視線當作構圖基礎,於建築場景的素描與繪畫中利用它們創造出逼真的視覺深度。
平面透視或兩點透視
在這種透視類型中,一元素的兩個可見側面,分別朝向遠處地平線上的兩個消失點延伸,構圖中的垂直線保持平行,而剩餘的線條儘管於現實中是平行的,在圖中仍然會斜著朝向其中一個消失點,最後靠攏於某一方的地平線上(請見第45頁參考圖)。
利用這些視覺特質與技巧,無論是單獨使用或結合運用,都可以在任何構圖中強調出深度與空間的錯覺。
點「構想只是出發點,僅此而已。一旦你開始詳盡闡述之,它就會受到思維所改造。」巴勃羅畢卡索(Pablo Picasso,1881-1973),西班牙畫家暨雕塑家。點是所有視覺傳達元素與法則的基石,也是平面設計師語彙中最簡單也最純粹的幾何元素,在幾何、物理學、向量圖形與其他相關領域中常被視為一個基本要素。定義一個點有很多種定義。它通常被放在歐幾里德幾何的架構中,是歐幾里德幾何探討的主要對象之一。歐幾里德(Euclid,西元前330∼260年)是現代幾何的創始人,他原本將「點」定義得很模糊,認為「點是沒有部份的」。點是一種用來表示確切...
目錄
前言 6
1 點 12
2 線 20
3 形狀 30
4 形體 40
5 光線 48
6 顏色 58
7 紋理 72
8 尺度 82
9 動勢 92
10 空間 102
11 平衡 112
12 對稱 122
13 不對稱 130
14 張力 140
15 封閉性 150
16 表達 158
17 抽象 168
18 調性 178
19 對比 188
20 主體-背景 198
21 框架 208
22 比例 218
23 圖像 226
24 樣式 236
25 字體排印 246
26 網格 260
辭彙表 270
參考文獻 272
索引 277
作品提供單位 286
獻詞 288
感謝辭 288
前言 6
1 點 12
2 線 20
3 形狀 30
4 形體 40
5 光線 48
6 顏色 58
7 紋理 72
8 尺度 82
9 動勢 92
10 空間 102
11 平衡 112
12 對稱 122
13 不對稱 130
14 張力 140
15 封閉性 150
16 表達 158
17 抽象 168
18 調性 178
19 對比 188
20 主體-背景 198
21 框架 208
22 比例 218
23 圖像 226
24 樣式 236
25 字體排印 246
26 網格 260
辭彙表 270
參考文獻 272
索引 277
作品提供單位 286
獻詞 288
感謝辭 288