平面設(shè)計(jì)的版式設(shè)計(jì) 版式構(gòu)成

1、平面設(shè)計(jì)的版式設(shè)計(jì) 版式構(gòu)成簡(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)活潑的圖表及醒目大方的封面。五種技巧拓寬你的設(shè)計(jì)視野，定會(huì)令你受益菲淺。版面：個(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)潔大塊的留白空間，人物圖像尺寸夠大，而且

2、沒(méi)有雜亂的背景，文字則要干凈低調(diào)。 layout_five_ideas01.jpg (20.95 KB)2008-6-11 10:55簡(jiǎn)潔漂亮的封面產(chǎn)生了一種友善的氣氛，蘋(píng)果代表著“學(xué)?！?，而封面的文字大小及顏色在內(nèi)頁(yè)中重復(fù)出現(xiàn)。 layout_five_ideas02.jpg (71.89 KB)2008-6-11 10:55這些人物如此真實(shí)，仿佛你可以跟他們握手一樣。所有人物都以正面形象出現(xiàn)。我們采用了 3 個(gè)折頁(yè)的設(shè)計(jì)，而且整個(gè)效果樸實(shí)簡(jiǎn)單，傳達(dá)了一種讓人愿意接近的效果。人物細(xì)致處理使到每個(gè)人的眼睛都處于同一水平線，但同時(shí)要注意各人的距離如果太靠近，將會(huì)使讀者看起來(lái)非常壓抑。每一個(gè)版面都

3、采用相同的排版方式。 版面：濃縮你的設(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)。 layout_five_ideas03.jpg (60.76 KB)2008-6-11 10:55上述這個(gè)設(shè)計(jì)很顯眼，也很明亮，但卻不能傳達(dá)出關(guān)

4、鍵的信息：原來(lái)的設(shè)計(jì)師只是將所有的東西都放大，直到填滿整個(gè)版面，這種處理手法看真起來(lái)有條有理居中的設(shè)計(jì)能夠讓人輕易觀看但缺少視覺(jué)上的變化。 layout_five_ideas04.jpg (29.1 KB)2008-6-11 10:55在上圖中， 1 、縮窄你的區(qū)域：周圍大塊的留白空間使人更容易將注意力放在中間?，F(xiàn)在你的處理區(qū)域變小了，也使你設(shè)計(jì)起來(lái)更容易； 2 、加上文字：為了配合那個(gè)胖胖的蜥蜴，意味著我們要采用一種粗壯的字體（ Block Heavy BQ 字體），這種字體呈現(xiàn)不規(guī)則的邊緣，與蜥蜴的那些鱗角非常相似，同時(shí)也增加了中間區(qū)域的視覺(jué)份量； 3 、加進(jìn)圖片：這一步是整個(gè)設(shè)計(jì)最有趣的

5、地方。我們先去掉原來(lái)蜥蜴圖片中那些無(wú)謂的背景，然后將它放在中間區(qū)域與留白空間的連接處。這個(gè)蜥蜴本身所呈現(xiàn)的孤線邊緣及立體感覺(jué)與上方的文字及直線區(qū)域形成強(qiáng)烈對(duì)比。 layout_five_ideas05.jpg (41.01 KB)2008-6-11 10:55修改后的設(shè)計(jì)顯得干凈利落，空間開(kāi)闊，但卻一點(diǎn)都不單調(diào)。 圖片：小圖片，大作用 打開(kāi) Abercrombie 的網(wǎng)頁(yè)（見(jiàn)下圖），首先印入你眼簾的是中間那張非常大的黑白照片，照片中的人物處于圖片的中間區(qū)域。但圖片下方那張小小的夾克衣服圖片卻使整個(gè)版面顯得有趣生動(dòng)： layout_five_ideas06.jpg (68.74 KB)2008-

6、6-11 10:55layout_five_ideas07.jpg (13.06 KB)2008-6-11 10:55利用顏色及白色空間制造焦點(diǎn)：整個(gè)構(gòu)圖顯得相當(dāng)有趣，不是嗎？這張小小的夾克彩色圖片在視覺(jué)上的吸引力幾乎與上方的那張黑白照片一樣強(qiáng)烈。為什么？?jī)蓚€(gè)原因： 1 、整個(gè)版面里，它是唯一帶有顏色的元素； 2 、它的周圍有著很大的白色區(qū)域。 layout_five_ideas08.jpg (23.4 KB)2008-6-11 10:55利用對(duì)比產(chǎn)生吸引人的焦點(diǎn)：版面上兩張圖片（人物圖片和夾克圖片）無(wú)論在尺寸上還是顏色上都形成了對(duì)比。但版面中所有的直線區(qū)域同時(shí)與夾克圖片的弧線也產(chǎn)生了對(duì)比（見(jiàn)

7、上圖）。留意夾克衣服的周邊不規(guī)則的輪廓使它產(chǎn)生了一種生氣及活力的氣息，使你忍不住就要將它拿起來(lái)往身上穿。非常成功的一個(gè)設(shè)計(jì)。圖片：設(shè)計(jì)“圖片式”圖表 圖表非常實(shí)用，利用圖表，我們可以清晰知道各個(gè)數(shù)據(jù)之間的走勢(shì)和聯(lián)系，但普通的那種由行列線組成的圖表卻很難讓人記住。在下一次設(shè)計(jì)圖表時(shí)，你完全可以將它設(shè)計(jì)得更有活力，讓人過(guò)目不忘。技巧就是：在表格里的后面或旁邊加進(jìn)一些插圖。 layout_five_ideas09.jpg (61.03 KB)2008-6-11 10:55將圖表放在圖片上：籃子里的草霉表明了圖表的主題比僅用文字效果當(dāng)然更好，圖表上的紅點(diǎn)仍然呼應(yīng)著“草霉”這個(gè)主題。layout_fiv

8、e_ideas10.jpg (75.21 KB)2008-6-11 10:55圖表與圖片結(jié)合：拉！推！抬！利用圖表就將能平淡的數(shù)據(jù)變得更加活潑。在這個(gè)例子中，人物選擇學(xué)生表明了圖表的主題。 版面：圖片配合文字 如果你要設(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í)輕而易舉?？匆幌挛覀兪窃趺醋龅模?layout_five_ideas11.jpg (80.62 KB)2008-6-11 10:55原來(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ò)了！ layout_five_ideas12.jpg (58.02 KB)2008-6-11 10:55以軸線安排版面：正如我們剛才所說(shuō)，現(xiàn)代意味著簡(jiǎn)潔。當(dāng)我們?cè)诎才虐婷娴脑貢r(shí)，可不象我們?cè)谘b配家具那樣，這里加一塊板，那里加一個(gè)扣。我們要求的只是簡(jiǎn)單： 1