平面設計之版式設計技巧

　　平面設計之版式設計技巧。所謂版式設計，即在版面上將有限的設計元素進(jìn)行有機的排列組合，將理性思維個(gè)性化地表現出來(lái)，是一種具有個(gè)人風(fēng)格和藝術(shù)特色地視覺(jué)傳達方式。它在傳達信息的同時(shí)，也產(chǎn)生感觀(guān)上的美感。版式設計的范圍可涉及到報紙、雜志、書(shū)籍、畫(huà)冊、產(chǎn)品樣本、掛歷、招貼、唱片封套等平面設計的各個(gè)領(lǐng)域，它的設計原理和理論貫穿于每一個(gè)平面設計的始終。版式設計是一種直覺(jué)性、理論性、創(chuàng )造性的綜合設計活動(dòng)，是藝術(shù)設計學(xué)科中的重要環(huán)節。

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

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

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

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

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

　　版面：濃縮你的設計

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

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

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

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

　　圖片：小圖片，大作用

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

　　利用顏色及白色空間制造焦點(diǎn)：整個(gè)構圖顯得相當有趣，不是嗎？這張小小的夾克彩色圖片在視覺(jué)上的吸引力幾乎與上方的那張黑白照片一樣強烈。為什么？?jì)蓚€(gè)原因： 1 、整個(gè)版面里，它是唯一帶有顏色的元素； 2 、它的周?chē)兄?zhù)很大的白色區域。

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

　　圖片：設計“圖片式”圖表

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

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

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

　　版面：圖片配合文字

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

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

　　以軸線(xiàn)安排版面：正如我們剛才所說(shuō)，現代意味著(zhù)簡(jiǎn)潔。當我們在安排版面的元素時(shí)，可不象我們在裝配家具那樣，這里加一塊板，那里加一個(gè)扣。我們要求的只是簡(jiǎn)單： 1 、整個(gè)版面中，一條水平軸線(xiàn)及一條垂直軸線(xiàn)統領(lǐng)著(zhù)整個(gè)版面； 2 、整個(gè)版面里，沒(méi)有形成邊框或重疊； 3 、只有一張圖片，而不是五張！ 4 、只采用一種硬邊感較強的字體（與圖片呼應）； 5 、文字顏色來(lái)自圖片中的顏色（形成協(xié)調效果）。而出來(lái)的效果就是：圖片與文字所傳達的信息都是一致的。

　　版式設計是現代設計藝術(shù)的重要組成部分，是視覺(jué)傳達的重要手段。表面上看它是關(guān)于編排的學(xué)問(wèn)，而實(shí)際上，它不僅是一種技能，更是技術(shù)與藝術(shù)的高度統一。版式設計是現代設計師必須具有的藝術(shù)修養與技術(shù)知識。