我們?cè)谌粘５墓ぷ髦惺遣皇墙?jīng)常遇到以下的情況：
- 一段信息或者一張圖片應(yīng)該排在頁(yè)面什么位置合適？為什么排在這里？
- 左邊的設(shè)計(jì)還是右邊的設(shè)計(jì)更適合這個(gè)項(xiàng)目？為什么？
- 版面的大小元素應(yīng)該如何控制？為什么這樣做？
- 如何讓版面更易讀，是不是看了很多大神的教程還是不懂如何排版？
帶著這樣的問(wèn)題，我們來(lái)通過(guò)實(shí)際的案例分析為大家解讀版式的法則，讓你迅速上手掌握版式奧義。
一、內(nèi)容易讀又易懂的是哪一個(gè)?
正確的案例：
- 分組分類(lèi)明確
- 圖片和信息分組明確
錯(cuò)誤的案例：
- 很難區(qū)分價(jià)格和商品信息
- 沒(méi)有明確的分類(lèi)，很難對(duì)比
信息分組
分組是版面設(shè)計(jì)上常見(jiàn)的信息整理手法。將信息以特定的分類(lèi)方法加以整理，制作視覺(jué)上的群組效果，分類(lèi)方法有很多種，如種類(lèi)、顏色、形狀、地區(qū)、身份信息、編號(hào)等等，此外對(duì)分類(lèi)可以進(jìn)行小組到大組的層級(jí)分組。該如何分組依目的而定，不能將不同屬性的事物混在一起。
二、哪個(gè)版面設(shè)計(jì)更具有穩(wěn)定感，更適合商務(wù)形象？
正確的案例：
- 直線的元素和排版
- 網(wǎng)格、對(duì)齊與適度的留白，給人安心感
錯(cuò)誤的案例：
- 圓形沒(méi)有重心，沒(méi)有穩(wěn)定感
- 留白與排版不統(tǒng)一，看起來(lái)不穩(wěn)定
穩(wěn)定感
商務(wù)類(lèi)設(shè)計(jì)多半訴求真誠(chéng)與安心感，此時(shí)重要的是呈現(xiàn)「穩(wěn)定感」。日常生活中，想要穩(wěn)定的感覺(jué)時(shí)，常見(jiàn)的手法如等距離排版、讓整體重心平衡、盡量置放平坦的圖形而非圓形圖形等，而在設(shè)計(jì)上也是如此。
也就是說(shuō)，將物體排列整齊（網(wǎng)格與對(duì)齊）調(diào)整平衡（重心與留白）是必要的。具體作法是讓大小或比例一致、留白均等、盡可能配置直線物體。當(dāng)配置了一張照片時(shí)，在版面的對(duì)角線上也要配置照片以取得平衡。不這么做的話就無(wú)法呈現(xiàn)穩(wěn)定的印象感。
三、呈現(xiàn)明顯對(duì)比的更適合音樂(lè)現(xiàn)場(chǎng)的是哪張？
正確的案例：
- 對(duì)稱的版型，強(qiáng)烈的對(duì)比，清楚表達(dá)對(duì)比之后的差異感
- 對(duì)比強(qiáng)烈的顏色，清楚表達(dá)對(duì)比的音樂(lè)符號(hào)特征
錯(cuò)誤的案例:
- 同色系，無(wú)法對(duì)比差異
- 宣傳文字幾種堆砌，沒(méi)有明顯的對(duì)比區(qū)分
對(duì)比反差
對(duì)稱是一種常見(jiàn)的設(shè)計(jì)手法，會(huì)議中心線平均劃分出左右區(qū)域，分別施以相同設(shè)計(jì)。想讓兩種要素有所對(duì)比時(shí)，這樣做也非常的有效。此外，對(duì)稱手法可以確保樣式之美，產(chǎn)生穩(wěn)定的版型。提高配色的對(duì)比也可以有效的營(yíng)造對(duì)比效果。讓最暗色與最亮色的色彩亮度反差變大，即可產(chǎn)生視覺(jué)差異。另外，使用互補(bǔ)色也是個(gè)不錯(cuò)的方法；パa(bǔ)色指的是色環(huán)上面相應(yīng)的兩個(gè)顏色，例如紅色和綠色、黃色和紫色、橘色和藍(lán)色等顏色組合。想讓設(shè)計(jì)要素產(chǎn)生對(duì)比，活用上述手法會(huì)是達(dá)成目的的捷徑。
四、信息更易讀的是哪一張？
正確的案例：
- 使用網(wǎng)格編排，提高閱讀性
- 有效使用留白，讓空間有留白不死板
錯(cuò)誤的案例:
- 元素過(guò)于零散
- 段落不整齊，缺乏統(tǒng)一感
對(duì)齊（網(wǎng)格系統(tǒng)）
設(shè)計(jì)過(guò)程中，最傷腦筋的工作就是版型。要將文字、LOGO 與插圖等多個(gè)設(shè)計(jì)要素，設(shè)法安排進(jìn)有限的版面并不容易。網(wǎng)格系統(tǒng)是一種有效的版型設(shè)計(jì)方法。上圖的例子就是如此，網(wǎng)格系統(tǒng)不只是有效地進(jìn)行版面設(shè)計(jì)，還讓畫(huà)面產(chǎn)生秩序感，完成易讀性高的設(shè)計(jì)。
五、更方便比較商品信息的是哪一張？
正確的案例:
- 版式穩(wěn)定統(tǒng)一給人安全感
- 從文字到各個(gè)元素都使用相同顏色規(guī)范
錯(cuò)誤的案例:
- 這樣的版式錯(cuò)落雖然避免了單調(diào)，卻給人散落的感覺(jué)
- 為了變化而讓標(biāo)題顏色進(jìn)行了改變，相同元素缺乏類(lèi)比，反而不容易對(duì)比商品
重復(fù)（規(guī)律）
因?yàn)閾?dān)心設(shè)計(jì)會(huì)過(guò)于單調(diào)，很容易硬要去多做些多余的變化，例如把照片交錯(cuò)配置，或者是改變文字顏色。但是像商品信息手冊(cè)這種案例，最好用統(tǒng)一的版型來(lái)處理信息內(nèi)容，讓讀者更安心的閱讀，讓內(nèi)容更加規(guī)范正式。同時(shí)使設(shè)計(jì)有變化，增加圖形、粗細(xì)對(duì)比、顏色對(duì)比等方法，使兩者都可以兼顧。
六、更具有設(shè)計(jì)統(tǒng)一感的是哪一張？
正確的案例：
- 用色統(tǒng)一符合設(shè)計(jì)氣氛
- 字體與設(shè)計(jì)風(fēng)格統(tǒng)一
錯(cuò)誤的案例：
- 設(shè)計(jì)元素圖形雜亂，缺乏統(tǒng)一感
- 顏色過(guò)多，缺乏統(tǒng)一感
一致性（反復(fù)）
一旦決定設(shè)計(jì)方針，就徹底貫徹到底。
設(shè)計(jì)執(zhí)行開(kāi)始之前，我們會(huì)有這樣的問(wèn)題，比如使用何種色調(diào)?剛硬的氣質(zhì)好還是柔和的好？男性取向或者是女性取向?這些疑問(wèn)只要思考主題與目標(biāo)對(duì)象就可以決定設(shè)計(jì)方向了。
七、留白運(yùn)用得當(dāng)?shù)氖悄囊粡垼?/h4>
正確的案例：
- 大面積的留白，讓重要元素更醒目
- 巧妙的留白，視線引導(dǎo)
錯(cuò)誤的案例：
- 硬用元素排列，沒(méi)有統(tǒng)一感
- 元素排列過(guò)于緊密，沒(méi)有空間喘息感
留白
把留白當(dāng)作元素之一來(lái)排版留白。
留白是在元素與元素之間擔(dān)任緩沖的角色。版面被塞的太滿會(huì)讓人提不起觀看的興致，但是過(guò)多的留白也會(huì)讓設(shè)計(jì)顯得空洞。文字量多時(shí)可以調(diào)整行距或者字距，讓文字區(qū)域四周充分留白以利于閱讀，同時(shí)還可以起到引人注目的效果。
八、有視覺(jué)動(dòng)線引導(dǎo)的是哪一張？
正確的案例：
- 由大到小，遞進(jìn)關(guān)系，迅速對(duì)比掌握整體信息
- 減少顏色使用，并用醒目顏色突出重點(diǎn)
錯(cuò)誤的案例：
- 并列所有元素，無(wú)法一眼了解內(nèi)容結(jié)構(gòu)
- 顏色過(guò)多，無(wú)法聚集重點(diǎn)
視線引導(dǎo)
賦予要素層次感，巧妙地引導(dǎo)視線吧。
在設(shè)計(jì)畫(huà)面中會(huì)想辦法以醒目的要素抓住目標(biāo)，接著再引導(dǎo)視線到整體內(nèi)容上。比如人臉、插圖、箭頭、數(shù)字、標(biāo)志等等都是視覺(jué)焦點(diǎn)。視覺(jué)焦點(diǎn)有橫向或者直向引導(dǎo)視線的作用，所以我們一般都把重要的元素放在這個(gè)位置。
在規(guī)律中放入不規(guī)則的要素來(lái)破壞規(guī)律，會(huì)更引人注目，同時(shí)暖色系比冷色系更有聚焦效果。
雖然視覺(jué)焦點(diǎn)很方便，但是不能過(guò)多使用會(huì)失去焦點(diǎn)，運(yùn)用元素的大小、顏色、形狀等層次變化，巧妙地將視線引導(dǎo)到重點(diǎn)上去。
九、簡(jiǎn)練雅致的設(shè)計(jì)是哪一張?
正確的案例 :
- 有對(duì)比物置于中央，產(chǎn)生了強(qiáng)烈的左右對(duì)稱
- 信息的分組，畫(huà)面對(duì)稱有統(tǒng)一感
錯(cuò)誤的案例 :
- 過(guò)去靠近中心，無(wú)法產(chǎn)生對(duì)稱感
- 信息分組不對(duì)稱
對(duì)稱
自然界不存在完全對(duì)稱的生物，但是我們?nèi)祟?lèi)可以感受到，人為的對(duì)稱，可以塑造出穩(wěn)定感、高級(jí)感、傳統(tǒng)的印象。但切記一定要保持對(duì)稱兩側(cè)的平衡。
十、哪一個(gè)是好看美觀的設(shè)計(jì)？
正確的案例：
- 使用黃金比例元素
- 空隙也使用黃金比例
錯(cuò)誤的案例：
- 圖片裁剪比例隨意
- 間距行高都毫無(wú)設(shè)計(jì)感
黃金比例
最后老生常談的問(wèn)題，讓版面與照片的寬高比都呈現(xiàn)黃金比例。矩形的長(zhǎng)寬比例為1:1.618，生活周遭比如金字塔、植物、名片、香煙盒、書(shū)籍也都是黃金比例，另外還有白銀比例，其比例為1:1.414。
總結(jié)
我們經(jīng)常在設(shè)計(jì)版面時(shí)最常用見(jiàn)的問(wèn)題就是，做出無(wú)法喘息的空間設(shè)計(jì)，為了怕浪費(fèi)空間把版面填滿、缺乏適度的留白，往往會(huì)讓設(shè)計(jì)顯得毫無(wú)層次。此外，設(shè)計(jì)元素缺乏整體感，也是讓設(shè)計(jì)雜亂的原因。通過(guò)以上的版式案例是不是讓版式更清晰易懂，一篇在手，版式我有。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。