版式設(shè)計(jì)中的12個(gè)禁忌 4大原則
版式設(shè)計(jì)中的12個(gè)禁忌誤區(qū)
1.“切腹”
“切腹”是報(bào)紙排版的一大禁忌,指的是一條細(xì)線貫穿畫面左右兩端。這會(huì)割斷畫面整體的文脈流動(dòng),使導(dǎo)語(yǔ)難以順利推進(jìn)。
畫一條線可以提示上下兩部分是兩個(gè)不同范疇,但如果線條貫通左右就會(huì)割斷視線流??s短線的才長(zhǎng)度可以使上下兩部分變得連貫。
文字橫貫左右,會(huì)影響導(dǎo)語(yǔ),所以要盡可能縮短文章的左右寬度,如果文字是在太長(zhǎng),就把它放到頁(yè)面低端,這樣比較便于導(dǎo)語(yǔ)。
2.”淚別“
我們看雜志的時(shí)候,經(jīng)??梢钥吹巾?yè)末以句號(hào)作結(jié)。讀者可能就以為這篇文章結(jié)束了,直接把書一合,或是跳到別的頁(yè)。這就是所謂的”淚別“。所以說(shuō),如果文章還沒(méi)有結(jié)束的話,最好不要讓句號(hào)出現(xiàn)在這一頁(yè)的最后。
與之類似的,就是將圖片的說(shuō)明放在離圖片很遠(yuǎn)的位置,這樣也會(huì)給讀者的導(dǎo)語(yǔ)帶來(lái)不便,所以要盡可能避免。
如果文章還沒(méi)有結(jié)束,而本頁(yè)最后卻是句號(hào)的話,讀者會(huì)誤以為文章已經(jīng)結(jié)束了。所以要盡量調(diào)整,不要讓句號(hào)成為這一頁(yè)最后一個(gè)字符。
圖片與說(shuō)明離得很遠(yuǎn),我們將其稱為斷層。讀者更喜歡的是將說(shuō)明放在圖片旁邊。設(shè)計(jì)所追求的理念應(yīng)該就是導(dǎo)語(yǔ)的便利性。
3.填充過(guò)滿
顧客總是希望一個(gè)版面里能囊括各種內(nèi)容??尚畔⑦^(guò)多時(shí),會(huì)讓人感覺找不到重點(diǎn),無(wú)法達(dá)到設(shè)計(jì)的目的。我們通常將一個(gè)畫面里信息過(guò)多的情況成為填充過(guò)滿。填充過(guò)滿的缺點(diǎn)就是,完全沒(méi)有空間的游刃感,會(huì)讓讀者覺得眼花繚亂,視線就會(huì)主動(dòng)避開。所以設(shè)計(jì)師必須有效利用空白區(qū)域。
信息填充過(guò)多,畫面幾乎沒(méi)有空白了。這種情況下,會(huì)讓讀者不知如何是好,所以還是應(yīng)該適度精簡(jiǎn)內(nèi)容。
設(shè)計(jì)者的任務(wù)就是努力創(chuàng)造更多的空白,這種說(shuō)法一點(diǎn)也不為過(guò)。給畫面留點(diǎn)空白,更便于導(dǎo)語(yǔ)。便于導(dǎo)語(yǔ)最終就能使讀者接受到更多的信息。
4.貼邊
圖片緊貼畫面的下邊緣,我們將其稱為貼邊。圖片是具有一定重量感的,如果將其放在畫面的下邊緣,就會(huì)打破畫面的平衡,讓讀者產(chǎn)生焦慮感。在視覺心理中,畫面下緣猶如天地的地一樣,既不能太輕也不能太重。想要避免這種情況,可以將圖片與文章的基準(zhǔn)線對(duì)其,或者將突破向上移動(dòng)。
如果圖片放在畫面下端,會(huì)使畫面看起來(lái)很重,失去平衡,讓讀者產(chǎn)生焦慮感。而且,這張圖片的主題是天空,放在畫面下方很不協(xié)調(diào)。
想要避免貼邊,可以將圖片與下面文字的基準(zhǔn)線對(duì)齊,或者將圖片向上移動(dòng)。這樣一來(lái),就會(huì)產(chǎn)生空間節(jié)奏感,方便導(dǎo)語(yǔ)。
5.黑色是逃避色
當(dāng)用黑色作背景色時(shí),任何顏色都可以變得很醒目。黑色是無(wú)彩的,能夠突出彩色。黑色總會(huì)給人很冷酷的感覺。但其實(shí),我們通常是在不知道該選擇哪種彩色的情況下才會(huì)選用黑色,是大家在逃避時(shí)會(huì)做的選擇。所以可以說(shuō),選黑色來(lái)做底色的人,其實(shí)是不懂得修飾的人。
黑底其實(shí)會(huì)使眼睛產(chǎn)生疲勞感。從實(shí)用性角度來(lái)考慮,我們應(yīng)該盡可能避開黑色。
黑色的確可以使圖片和文字更加醒目。但是這種強(qiáng)烈的顏色對(duì)比會(huì)給我們?cè)斐刹簧僖曈X壓力。黑色誰(shuí)都可以使用,但是我們很難找到與之搭配的彩色。
黑底對(duì)比效果太強(qiáng),為了緩和對(duì)比度,我們可以提高畫面亮度。此處選用了綠色作為底色,這樣就降低了底色與圖片文字的對(duì)比度,便于導(dǎo)語(yǔ)。
6.框架過(guò)多
當(dāng)一個(gè)設(shè)計(jì)版面內(nèi)有多個(gè)類別的內(nèi)容時(shí),我們就要按不同類別對(duì)其進(jìn)行分組。傳單或者海報(bào)的分組不應(yīng)超過(guò)三個(gè)。如果太多,視線就會(huì)被分散。
當(dāng)類別很難分辨,而人們又想突出強(qiáng)調(diào)內(nèi)容時(shí),就會(huì)應(yīng)用很多的邊框??墒强蚣芤欢啵嬅婢蜁?huì)喪失統(tǒng)一性。視線很難流暢地推移下去。
邊框是為了突出內(nèi)容的一種技法。在一個(gè)對(duì)頁(yè)中,框架必須保證在三個(gè)以內(nèi),盡可能只用兩處,這樣才能發(fā)揮邊框的效果。
把邊框控制在三處以內(nèi),可以讓繁雜的畫面重歸于寧?kù)o。而這一畫面中很重要的一點(diǎn)是,右上角是一個(gè)大框。
7.跳讀
平時(shí)導(dǎo)語(yǔ)雜志時(shí),經(jīng)常會(huì)有一個(gè)圖片把文章隔斷的情況。這時(shí)我們一般會(huì)跳到圖片另一側(cè)繼續(xù)讀,這種現(xiàn)象就叫做跳讀。在視覺心理中,人們一般會(huì)順勢(shì)將視線移向旁邊的文字,而這種跳讀現(xiàn)象是與之相悖的。也就是說(shuō),人們一般不會(huì)想到要越過(guò)圖片去接著看文字。所以文章最好是練成一體的。
文章中間插入圖片,讀者就需要越過(guò)圖片才能讀到下文,這時(shí)候視線會(huì)在此受阻,轉(zhuǎn)移到臨近的文字上。
移動(dòng)圖片,使文章連貫在一起,讀者就可以連續(xù)不斷地導(dǎo)語(yǔ)??梢詫D片上移或移至文末。
8.參差不齊
參差不齊是指海報(bào)、傳單、雜志的標(biāo)題跟正文首字母不對(duì)齊。在不正規(guī)的海報(bào)中經(jīng)??梢钥吹竭@種情況,但站前海報(bào)從來(lái)不會(huì)出現(xiàn)這個(gè)問(wèn)題。
為什么不可以參差不齊呢?因?yàn)樗扔绊憣?dǎo)語(yǔ)又影響美感。版面設(shè)計(jì)四技法中,有左對(duì)齊、居中、右對(duì)齊,但從來(lái)沒(méi)有參差不齊,從這角度來(lái)解釋就很容易理解了。
我們有時(shí)會(huì)想讓標(biāo)題和正文字母不對(duì)齊,但是這會(huì)使畫面變得零亂沒(méi)有美感,影響導(dǎo)語(yǔ)。所以我們應(yīng)該盡量避免參差不齊。
畫一條基準(zhǔn)線讓畫面整齊有序。如果對(duì)齊到左側(cè)基準(zhǔn)線,就是左對(duì)齊;對(duì)齊到中心線,就是居中。
9.異常接近
版面設(shè)計(jì)的兩大要素就是圖畫和文字,他們各自獨(dú)立發(fā)揮著作用。圖畫是視覺交流工具,文字是知識(shí)交流工具。
想要發(fā)揮二者的功能,必須使二者相對(duì)獨(dú)立,不可以距離過(guò)近。圖片和文字的距離不是絕對(duì)的,但最好可以保持在半個(gè)字符的寬度。
文字跟圖畫過(guò)于接近,就會(huì)發(fā)生同化現(xiàn)象,難以辨認(rèn)文字。如果可以空出半個(gè)字符的距離,就可以很好地分辨。
文字過(guò)于接近邊框,也不方便導(dǎo)語(yǔ)。另外也會(huì)產(chǎn)生視覺心理上的壓迫感,達(dá)不到美觀的效果。所以文字跟邊框也應(yīng)該保持半個(gè)字符的距離。
10.花樣文字
文字主要是用來(lái)導(dǎo)語(yǔ)。如果要把它作為logo,可以對(duì)它進(jìn)行一定的裝飾,但是裝飾過(guò)度的話就會(huì)影響可讀性。文字即使不加裝飾也很美,,而裝飾應(yīng)該是插畫和圖片的功能。
過(guò)度裝飾文字的話,讀起來(lái)就會(huì)變得困難。我們稱之為可讀性的降低。文字不是裝飾品,而是導(dǎo)語(yǔ)工具,所以切忌裝飾過(guò)度。
不對(duì)文字進(jìn)行加工處理的話,它就不會(huì)成為花樣文字。盡可能保持文字原有形態(tài),如果一定要用花樣文字的話,必須選擇適合的字體。
11.”煙囪“
把圖片拍成一個(gè)豎排,就叫”煙囪“。這樣的設(shè)計(jì)乍一看可能會(huì)覺得很有統(tǒng)一感,但太過(guò)整齊也就失去了視覺刺激,會(huì)讓讀者感覺到乏味。所以應(yīng)該盡量避免煙囪形。
將圖片略微錯(cuò)開,使之有一定的韻律,看上去就像波浪一樣有動(dòng)感。這種韻律感可以刺激大腦,使大腦變得興奮。
在一個(gè)合頁(yè)中,豎排插入兩行圖片,這就是所謂的煙囪,單調(diào)缺少刺激。目錄中也應(yīng)避免這種情況。
將圖片錯(cuò)開,打破直線狀態(tài),這就叫打亂節(jié)奏。打亂節(jié)奏可以產(chǎn)生韻律感,使畫面具有活力,也能讓讀者興奮。
12.”侵入“
頁(yè)面下端強(qiáng)行塞入圖片,叫做”侵入“。這樣一來(lái),圖片上面一行文字的字?jǐn)?shù)就會(huì)減少,使文章很不連貫,影響導(dǎo)語(yǔ)。便于導(dǎo)語(yǔ)永遠(yuǎn)是設(shè)計(jì)中的基本理念。
圖片最好不要落到頁(yè)面的下邊緣(貼邊)。因?yàn)檫@樣會(huì)讓人覺得圖片從畫面中被甩了出來(lái),無(wú)法融入畫面。
右下角的圖片,就好像是在”侵入“文字。圖片上邊的幾行只剩幾個(gè)字,看起來(lái)很零碎。這樣不便于導(dǎo)語(yǔ),圖片也無(wú)法融入畫面。
稍微移動(dòng)圖片,將其放到中間,文章也會(huì)變得很緊湊,便于導(dǎo)語(yǔ)。這樣,圖片也就成為畫面構(gòu)成的一大要素,很好地融入了其中。
ˇ
版式設(shè)計(jì)的四大基本原則分別是 對(duì)比、重復(fù)、對(duì)齊、親密性
對(duì)比
對(duì)比的基本思想就是要避免頁(yè)面上的視覺元素過(guò)于相似,這些元素包括(字體、顏色、大小、線寬、形狀、空間等等)。
如果想讓頁(yè)面變得引人注目,對(duì)比通常是最重要的一個(gè)因素,正是它能夠讓讀者首先看到這個(gè)頁(yè)面。增強(qiáng)畫面的效果,但是要注意,千萬(wàn)不要對(duì)比太強(qiáng),在顏色的運(yùn)用上,顏色對(duì)比過(guò)于強(qiáng)烈,可能會(huì)造成物極必反。
以上述圖片為例,100%和22在畫面中所占比例很大,字號(hào)的對(duì)比很強(qiáng)烈,所以造成了很強(qiáng)的視覺沖擊力。很容易就引起讀者的關(guān)注,不是嗎?
重復(fù)
重復(fù)是指在頁(yè)面設(shè)計(jì)中一些基礎(chǔ)元素的運(yùn)用上可以重復(fù)使用,包括顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小和圖片以及一些幾何元素等等。這樣一來(lái)可以增加畫面的條理性和整體性。
上述案例在顏色的運(yùn)用,圖片大小及擺放位置,字體大小和種類,基本元素的運(yùn)用上使用了重復(fù)這一原則,在視覺上我們感覺到整個(gè)案例很統(tǒng)一也很和諧。提醒大家一點(diǎn),在排版設(shè)計(jì)上,字體的種類不要超過(guò)三種,在單一頁(yè)面。
對(duì)齊
在頁(yè)面設(shè)計(jì)上每一元素都應(yīng)該與頁(yè)面上的另一個(gè)元素存在某種視覺聯(lián)系,這樣才能建立清晰的結(jié)構(gòu)。
常見的對(duì)齊方式有左對(duì)齊,右對(duì)齊、居中對(duì)齊等。居中對(duì)齊比較少用,也不建議大家用。在版面設(shè)計(jì)的時(shí)候一定要找某個(gè)聯(lián)系,找對(duì)齊線才行
在這組設(shè)計(jì)中,大篇幅使用了左對(duì)齊,整體效果結(jié)構(gòu)清晰。
親密性
親密性簡(jiǎn)單的來(lái)講就是要把畫面中的元素分類,把每一個(gè)分類做成一個(gè)視覺單位,而不是眾多的孤立的元素。實(shí)現(xiàn)頁(yè)面的組織性和條理性,同時(shí)還要注意,不要在畫面中留出太多等空間的空白…并且視覺單位之間也要建立某種聯(lián)系才行。
總結(jié)
版式設(shè)計(jì)的12個(gè)禁忌誤區(qū)和四大基本原則闡述起來(lái)很簡(jiǎn)單,但是實(shí)際運(yùn)用到設(shè)計(jì)中還是有一定的難度的,我想如果你可以充分的理解到體會(huì)到12個(gè)禁忌誤區(qū)和四大基本原則的精髓,那么我想你就可以設(shè)計(jì)出一個(gè)不錯(cuò)的視覺版面。
還要注意的是12個(gè)禁忌誤區(qū)和四大基本原則并不是孤立存在的,他們之間是相輔相成的。一個(gè)優(yōu)秀的頁(yè)面設(shè)計(jì)上可能會(huì)運(yùn)用到,所以以后大家在設(shè)計(jì)的時(shí)候還是要心中有原則。當(dāng)你真正成為大師的時(shí)候,再想著打破這原則吧,作為一個(gè)學(xué)習(xí)者來(lái)說(shuō)我想學(xué)習(xí)這12個(gè)禁忌誤區(qū)和四大基本原則還是很重要的。