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