平面設(shè)計版面設(shè)計技巧

　　平面設(shè)計是溝通傳播、風(fēng)格化和通過文字和圖像解決問題的藝術(shù)。由于有知識技能的重疊，平面設(shè)計常常被誤認(rèn)為是視覺傳播或傳播設(shè)計。平面設(shè)計通過使用多種不同的方法去創(chuàng)造和組合文字、符號和圖像去產(chǎn)生視覺思想和信息。平面設(shè)計師或許會利用字體編排、版面技術(shù)來使產(chǎn)品設(shè)計達(dá)到預(yù)期效果。下面是小編為大家?guī)�來的平面設(shè)計版面設(shè)計技巧，歡迎閱讀。

　　版面：組織元素

　　我們的朋友理查德一直熱愛飛行，所以他集資買了一架飛機(jī)并在西海岸開展專機(jī)包租業(yè)務(wù)。我們可以輕易知道他的心思放在哪里：他所駕駛的噴氣式飛機(jī)擁有各種高端技術(shù)設(shè)備，但他所設(shè)計的商業(yè)名片卻讓人感覺有點(diǎn)……。讓我們看一下是否能夠按照原來的基本版面改進(jìn)一下他的設(shè)計，讓他的名片與他的飛機(jī)看起來一樣快!

　　飛機(jī)生產(chǎn)廠商已經(jīng)提供了一張非常捧的圖片，但理查德卻犯了一下我們經(jīng)常會碰到的錯誤：他只是將版面中一些空白的區(qū)域填上文字。這些文字極大的阻礙了飛機(jī)的飛行，缺乏層次，文字信息支離破碎。他將自己的名字設(shè)為天藍(lán)色――這一點(diǎn)似乎在設(shè)計與有關(guān)航空時都是一種本能選擇，但對于一張顏色飽和度不是非常高的照片來說，這種天藍(lán)色顯得過于刺眼。 Times Roman 字體用于文字當(dāng)然是一種不錯的選擇，但對于飛機(jī)這種圓滑流暢的對象來說，則顯得過于瑣碎，加了陰影的設(shè)計進(jìn)一步增加文字的復(fù)雜感。

　　讓版面加快：我們將文字都移到上方的條狀區(qū)域里(也更符合我們的閱讀習(xí)慣)。輕巧的細(xì)細(xì)斜體看起來“更快”。左上角的旗狀區(qū)域在視覺上支撐著卡片。黑色及灰褐色傳達(dá)出中性及商業(yè)氣息，與照片互為補(bǔ)充�，F(xiàn)在飛機(jī)周圍沒有什么東西擋住它的去路，終于可以自由飛翔。簡單的調(diào)整后出來的效果就是：層次分明，夠 sharp 的設(shè)計!

　　版面：分割區(qū)域

　　設(shè)計廣告版面時，我們經(jīng)常會碰到的一個問題是：版面同時有兩個焦點(diǎn)要突出，如我們所談到的這個化妝品廣告版面，一個焦點(diǎn)是沖擊力十足的照片，另一個是醒目的名稱，你如何安排兩個焦點(diǎn)但同時又不會互相產(chǎn)生沖突?解決辦法很簡單：分開他們!將照片放在一個區(qū)域里，而名稱放在另一個區(qū)域。但顏色及對齊要保持協(xié)調(diào)，就象這樣：

　　細(xì)心的讀者或許會留意到，從照片取色是我們很多篇文章中所經(jīng)常采用到的一個技巧。象這個版面一樣，由于文字顏色均來自圖片，所以既形成局部對比，但同時整個版面在視覺上仍然是一個統(tǒng)一的整體。技巧無所謂老土，實用就行啦。

　　版面：強(qiáng)壯的字體使封面更有力

　　Giza Nine Five 字體線條如此的粗壯，使其文字看起來象是一塊堅實的區(qū)域，既傳達(dá)出一種強(qiáng)有力的氣息，也讓設(shè)計變得更容易。關(guān)鍵是要配合好這種字體的力量感：

　　矩形狀襯線：上圖是 Giza 字體家族中五種最粗壯的字體。其中 Nine Five 字體的線條厚重到幾乎沒有形成負(fù)空間。所以我們象堆積木一樣輕易應(yīng)用這些字體。在上面這個設(shè)計中，他們互相緊靠，整個設(shè)計非常充實，沒有給紙張留出多余的空位――四個元素把持著各自的陣地!

　　留意四個元素區(qū)域有各自的“紋理”及色調(diào)。最上方的字體最黑， FIRE 這個字體呈短平粗狀，正文呈細(xì)致紋理。不同的感覺既使各個元素沒有互相干擾，但同時又組成了一個強(qiáng)有力的視覺吸引力。

　　視覺焦點(diǎn)：矩形區(qū)域的特點(diǎn)是：給人穩(wěn)重、平實的感覺，同時對角位也趨向于中心點(diǎn)，使視線自然地向內(nèi)聚集。而這張照片本身呈矩形，同時其圖片的元素也呼應(yīng)了這種特性――這張角度獨(dú)特的照片使整個封面的力量感進(jìn)一步加強(qiáng)。

　　版面：設(shè)計醒目的套入式封面

　　你需要一個既醒目又容易設(shè)計的封面用于一份簡單的文件上?想一下我們所戴的袖章――或者很多新書封面中間都會加上一個套紙來推介書本――這種技巧我們完全可以應(yīng)用在設(shè)計上。畫一個水平擺放的區(qū)域，然后將文字直接放在上面，就是這么簡單!象這樣：

　　元素的對齊是其中的關(guān)鍵：將整個頁面分成多欄，然后將文字與其中的欄線對齊，再加一個水平的區(qū)域。顏色要符合主題(上方的主題是保險業(yè)――注)，留意題目的顏色與背景形成最強(qiáng)烈的對比，如果你希望將這個水平區(qū)域應(yīng)用一點(diǎn)陰影也可以，感覺會更象一個紙?zhí)�。下圖中，不對稱的分布使版面更具動態(tài)，居中的分布顯得過于靜態(tài)。

　　如果這個封面你要在桌面打印機(jī)輸出，但卻擔(dān)心不能打印到頁面邊界?我們可以調(diào)整一下：

　　設(shè)置頁邊距，四邊間距應(yīng)該相等，然后加上一個淺色背景填充，這樣才能夠“重新定義”空間。

　　網(wǎng)頁：向瀏覽者打招呼

　　Syd Lieberman 是一個專業(yè)講故事的人，同時也是一名教師及作家――而他的業(yè)務(wù)也完全與此有關(guān)。為了讓人了解他的相關(guān)情況，他象一位老朋友一樣，“站在門口與你打招呼”，好象他又有什么有趣的故事要講給我們聽，讓我們看一下他的網(wǎng)站是如何給人留下美好的第一印象：

　　溫馨的顏色：三個水平區(qū)域分別應(yīng)用于標(biāo)題、導(dǎo)航欄目及簡介。網(wǎng)頁采用的一種溫馨的大地色，下方采用了緩和的輕微漸變色，而上方區(qū)域應(yīng)用了一些陰影效果。幾乎處于頁面高度中間的導(dǎo)航區(qū)域顯得不同尋常，也非常有效!

　　輪廓式的人物圖片阻斷水平線的延伸，截停你的視線，使你不禁打量起這位學(xué)識淵博的人。人物圖片采用了細(xì)細(xì)的陰影，產(chǎn)生了深度。留意人物 SYD ，標(biāo)題及文字周圍都有很開闊的空間，這使到幾個元素都能夠輕易捕捉。

　　一張大圖片，如果充斥太多鮮艷顏色，出來的效果可能會嚇人一跳。但這個網(wǎng)頁中，這張人物顏色非常平實，呈不飽和狀(上圖四個矩形是從人物身上所取的顏色)，背景的顏色同樣使用這些類似色調(diào)，使整個版面顯得溫馨樸實，平易近人。

　　內(nèi)頁重復(fù)首頁的元素――但尺寸變小:

　　在內(nèi)頁中，導(dǎo)航條移到上方，首頁上方的設(shè)計顯得簡約，而在內(nèi)頁中，同樣延續(xù)這種風(fēng)格，這使到下方可以展示各個主題。

　　延續(xù)性在設(shè)計中是非常重要的，其實也正如講故事一樣，在情節(jié)上同樣需要有延續(xù)。在內(nèi)頁中，將首頁的幾種元素(人物、標(biāo)題、導(dǎo)航條)等集中在上方，并以此作為一種基本樣式延續(xù)到每一頁。

　　漂亮典雅的文字是設(shè)計中的關(guān)鍵元素。留意 Syd 老兄的名字是固定放在左邊，而其余描述性文字則固定放在右邊，并隨著不同的主題而改變，非常簡潔的設(shè)計，信息傳達(dá)上也非常有效率。

　　輕微漸變：內(nèi)頁的漸變與首頁略有不同，顯得更淺，因為在內(nèi)頁中有很多信息要放置，一個較淺的背景也使其能夠與各種圖片、文字及按鈕等各種元素形成更好的對比。

【平面設(shè)計版面設(shè)計技巧】相關(guān)文章：

平面設(shè)計學(xué)好版面設(shè)計的小竅門07-29

平面設(shè)計技巧10-02

平面設(shè)計技巧之PS技巧07-23

平面設(shè)計小技巧10-22

平面設(shè)計的配色技巧　10-15

平面設(shè)計版式技巧07-23

2017平面設(shè)計技巧與方法06-15

平面設(shè)計中的排版技巧09-03

平面設(shè)計文字排版技巧06-28

平面設(shè)計技巧有哪些10-15