追求藝術(shù)感;千萬不要眼高手低(一)平面設(shè)計的目的 我們在做任何一個平面設(shè)計的前提,都要搞清楚我們做設(shè)計的目的,不是為了單純的追求美感,不是為了炫技,而是為了信息傳達。為了讓用戶在最短的時間內(nèi)GET到我們想表達的重點,那么就會運用到各種排版技巧和設(shè)計手法來為我們服務(wù)。 所謂排版其實就是幫助用戶整理信息的過程,能讓用戶第一時間捕捉到你想表達的重點,從而吸引用戶繼續(xù)瀏覽信息,以達到廣告宣傳的目的,進而將廣告中的文案轉(zhuǎn)換成實實在在的收益。 (二)平面構(gòu)成 為了更好的進行剖析,我們將平面設(shè)計中的設(shè)計元素劃分為三個層次,分別是: 1)主體信息 2)輔助信息 3)背景信息 下面我們就已這張圣誕節(jié)宣傳海報為例來進行分析。 主體信息 在宣傳類廣告的設(shè)計中,我們通常會設(shè)置一個視覺焦點,這個視覺焦點可以是產(chǎn)品圖,也可以是文案,總的來說就是我們最想突出、最想宣傳的重點信息。視覺焦點的作用是當用戶在瀏覽信息的時候能夠第一時間GET到重點,使信息傳達更加高效。自古以來文字都是一種最有效的傳播載體,在上面這張海報中主體信息就是文字“圣誕狂歡季”,當然這也是商家最想傳遞給用戶的信息——打折促銷! 輔助信息 當主體信息明確傳遞給用戶之后,為了使用戶更深層次的獲得肯定的感知,輔助信息層則是一個必要的環(huán)節(jié)。試想,如果上面的這張圣誕節(jié)促銷海報中沒有圣誕樹、圣誕老人等輔助性信息,那么整個設(shè)計的傳播效果是不是會大打折扣,不能讓用戶持續(xù)性的獲得肯定的感知,就有可能會跳出,跳出的后果就是客戶的流失。所以說輔助信息在平面設(shè)計中同等重要。 背景層 當用戶對主體信息完成認知和肯定之后,保持用戶持續(xù)感知的視覺信息則在于第三景別的背景信息層。背景信息的主要作用是烘托氣氛,營造氛圍,讓用戶對主體信息獲得持續(xù)的感知。在上面的圣誕節(jié)海報中背景層主要是用紅色的畫布以及上面的星星點點的裝飾來營造圣誕購物的氛圍,刺激用戶的購買欲望。 三個層次分層展示 上面這張圖是平面設(shè)計中三個信息層進行層次化展示,可以幫助你更好的理解上面的偏理論性的說明。 再來兩個案例圖片,怎么樣,看過上面的分析之后,你可否可以自己對上面兩個案例的信息層級進行分析了呢?(上面的兩個案例自己分析一下哈,這里就不再贅述了) (三)排版技巧 上面兩個模塊分析了平面設(shè)計中“為什么”和“是什么”的問題,那么下面我們就進入第三個模塊——排版技巧,這個模塊中分析了“怎么做”的問題。根據(jù)平常工作中的積累以及查閱了一些資料,我整理匯總了幾種工作中常用的平面排版技巧,包括三大基本排版技巧對比對齊和分組、打造畫面的層次感、平面設(shè)計中的輔助元素、平面設(shè)計中的字體設(shè)計、留白等等,希望對你有所幫助,下面干貨開始! 一、基本排版技巧——對比 “對比”這個詞大家并不陌生,在日常生活中隨處可見,比如說“高和矮”、“胖和瘦”等等。那么具體到平面設(shè)計中“對比”手法的作用是什么,我們又該如何來運用呢? 在設(shè)計中對比最主要的作用之一就是突出主體信息,能讓用戶捕捉到重點在哪里,我的主體是什么;因為有了對比的效果,也使得整體更加鮮活,不會給人很呆板的感覺。 大小對比 圖片來源于網(wǎng)絡(luò) 大小對比的手法經(jīng)常被運用在海報設(shè)計中,以上面的這兩張海報為例,在構(gòu)圖上很好的運用了對比的手法,突出了畫面的主體信息,同時大小的對比又給畫面拉伸了層次,增強了縱深感,出現(xiàn)了近大遠小的視覺效果。 上面的兩張電影海報中運用的是人物大小的對比,另外文字大小的對比也經(jīng)常被運用在海報和banner設(shè)計中。來看下面的兩張banner,圖中的文字有大有小,錯落有致,打破了畫面中的呆板因素,頓時使畫面豐富起來。 與眾不同 來看上面的兩張圖,是不是左圖中的紅色橙子和右圖中的紅色樹葉會非常凸顯,是的,因為畫面中運用了對比手法,在畫面中所有的平鋪的物體中突然有一個不一樣(當然這種不同可以是顏色的不同也可以是材質(zhì)的不同等等),這樣的對比效果是非常強烈的,能夠很快的引導(dǎo)用戶將視覺焦點對焦與此。 顏色對比 顏色的對比在平面設(shè)計中的使用頻率是非常高的,比如冷暖色調(diào)的對比,有色系和無色系的對比等等,來看下面的兩張電影海報。 上面兩張海報充分利用了色彩對比的表現(xiàn)形式;整體視覺沖擊力很強烈,而最終視覺氛圍基調(diào)也是通過色彩對比體現(xiàn)的淋漓盡致,更易于在用戶腦海中形成記憶、傳播! 注意: 除了以上三種對比的方法,另外需要注意的一點就是要運用對比就要使對比更強烈,此話怎講呢,這是一個對比的程度的問題,視差小的對比如同隔靴搔癢,起不到突出主體信息的作用,這樣的對比還不如不用。下面用圖示的方法來說明這個問題??聪聢D! 相信看了上面這張圖片你也明確了對比就要強烈的含義。 二、基本排版技巧——對齊 對齊感覺就像是有一條無形的線把文字信息串聯(lián)起來,起到一種引導(dǎo)客戶閱讀的作用!利于用戶瀏覽信息,畫面整體也更加整潔。來看下面的幾個頁面,頁面中的元素沒有一個很好的對齊法則,畫面整體看上去雜亂無章,信息閱讀困難。 再來看下面的幾個banner,是不是整體看上去清爽了很多,對!因為頁面上的信息都有一個對齊法則,無論是左對齊右對齊還是居中對齊,必占其一,所以說能夠更有效的展示信息。 三、基本排版技巧——分組 分組顧名思義就是在排版的時候要將相互關(guān)聯(lián)的內(nèi)容相互靠近組成一個組,這也是格式塔原理中的一個重要觀點,在人們的視覺印象中會把接近或鄰近的物體會被認為是一個整體。這個原理也被應(yīng)用在APP的設(shè)計中,現(xiàn)在很流行的一種去分割線的設(shè)計方法,通過拉大間距來達到信息分組的目的。來看下面的例子。 在上面的兩個例子中通過拉大文字間距的方式將文字信息分成了幾個塊兒,從而為用戶梳理了重要信息和次要信息,更利于抓取到終點。 除了上面提到的通過拉大信息之間的間距的方式實現(xiàn)信息分組,我們還可以通過加線框或者背景色塊的方式實現(xiàn)信息分組,看下圖! 四、平面不平——打造畫面的層次感 在平面設(shè)計中,照片與文字等元素通常都是在二維世界中編排的,在需要突出和強調(diào)信息的時候,我們也可以嘗試將元素以立體的形式進行展示,使版面產(chǎn)生縱深的變化,同時也增強了畫面的視覺沖擊力,那么我們都有什么方法來提高版面的層次與縱深感呢,又有哪些需要注意的問題? 為了增強畫面的立體感和縱深效果,我們需要了解一些光影的知識和一點透視的原理,自行百度了解,這里就不再贅述。 近大遠小 上圖是一點透視原理在日常生活中的體現(xiàn)以及應(yīng)用 一點透視原理示意圖 根據(jù)一點透視的原理,自然界的物體因為遠近的不同會產(chǎn)生大小的變化,那么應(yīng)用到平面設(shè)計中我們可以反其道而行之,通過物體大小的變化,使畫面產(chǎn)生縱深感和層次感。 上面的海報設(shè)計中應(yīng)用了近大遠小一點透視的原理,通過人物大小的變化使畫面層次更加豐富。 圖片疊加 除了上面說到的近大遠小我們也可以通過圖片疊加的方式打造畫面的層次感??聪聢D! 增加光影 自然界的物體為什么是立體的,因為物體上面有投影、有高光、有倒影、有反光等等,這是存在于自然界的物體所呈現(xiàn)出來的。那么我們在進行海報設(shè)計的時候也可以通過增加光影關(guān)系來打造畫面的立體感,看下圖! 上圖中的手機和下圖中的人物都增加了投影的效果,使物體更加接近于自然界中的真實狀態(tài),畫面立體感更強。 五、平面設(shè)計中的輔助元素——線條和幾何圖形 在平面設(shè)計中根據(jù)設(shè)計需求,線條和幾何圖形的運用非常普遍,來看下面的案例! 既然線條和幾何圖形在平面設(shè)計中被普遍應(yīng)用,那么我們來分析一下輔助圖形的作用,幾何圖形起到框架的作用,是整個文字排版的一個骨架,而線條起到分割分組和裝飾的作用。 下面來看看如果去掉這些輔助性元素會是一種什么效果呢?看下圖 為了讓大家看一下去掉裝飾性元素后的效果我直接用畫筆涂抹的,湊合看吧,哈哈 六、平面設(shè)計中的字體 字體的選用及設(shè)計在平面設(shè)計中非常重要,一個好的字體的設(shè)計能夠提升畫面的品質(zhì)感,同時根據(jù)不同的設(shè)計需求采用不同的字體設(shè)計,能夠給整個畫面定風(fēng)格定基調(diào)。 字體選用 男性字體:尖銳、豪氣、粗獷 女性字體:委婉、柔美、線條 兒童字體:可愛、活潑 當然還有更多不同風(fēng)格的字體選用,這里就不一一列舉了。 字體設(shè)計 要想進行字體設(shè)計就必須先了解字形結(jié)構(gòu)等字體設(shè)計基礎(chǔ)知識。 結(jié)構(gòu):漢字字形的骨髓結(jié)構(gòu) 重心:字體視覺中心點的高低 字重:字體筆畫的粗細 中宮:字體結(jié)構(gòu)的松緊 字懷:筆畫中留白的部分多少 字面:字體所占字面框的字面率比例大小 以上字體結(jié)構(gòu)基本知識如果想詳細了解可自行百度。 幾款優(yōu)秀的字體設(shè)計欣賞 至于字體具體該怎么來設(shè)計,這里就不說了,這是一門大學(xué)問,不是一兩句話就能說清的,要想提高字體設(shè)計水平平時還是要多看多練習(xí)! 七、平面設(shè)計中的留白 顧名思義,留白就是在作品中留下相應(yīng)的空白;在設(shè)計中,留白的目的有哪些?接下來我們還是通過案例分析一下: 突出主題 留白的作用之一就是突出主題;其實原理很簡單:降低次要元素對于主題的影響,在視覺上給與主題充分的主導(dǎo)地位。 這張圖的設(shè)計屬于極簡風(fēng)格,直奔主題,很少有裝飾性元素,那么這樣的設(shè)計很好的將人們的視覺焦點吸引到主體元素上,起到了突出主題的作用。 留白提高通透性 關(guān)于這一點可以用生活中的一個例子來解釋,試想你站在一個和你身高等高的屋子里面是不是會很倔很壓抑,同樣在平面設(shè)計中適當?shù)牧舭讜尞嬅娓油ㄍ?,有更充足的空間進行呼吸。 留白能提升品質(zhì)感 一般高端品牌的設(shè)計都會采用大量留白的極簡風(fēng)格進行設(shè)計,這也是留白的妙用。來看下面的兩個例子。 八、設(shè)計中插畫的運用 插畫在當前是一個很流行的設(shè)計趨勢,無論是海報設(shè)計還是網(wǎng)頁設(shè)計中目前運用的都比較多??匆幌氯ツ觌p十一的優(yōu)秀店鋪基本上都離不開手繪元素了,所以說學(xué)好手繪在未來的設(shè)計路上會給你很大的競爭優(yōu)勢。 (四)總結(jié) 要始終堅持一個原則:排版工作就是幫助用戶整理信息的過程,然后在此基礎(chǔ)之上進行設(shè)計加工,既呈現(xiàn)出清晰調(diào)理的文字信息,又富有設(shè)計感、藝術(shù)感!初學(xué)者一定要以整理信息為重心,把這一階段基礎(chǔ)打扎實了再進行后面的設(shè)計加工,追求藝術(shù)感;千萬不要眼高手低,追求速成;最后祝你能在設(shè)計的道路上越走路越寬。 |