平面設計里怎樣提高作品的視覺沖擊力?

4 評論 15944 瀏覽 50 收藏 23 分鐘

提高視覺沖擊力的方法非常非常多,我將結合下我的平面設計經驗,總結歸納一下我所學習到的平面設計理論。我一直覺得學習平面設計不能只著眼于平面,應該讓眼光開闊些,所以我下面的一些例子會從傳統平面海報,繪畫,建筑,電影等各個方面來分析設計原則。

排版四大原則

平面設計中最經常被使用到,也是經常被人提及的四大原則分別是Contrast/對比,Repetition/重復,Alignment/排列,Proximity/親近。

1. Contrast/對比:

“Contrast is the most important element of all graphic design. ” — Jan Tschichold

對比是所有平面設計中最重要的元素。我們可以在設計過程中,找一個對比點,再把這個對比極端化,例如,使用正負形空間,對比色,粗細對比,尺寸大小對比,字體bold和Italic對比等等。

uisdc-design-2016103115

上面這張經典而精彩額封面由Emily Mahon 設計,封面插畫的作者是RayMorimura 。通過田野線條的縱向延伸,同時使用負空間將觀看者的注意力引向(TheWealth of Nations)這一標題的,設計師使用了自然風景,動物和人物手掌為設計元素,是否是利用人與自然之間的關系的角度來詮釋書籍內容?

uisdc-design-2016103116

在上面這張Helen Yentus 設計的封面中,設計者使用了白色的方框來象征醫院中冰冷的消毒燈。設計者還有意識地將醫生的形象處理得沒有特色,這是為了凸出該書主題的普遍性。

uisdc-design-201610311

上面這張海報中,標題字體顏色對比,副標題顏色對比,大標題副標題正文的字體大小對比,狼人,小孩,葉子等正負形的手法作為圖形,可以說是對比手法用的很成功的一幅海報作品。負空間并非意味著封面要保持絕對的極簡主義。它可以是一種集中讀者注意力的設計策略。

uisdc-design-2016103117

學習平面設計,從藝術繪畫中獲得靈感是必不可少的方法。例如,畢卡索運用黑、白、灰的色調來表現畫境,使得整幅畫的畫面看起來如同服喪般晦暗。房子正熊熊地燃燒著,一個女人被火燒著掉下來,停止呼吸的嬰兒、四肢分離的士兵尸體,刀子旁邊開著的白花。是電燈?還是炸彈爆炸的光芒?整幅畫的結構和筆法看起來似乎相當粗率。人物的肢體被任意地任意地延長或縮短。手指和腳趾大得不協調,本是人的側面之處,卻有兩個眼睛不自然地長在一起,或是不自然地排列著。

uisdc-design-2016103118

2001太空漫游中的經典畫面,富有故事的對比,是原始到現代科技的轉變。

2. Repetition/重復

重復并不是單調,重復是可以用少數的元素快速傳達畫面想要傳達的信息,例如

uisdc-design-2016103119

重復的元素是信息設計中必不可少的手法,重復圖像一出來,信息數據、畫面中傳達的內容故事也就直接的呈現,可以說這是非常直觀的手法。

uisdc-design-2016103120

重復并不一定是一個元素不變。在這幅壁畫中,科學家、藝術家、哲學家全都被安排在一座宏偉的廳堂內。大廳中央是腋下夾著「蒂邁烏斯篇」(Timeaus)、富于象征意義地以食指指天的柏拉圖(Plato),以及一手拿「倫理學」、另一隻手臂伸向前方的亞里士多德(Aristotle)。其他的著名人物包括蘇格拉底、畢達格拉斯、歐幾里德等人。這些聚集在一起的人物造型,使拉斐爾成功地用簡單的形象來表達這一個最復雜的內容。

uisdc-design-2016103121

uisdc-design-2016103122

重復手法在建筑的應用上,從古埃及到現在都是不可缺少的設計原則,在英國的格洛斯特大教堂(Gloucester Cathedral)可以看到重複的扇狀拱頂(vault),在北京天壇祈年殿的藻井也看到環形式的重復構圖。

uisdc-design-2016103123

如果每一個單位是一個元素,那二十世紀中國著名的建筑師貝聿銘(I. M.Pei)為巴黎羅浮宮所建造的玻璃金字塔即為一個很杰出的建筑范例。三角形讓它朝三度空間重復地發展可以形成有趣的立體構成。

uisdc-design-2016103124

uisdc-design-2016103125

還有一種重復,是風格。重復讓一個產品或者品牌形成了風格,也可以把它理解我我們品牌設計中常說的視覺統一。

uisdc-design-2016103126

重復也可以形成品牌符號,有沒發現有很多奢侈品的品牌視覺就是用重復手法做的。

3. Alignment/排列

排列手法有一個很大作用是引導視覺,它讓我們的畫面中的元素找到平衡,它可以讓我們的畫面形成一個系統,如“網格”,網格后面我們再詳談。

uisdc-design-2016103127

uisdc-design-2016103128

從上面這張封面上,讀者可以判斷出書的內容與強迫癥有關。封面中色彩搭配和近乎完美的線條都給人以愉悅之感。封面的風格應該體現全書的整體風格。如果書籍的內容和嚴肅,不可用充滿幽默元素的封面來誤導讀者。這會讓讀者失去對設計師的信任。

uisdc-design-201610312

設計師Jessie-Jisun Lee將著名導演大衛林奇的照片不加修飾地放到了封面中。而使用方塊隔開的字體則給人一種猜謎之感,這暗示該書將把與大衛林奇相關的細節透露給讀者。

uisdc-design-2016103129

在竇加的作品《浴盆中的裸女》(The tub)當中,從裸女右手抓著頭發的位置開始欣賞這幅畫,將順著頭發往下隨著少女的眼神注意浴盆的邊緣。然后再一路隨著浴盆的弧線,經過少女的手指,與桌邊的直線相交。但是,竇加很技巧地運用桌上的梳子再引導觀賞者的視線回到少女迷人的身軀以及她的右手。畫中其他的物品或擺設,則是用來平衡整個畫面,使觀眾的注意力隨時停留在裸女身上。

看似平平無奇的畫面,卻都是帶給我們無限的內容和學習空間,所以我們要多多留意周邊的物品,說不定下一幅牛逼作品就在你身旁:)

4. Proximity/親近

親近這個詞是英語翻譯過來,我們中文會不太好理解,大致意思可以是元素與元素之間的關系。我們把畫面中的幾個元素放在一起,他們之間必須是有聯系的,或者說,應該是合理的。

uisdc-design-201610313

這本書封面的淡綠色調讓人很自然地聯想到書中虛構的翡翠城市(Emerald City)。此外,膽小獅子的雙眼也充滿魔力,同時用拼貼的手法,讓水桶,獅子,人和麻布衣服構成一個完整的臉,確實會引起讀者的好奇心,這樣的配合到底和書中內容有什么必然聯系。

uisdc-design-201610314

上圖封面的設計者從心理測驗所用的洛夏墨跡(Rorschach Inkblot test)中獲得了靈感,這張封面表現了這本名著(《蠅王》)兇殺和智力游戲的主題。四濺的鮮血讓人覺得怪異卻印象深刻。沒有什么能比強烈的感情更能促使讀者入手一本書的東西了。在設計時,應試圖通過喚醒讀者的內心情感使他們與書籍的角色及主題建立起聯系。

uisdc-design-2016103130

將人的眼睛部位和拱形門將結合,兩個元素之間的替換是想要闡述人物與圖像的關系還是想類比人物當時眼中所見之物呢?親近方法是類似一種比喻的方式,讓人對作品無限聯想。

字體選擇與運用

說完平面四大原則,這一部分是也是重中之重——字體。每一款字體都帶有其各自的風格和情緒,例如襯線字體帶有高貴,傳統的感覺,而無襯線字體則給人簡約,現代的感覺。選擇正確的字體會讓畫面加分不少,當然,選擇不當會直接毀掉畫面。

uisdc-design-201610315

uisdc-design-201610316

我們把所有字母在視覺上保持水平對齊,但是他們并沒有絕對意義上的相同高度。比如,這個三角形比矩形要高,否則,三角形肯定會看上去比矩形要小。同樣,圓形也需要超出基準線而達到視覺上的對齊。如果圓形和矩形高度相同,那肯定會看起來比矩形小,這原則可以應用在字體設計中的每一個字母,是很重要的一條法則。

字體的選擇是協調畫面的黑和白。黑,字體的外形。白,字體內部以及字體與字體之間的部分。字母內部的白決定了字母與字母之間的白。創造一種黑多白多的字體是不可能的,一種黑體白的部分肯定比細體白的部分少。

uisdc-design-2016103131

選擇和安排設計的字型時,閱讀難易度應該是首要考慮之一。字太小難以閱讀,字太大又很煩人,因此一般而言,印刷用段落文字,中文最小最好不要超過7點,英文一般來說不低于8-9 點之間,而網頁則是 15-20 之間,大部分的瀏覽器默認值是 16 點。當然,這不是準則,應視情況而定,最保守的做法是直接輸出打印,測試最合適字號。

uisdc-design-2016103132

每種字型都散發獨特的情感或個性,也許是友善、新潮、嚴肅或傻里傻氣,但大部分的字型并不是萬用的,所以你要判斷一個字型對你來說是怎么樣的感覺,還有它適不適合放在這個設計里面。我的方法之一就是列出該設計需要呈現哪些特質,如果能先確定內容更好,這樣就能直接挑選字型來配合建立好的內文調性。

每種字體都有自己的聲音,這種聲音將影響我們閱讀文字的感受,也影響我們吸收和處理信息的過程。

uisdc-design-201610317

對于海報設計上的字體,因為空間更多而且大家通常會從遠一點的距離觀看,就可以容納大字,若選擇相對小的字體,則有更多空間發揮創意和選擇更有型的文字。一些像名片之類的小型項目或是長段文章會需要小一點的字,但這些字也要清晰易讀,而都充滿裝飾。

uisdc-design-2016103133

該作品通過后臺程序編碼,用戶可以輸入一串文字,該文字將會自動生成一只已字體組成的怪獸,用戶可以通過鍵盤控制該怪獸進行一 系列游戲,該怪獸會跟隨著音樂的節奏而變化,玩這個音樂電視就像在玩游戲一樣,運用多樣化的交互工具我們可以盡可能的調用人體多種感官,我們通過自己的身體感受和體驗在字體之中所蘊含的情感。

uisdc-design-201610318

不同的質感和肌理,會使人產生不同的心理感受。施德明Stefan Sagmeister 通過利用各種材料的質地效果來完成字體的創意設計, 有拼貼、纏繞、排列組合等手法,為字體的視覺表現開創了新的思路。有的材質字體是實物模型制作出來, 通過攝像技術,拍攝成視頻影像。有的材質字體是借助計算機來完成多元渠道的應用使字體增添更多趣味。

平面版式

平面版式中最科學嚴謹的就是“網格”了,可能很多人覺得網格限制設計師的工具,會讓設計變得理性而沒有人情味,我覺得不然,僅僅幾個矩形就可以有創造無數的版式,如果再配合圖形,圖片,文字信息,那將會是有更多的驚喜。這里有運用網格嘗試了16種排版方式,可以作為部分版式的指導。

uisdc-design-2016103134

uisdc-design-2016103135

360設計雜志的風格是用三張封面疊加的方式設計,安排層次圖形和元素之間的層次感,可以在干擾視覺的同時,突出自身所想體現的主題,這種表現方式往往是比較直接而且有效的方式。這種視覺干擾是在分散欣賞者多余視線的同時,更能注意到雜志logo上,這種疊加方式所產生的圖形視覺效果也是這本雜志的輔助圖形。

uisdc-design-201610319

比例也是版式中不可忽視的部分,比利時的超現實主義畫家馬格利特(Rene’ Magritte )畫了一件名為《個人價值》(Personal Values)的作品。在這幅畫中,我們看到一把梳子、一個酒杯、一把修面刷和一個肥皂。這些日常用品的相對大小與其所處的空間關系十分奇怪;如果不是它們的尺寸過大,超乎常理,要不然就是這個空間是一個很小的玩具屋。

uisdc-design-2016103110

uisdc-design-2016103111

自古至今,運用黃金分割比例原理創作的偉大藝術作品不勝枚舉,如埃及的金字塔、雅典的巴特農(Parthenon)神廟、達文西的蒙娜麗莎 … 等等。以上以雅典巴特農神廟及法國點描派畫家秀拉(Georges Seurat)的《戲水的人》(Bathers)為例說明之。

uisdc-design-2016103112

uisdc-design-2016103113

利用黃金分割比例連續製作愈來愈大的正方形,以弧形連接每一個正方形的對角,可以形成一個螺旋狀的曲線,將這個曲線運用在希臘建筑柱頭的設計,就形成愛奧尼亞式(ionic order)的柱頭。

故事元素

前面幾個方法都是設計手法為主,而這部分,強調的是畫面帶來的內容。如何把畫面內容、故事等用平面設計的手法傳達給觀眾,就是我們平面設計師的工作。

uisdc-design-2016103136

皇冠+鮮血所渲染的氣氛是血腥和凝重的,背后無疑是一個極為扣人心弦的故事。這張封面雖然沒有提供詳盡的細節,但權力爭斗,懸疑及皇室的要素已經彰顯無遺。

uisdc-design-2016103114

上面這張為Jules Verne的小說《地心歷險記》葡文版設計的封面出自Carlo Giovani之手。封面通過不同的顏色,形狀,質感,加上層層分級的效果,展現了地殼的不同分層。單從書籍封面的圖像就可以清楚該書的大致內容,只是非常高明的故事表達方法。

uisdc-design-2016103137

Chanel 2011年指甲油創意廣告,片子拍攝全程用女性的手指作為主體,這是一個很棒的比喻手法,將手指比喻為女性雙腿,紅色指甲油自然變成舞鞋,在搭建的舞臺上,配合音樂節奏跳起舞,這種講故事的手法會給觀看者留下深刻印象,因為這是指甲油已經不只是指甲油,它是舞臺上不可缺少的閃光點。

總結

以上介紹了排版四大原則 + 字體選擇與運用 + 平面版式 + 故事元素四大內容,均通過其他人的作品來分析設計手法與運用。

我個人認為,提高視覺沖擊只是更快地抓住別人的注意力,視覺手法只是用來輔助和表現你的主題與創意的手段。

 

作者:@乘與九設計

原文地址:http://www.uisdc.com/improve-design-visual-impact

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. ,

    回復
  2. 你已經點過贊了,還想咋滴

    回復
  3. 哈哈哈

    來自廣東 回復
  4. 換湯不換藥,麻煩請寫明理論出處,理論摘抄于Robin Williams 《寫給大家看的設計書》

    回復