簡單版式設(shè)計排版 讓作品更耐看

2016-10-18    分類: 網(wǎng)站建設(shè)

在設(shè)計上,比例規(guī)則中的黃金比例和白銀比例,交互設(shè)計中的費茨法則,視錯覺中的完形心理學(xué),廣告行業(yè)的AIDMA法則等等。其實萬變不離其宗,說的基本都是一個道理,看我們自己能否悟出。版式設(shè)計排版技巧和基本功還是靠我們自己多練習(xí),多實踐。

今天分享幾個簡單的版式設(shè)計排版技巧,反差/孤立/軟硬/節(jié)奏/比例/紋理/故事情節(jié),七招讓你瞬間上一個高度。

1.反差

反差指的是多個要素之間的差異。通常設(shè)計師在給客戶提供設(shè)計稿時,會被客戶懟著說:這兩稿有什么差別么。其實客戶認(rèn)知中的這個“差別”就是反差的意思。差異越大反差越明顯,能讓特定要素更顯眼,相反差異不大越不明顯,也無法體現(xiàn)出重要的要素與重要的信息,就不會給讀者一種強烈的印象。

為版面添加反差效果有各種手法,其中給人印象最強烈的就是明暗反差(一提到明暗對比就想到了倫勃朗)。圖片明暗差越明顯就越容易引人注意;文字也一樣,越是明亮的背景、深色的文字越顯眼。

也可以利用要素的尺寸大小對比來營造反差。在設(shè)計文字時,即便是同樣的字形,筆畫粗的字感覺更硬,筆畫細(xì)的字感覺更柔,兩者搭配使用就能營造出反差。上面中“字形”是專業(yè)術(shù)語,我打算把網(wǎng)格講完就講一下字體這塊(中/日/英字體結(jié)構(gòu)與差別)。

另外,編輯要素的密度差或使用的顏色等,任何能突出要素之間“差別”的手法都能營造出反差的效果。

2.孤立

滿排版(滿排版可以簡單理解為把頁面擠的滿滿的)會使版面變得活潑熱鬧,但要是在其中強調(diào)某個要素的差異化與重要性,除了可以用線框包圍、分隔等方法來尋求差異化,還可以用周圍留白的方法進行強調(diào),也就是用孤立的設(shè)計方法進行強調(diào)。

這種方法在版面內(nèi)有充足空間的情況下很有效果。由于周圍的留白意味著與其他要素的內(nèi)容不同,因此留白一定要足夠徹底,要把留白做的足夠大。

在版面中留有大量的空白會給人一種很空的感覺,相反卻能給人一種高雅感。

通常的排版方法就是利用“貼近”來建立要素與要素之間的關(guān)聯(lián)性,使版面具有條理性,但這樣做缺乏趣味性。

如果想讓某個要素極為突出,就可以用“遠離”來形成孤立,使要素得到強調(diào)的屬性。孤立狀態(tài)與以后要講的“激活空間”的道理類似,但它們之間還是稍微有一些差別的,激活空間以后可能會講到,請期待吧。

3.軟硬

剛硬的要素和柔軟的要素相互搭配,可以帶來顯著的對比效果。

通常情況下,版面中的要素大多都是四方形的圖片,或者是直線、四邊形等水平或垂直的線條。這種編排方式雖然條理清晰,但同時給人一種比較生硬的感覺。

若想讓版面給人一種柔美或柔和的感覺,可以在整體上把有棱角的四方形改變?yōu)槿岷偷那€或圓角。設(shè)置圓角時,圓形的半徑或曲率越大,給人感覺越柔和、越可愛。這里又涉及到一個高階知識點-娃娃臉偏見,大致意思是成人有棱角的臉型給人感覺冷峻堅毅,嬰兒的娃娃臉給人感覺可愛溫和,如果成人長了個娃娃臉就代表知性。這個高階知識點以后會跟激活空間一起講的。

把圖片或區(qū)域分明的彩色邊界作微微的漸變處理,就能顯得圖片更加的柔美。這種方法適合在想要得到逐漸變淡。余韻不盡的效果時使用。

4.節(jié)奏

節(jié)奏這個知識點我在講其他賬號發(fā)表的文章中有講過,但可能講的太學(xué)術(shù)了,節(jié)奏(從希臘韻律,“任何有規(guī)律的循環(huán)運動”可以被定義為“由強弱元素或相反或不同條件組成的運動“,理論性太強了不怎么好理解是吧。其實很好理解,把年輕人常聽得電子音樂中的鼓點分離出來,就是節(jié)奏。節(jié)奏又分強弱之分,強弱音調(diào)搭配出來的節(jié)奏就是生動有趣的,如果使音調(diào)按照純強或純?nèi)醯墓?jié)奏彈奏,那是多么的索然無味啊。

把平面設(shè)計可以比作音樂,這個又涉及到另一個知識點了,那就是聆聽作品中的“聲音”。這屬于高階設(shè)計方法上層的高階設(shè)計思維了。意思是優(yōu)秀的設(shè)計作品能傳達出它所表達的“聲音”和“語言”,這里就不多說了,如果很想了解這塊的知識,建議讀一下迪耶?薩迪奇的《設(shè)計的語言》。

好吧言歸正傳,平面設(shè)計可以比作音樂。在平面設(shè)計中,為了表現(xiàn)出作品的節(jié)奏,把許多相同形狀的要素以多種角度編排可以營造出節(jié)奏感來。僅此一點,就能營造出跳躍的節(jié)奏。

若想要進一步表現(xiàn)出復(fù)雜的節(jié)奏感,就需要搭配使用多種形狀的要素。配置尖角形要素能表現(xiàn)出打擊樂般的短節(jié)奏,若加入柔美和曲線則可以營造出吹奏樂器般長而優(yōu)美的節(jié)奏。

將同樣形狀的要素統(tǒng)一編排不能產(chǎn)生節(jié)奏。在大多數(shù)商品的圖片或是文章中,都很難在圖片的角度上做變化,這時若在背景上追加賦有節(jié)奏的形狀會讓整個版面具有節(jié)奏感。

5.比例

所謂“比例”指的就是尺寸大小的對比,要素之間比例的差異越大,對比就越強烈,給人的沖擊感也就越強。這里的比例單純指的是平面設(shè)計中的比例,也就是利用視覺上的大小變化來為版面添加趣味的方法。

制造沖擊力的手法中,通常用對比方法營造出來的趣味感效果最明顯。例如,即使利用同樣的圖像,若使圖像的修剪尺寸不同,圖像在讀者心中的印象也不大一樣。改變物體大小給人一種沖擊力和樂趣,是最容易理解的視覺心理效果之一。這種方法在好多書中都有提到,也是一種最為常見的增加對比的方法。

還有只要改變一張圖像中某部分的比例,也可以顯現(xiàn)出沖擊感來。在這種情況下,最重要的是要選擇大家熟知的素材作為比例變化的對象。原因是,如果在變化前讀者對素材的了解不透徹(超出認(rèn)知范圍),就無法理解變換后的要素是什么,無法很直觀的讓讀者去理解的作品,不就是一堆廢紙了么。

6.紋理

講到紋理,那不得不先說一下“肌理”了。有的朋友分不清“肌理”和“紋理”的差別,而且還會誤認(rèn)為他倆其實沒差別。那今天我就簡單概述一下我理解的“肌理”和“紋理”(平面構(gòu)成中而不是繪畫中)。

“肌理”是指物體的表面結(jié)構(gòu),與質(zhì)感的意思相近。“紋理”指的是物體的紋路,物體的花紋與條紋。舉個例子吧,肌理就像豹子身上的毛發(fā),美洲豹和雪豹身上毛發(fā)觸感是不同的,有可能一個更厚更硬一些而另一個更柔軟一些。紋理就像美洲豹和雪豹身上的紋路,雖然都是圓形狀的,但各自的紋路組成與分布是不同的。如果還是不理解的話,我就要考慮以后寫一篇關(guān)于肌理和紋理的文章了。

在平面設(shè)計世界里,雖不能把實際材料剪下來貼在紙上,但可以利用數(shù)碼技術(shù)將這些材料的紋理以相似的效果呈現(xiàn)出來。不禁感嘆,?。∵@就是20世紀(jì)數(shù)字化的力量啊。不好意思寫的比較隨意,請見諒。

在平面設(shè)計中使用肌理質(zhì)感效果,能使人感覺出比通常油畫色彩更高的質(zhì)地感,從而使讀者得到視覺上的享受。

但一定要注意,一旦要素增加了肌理效果,它的重量也會隨之增加,而要素的重量取決于肌理的密度。這里不知道大家好不好理解,舉個例子。把要素想象成空玻璃杯,把肌理想象成裝進玻璃杯的液體?,F(xiàn)在把兩個空玻璃杯分別倒入液體汞和汽油,并放在天秤上,裝有汞的玻璃杯就會更重一些,汞的密度是13.546×103kg/m3 > 汽油的密度0.71×103kg/m3。所以液體的密度決定了重量,要素也一樣,肌理的密度決定了要素的重量。

在文字等版面的局部使用肌理的效果,可以讓這部分更加顯眼。如果在標(biāo)題、商品或主要的、大的標(biāo)志燈需要特別強調(diào)的部分使用肌理,則更具有明顯的質(zhì)感效果。

但要注意的是,使用肌理的背景覆蓋整個版面時,由于肌理會給人一種帶來一種非常強烈的質(zhì)感,因此如果作為背景可能導(dǎo)致版面的整體都會被質(zhì)感的效果所支配。

如果使用金屬質(zhì)感的要素,會給人一種強烈的硬質(zhì)感和冰冷感(其實就是器械感);如果使用紙質(zhì)質(zhì)感的要素,會給人一種書寫感和傳統(tǒng)感(人文氣息)。所以在選擇肌理時要考慮在什么樣的主題或什么樣的場景下,用相對適合的肌理來表現(xiàn)質(zhì)感。

7.故事情節(jié)

給人留下深刻印象的優(yōu)秀作品,其中必然要具有故事情節(jié)。

之所以稱之為故事情節(jié),是因為平面設(shè)計是靜止的,并沒有電影般的動態(tài)感覺。優(yōu)秀的平面設(shè)計要有足夠引人注目、令人駐足的故事情節(jié)。這個故事情節(jié)是設(shè)計師設(shè)計通過其自身理解去架構(gòu)的故事,是讓讀者通過自身認(rèn)知去理解和感受的過程。好的故事情節(jié)是能讓大眾的心理產(chǎn)生“共鳴”,從而帶動讀者內(nèi)心的情緒,加固讀者對作品的印象,讓讀者的心理認(rèn)同該作品,并為該作品中的產(chǎn)品買單。

人的眼睛有聯(lián)想填充不足部分的力量,這里“有聯(lián)想填充不足部分的力量”指的是心理學(xué)中的視錯覺中的完形心理學(xué),完形心理學(xué)又稱格式塔原理,最初是由哲學(xué)思想演變過來的,哲學(xué)家研究的是人的直覺。而后科學(xué)家提出的“行為場”和“心理場”等很多概念,使心理學(xué)開始萌發(fā),直至19世紀(jì)中葉開始爆發(fā)。馬赫的理論和形質(zhì)學(xué)派理論是格式塔心理學(xué)的理念的基礎(chǔ)原型, 后被克里斯蒂安?馮?厄棱費爾進一步深化和擴展,并建立起形質(zhì)學(xué)派的整體觀,并對格式塔心理學(xué)產(chǎn)生了重要影響。

人的眼睛有聯(lián)想填充不足部分的力量,這就是人的想象力。若把所有素材都一五一十地全盤托出,讀者就沒有了發(fā)揮想象力的空間與余地了。這就像進行交合時,一絲不掛的女人肯定沒有著裝透露著朦朧美的女人更具有吸引力與魅力。

為了讓讀者發(fā)揮想象力,需要運用減法邏輯,刻意的刪除版面中部分信息。這里又涉及到一個設(shè)計心理學(xué)的知識點-周邊視野。設(shè)計師通常只關(guān)注讀者的視覺焦點,而忽略周邊視野。

通過動腦思考,讓消極的讀者變?yōu)樽龅膮⑴c者,能調(diào)動豐富想象力的作品會給人留下深刻的印象。有吸引力的作品會有一定的代入感,讓讀者去思考其中的含義并深陷其中,最好能讓讀者對作品產(chǎn)生思維定式,這樣他就能對作品加深印象,并把購買欲望轉(zhuǎn)為行動力,最后到付錢購買讀者眼中的商品。為了讓作品具有故事情節(jié),設(shè)計師必須思考如何讓讀者大限度的發(fā)揮想象力。

當(dāng)前標(biāo)題:簡單版式設(shè)計排版 讓作品更耐看
路徑分享:http://www.bm7419.com/news27/49277.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站網(wǎng)站改版、云服務(wù)器、微信小程序、自適應(yīng)網(wǎng)站、網(wǎng)站營銷

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)