提高視覺沖擊力的方法非常非常多,我將結(jié)合下我的平面設(shè)計(jì)經(jīng)驗(yàn),總結(jié)歸納一下我所學(xué)習(xí)到的平面設(shè)計(jì)理論。我一直覺得學(xué)習(xí)平面設(shè)計(jì)不能只著眼于平面,應(yīng)該讓眼光開闊些,所以我下面的一些例子會(huì)從傳統(tǒng)平面海報(bào),繪畫,建筑,電影等各個(gè)方面來分析設(shè)計(jì)原則。
內(nèi)容摘要- 排版四大原則
- 字體選擇與運(yùn)用
- 平面版式
- 故事元素
平面設(shè)計(jì)中最經(jīng)常被使用到,也是經(jīng)常被人提及的四大原則分別是Contrast/對(duì)比,Repetition/重復(fù),Alignment/排列,Proximity/親近。
1. Contrast/對(duì)比:“Contrast is the most important element of all graphic design. ” — Jan Tschichold
對(duì)比是所有平面設(shè)計(jì)中最重要的元素。我們可以在設(shè)計(jì)過程中,找一個(gè)對(duì)比點(diǎn),再把這個(gè)對(duì)比極端化,例如,使用正負(fù)形空間,對(duì)比色,粗細(xì)對(duì)比,尺寸大小對(duì)比,字體bold和Italic對(duì)比等等。
上面這張經(jīng)典而精彩額封面由Emily Mahon 設(shè)計(jì),封面插畫的作者是RayMorimura 。通過田野線條的縱向延伸,同時(shí)使用負(fù)空間將觀看者的注意力引向(TheWealth of Nations)這一標(biāo)題的,設(shè)計(jì)師使用了自然風(fēng)景,動(dòng)物和人物手掌為設(shè)計(jì)元素,是否是利用人與自然之間的關(guān)系的角度來詮釋書籍內(nèi)容?
在上面這張Helen Yentus 設(shè)計(jì)的封面中,設(shè)計(jì)者使用了白色的方框來象征醫(yī)院中冰冷的消毒燈。設(shè)計(jì)者還有意識(shí)地將醫(yī)生的形象處理得沒有特色,這是為了凸出該書主題的普遍性。
上面這張海報(bào)中,標(biāo)題字體顏色對(duì)比,副標(biāo)題顏色對(duì)比,大標(biāo)題副標(biāo)題正文的字體大小對(duì)比,狼人,小孩,葉子等正負(fù)形的手法作為圖形,可以說是對(duì)比手法用的很成功的一幅海報(bào)作品。負(fù)空間并非意味著封面要保持絕對(duì)的極簡(jiǎn)主義。它可以是一種集中讀者注意力的設(shè)計(jì)策略。
學(xué)習(xí)平面設(shè)計(jì),從藝術(shù)繪畫中獲得靈感是必不可少的方法。例如,畢卡索運(yùn)用黑、白、灰的色調(diào)來表現(xiàn)畫境,使得整幅畫的畫面看起來如同服喪般晦暗。房子正熊熊地燃燒著,一個(gè)女人被火燒著掉下來,停止呼吸的嬰兒、四肢分離的士兵尸體,刀子旁邊開著的白花。是電燈?還是炸彈爆炸的光芒?整幅畫的結(jié)構(gòu)和筆法看起來似乎相當(dāng)粗率。人物的肢體被任意地任意地延長(zhǎng)或縮短。手指和腳趾大得不協(xié)調(diào),本是人的側(cè)面之處,卻有兩個(gè)眼睛不自然地長(zhǎng)在一起,或是不自然地排列著。
2001太空漫游中的經(jīng)典畫面,富有故事的對(duì)比,是原始到現(xiàn)代科技的轉(zhuǎn)變。
2. Repetition/重復(fù)重復(fù)并不是單調(diào),重復(fù)是可以用少數(shù)的元素快速傳達(dá)畫面想要傳達(dá)的信息,例如
重復(fù)的元素是信息設(shè)計(jì)中必不可少的手法,重復(fù)圖像一出來,信息數(shù)據(jù)、畫面中傳達(dá)的內(nèi)容故事也就直接的呈現(xiàn),可以說這是非常直觀的手法。
重復(fù)并不一定是一個(gè)元素不變。在這幅壁畫中,科學(xué)家、藝術(shù)家、哲學(xué)家全都被安排在一座宏偉的廳堂內(nèi)。大廳中央是腋下夾著「蒂邁烏斯篇」(Timeaus)、富于象征意義地以食指指天的柏拉圖(Plato),以及一手拿「?jìng)惱韺W(xué)」、另一隻手臂伸向前方的亞里士多德(Aristotle)。其他的著名人物包括蘇格拉底、畢達(dá)格拉斯、歐幾里德等人。這些聚集在一起的人物造型,使拉斐爾成功地用簡(jiǎn)單的形象來表達(dá)這一個(gè)最復(fù)雜的內(nèi)容。
重復(fù)手法在建筑的應(yīng)用上,從古埃及到現(xiàn)在都是不可缺少的設(shè)計(jì)原則,在英國(guó)的格洛斯特大教堂(Gloucester Cathedral)可以看到重複的扇狀拱頂(vault),在北京天壇祈年殿的藻井也看到環(huán)形式的重復(fù)構(gòu)圖。
如果每一個(gè)單位是一個(gè)元素,那二十世紀(jì)中國(guó)著名的建筑師貝聿銘(I. M.Pei)為巴黎羅浮宮所建造的玻璃金字塔即為一個(gè)很杰出的建筑范例。三角形讓它朝三度空間重復(fù)地發(fā)展可以形成有趣的立體構(gòu)成。
還有一種重復(fù),是風(fēng)格。重復(fù)讓一個(gè)產(chǎn)品或者品牌形成了風(fēng)格,也可以把它理解我我們品牌設(shè)計(jì)中常說的視覺統(tǒng)一。
重復(fù)也可以形成品牌符號(hào),有沒發(fā)現(xiàn)有很多奢侈品的品牌視覺就是用重復(fù)手法做的。
3. Alignment/排列排列手法有一個(gè)很大作用是引導(dǎo)視覺,它讓我們的畫面中的元素找到平衡,它可以讓我們的畫面形成一個(gè)系統(tǒng),如“網(wǎng)格”,網(wǎng)格后面我們?cè)僭斦劇?/p>
從上面這張封面上,讀者可以判斷出書的內(nèi)容與強(qiáng)迫癥有關(guān)。封面中色彩搭配和近乎完美的線條都給人以愉悅之感。封面的風(fēng)格應(yīng)該體現(xiàn)全書的整體風(fēng)格。如果書籍的內(nèi)容和嚴(yán)肅,不可用充滿幽默元素的封面來誤導(dǎo)讀者。這會(huì)讓讀者失去對(duì)設(shè)計(jì)師的信任。
設(shè)計(jì)師Jessie-Jisun Lee將著名導(dǎo)演大衛(wèi)林奇的照片不加修飾地放到了封面中。而使用方塊隔開的字體則給人一種猜謎之感,這暗示該書將把與大衛(wèi)林奇相關(guān)的細(xì)節(jié)透露給讀者。
在竇加的作品《浴盆中的裸女》(The tub)當(dāng)中,從裸女右手抓著頭發(fā)的位置開始欣賞這幅畫,將順著頭發(fā)往下隨著少女的眼神注意浴盆的邊緣。然后再一路隨著浴盆的弧線,經(jīng)過少女的手指,與桌邊的直線相交。但是,竇加很技巧地運(yùn)用桌上的梳子再引導(dǎo)觀賞者的視線回到少女迷人的身軀以及她的右手。畫中其他的物品或擺設(shè),則是用來平衡整個(gè)畫面,使觀眾的注意力隨時(shí)停留在裸女身上。
看似平平無奇的畫面,卻都是帶給我們無限的內(nèi)容和學(xué)習(xí)空間,所以我們要多多留意周邊的物品,說不定下一幅牛逼作品就在你身旁:)
4. Proximity/親近親近這個(gè)詞是英語翻譯過來,我們中文會(huì)不太好理解,大致意思可以是元素與元素之間的關(guān)系。我們把畫面中的幾個(gè)元素放在一起,他們之間必須是有聯(lián)系的,或者說,應(yīng)該是合理的。
這本書封面的淡綠色調(diào)讓人很自然地聯(lián)想到書中虛構(gòu)的翡翠城市(Emerald City)。此外,膽小獅子的雙眼也充滿魔力,同時(shí)用拼貼的手法,讓水桶,獅子,人和麻布衣服構(gòu)成一個(gè)完整的臉,確實(shí)會(huì)引起讀者的好奇心,這樣的配合到底和書中內(nèi)容有什么必然聯(lián)系。
上圖封面的設(shè)計(jì)者從心理測(cè)驗(yàn)所用的洛夏墨跡(Rorschach Inkblot test)中獲得了靈感,這張封面表現(xiàn)了這本名著(《蠅王》)兇殺和智力游戲的主題。四濺的鮮血讓人覺得怪異卻印象深刻。沒有什么能比強(qiáng)烈的感情更能促使讀者入手一本書的東西了。在設(shè)計(jì)時(shí),應(yīng)試圖通過喚醒讀者的內(nèi)心情感使他們與書籍的角色及主題建立起聯(lián)系。
將人的眼睛部位和拱形門將結(jié)合,兩個(gè)元素之間的替換是想要闡述人物與圖像的關(guān)系還是想類比人物當(dāng)時(shí)眼中所見之物呢?親近方法是類似一種比喻的方式,讓人對(duì)作品無限聯(lián)想。
字體選擇與運(yùn)用說完平面四大原則,這一部分是也是重中之重——字體。每一款字體都帶有其各自的風(fēng)格和情緒,例如襯線字體帶有高貴,傳統(tǒng)的感覺,而無襯線字體則給人簡(jiǎn)約,現(xiàn)代的感覺。選擇正確的字體會(huì)讓畫面加分不少,當(dāng)然,選擇不當(dāng)會(huì)直接毀掉畫面。
我們把所有字母在視覺上保持水平對(duì)齊,但是他們并沒有絕對(duì)意義上的相同高度。比如,這個(gè)三角形比矩形要高,否則,三角形肯定會(huì)看上去比矩形要小。同樣,圓形也需要超出基準(zhǔn)線而達(dá)到視覺上的對(duì)齊。如果圓形和矩形高度相同,那肯定會(huì)看起來比矩形小,這原則可以應(yīng)用在字體設(shè)計(jì)中的每一個(gè)字母,是很重要的一條法則。
字體的選擇是協(xié)調(diào)畫面的黑和白。黑,字體的外形。白,字體內(nèi)部以及字體與字體之間的部分。字母內(nèi)部的白決定了字母與字母之間的白。創(chuàng)造一種黑多白多的字體是不可能的,一種黑體白的部分肯定比細(xì)體白的部分少。
選擇和安排設(shè)計(jì)的字型時(shí),閱讀難易度應(yīng)該是首要考慮之一。字太小難以閱讀,字太大又很煩人,因此一般而言,印刷用段落文字,中文最小最好不要超過7點(diǎn),英文一般來說不低于8-9 點(diǎn)之間,而網(wǎng)頁(yè)則是 15-20 之間,大部分的瀏覽器默認(rèn)值是 16 點(diǎn)。當(dāng)然,這不是準(zhǔn)則,應(yīng)視情況而定,最保守的做法是直接輸出打印,測(cè)試最合適字號(hào)。
每種字型都散發(fā)獨(dú)特的情感或個(gè)性,也許是友善、新潮、嚴(yán)肅或傻里傻氣,但大部分的字型并不是萬用的,所以你要判斷一個(gè)字型對(duì)你來說是怎么樣的感覺,還有它適不適合放在這個(gè)設(shè)計(jì)里面。我的方法之一就是列出該設(shè)計(jì)需要呈現(xiàn)哪些特質(zhì),如果能先確定內(nèi)容更好,這樣就能直接挑選字型來配合建立好的內(nèi)文調(diào)性。
每種字體都有自己的聲音,這種聲音將影響我們閱讀文字的感受,也影響我們吸收和處理信息的過程。
對(duì)于海報(bào)設(shè)計(jì)上的字體,因?yàn)榭臻g更多而且大家通常會(huì)從遠(yuǎn)一點(diǎn)的距離觀看,就可以容納大字,若選擇相對(duì)小的字體,則有更多空間發(fā)揮創(chuàng)意和選擇更有型的文字。一些像名片之類的小型項(xiàng)目或是長(zhǎng)段文章會(huì)需要小一點(diǎn)的字,但這些字也要清晰易讀,而都充滿裝飾。
該作品通過后臺(tái)程序編碼,用戶可以輸入一串文字,該文字將會(huì)自動(dòng)生成一只已字體組成的怪獸,用戶可以通過鍵盤控制該怪獸進(jìn)行一 系列游戲,該怪獸會(huì)跟隨著音樂的節(jié)奏而變化,玩這個(gè)音樂電視就像在玩游戲一樣,運(yùn)用多樣化的交互工具我們可以盡可能的調(diào)用人體多種感官,我們通過自己的身體感受和體驗(yàn)在字體之中所蘊(yùn)含的情感。
不同的質(zhì)感和肌理,會(huì)使人產(chǎn)生不同的心理感受。施德明Stefan Sagmeister 通過利用各種材料的質(zhì)地效果來完成字體的創(chuàng)意設(shè)計(jì), 有拼貼、纏繞、排列組合等手法,為字體的視覺表現(xiàn)開創(chuàng)了新的思路。有的材質(zhì)字體是實(shí)物模型制作出來, 通過攝像技術(shù),拍攝成視頻影像。有的材質(zhì)字體是借助計(jì)算機(jī)來完成多元渠道的應(yīng)用使字體增添更多趣味。
平面版式平面版式中最科學(xué)嚴(yán)謹(jǐn)?shù)木褪?ldquo;網(wǎng)格”了,可能很多人覺得網(wǎng)格限制設(shè)計(jì)師的工具,會(huì)讓設(shè)計(jì)變得理性而沒有人情味,我覺得不然,僅僅幾個(gè)矩形就可以有創(chuàng)造無數(shù)的版式,如果再配合圖形,圖片,文字信息,那將會(huì)是有更多的驚喜。這里有運(yùn)用網(wǎng)格嘗試了16種排版方式,可以作為部分版式的指導(dǎo)。
360設(shè)計(jì)雜志的風(fēng)格是用三張封面疊加的方式設(shè)計(jì),安排層次圖形和元素之間的層次感,可以在干擾視覺的同時(shí),突出自身所想體現(xiàn)的主題,這種表現(xiàn)方式往往是比較直接而且有效的方式。這種視覺干擾是在分散欣賞者多余視線的同時(shí),更能注意到雜志logo上,這種疊加方式所產(chǎn)生的圖形視覺效果也是這本雜志的輔助圖形。
比例也是版式中不可忽視的部分,比利時(shí)的超現(xiàn)實(shí)主義畫家馬格利特(Rene’ Magritte )畫了一件名為《個(gè)人價(jià)值》(Personal Values)的作品。在這幅畫中,我們看到一把梳子、一個(gè)酒杯、一把修面刷和一個(gè)肥皂。這些日常用品的相對(duì)大小與其所處的空間關(guān)系十分奇怪;如果不是它們的尺寸過大,超乎常理,要不然就是這個(gè)空間是一個(gè)很小的玩具屋。
自古至今,運(yùn)用黃金分割比例原理創(chuàng)作的偉大藝術(shù)作品不勝枚舉,如埃及的金字塔、雅典的巴特農(nóng)(Parthenon)神廟、達(dá)文西的蒙娜麗莎 … 等等。以上以雅典巴特農(nóng)神廟及法國(guó)點(diǎn)描派畫家秀拉(Georges Seurat)的《戲水的人》(Bathers)為例說明之。
利用黃金分割比例連續(xù)製作愈來愈大的正方形,以弧形連接每一個(gè)正方形的對(duì)角,可以形成一個(gè)螺旋狀的曲線,將這個(gè)曲線運(yùn)用在希臘建筑柱頭的設(shè)計(jì),就形成愛奧尼亞式(ionic order)的柱頭。
故事元素前面幾個(gè)方法都是設(shè)計(jì)手法為主,而這部分,強(qiáng)調(diào)的是畫面帶來的內(nèi)容。如何把畫面內(nèi)容、故事等用平面設(shè)計(jì)的手法傳達(dá)給觀眾,就是我們平面設(shè)計(jì)師的工作。
皇冠+鮮血所渲染的氣氛是血腥和凝重的,背后無疑是一個(gè)極為扣人心弦的故事。這張封面雖然沒有提供詳盡的細(xì)節(jié),但權(quán)力爭(zhēng)斗,懸疑及皇室的要素已經(jīng)彰顯無遺。
上面這張為Jules Verne的小說《地心歷險(xiǎn)記》葡文版設(shè)計(jì)的封面出自Carlo Giovani之手。封面通過不同的顏色,形狀,質(zhì)感,加上層層分級(jí)的效果,展現(xiàn)了地殼的不同分層。單從書籍封面的圖像就可以清楚該書的大致內(nèi)容,只是非常高明的故事表達(dá)方法。
Chanel 2011年指甲油創(chuàng)意廣告,片子拍攝全程用女性的手指作為主體,這是一個(gè)很棒的比喻手法,將手指比喻為女性雙腿,紅色指甲油自然變成舞鞋,在搭建的舞臺(tái)上,配合音樂節(jié)奏跳起舞,這種講故事的手法會(huì)給觀看者留下深刻印象,因?yàn)檫@是指甲油已經(jīng)不只是指甲油,它是舞臺(tái)上不可缺少的閃光點(diǎn)。
總結(jié)以上介紹了排版四大原則 + 字體選擇與運(yùn)用 + 平面版式 + 故事元素四大內(nèi)容,均通過其他人的作品來分析設(shè)計(jì)手法與運(yùn)用。
我個(gè)人認(rèn)為,提高視覺沖擊只是更快地抓住別人的注意力,視覺手法只是用來輔助和表現(xiàn)你的主題與創(chuàng)意的手段。