- 相關(guān)推薦
給初學(xué)平面設(shè)計(jì)學(xué)者的一本書(shū)
很多平面設(shè)計(jì)專(zhuān)業(yè)和視覺(jué)傳達(dá)專(zhuān)業(yè)的學(xué)生來(lái)說(shuō)。在大學(xué)時(shí)候?qū)W習(xí)的大部分理論可能在畢業(yè)時(shí)都還給了老師。直到真正開(kāi)始工作時(shí)，遇到設(shè)計(jì)瓶頸才想回過(guò)頭來(lái)溫習(xí)設(shè)計(jì)理論知識(shí)。所以，初學(xué)平面設(shè)計(jì)，應(yīng)該注意的就是運(yùn)用好這些基礎(chǔ)的設(shè)計(jì)理論。
在我們的生活中，設(shè)計(jì)無(wú)處不在，比如地鐵里的大廣告牌，櫥窗里擺放的衣服，高樓大廈的LED展位，甚至手機(jī)里的某個(gè)應(yīng)用界面等，通常在大家眼里，好的設(shè)計(jì)就是即有創(chuàng)意又大膽，并沒(méi)有什么規(guī)律可循，但其實(shí)設(shè)計(jì)和繪畫(huà)不同的在于，繪畫(huà)可以展露 個(gè)性，而設(shè)計(jì)的核心卻是體現(xiàn)秩序的美感，它不是來(lái)自個(gè)人，而是來(lái)自于社會(huì)，好比建筑群的設(shè)計(jì)構(gòu)成，不只是一個(gè)華麗的皮囊，而是有血有肉的，它的骨骼就是設(shè)計(jì)的根本。每個(gè)設(shè)計(jì)抽象出來(lái)都是一些元素的構(gòu)成。
推介書(shū)籍《點(diǎn)、線(xiàn)、面》
“依賴(lài)于對(duì)藝術(shù)單個(gè)的精神考察，這種元素分析師通向作品內(nèi)在律動(dòng)的橋梁 。”——瓦西里·康定斯基(Wassily Kandinsky )《 點(diǎn)、線(xiàn)、面》
一.點(diǎn)的運(yùn)用
在幾何學(xué)的意義上點(diǎn)是可見(jiàn)的最小形式單元，是位置的表示形式。無(wú)所謂方向、大小、形狀。但所為設(shè)計(jì)構(gòu)成的點(diǎn)與幾何中的點(diǎn)是不同的。只有當(dāng)它與周?chē)剡M(jìn)行對(duì)比時(shí)才可知這個(gè)具有具體面積形象是否可以稱(chēng)之為”點(diǎn)”。
如下圖所示，右側(cè)標(biāo)題作為視覺(jué)中心，緊密的排列起來(lái)的文字形成了一個(gè)矩形視覺(jué)焦點(diǎn)，而左側(cè)的小文起到平衡視覺(jué)的作用。
1.不同形狀的點(diǎn)往往給人以不同的視覺(jué)心理感受
圓形，平穩(wěn)，在感情上是飽滿(mǎn)的，渾厚有力量的。
方形，除了平穩(wěn)外有端莊，大方感，在感情上是踏實(shí)的，可依靠的。
三角形或菱形：菱角分明，且有指向性，在感情上是偏倚的，有目的性的。菱形比三角形對(duì)稱(chēng)，在平衡中尋求個(gè)性。其他不規(guī)則的圖形，顯得富有自己的個(gè)性，是獨(dú)立的，張揚(yáng)的。
居中：平靜，穩(wěn)定，集中感
居上：不穩(wěn)定感
居下：畫(huà)面有沉淀，安靜的感覺(jué)，但是不容易被人發(fā)現(xiàn)。
在頁(yè)面三分之二靠上時(shí)：吸引人注意往往是視覺(jué)的焦點(diǎn)。
還是舉日本節(jié)氣網(wǎng)站這個(gè)例子，進(jìn)入某個(gè)節(jié)氣后首先映入眼簾的是正中央的節(jié)氣信息，第一時(shí)間讓用戶(hù)看到最想知道的內(nèi)容，正中央圓角矩形的設(shè)計(jì)，隱喻傳統(tǒng)印章，安靜且舒適。
二.線(xiàn)的運(yùn)用
如果說(shuō)點(diǎn)是靜止的，那么線(xiàn)，就是點(diǎn)運(yùn)動(dòng)的軌跡。游離于點(diǎn)和形之間，它具有位置、長(zhǎng)度、寬度、方向、形狀和性格等屬性。
不同的線(xiàn)有不同的感情性格，線(xiàn)有很強(qiáng)的心理暗示作用。
直線(xiàn)好比男性，剛強(qiáng)有力量，曲線(xiàn)好比女性，柔和并且性感。
不同方向的線(xiàn)條和不同的排列方式也對(duì)用戶(hù)起了不同的引導(dǎo)作用
線(xiàn)還有分割畫(huà)面的作用，線(xiàn)有連貫性，畫(huà)面因?yàn)樗姆指疃兊蒙鷦?dòng)有趣，對(duì)于閱讀順序有著決定性的作用。
三.面的運(yùn)用
面是線(xiàn)的移動(dòng)至終結(jié)而形成的，面有長(zhǎng)度、寬度，沒(méi)有厚度。
面的形態(tài)是多種多樣的，不同的形態(tài)的面，在視覺(jué)上表現(xiàn)不同的情感。
曲線(xiàn)形的面具有柔軟、輕松、飽滿(mǎn)、女性的象征。
不規(guī)則的面如：水和油墨，混合墨灑產(chǎn)生的偶然形等，比較自然生動(dòng)，有人情味。
第一張圖的電影海報(bào)中用三角形的面來(lái)切割畫(huà)面，視覺(jué)上非常有秩序感且穩(wěn)定。
用大的幾何圖形來(lái)做設(shè)計(jì)能把視覺(jué)集中到圖形上，是切割畫(huà)面內(nèi)容最好的方式。
第二張圖中的不規(guī)則的面切割畫(huà)面讓頁(yè)面整體比較活潑可愛(ài)，和畫(huà)面的品牌牛奶的氣質(zhì)非常吻合，這樣的不規(guī)則元素被穿插在整個(gè)畫(huà)面中。
上面我們重新回顧了點(diǎn)、線(xiàn)、面三個(gè)設(shè)計(jì)構(gòu)成要素，接下來(lái)我要帶領(lǐng)大家來(lái)看看它們是如何利用它們的關(guān)系交織在一幅幅畫(huà)面中，形成一個(gè)賦予生命的脈絡(luò)的，設(shè)計(jì)師手中的畫(huà)筆就是描繪美好的開(kāi)始。
1.通過(guò)組合簡(jiǎn)化版面
點(diǎn)線(xiàn)面的構(gòu)成關(guān)系，即是版式設(shè)計(jì)，三個(gè)要素不同的組合方式，可以產(chǎn)生不同的版面設(shè)計(jì)效果，重要的是掌握信息內(nèi)容或者需求的重點(diǎn)是什么，將它們用平面構(gòu)成的方法，清晰的表現(xiàn)出來(lái)。
2.利用四個(gè)邊元素的延續(xù)擴(kuò)大版面
不要讓虛空間把你的版面框住，跳出框，會(huì)讓人有更多想像的空間。
用好頁(yè)面的四邊，對(duì)于版面的設(shè)計(jì)是很重要的，如果頁(yè)面的元素任意一個(gè)接近邊緣，虛空間就會(huì)被放大，如上面的例子，雜志的封面邊緣只露出了字母的一個(gè)角，但卻讓整個(gè)畫(huà)面被放大，視覺(jué)的擴(kuò)大讓頁(yè)面顯得很大氣。
也可以利用元素的延續(xù)性，讓版面有一定的關(guān)聯(lián)，例如上圖中的左側(cè)圖片采用延伸到右頁(yè)的方式，讓兩個(gè)頁(yè)面感覺(jué)上是一個(gè)整體，打破了四方的邊框。
3.四個(gè)焦點(diǎn)法則
當(dāng)一個(gè)矩形或者正方形被水平和垂直的分成三份后，結(jié)構(gòu)中的四個(gè)焦點(diǎn)是最吸引人的四個(gè)點(diǎn)，設(shè)計(jì)師可以實(shí)用位置和距離，來(lái)決定哪些點(diǎn)在層級(jí)上是最重要的。
4.利用交錯(cuò)和重疊打破平淡
元素的重復(fù)構(gòu)成使設(shè)計(jì)產(chǎn)生安定、整齊、規(guī)律的統(tǒng)一。但重復(fù)構(gòu)成的視覺(jué)感受有時(shí)容易顯的呆板、平淡、缺乏趣味性的變化，故此，我們?cè)诎婷嬷锌砂才乓恍┙诲e(cuò)與重疊，打破版面呆板、平淡的格局。
例如下面的海報(bào)設(shè)計(jì)中，利用字體形狀顏色的重疊產(chǎn)生豐富的色彩，第二張海報(bào)用交錯(cuò)的照片拼成了一個(gè)完整的圖形，使得畫(huà)面非常有層次感，不失為打破格局的好方法。
5.對(duì)比越強(qiáng)烈視覺(jué)沖擊力越強(qiáng)
對(duì)比是版面設(shè)計(jì)中常用的手法，無(wú)論字與字，形與形，無(wú)處不在，或者多種關(guān)系交融在一起。有主次廣西，大小，長(zhǎng)短，疏密，動(dòng)靜，黑白，剛?cè)�，虛�?shí)等方式，彼此參透，相互并存。
如下圖，幾種比較重要的對(duì)比關(guān)系交織在一起，背景黑色和白色的文字對(duì)比，黃色的圓形的大小對(duì)比，文字長(zhǎng)短疏密的對(duì)比，折線(xiàn)和模特臉部曲線(xiàn)的對(duì)比，交織在一起，形成了很強(qiáng)的視覺(jué)沖擊力。我們可以看一旦去掉其中一種對(duì)比，例如黑白對(duì)比以后，視覺(jué)上就弱了許多。
在比如naver網(wǎng)站的設(shè)計(jì)，左上角的色塊與其他的色塊成了明顯的對(duì)比，它在整個(gè)頁(yè)面中的作用相當(dāng)于一個(gè)面的存在，所以十分醒目。
值得順便一提的是，韓國(guó)的設(shè)計(jì)中對(duì)元素的把握總是比較到位的，哪怕是一個(gè)搜索框，就是一個(gè)點(diǎn)線(xiàn)面的組合關(guān)系。
6.在秩序中融入變異元素，能活躍頁(yè)面，并突出焦點(diǎn)
同質(zhì)中的不同，即是變異元素，在同質(zhì)元素充滿(mǎn)屏幕時(shí)，難免乏味很難獲得沖擊力，想要快速打破格局的方法就是將某個(gè)元素變異處理。
例如圖中的網(wǎng)站首頁(yè)中，有兩種元素組成，在重復(fù)的矢量圖形中，插入了幾個(gè)照片，里面的照片就是變異元素，這種視覺(jué)上的對(duì)比使得一堆圖形變得活潑起來(lái)，并且容易被記住。
我們?cè)趤?lái)看下面的一組圖，這是原研哉給《無(wú)印良品》設(shè)計(jì)的海報(bào)，畫(huà)面中的三個(gè)元素非常清晰可見(jiàn)，用最簡(jiǎn)潔的語(yǔ)言比傳達(dá)出了純樸、簡(jiǎn)潔、環(huán)保、以人為本的理念。畫(huà)面中以地平線(xiàn)的形式打造了一個(gè)巨大的空間感，一個(gè)小小的人影站立與地平線(xiàn)上顯得非常渺小，正是這樣的對(duì)比使得虛無(wú)的感覺(jué)被描述的淋漓盡致。
究其根源是什么造成的視覺(jué)美感?正是虛實(shí)空間對(duì)比的作用，也就是所謂的留白。這就是最后一點(diǎn)在整個(gè)構(gòu)成關(guān)系中很重要的一部分，留白。
7.敢于留白也要慎于留白
留白好比音樂(lè)中的休止符，有種此時(shí)無(wú)聲省有聲的效果，它不僅能引發(fā)觀眾的聯(lián)想，更能起到戲劇般的效果，如果敢于運(yùn)用白，能達(dá)到一種更好的信息傳達(dá)并從精神層面引起觀眾的共鳴，這是它獨(dú)特的魅力所在。
卡片化的設(shè)計(jì)終于在google之后風(fēng)靡開(kāi)來(lái)自于生活中類(lèi)似名片，賀卡等便攜又輕巧的設(shè)計(jì)，卡片中標(biāo)題與摘要之間，摘要與說(shuō)明文字之間的間隙較大，圖片與其他內(nèi)容間也比較疏離，同樣以信息為本的設(shè)計(jì)靠留白來(lái)分割內(nèi)容之間的關(guān)系，是最近比較流行的設(shè)計(jì)趨勢(shì)，留白的關(guān)鍵在于大面積虛空間的襯托將實(shí)體最純粹的展現(xiàn)出來(lái)，而卡片越來(lái)越趨向這種純粹的形式。
點(diǎn)線(xiàn)面的構(gòu)成在設(shè)計(jì)中實(shí)際是一套科學(xué)的方法論，它還有非常多的奧秘，以上7點(diǎn)只是粗略的談到一些在平常設(shè)計(jì)中發(fā)現(xiàn)的規(guī)律，不能一一將它的科學(xué)美展現(xiàn)出來(lái)。
設(shè)計(jì)不是盲人摸象憑著感覺(jué)去描繪，而是要把握它的骨骼，知道它的結(jié)構(gòu)所在，再用表情語(yǔ)言去豐富它，才能做到傳達(dá)出設(shè)計(jì)之美，信息之美。
【給初學(xué)平面設(shè)計(jì)學(xué)者的一本書(shū)】相關(guān)文章：
平面設(shè)計(jì)初學(xué)者必讀的秘籍09-11
速錄初學(xué)者的練習(xí)方法12-30
高爾夫初學(xué)者需要裝備哪些東西04-20
初學(xué)者如何跳好拉丁舞06-19
攀巖初學(xué)者的人工攀巖技巧08-16