視覺傳達(dá)設(shè)計(jì)教學(xué)過程中版面設(shè)計(jì)問題的研究分析

沈楠

摘要：在工業(yè)設(shè)計(jì)專業(yè)的視覺傳達(dá)設(shè)計(jì)教學(xué)過程中，學(xué)生經(jīng)常在版面設(shè)計(jì)中出現(xiàn)各類問題。在綜合和分析了近十年案例的技術(shù)上，我們對(duì)學(xué)生最易出現(xiàn)的問題進(jìn)行分類和分析，以便學(xué)生自查，又為后續(xù)教學(xué)工作打下了基礎(chǔ)。我們也希望這次研究工作能對(duì)其他從事該領(lǐng)域教學(xué)的工作者提供一些參考和幫助。

關(guān)鍵詞：視覺設(shè)計(jì) 版面 問題

中圖分類號(hào)：G64 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069（2017）01-0126-02

引言

版式設(shè)計(jì)是以優(yōu)秀的布局來實(shí)現(xiàn)卓越的設(shè)計(jì)，是現(xiàn)代設(shè)計(jì)藝術(shù)的重要組成部分，是視覺傳達(dá)設(shè)計(jì)表現(xiàn)形式中的重要方式和手段。在市場(chǎng)的品牌推廣宣傳中扮演著重要的角色，也是視覺傳達(dá)設(shè)計(jì)教學(xué)中的重點(diǎn)內(nèi)容，本文的目的是通過研究版式設(shè)計(jì)中運(yùn)用的圖形、文字、色彩等元素的編排搭配出現(xiàn)的常見問題，探討這些對(duì)于版式設(shè)計(jì)效果的影響。從而實(shí)現(xiàn)應(yīng)用型人才培養(yǎng)的目的。

一、視覺排版的“透氣”問題

（一）版面滿漲問題

版面中內(nèi)容過多，沒有留出足夠的“透氣孔”。也就是留白不夠，給人一種非常滿漲的效果，顯得十分壓抑；同樣，版面中文字字號(hào)過大，行間距過小也會(huì)給人造成同樣的視覺感受。

（二）版面留白問題

首先，設(shè)計(jì)中有意地將頁面大面積留白，可以體現(xiàn)出典雅的版面風(fēng)格；但是如果頁面四周沒有任何章法地留出太多的空白，沒有做出疏密關(guān)系的對(duì)比，就不是以設(shè)計(jì)為出發(fā)點(diǎn)而留白的情況，而是沒有經(jīng)過任何思考過程，隨意擺放設(shè)計(jì)元素的結(jié)果；其次，頁邊留有太多的空白會(huì)導(dǎo)致頁面內(nèi)容沒有張力，反而有緊縮感，違反審美的視覺原則；版面的疏密問題是排版設(shè)計(jì)中首先要考慮的問題，有密就有疏是版面設(shè)計(jì)中永不顛覆的真理；疏密是與“透氣”、“滿漲”相輔相成的，也是形式美必須遵循的法則。

二、視覺排版的“配色”問題

（一）色彩的主題

排版設(shè)計(jì)應(yīng)該有與排版內(nèi)容相符的主題色彩，否則版面就無法風(fēng)格定位；版面中出現(xiàn)的背景或色塊顏色必須是與主題相關(guān)和相符的色系，而不是設(shè)計(jì)者信手捏來的顏色背景或標(biāo)題色塊；

（二）色彩的襯托

版面設(shè)計(jì)中背景顏色起到襯托主體文字的作用；背景顏色如果是亮色，那么文字顏色最好是黑色或明度較低的顏色；背景顏色反之，則使用明度高的色彩作為文字色彩；

（三）色彩的搭配

顏色除了明暗度的互相襯托問題，還需要考慮顏色之間的色相關(guān)系是否搭配、統(tǒng)一和和諧；比如說黑、白、灰三色可以和任何一種色相進(jìn)行色彩搭配；黃色可以和紅色或藍(lán)色、綠色或紫色進(jìn)行搭配，但是不適合跟粉色進(jìn)行搭配，諸如此類，在此不一一例舉；值得注意的是，雖然配色有一些習(xí)慣性的原則，但是也沒有一成不變的配色原則，作為初學(xué)者還是從習(xí)慣性配色的角度學(xué)起，再在學(xué)習(xí)中不斷探索嘗試新的配色方法，否則容易走彎路；

（四）色彩的比例

一般情況下，版面中出現(xiàn)的色彩不宜過多，就算有也需要有一個(gè)主體色調(diào)，也就是要保持色彩統(tǒng)一的原則；除統(tǒng)一的主體色調(diào)之外，配色方面可以出現(xiàn)小面積的色相對(duì)比，但是不能出現(xiàn)大面積的色相對(duì)比，因?yàn)橐裱瓘慕y(tǒng)一中求變化的設(shè)計(jì)原則；此法則也不是一成不變的，但是適用初學(xué)者；

（五）色彩與文字

如果要在照片素材這樣的漸變色背景上文字排版的話，文字必須是帶有陰影的文字；這樣的字體填充方法能使字體有更強(qiáng)的環(huán)境適應(yīng)性，文字無論是在亮色背景還是暗色背景基本上都可以被識(shí)別出來；具體做就是亮色填充字帶深色陰影，暗色填充字帶亮色陰影。

（六）色彩與背景

如果不是非要使用照片色彩來作背景，還是最好用純色填充背景；或者是在照片素材上放置文字的地方增加一層半透明蒙版，或是在圖片處理軟件中虛化中間版面；除以上兩種方法之外，還有很多應(yīng)對(duì)方法，在此不一一例舉了。

三、視覺排版的“干擾”問題

視覺排版中會(huì)出現(xiàn)文字、圖片、顏色等很多視覺元素，編排過程中經(jīng)常會(huì)出現(xiàn)元素之間配合不當(dāng)，相互干擾的情況，具體問題如下：

（一）純色背景和圖片背景

背景顏色最好采用純色背景，否則文字放在帶有圖案感覺的背景上就會(huì)出現(xiàn)互相干擾的現(xiàn)象和問題，不如純色的背景對(duì)文字的襯托力好；如果必須放在圖案的背景上，務(wù)必采用增加文字底色的方法進(jìn)行化解。原則上是淺色文字用深色底色，深色文字用淺色底色的方法。

（二）文字和插圖

文字和插圖一定不能出現(xiàn)重疊現(xiàn)象，因?yàn)樵诎婷嬷形淖趾筒鍒D應(yīng)該是互不干擾得，各在各的位置上。雖然文字和插圖有互相說明和依托的作用，但是絕對(duì)不能互相重疊，這樣會(huì)互相干擾對(duì)方，削弱彼此的視覺沖擊力。

四、視覺排版的“插圖”問題

（一）插圖像素過低

版面設(shè)計(jì)中過低像素的插圖會(huì)大大影響版面的質(zhì)量，所以說排版設(shè)計(jì)中的圖片必須是清晰和高像素的，只要不脫離主題，圖片素材選擇的空間是很大的；

（二）插圖形式單一

插圖的處理手法過于單一，原圖是什么尺寸比例和外形，就只會(huì)用什么比例關(guān)系和尺寸的圖片，不會(huì)改變圖片外輪廓形狀或改其為透明無規(guī)則邊框的Gif圖片格式；因此，版面也無法脫離同一種排版方式；

（三）插圖不能變形

插圖不能被直接橫向或縱向拉扯成不合比例的變形效果，這樣既違背原圖的尺寸比例關(guān)系，也不符合視覺設(shè)計(jì)的原則；

（四）插圖的取舍

版面中對(duì)圖片的取舍問題，自選圖片如果內(nèi)容近似或是重復(fù)就沒有必要放置多張，注意“精而不雜”才是正確的排版原則；

（五）插圖的外框

插圖的外形框必須統(tǒng)一化，不能一張版面上出現(xiàn)超過兩種形狀的圖形外形框，比如矩形導(dǎo)圓角的圖形外框的圓導(dǎo)角的角度也必須是統(tǒng)一的，否則版面插圖的格式就無規(guī)律可循了，會(huì)顯得過于雜亂；endprint

（六）插圖的裁剪

使用“圖框精確裁剪”→“放置在容器中”進(jìn)行圖形外形編輯時(shí)，一定要圖片撐滿圖框，不能有圖框內(nèi)填充不飽滿的情況出現(xiàn)；如圖

1.1-圖1.2所示效果。

五、視覺排版的“正文”問題

（一）正文分欄

排版設(shè)計(jì)一般情況下不會(huì)全篇通欄設(shè)計(jì)，所以一定會(huì)分欄處理正文內(nèi)容，因此就要考慮段落分欄的問題了；段落分欄中分欄尺寸應(yīng)該盡量統(tǒng)一，分欄的間距也必須統(tǒng)一；除非有設(shè)計(jì)的原因，需要做適當(dāng)?shù)淖兓驼{(diào)整才可以進(jìn)行區(qū)別化的處理；這都是排版應(yīng)有的設(shè)計(jì)規(guī)范。

（二）正文行距

段落文字排版設(shè)計(jì)時(shí)不應(yīng)使用軟件默認(rèn)行距，必須調(diào)整行距不小于1.5倍，至少絕對(duì)大于字間距；這樣閱讀時(shí)識(shí)別性才更強(qiáng)，能有效減少視覺疲勞度，符合排版設(shè)計(jì)的易識(shí)別視覺原則；

（三）首行縮進(jìn)

段落文字不能隨便設(shè)置或不設(shè)置段落的首行縮進(jìn)，首行縮進(jìn)必須統(tǒng)一規(guī)范為2個(gè)字符；首行縮進(jìn)不能想空幾個(gè)字符就空幾個(gè)字符或首行不空字符；

（四）文本屬性

段落文字必須放在統(tǒng)一的文字編輯框內(nèi)編輯，保證其文本屬性是一致的，除非有段落設(shè)計(jì)的考慮才可以進(jìn)行屬性不同的文本編輯；標(biāo)題、正文標(biāo)題和正文也需要放置在統(tǒng)一的文字框內(nèi)編輯，保證所有文字內(nèi)容的行間距都是統(tǒng)一的。

六、視覺排版的“主次”問題

（一）標(biāo)題與正文

標(biāo)題與正文的主次關(guān)系應(yīng)該是標(biāo)題為主，正文為次；“標(biāo)題”必須從字號(hào)、字形、字色上都強(qiáng)于“正文”；

（二）主標(biāo)題與副標(biāo)題

主標(biāo)題與副標(biāo)題的關(guān)系應(yīng)該是主標(biāo)題（為主）字形厚重，字體顏色搶眼或濃重，字號(hào)大；副標(biāo)題（為次）必須在字形和字色、字號(hào)上弱于主標(biāo)題才行；

（三）插圖與插圖

首先，插圖之間應(yīng)分主次，前面提過的圖形外框形式最好統(tǒng)一；如果主、副插圖是有別的形式，也最好不要超過兩種式樣種類；還有就是主插圖一定要比副插圖尺寸大1.5～2倍，因?yàn)楹茈y用肉眼辨別細(xì)微差別，是無法區(qū)分插圖的主次關(guān)系的；當(dāng)然這是最基本的插圖主次比例關(guān)系，不能涵蓋一切版式插圖比例關(guān)系。其次，并置的插圖間也最好遵循（橫向并置的插圖）高度一致，或（豎向并置的插圖）寬度一致的準(zhǔn)則；

最后，插圖與插圖在布局過程中也要考慮在整個(gè)版面中的位置上下左右、面積大小輕重的視覺平衡關(guān)系。

七、視覺排版的“習(xí)慣”問題

（一）段落內(nèi)容有序

由于排版問題導(dǎo)致的段落前后次序不明的問題是排版中值得關(guān)注的問題。因?yàn)楝F(xiàn)代人的閱讀習(xí)慣是從左至右，從上至下；所以不能隨便任意地?cái)[放段落內(nèi)容，否則會(huì)出現(xiàn)使閱讀者產(chǎn)生閱讀順序障礙的問題；

（二）視覺元素有序

好的版面設(shè)計(jì)應(yīng)該是有目的地調(diào)動(dòng)版面中所有元素的出場(chǎng)次序；把文字、圖形等視覺元素跳入“人的視線”的順序設(shè)置成有先后、有主次的序列；設(shè)計(jì)者就相當(dāng)于一個(gè)出色的導(dǎo)演，用面積大小、顏色等視覺元素來帶動(dòng)元素出場(chǎng)的順序，也就是先讓閱讀者看見什么，再看見什么……都是由版面設(shè)計(jì)者精心安排的結(jié)果，而不是盲無目的擺放安排。

八、視覺排版的“態(tài)度”問題

（一）粗略編排

簡(jiǎn)單粗陋地將圖片、文字要素進(jìn)行簡(jiǎn)單的排放和堆砌，沒有考慮各個(gè)元素間的潛在聯(lián)系，比如看似相隔甚遠(yuǎn)的元素時(shí)間的“上、下、左、右”的對(duì)齊關(guān)系……

（二）方案雷同

設(shè)計(jì)方案?jìng)€(gè)案中沒有明顯風(fēng)格差異，只是簡(jiǎn)單的局部小調(diào)整，不符合方案各異的設(shè)計(jì)篩選要求；

（三）校對(duì)不夠

段落文字內(nèi)容不完整的問題，排版設(shè)計(jì)中出現(xiàn)了文字內(nèi)容“錯(cuò)字”、“別字”的現(xiàn)象，都是沒有認(rèn)真校對(duì)的結(jié)果；

（四）編排不規(guī)范

同級(jí)別的段落文字，出現(xiàn)字體大小或行間距不統(tǒng)一的現(xiàn)象，都是編排過程中沒有規(guī)范編排的結(jié)果。

結(jié)論

對(duì)于視覺的版式設(shè)計(jì)，設(shè)計(jì)者都有自己不同的設(shè)計(jì)理解和處理手法，都遵循一些基本的設(shè)計(jì)原則，所以我在這里提出的觀點(diǎn)都圍繞版式設(shè)計(jì)基本視覺原則進(jìn)行探討和分析。在不違反以上八點(diǎn)原則的基礎(chǔ)上進(jìn)行的其他設(shè)計(jì)創(chuàng)意也是不違背視覺的基本設(shè)計(jì)原則的。不能說本文總結(jié)的內(nèi)容已經(jīng)涵蓋了所有的設(shè)計(jì)原則，但是涵蓋了具有普遍共性的一些設(shè)計(jì)問題，所以對(duì)于版面設(shè)計(jì)的初學(xué)者，尤其是工業(yè)設(shè)計(jì)專業(yè)的本科大學(xué)生有著一定的指導(dǎo)意義。endprint