平面設(shè)計(jì)的幾個(gè)技巧

　　簡(jiǎn)潔的設(shè)計(jì)既能傳達(dá)出現(xiàn)代感，而且設(shè)計(jì)起來(lái)也毫不費(fèi)力，何樂(lè)而不為?本文以五個(gè)實(shí)例，來(lái)探討版面設(shè)計(jì)的一些技巧，包括簡(jiǎn)潔的手冊(cè)設(shè)計(jì)、濃縮的版面設(shè)計(jì)、利用對(duì)比形成焦點(diǎn)、生動(dòng)活潑的圖表及醒目大方的封面。今天，中國(guó)設(shè)計(jì)網(wǎng)的筆者教你五種技巧拓寬你的設(shè)計(jì)視野，定會(huì)令你受益菲淺。

　　1、版面：個(gè)人關(guān)系

　　在下次你設(shè)計(jì)手冊(cè)時(shí)，你可以嘗試 “面對(duì)面”的設(shè)計(jì)風(fēng)格!我們?cè)O(shè)計(jì)的重點(diǎn)不是什么 LOGO ，也不是公司名字的首字母縮寫(xiě)，而是利用漂亮的人物形象來(lái)安排版面，這些人物都是與你的機(jī)構(gòu)有某種聯(lián)系，如下圖這個(gè)聯(lián)合校區(qū)的宣傳手冊(cè)中，人物包括顧問(wèn)、房地產(chǎn)經(jīng)紀(jì)，教師或政治人物等。其中的關(guān)鍵就是要簡(jiǎn)潔――大塊的留白空間，人物圖像尺寸夠大，而且沒(méi)有雜亂的背景，文字則要干凈低調(diào)。

　　簡(jiǎn)潔漂亮的封面產(chǎn)生了一種友善的氣氛，蘋(píng)果代表著“學(xué)?！?，而封面的文字大小及顏色在內(nèi)頁(yè)中重復(fù)出現(xiàn)。

　　這些人物如此真實(shí)，仿佛你可以跟他們握手一樣。所有人物都以正面形象出現(xiàn)。我們采用了 3 個(gè)折頁(yè)的設(shè)計(jì)，而且整個(gè)效果樸實(shí)簡(jiǎn)單，傳達(dá)了一種讓人愿意接近的效果。人物細(xì)致處理使到每個(gè)人的眼睛都處于同一水平線，但同時(shí)要注意各人的距離――如果太靠近，將會(huì)使讀者看起來(lái)非常壓抑。每一個(gè)版面都采用相同的排版方式。

　　2、版面：濃縮你的設(shè)計(jì)

　　設(shè)計(jì)一整頁(yè)較大的版面有時(shí)確實(shí)令人畏懼――有太多的空間需要填充!我們面對(duì)一個(gè)比較大的版面時(shí)，總是潛意識(shí)里將每個(gè)元素都放得很大，使到各個(gè)元素都將版面占滿心里才感覺(jué)舒服。但這種處理手法并不是一種設(shè)計(jì)!在這里，我們介紹一種更好更簡(jiǎn)單的解決辦法。我們要思考的不是“再大一點(diǎn)”，相反，我們要想的是“能否再小一點(diǎn)，能否再集中一點(diǎn)”。將你的設(shè)計(jì)重點(diǎn)只集中在中間那部分。這種設(shè)計(jì)手法非常簡(jiǎn)單，而且你輕易地就能創(chuàng)造出一個(gè)強(qiáng)烈的視覺(jué)焦點(diǎn)。

　　上述這個(gè)設(shè)計(jì)很顯眼，也很明亮，但卻不能傳達(dá)出關(guān)鍵的信息：原來(lái)的設(shè)計(jì)師只是將所有的東西都放大，直到填滿整個(gè)版面，這種處理手法看真起來(lái)有條有理――居中的設(shè)計(jì)能夠讓人輕易觀看――但缺少視覺(jué)上的變化。

　　在上圖中， 1 、縮窄你的區(qū)域：周?chē)髩K的留白空間使人更容易將注意力放在中間。現(xiàn)在你的處理區(qū)域變小了，也使你設(shè)計(jì)起來(lái)更容易; 2 、加上文字：為了配合那個(gè)胖胖的蜥蜴，意味著我們要采用一種粗壯的字體( Block Heavy BQ 字體)，這種字體呈現(xiàn)不規(guī)則的邊緣，與蜥蜴的那些鱗角非常相似，同時(shí)也增加了中間區(qū)域的視覺(jué)份量; 3 、加進(jìn)圖片：這一步是整個(gè)設(shè)計(jì)最有趣的地方。我們先去掉原來(lái)蜥蜴圖片中那些無(wú)謂的背景，然后將它放在中間區(qū)域與留白空間的連接處。這個(gè)蜥蜴本身所呈現(xiàn)的孤線邊緣及立體感覺(jué)與上方的文字及直線區(qū)域形成強(qiáng)烈對(duì)比。

　　修改后的設(shè)計(jì)顯得干凈利落，空間開(kāi)闊，但卻一點(diǎn)都不單調(diào)。

　　3、圖片：小圖片，大作用

　　打開(kāi) Abercrombie 的網(wǎng)頁(yè)(見(jiàn)下圖)，首先印入你眼簾的是中間那張非常大的黑白照片，照片中的人物處于圖片的中間區(qū)域。但圖片下方那張小小的夾克衣服圖片卻使整個(gè)版面顯得有趣生動(dòng)：

　　利用顏色及白色空間制造焦點(diǎn)：整個(gè)構(gòu)圖顯得相當(dāng)有趣，不是嗎?這張小小的夾克彩色圖片在視覺(jué)上的吸引力幾乎與上方的那張黑白照片一樣強(qiáng)烈。為什么?兩個(gè)原因： 1 、整個(gè)版面里，它是唯一帶有顏色的元素; 2 、它的周?chē)兄艽蟮陌咨珔^(qū)域。

　　利用對(duì)比產(chǎn)生吸引人的焦點(diǎn)：版面上兩張圖片(人物圖片和夾克圖片)無(wú)論在尺寸上還是顏色上都形成了對(duì)比。但版面中所有的直線區(qū)域同時(shí)與夾克圖片的弧線也產(chǎn)生了對(duì)比(見(jiàn)上圖)。留意夾克衣服的周邊不規(guī)則的輪廓使它產(chǎn)生了一種生氣及活力的氣息，使你忍不住就要將它拿起來(lái)往身上穿。非常成功的一個(gè)設(shè)計(jì)。

　　4、圖片：設(shè)計(jì)“圖片式”圖表

　　圖表非常實(shí)用，利用圖表，我們可以清晰知道各個(gè)數(shù)據(jù)之間的走勢(shì)和聯(lián)系，但普通的那種由行列線組成的圖表卻很難讓人記住。在下一次設(shè)計(jì)圖表時(shí)，你完全可以將它設(shè)計(jì)得更有活力，讓人過(guò)目不忘。技巧就是：在表格里的后面或旁邊加進(jìn)一些插圖。

　　將圖表放在圖片上：籃子里的草霉表明了圖表的主題――比僅用文字效果當(dāng)然更好，圖表上的紅點(diǎn)仍然呼應(yīng)著“草霉”這個(gè)主題。

　　圖表與圖片結(jié)合：拉!推!抬!利用圖表就將能平淡的數(shù)據(jù)變得更加活潑。在這個(gè)例子中，人物選擇學(xué)生表明了圖表的主題。

　　5、版面：圖片配合文字

　　如果你要設(shè)計(jì)一本有關(guān)現(xiàn)代室內(nèi)設(shè)計(jì)的書(shū)，你當(dāng)然希望出來(lái)的封面也有一種現(xiàn)代感。而現(xiàn)代感則意味著元素盡量最少化：簡(jiǎn)單的線條，簡(jiǎn)單的字體，不要使用太多的顏色。而其中有趣的地方還在于，你要達(dá)到這種效果其實(shí)輕而易舉。看一下我們是怎么做的：

　　原來(lái)的設(shè)計(jì)中，元素太多，已超出了實(shí)際需要：初看上面的設(shè)計(jì)，還挺生動(dòng)的――旁邊四張挺有吸引力的室內(nèi)設(shè)計(jì)圖片圍繞著整個(gè)版面――但這四張圖片所呈現(xiàn)的風(fēng)格完全不一樣。這些圖片所形成的直線方向(見(jiàn)上圖箭頭)是發(fā)散的，毫無(wú)規(guī)律。而且，這些圖片無(wú)形中還互相形成了很多奇形怪狀的空間。標(biāo)題用了一種類似手寫(xiě)體的字體，與主圖所呈現(xiàn)的風(fēng)格并不搭配。原來(lái)的設(shè)計(jì)師或許花了很大的精力來(lái)設(shè)計(jì)這個(gè)版面，但老實(shí)說(shuō)，這個(gè)版面的設(shè)計(jì)方向走錯(cuò)了!

　　以軸線安排版面：正如我們剛才所說(shuō)，現(xiàn)代意味著簡(jiǎn)潔。當(dāng)我們?cè)诎才虐婷娴脑貢r(shí)，可不象我們?cè)谘b配家具那樣，這里加一塊板，那里加一個(gè)扣。我們要求的只是簡(jiǎn)單： 1 、整個(gè)版面中，一條水平軸線及一條垂直軸線統(tǒng)領(lǐng)著整個(gè)版面; 2 、整個(gè)版面里，沒(méi)有形成邊框或重疊; 3 、只有一張圖片，而不是五張! 4 、只采用一種硬邊感較強(qiáng)的字體(與圖片呼應(yīng)); 5 、文字顏色來(lái)自圖片中的顏色(形成協(xié)調(diào)效果)。而出來(lái)的效果就是：圖片與文字所傳達(dá)的信息都是一致的。