- 相關(guān)推薦
平面設計版面設計技巧
平面設計是溝通傳播、風(fēng)格化和通過(guò)文字和圖像解決問(wèn)題的藝術(shù)。由于有知識技能的重疊，平面設計常常被誤認為是視覺(jué)傳播或傳播設計。平面設計通過(guò)使用多種不同的方法去創(chuàng )造和組合文字、符號和圖像去產(chǎn)生視覺(jué)思想和信息。平面設計師或許會(huì )利用字體編排、版面技術(shù)來(lái)使產(chǎn)品設計達到預期效果。下面是小編為大家帶來(lái)的平面設計版面設計技巧，歡迎閱讀。
版面：組織元素
我們的朋友理查德一直熱愛(ài)飛行，所以他集資買(mǎi)了一架飛機并在西海岸開(kāi)展專(zhuān)機包租業(yè)務(wù)。我們可以輕易知道他的心思放在哪里：他所駕駛的噴氣式飛機擁有各種高端技術(shù)設備，但他所設計的商業(yè)名片卻讓人感覺(jué)有點(diǎn)……。讓我們看一下是否能夠按照原來(lái)的基本版面改進(jìn)一下他的設計，讓他的名片與他的飛機看起來(lái)一樣快!
飛機生產(chǎn)廠(chǎng)商已經(jīng)提供了一張非常捧的圖片，但理查德卻犯了一下我們經(jīng)常會(huì )碰到的錯誤：他只是將版面中一些空白的區域填上文字。這些文字極大的阻礙了飛機的飛行，缺乏層次，文字信息支離破碎。他將自己的名字設為天藍色――這一點(diǎn)似乎在設計與有關(guān)航空時(shí)都是一種本能選擇，但對于一張顏色飽和度不是非常高的照片來(lái)說(shuō)，這種天藍色顯得過(guò)于刺眼。 Times Roman 字體用于文字當然是一種不錯的選擇，但對于飛機這種圓滑流暢的對象來(lái)說(shuō)，則顯得過(guò)于瑣碎，加了陰影的設計進(jìn)一步增加文字的復雜感。
讓版面加快：我們將文字都移到上方的條狀區域里(也更符合我們的閱讀習慣)。輕巧的細細斜體看起來(lái)“更快”。左上角的旗狀區域在視覺(jué)上支撐著(zhù)卡片。黑色及灰褐色傳達出中性及商業(yè)氣息，與照片互為補充�，F在飛機周?chē)鷽](méi)有什么東西擋住它的去路，終于可以自由飛翔。簡(jiǎn)單的調整后出來(lái)的效果就是：層次分明，夠 sharp 的設計!
版面：分割區域
設計廣告版面時(shí)，我們經(jīng)常會(huì )碰到的一個(gè)問(wèn)題是：版面同時(shí)有兩個(gè)焦點(diǎn)要突出，如我們所談到的這個(gè)化妝品廣告版面，一個(gè)焦點(diǎn)是沖擊力十足的照片，另一個(gè)是醒目的名稱(chēng)，你如何安排兩個(gè)焦點(diǎn)但同時(shí)又不會(huì )互相產(chǎn)生沖突?解決辦法很簡(jiǎn)單：分開(kāi)他們!將照片放在一個(gè)區域里，而名稱(chēng)放在另一個(gè)區域。但顏色及對齊要保持協(xié)調，就象這樣：
細心的讀者或許會(huì )留意到，從照片取色是我們很多篇文章中所經(jīng)常采用到的一個(gè)技巧。象這個(gè)版面一樣，由于文字顏色均來(lái)自圖片，所以既形成局部對比，但同時(shí)整個(gè)版面在視覺(jué)上仍然是一個(gè)統一的整體。技巧無(wú)所謂老土，實(shí)用就行啦。
版面：強壯的字體使封面更有力
Giza Nine Five 字體線(xiàn)條如此的粗壯，使其文字看起來(lái)象是一塊堅實(shí)的區域，既傳達出一種強有力的氣息，也讓設計變得更容易。關(guān)鍵是要配合好這種字體的力量感：
矩形狀襯線(xiàn)：上圖是 Giza 字體家族中五種最粗壯的字體。其中 Nine Five 字體的線(xiàn)條厚重到幾乎沒(méi)有形成負空間。所以我們象堆積木一樣輕易應用這些字體。在上面這個(gè)設計中，他們互相緊靠，整個(gè)設計非常充實(shí)，沒(méi)有給紙張留出多余的空位――四個(gè)元素把持著(zhù)各自的陣地!
留意四個(gè)元素區域有各自的“紋理”及色調。最上方的字體最黑， FIRE 這個(gè)字體呈短平粗狀，正文呈細致紋理。不同的感覺(jué)既使各個(gè)元素沒(méi)有互相干擾，但同時(shí)又組成了一個(gè)強有力的視覺(jué)吸引力。
視覺(jué)焦點(diǎn)：矩形區域的特點(diǎn)是：給人穩重、平實(shí)的感覺(jué)，同時(shí)對角位也趨向于中心點(diǎn)，使視線(xiàn)自然地向內聚集。而這張照片本身呈矩形，同時(shí)其圖片的元素也呼應了這種特性――這張角度獨特的照片使整個(gè)封面的力量感進(jìn)一步加強。
版面：設計醒目的套入式封面
你需要一個(gè)既醒目又容易設計的封面用于一份簡(jiǎn)單的文件上?想一下我們所戴的袖章――或者很多新書(shū)封面中間都會(huì )加上一個(gè)套紙來(lái)推介書(shū)本――這種技巧我們完全可以應用在設計上。畫(huà)一個(gè)水平擺放的區域，然后將文字直接放在上面，就是這么簡(jiǎn)單!象這樣：
元素的對齊是其中的關(guān)鍵：將整個(gè)頁(yè)面分成多欄，然后將文字與其中的欄線(xiàn)對齊，再加一個(gè)水平的區域。顏色要符合主題(上方的主題是保險業(yè)――注)，留意題目的顏色與背景形成最強烈的對比，如果你希望將這個(gè)水平區域應用一點(diǎn)陰影也可以，感覺(jué)會(huì )更象一個(gè)紙套。下圖中，不對稱(chēng)的分布使版面更具動(dòng)態(tài)，居中的分布顯得過(guò)于靜態(tài)。
如果這個(gè)封面你要在桌面打印機輸出，但卻擔心不能打印到頁(yè)面邊界?我們可以調整一下：
設置頁(yè)邊距，四邊間距應該相等，然后加上一個(gè)淺色背景填充，這樣才能夠“重新定義”空間。
網(wǎng)頁(yè)：向瀏覽者打招呼
Syd Lieberman 是一個(gè)專(zhuān)業(yè)講故事的人，同時(shí)也是一名教師及作家――而他的業(yè)務(wù)也完全與此有關(guān)。為了讓人了解他的相關(guān)情況，他象一位老朋友一樣，“站在門(mén)口與你打招呼”，好象他又有什么有趣的故事要講給我們聽(tīng)，讓我們看一下他的網(wǎng)站是如何給人留下美好的第一印象：
溫馨的顏色：三個(gè)水平區域分別應用于標題、導航欄目及簡(jiǎn)介。網(wǎng)頁(yè)采用的一種溫馨的大地色，下方采用了緩和的輕微漸變色，而上方區域應用了一些陰影效果。幾乎處于頁(yè)面高度中間的導航區域顯得不同尋常，也非常有效!
輪廓式的人物圖片阻斷水平線(xiàn)的延伸，截停你的視線(xiàn)，使你不禁打量起這位學(xué)識淵博的人。人物圖片采用了細細的陰影，產(chǎn)生了深度。留意人物 SYD ，標題及文字周?chē)加泻荛_(kāi)闊的空間，這使到幾個(gè)元素都能夠輕易捕捉。
一張大圖片，如果充斥太多鮮艷顏色，出來(lái)的效果可能會(huì )嚇人一跳。但這個(gè)網(wǎng)頁(yè)中，這張人物顏色非常平實(shí)，呈不飽和狀(上圖四個(gè)矩形是從人物身上所取的顏色)，背景的顏色同樣使用這些類(lèi)似色調，使整個(gè)版面顯得溫馨樸實(shí)，平易近人。
內頁(yè)重復首頁(yè)的元素――但尺寸變小:
在內頁(yè)中，導航條移到上方，首頁(yè)上方的設計顯得簡(jiǎn)約，而在內頁(yè)中，同樣延續這種風(fēng)格，這使到下方可以展示各個(gè)主題。
延續性在設計中是非常重要的，其實(shí)也正如講故事一樣，在情節上同樣需要有延續。在內頁(yè)中，將首頁(yè)的幾種元素(人物、標題、導航條)等集中在上方，并以此作為一種基本樣式延續到每一頁(yè)。
漂亮典雅的文字是設計中的關(guān)鍵元素。留意 Syd 老兄的名字是固定放在左邊，而其余描述性文字則固定放在右邊，并隨著(zhù)不同的主題而改變，非常簡(jiǎn)潔的設計，信息傳達上也非常有效率。
輕微漸變：內頁(yè)的漸變與首頁(yè)略有不同，顯得更淺，因為在內頁(yè)中有很多信息要放置，一個(gè)較淺的背景也使其能夠與各種圖片、文字及按鈕等各種元素形成更好的對比。
【平面設計版面設計技巧】相關(guān)文章：
平面設計技巧10-02
平面設計技巧之PS技巧07-23
平面設計小技巧10-22
平面設計的配色技巧 10-15
平面設計版式技巧07-23
2017平面設計技巧與方法06-15
平面設計中的排版技巧09-03
平面設計文字排版技巧06-28
平面設計技巧有哪些10-15