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