首頁(yè)   新聞資訊   

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!

對(duì)于平面設(shè)計(jì)來說,版式設(shè)計(jì)可以說是最最基礎(chǔ)、但又是最體現(xiàn)設(shè)計(jì)者功力的一部分。很多人對(duì)版式設(shè)計(jì)的技巧感興趣,所以今天給各位設(shè)計(jì)師分享版式設(shè)計(jì)的七大技巧

01. 反差

反差指的是多個(gè)要素之間的差異。通常設(shè)計(jì)師在給客戶提供設(shè)計(jì)稿時(shí),會(huì)被客戶懟著說:這兩稿有什么差別么?其實(shí)客戶認(rèn)知中的這個(gè)“差別”就是反差的意思。

差異越大反差越明顯,能讓特定要素更顯眼,相反差異不大越不明顯,也無法體現(xiàn)出重要的要素與重要的信息,就不會(huì)給讀者一種強(qiáng)烈的印象。

同一個(gè)人物拍攝手法差異對(duì)比

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


為版面添加反差效果有各種手法,其中給人印象最強(qiáng)烈的就是明暗反差。

一提到明暗對(duì)比,可能大家第一反應(yīng)就想到了倫勃朗。倫勃朗的畫作常采用明顯的明暗對(duì)比,光影效果使人物臉龐有了立體感,栩栩如生。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


圖片明暗差越明顯就越容易引人注意;文字也一樣,越是明亮的背景、深色的文字越顯眼。

下圖是日本的一款絲襪品牌的廣告。圖中模特穿了黑色的衣褲鞋,涂黑臉和手,畫面中唯一的白色“物體”——腿部就被凸現(xiàn)出來,非常自然地將觀眾的視線集中在她的腿上。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!

香奈兒可可小姐黑色香水系列海報(bào),黑色的瓶身極其容易,與背后同樣深色的畫面融合在一起。因此設(shè)計(jì)師為瓶子打了一道偏光,通過明暗對(duì)比突出了瓶身輪廓以及質(zhì)感。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


也可以利用要素的尺寸大小對(duì)比來營(yíng)造反差。在設(shè)計(jì)文字時(shí),即便是同樣的字形,筆畫粗的字感覺更硬,筆畫細(xì)的字感覺更柔,兩者搭配使用就能營(yíng)造出反差。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


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

02. 孤立


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

以顏色區(qū)分強(qiáng)調(diào)主體

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


將周圍留白以突出主體

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


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

下面兩張海報(bào)都改自于安藤忠雄的展覽海報(bào)。如果想要突出右下角的一點(diǎn),有兩種做法:左圖周圍留白較小且具有一致性,通過顏色差異來突出;右圖不做顏色調(diào)整,而是放大了周圍的留白,同樣也能孤立、突出要素。

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

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


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

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


如果想讓某個(gè)要素極為突出,就可以用“遠(yuǎn)離”來形成孤立,使要素得到強(qiáng)調(diào)的屬性。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


03. 軟硬


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

通常情況下,版面中的要素大多都是四方形的圖片,或者是直線、四邊形等水平或垂直的線條。

這種編排方式雖然條理清晰,但同時(shí)給人一種比較生硬的感覺。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


若想讓版面給人一種柔美或柔和的感覺,可以在整體上把有棱角的四方形改變?yōu)?span>柔和的曲線或圓角。

設(shè)置圓角時(shí),圓形的半徑或曲率越大,給人感覺越柔和、越可愛。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


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

04. 節(jié)奏

節(jié)奏可以被定義為“由強(qiáng)弱元素或相反或不同條件組成的運(yùn)動(dòng)“,其實(shí)很好理解,把年輕人常聽得電子音樂中的鼓點(diǎn)分離出來,就是節(jié)奏。

節(jié)奏又分強(qiáng)弱之分,強(qiáng)弱音調(diào)搭配出來的節(jié)奏就是生動(dòng)有趣的,如果使音調(diào)按照純強(qiáng)或純?nèi)醯墓?jié)奏彈奏,那是多么的索然無味啊。

下面的兩個(gè)SONA,“演奏”的音樂看起來是不是截然不同?

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


把平面設(shè)計(jì)可以比作音樂,這個(gè)又涉及到另一個(gè)知識(shí)點(diǎn)了,那就是聆聽作品中的“聲音”。這屬于高階設(shè)計(jì)方法上層的高階設(shè)計(jì)思維了。

意思是優(yōu)秀的設(shè)計(jì)作品能傳達(dá)出它所表達(dá)的“聲音”和“語言”,平面設(shè)計(jì)可以比作音樂。

在平面設(shè)計(jì)中,為了表現(xiàn)出作品的節(jié)奏,把許多相同形狀的要素以多種角度編排可以營(yíng)造出節(jié)奏感來。僅此一點(diǎn),就能營(yíng)造出跳躍的節(jié)奏。

下圖中的海報(bào),水花形狀大小不一,但由于人物沒有動(dòng)勢(shì),從而產(chǎn)生一種靜止感,缺乏動(dòng)勢(shì)。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


人物肢體、表情的不協(xié)調(diào)感會(huì)給人一種張力,背景尺寸對(duì)比與動(dòng)勢(shì)能營(yíng)造節(jié)奏感。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


若想要進(jìn)一步表現(xiàn)出復(fù)雜的節(jié)奏感,就需要搭配使用多種形狀的要素。

配置尖角形要素能表現(xiàn)出打擊樂般的短節(jié)奏,若加入柔美的曲線則可以營(yíng)造出吹奏樂器般長(zhǎng)而優(yōu)美的節(jié)奏。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


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

05. 比例


所謂“比例”指的就是尺寸大小的對(duì)比,要素之間比例的差異越大,對(duì)比就越強(qiáng)烈,給人的沖擊感也就越強(qiáng)。

這里的比例單純指的是平面設(shè)計(jì)中的比例,也就是利用視覺上的大小變化來為版面添加趣味的方法。

《黃金時(shí)代》的海報(bào)設(shè)計(jì)中,使用了微縮景觀的效果,人的比例跟墨汁的比例刻意不同,畫面構(gòu)成的手法出乎意料,整體的拼湊和組成又感覺在情理之中,很真實(shí)又很不真實(shí)。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


制造沖擊力的手法中,通常用對(duì)比方法營(yíng)造出來的趣味感效果最明顯。例如,即使利用同樣的圖像,若使圖像的修剪尺寸不同,圖像在讀者心中的印象也不大一樣。

改變物體大小給人一種沖擊力和樂趣,是最容易理解的視覺心理效果之一,也是一種最為常見的增加對(duì)比的方法。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


還有只要改變一張圖像中某部分的比例,也可以顯現(xiàn)出沖擊感來。

在這種情況下,最重要的是要選擇大家熟知的素材作為比例變化的對(duì)象。

原因是,如果在變化前讀者對(duì)素材的了解不透徹(超出認(rèn)知范圍),就無法理解變換后的要素是什么,無法很直觀的讓讀者去理解的作品,不就是一堆廢紙了么。

06. 紋理


在講紋理之前,先說一下“肌理”和“紋理”在平面構(gòu)成中的區(qū)別。

鱷魚的皮膚特寫

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


“肌理”是指物體的表面結(jié)構(gòu),與質(zhì)感的意思相近。“紋理”指的是物體的紋路,物體的花紋與條紋。

舉個(gè)例子,肌理就像豹子身上的毛發(fā),美洲豹和雪豹身上毛發(fā)觸感是不同的,有可能一個(gè)更厚更硬一些而另一個(gè)更柔軟一些。

紋理就像美洲豹和雪豹身上的紋路,雖然都是圓形狀的,但各自的紋路組成與分布是不同的。

在平面設(shè)計(jì)世界里,雖不能把實(shí)際材料剪下來貼在紙上,但可以利用數(shù)碼技術(shù)將這些材料的紋理以相似的效果呈現(xiàn)出來。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


在平面設(shè)計(jì)中使用肌理質(zhì)感效果,能使人感覺出比通常油畫色彩更高的質(zhì)地感,從而使讀者得到視覺上的享受。但一定要注意,一旦要素增加了肌理效果,它的重量也會(huì)隨之增加,而要素的重量取決于肌理的密度。

舉個(gè)例子,把要素想象成空玻璃杯,把肌理想象成裝進(jìn)玻璃杯的液體。

現(xiàn)在把兩個(gè)空玻璃杯分別倒入液體汞和汽油,并放在天秤上,裝有汞的玻璃杯就會(huì)更重一些,汞的密度是13.546×103kg/m3 > 汽油的密度0.71×103kg/m3。

所以液體的密度決定了重量,要素也一樣,肌理的密度決定了要素的重量

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


在文字等版面的局部使用肌理的效果,可以讓這部分更加顯眼。

如果在標(biāo)題、商品或主要的、大的標(biāo)志燈需要特別強(qiáng)調(diào)的部分使用肌理,則更具有明顯的質(zhì)感效果。

《刺客信條:起源》的海報(bào),背景元素很多已經(jīng)非常復(fù)雜,這時(shí)候需要添加肌理來突出標(biāo)題。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


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

比如說下面這張海報(bào),背景中結(jié)構(gòu)與背景反映出很強(qiáng)烈的機(jī)械感,從而掌控了整個(gè)畫面的質(zhì)感。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


如果使用金屬質(zhì)感的要素,會(huì)給人一種強(qiáng)烈的硬質(zhì)感和冰冷感(其實(shí)就是器械感);如果使用紙質(zhì)質(zhì)感的要素,會(huì)給人一種書寫感和傳統(tǒng)感(人文氣息)。

所以在選擇肌理時(shí)要考慮在什么樣的主題或什么樣的場(chǎng)景下,用相對(duì)適合的肌理來表現(xiàn)質(zhì)感。

07. 故事情節(jié)


給人留下深刻印象的優(yōu)秀作品,其中必然要具有故事情節(jié)。之所以稱之為故事情節(jié),是因?yàn)槠矫嬖O(shè)計(jì)是靜止的,并沒有電影般的動(dòng)態(tài)感覺。

優(yōu)秀的平面設(shè)計(jì)要有足夠引人注目、令人駐足的故事情節(jié)。這個(gè)故事情節(jié)是設(shè)計(jì)師設(shè)計(jì)通過其自身理解去架構(gòu)的故事,是讓讀者通過自身認(rèn)知去理解和感受的過程。

好的故事情節(jié)是能讓大眾的心理產(chǎn)生“共鳴”,從而帶動(dòng)讀者內(nèi)心的情緒,加固讀者對(duì)作品的印象。讓讀者的心理認(rèn)同該作品,并為該作品中的產(chǎn)品買單。

比如說下面德芙巧克力的兩張海報(bào),同樣的人物、不同的神態(tài)和姿勢(shì),展現(xiàn)出“擺拍”和“享用巧克力”兩個(gè)不同的場(chǎng)景。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


比如說看到下面這張圖,90%的人都會(huì)覺得這是一個(gè)美麗的小姐姐,而不是一個(gè)女裝大佬,這是為什么呢?

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!


人的眼睛有聯(lián)想填充不足部分的力量,這就是人的想象力。若把所有素材都一五一十地全盤托出,讀者就沒有了發(fā)揮想象力的空間與余地了。

為了讓讀者發(fā)揮想象力,需要運(yùn)用減法邏輯,刻意的刪除版面中部分信息。

這是一個(gè)設(shè)計(jì)心理學(xué)的知識(shí)點(diǎn)——周邊視野。有些設(shè)計(jì)師通常只關(guān)注讀者的視覺焦點(diǎn),而忽略周邊視野。

比如將人物的眼睛、眉毛和鼻子做焦點(diǎn)模糊處理,觀眾就會(huì)根據(jù)周邊視野,發(fā)揮想象力進(jìn)行聯(lián)想。

版式設(shè)計(jì)的七大技巧,知道的設(shè)計(jì)師早就已經(jīng)升職加薪了!

你覺得版式設(shè)計(jì)和字體設(shè)計(jì)哪個(gè)更重要?

往期精彩:
又一款飲品的包裝設(shè)計(jì)火了!原來瓶子還可以這么玩!
極簡(jiǎn)風(fēng)的運(yùn)動(dòng)能量飲料包裝,幾何色彩極具動(dòng)感
民族風(fēng)茶葉品牌設(shè)計(jì),讓茶葉禮盒包裝更加的有中國(guó)味
測(cè)價(jià)人數(shù)已達(dá)
材質(zhì)
硬紙盒
硬紙盒
卡紙盒
彩瓦盒
木盒
皮盒
鐵盒
盒型
常規(guī)盒型
常規(guī)盒型
異形盒
尺寸
數(shù)量
手機(jī)
立 即 報(bào) 價(jià)
訂 單 查 詢
點(diǎn) 擊 查 詢




通話完全免費(fèi),請(qǐng)放心接聽
我們的來電顯示:13585166199 025-84486366

提交成功后請(qǐng)接聽您的專屬呼叫中心系統(tǒng)客服電話

免費(fèi)通話.

在線
客服

撥打
電話

13585166199
13357720636
7*24小時(shí)客服服務(wù)熱線

智能
客服

關(guān)注
微信

官方小程序
關(guān)注官方微信
頂部