作為一名專(zhuān)業(yè)的設計師，版面設計能力直接影響到該設計師水平的幾個(gè)方面之一。
我們很多設計朋友在臨摹的優(yōu)秀作品中，往往只是被作品華麗的外表吸引了，比較少去思考設計背后的秘密。
那么在這里，錦州網(wǎng)站建設華睿科技總結了版式設計原理的幾個(gè)方面，結合一些具體例子實(shí)際操作演示，讓對這塊不熟悉的設計師朋友們能快速掌握版式設計。
前面我們了解了版式組成的元素，構圖和設計原則，那么我們在工作中怎么利用起來(lái)呢，下面介紹我自己的設計流程，每個(gè)人的流程都不一樣，大家都可以根據自己的習慣來(lái)調整。
1.需求溝通，確認主題
當接到需求的時(shí)候，第一步不要著(zhù)急馬上開(kāi)工。先要找對需求的方向，才能提高工作效率，事半功倍。溝通主要注意幾個(gè)方面：
A.需求的目的是什么?目標用戶(hù)是誰(shuí)?背景是什么?——對癥下藥
B.這么多文案或者素材里面，哪個(gè)是一級二級?——劃分信息層級，尋找重點(diǎn)
C.風(fēng)格上面有什么要求或建議?能否用3個(gè)關(guān)鍵詞表達?——預期效果是否達成一致
Ps：關(guān)于第3步風(fēng)格溝通，建議雙方用圖片交流和表達。畢竟每個(gè)人對“高大上”的理解都是不一樣的，有的人認為是五彩斑斕的黑，有人認為是大量的留白。
有了圖片，我們可以去分析圖片符合“高大上”的原因是哪些，從而提煉出具體的元素，將“感覺(jué)”具體化，這里也是運用到了情緒板設計的體系。
2.確定構圖形式，學(xué)會(huì )視線(xiàn)引導
根據前面的溝通和風(fēng)格關(guān)鍵詞，收集好用于表達信息的元素，包括圖形圖像文字等等，然后在草稿或者腦海中構思好，怎樣的排布能讓信息有效的傳達出去。
另外作為設計師要學(xué)會(huì )引導用戶(hù)的閱讀視線(xiàn)。比如你找到了一個(gè)抬頭向上看的模特，你可以把文案放在海報上方，用戶(hù)會(huì )習慣性地自然地沿著(zhù)模特的視線(xiàn)看到文案。
3.色彩搭配，5種平衡關(guān)系
關(guān)于配色，網(wǎng)上大家都可以看到很多方法和理論，下面介紹這5種色彩平衡的方法個(gè)人覺(jué)得比較實(shí)用，也比較容易理解，大家要根據實(shí)際需求來(lái)運用合適的配色方案。
互補色——相互襯托
互補色就是色環(huán)上相對的兩個(gè)顏色，海報中的綠色和紅色就是這種關(guān)系，相互映襯，相互襯托，從而達到了一種平衡。
冷暖色——情感表達
當我們想表達強烈的情感時(shí)候，可以用冷暖色去對比，經(jīng)常會(huì )在電影海報或者插畫(huà)作品中看到。
深淺色——色彩層次
這里的深淺指的是黑白灰對比的重和輕，一般來(lái)說(shuō)，色大而深顯得比較重要，色小而淺顯得比較次要，我們可以看一下前面講構圖那塊展示的海報黑白版，會(huì )發(fā)現這個(gè)規律更加明顯。
中性色和彩色——視覺(jué)聚焦
中性色指的是黑色，白色和灰色，也叫無(wú)彩色，當中性色充當背景色的時(shí)候，彩色部分會(huì )更加突出和聚焦。
純色和花色——平衡多色關(guān)系
如果一張圖中，主體本身顏色比較豐富鮮艷，背景色也五顏六色的話(huà)就眼花繚亂了，也就是經(jīng)常說(shuō)的辣眼睛，這時(shí)候一般采用純色的背景來(lái)緩解視覺(jué)疲勞和平衡多色之間的關(guān)系。
4.確定字體搭配
不同的字體有不同的氣質(zhì)，根據風(fēng)格來(lái)選擇合適的字體。如果遇到比較好看的字體，卻不知道叫什么名字，可以找一些以圖搜字的網(wǎng)站，比如求字網(wǎng)等等，避免伸手黨。
黑體
工業(yè)現代感比較強的無(wú)襯線(xiàn)字體，給人感覺(jué)端正剛硬，具有力量感，多用于表達簡(jiǎn)潔或信賴(lài)感的主題。
宋體
細致優(yōu)雅的襯線(xiàn)字體、苗條細長(cháng)，特點(diǎn)是復古，多用于表達文藝或者時(shí)尚的主題
圓體
圓體的筆畫(huà)圓潤，柔美，可愛(ài)，具有親和力，多用于女性或兒童的主題領(lǐng)域
書(shū)法體
書(shū)法體特點(diǎn)是瀟灑大方，氣勢磅礴，具有歷史感，多用于表達傳統文化或者歷史主題。
哥特體
哥特體是裝飾性比較強的襯線(xiàn)字體，線(xiàn)條交接處和末端具有明顯的粗細變化和裝飾。特點(diǎn)是犀利、凌厲，多用于表達驚悚、魔法童話(huà)或者戰爭的主題。
藝術(shù)體
藝術(shù)體其實(shí)是泛指像素風(fēng)格，手寫(xiě)字體，漢儀六字簡(jiǎn)等等具有強烈的藝術(shù)風(fēng)格和設計感的字體。特點(diǎn)是輕松活潑，具有觀(guān)賞性和趣味性。
五.案例演示
上面的案例大部分是平面展覽或者電影海報，那么實(shí)際工作中的網(wǎng)頁(yè)，banner，閃屏或者ui界面這些怎么辦呢?其實(shí)方法都是一樣的，版面設計的原理應用在各個(gè)方面。這里演示一個(gè)移動(dòng)端banner設計案例吧。
首先，客戶(hù)的文案非常簡(jiǎn)潔，沒(méi)有冗長(cháng)到讓我要分成一級二級三級;
其次需求的目的也很明確，就是要突出2個(gè)素材和按鈕;
最后風(fēng)格也沒(méi)有奇奇怪怪的提議，只要和產(chǎn)品整體調性一致就好。
那么在這里要介紹一下產(chǎn)品的背景了，pins是一款少女心拼圖app，界面簡(jiǎn)潔清新，多種布局模板和背景。很快的，我在腦海中簡(jiǎn)單地構思了一下構圖的方式。其實(shí)3種構圖形式都是可以的，但是為了更好的突出按鈕和素材效果，我最后選擇了對角線(xiàn)構圖。
先在黑白稿的情況下把文案和主體布局好，讓主次關(guān)系清晰;考慮到目標用戶(hù)大部分是女生，使用了圓形字體，配色主要是參考了pins的logo的配色，少女心的品牌色;最后細節調整，加上一些點(diǎn)綴的元素，其中網(wǎng)格是pins比較受歡迎的背景。一個(gè)簡(jiǎn)單的banner就這樣完成了。
當我們的工作內容無(wú)法滿(mǎn)足做文字比較多的平面海報的欲望時(shí)，可以考慮自命題的練習。當時(shí)聽(tīng)到許巍《無(wú)人知曉》這首新歌的時(shí)候，有一些感悟和想法然后做了一些C4d素材，想利用它作為主體和歌名做一下排版練習：
在開(kāi)始動(dòng)手做之前我就想好了這次想做一個(gè)視覺(jué)直觀(guān)而強烈的海報，再加上主體是文案和素材的結合，所以我才采用了滿(mǎn)版構圖。在黑白灰中將主角和配角的位置確定好，再去調整字體和距離。
然后調整主體中4個(gè)字和素材之前的交叉和重疊，細節調整后，我嘗試了2個(gè)配色方案，一種是利用主體素材的顏色進(jìn)行搭配，平靜和諧;另外一種是紅藍配色，直觀(guān)強烈。
總結：
最后總結一下，我們在進(jìn)行版面設計時(shí)候，要注意從這幾個(gè)方面去不斷調整和檢查，同樣當你看到一張海報的時(shí)候不知道怎么去思考和分析，也可以從這幾個(gè)方面入手：
1.主題是否鮮明?視覺(jué)焦點(diǎn)是否突出?
2.構圖是否平衡?(3種平衡關(guān)系)
3.設計原則是否合理運用?(6個(gè)設計原則)
4.細節是否豐富? 是否有趣? 細節考驗著(zhù)設計師的情懷。(字體、色彩、光影等)
遼寧華睿科技有限公司是專(zhuān)業(yè)軟件開(kāi)發(fā)、高端錦州網(wǎng)站建設、云店商城開(kāi)發(fā)公司，歡迎在線(xiàn)咨詢(xún)。
華睿科技咨詢(xún)電話(huà)：13394162255 、13941609031。微信號同。公司地址:錦州市經(jīng)濟技術(shù)開(kāi)發(fā)區金山大街51號、遼寧省錦州市中央大街二段52號
本文內容來(lái)源于網(wǎng)絡(luò )，如有侵權請立即聯(lián)系刪除
