首頁   品牌設計   設計教學   

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


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

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

01. 反差

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

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

同一個人物拍攝手法差異對比

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


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

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

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


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

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

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

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

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


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

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


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

02. 孤立


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

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

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


將周圍留白以突出主體

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


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

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

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

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


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

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


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

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


03. 軟硬


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

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

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

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


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

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

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


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

04. 節(jié)奏

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

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

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

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


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

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

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

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

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


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

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


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

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

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


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

05. 比例


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

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

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

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


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

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

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


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

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

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

06. 紋理


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

鱷魚的皮膚特寫

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


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

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

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

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

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


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

舉個例子,把要素想象成空玻璃杯,把肌理想象成裝進玻璃杯的液體。

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

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

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


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

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

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

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


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

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

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


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

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

07. 故事情節(jié)


給人留下深刻印象的優(yōu)秀作品,其中必然要具有故事情節(jié)。之所以稱之為故事情節(jié),是因為平面設計是靜止的,并沒有電影般的動態(tài)感覺。

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

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

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

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


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

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


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

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

這是一個設計心理學的知識點——周邊視野。有些設計師通常只關注讀者的視覺焦點,而忽略周邊視野。

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

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

你覺得版式設計和字體設計哪個更重要?

往期精彩:
又一款飲品的包裝設計火了!原來瓶子還可以這么玩!
民族風茶葉品牌設計,讓茶葉禮盒包裝更加的有中國味
極簡風的運動能量飲料包裝,幾何色彩極具動感
民族風茶葉品牌設計,讓茶葉禮盒包裝更加的有中國味
又一款飲品的包裝設計火了!原來瓶子還可以這么玩!
通話完全免費,請放心接聽
我們的來電顯示:13585166199 025-84486366

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

免費通話.

在線
客服

在線客服服務時間:9:00-23:00

撥打
電話

13585166199
13357720636
7*24小時客服服務熱線

智能
客服

關注
微信

官方小程序
關注官方微信
頂部