我有一個(gè)朋友,兩年前開始接觸設(shè)計(jì)這個(gè)行業(yè),他的色彩感覺(jué)非常棒,常常把我驚艷到,設(shè)計(jì)技巧也很成熟。
但是最近總是會(huì)皺著眉頭苦哈哈的和我吐槽“骉叔,你是不知道,我那個(gè)傻X老板,他根本不懂設(shè)計(jì),我用的都是設(shè)計(jì)圈兒人氣最高的色彩搭配、很有層次感的設(shè)計(jì)形式,他卻老說(shuō)我做的東西看起來(lái)沒(méi)重點(diǎn),很亂……”
我特意仔細(xì)看了一下這個(gè)朋友的作品,看到一半,我得出兩個(gè)結(jié)論:
第一:他老板確實(shí)不懂設(shè)計(jì),色彩搭配很有沖擊力,表現(xiàn)形式也很有張力,恩,這個(gè)老板的確不識(shí)貨。
第二:他老板雖然不懂設(shè)計(jì),但是,并不是傻X。我的這個(gè)朋友,確實(shí)犯了一個(gè)大部分設(shè)計(jì)師都犯過(guò)的錯(cuò)誤:過(guò)度關(guān)注設(shè)計(jì)的形式感,而忽略了設(shè)計(jì)中的“秩序感”。
所以,骉叔準(zhǔn)備了今天這篇文章。想告訴做設(shè)計(jì)的你,設(shè)計(jì)并不是一項(xiàng)自說(shuō)自話的藝術(shù)創(chuàng)作,而是要解決一個(gè)具體的問(wèn)題,平面設(shè)計(jì)要解決的就是“傳達(dá)”的問(wèn)題?!爸刃蚋小睍?huì)減少傳遞信息的成本,花最少的成本,最小損耗的傳達(dá)信息。但是你可能覺(jué)得這是一個(gè)很虛的概念,尤其是設(shè)計(jì),似乎沒(méi)有具體的、可落地的操作方法。
“萬(wàn)事離不開方法,世界離不開秩序?!?/em>
——斯威夫特
這是18世紀(jì)英國(guó)著名文學(xué)家斯威夫特的一句名言,雖然這句話的原意并不是針對(duì)設(shè)計(jì)而講的,但是其中的道理是被公認(rèn)過(guò)的。尤其是前半句“萬(wàn)事離不開方法”,你一定要記住這句話!
前兩天看到站酷專訪趙清老師,趙清老師的一句話讓我印象非常深刻:“設(shè)計(jì)就是70%的理性+30%的直覺(jué)”。
不得不說(shuō)趙老師對(duì)設(shè)計(jì)的解釋相當(dāng)透徹而清晰,老前輩就是老前輩。而這70%的理性其實(shí)就是剛才提到的“萬(wàn)事離不開方法”,掌握這些方法,你的設(shè)計(jì)就會(huì)給人一種條理性,也就是我們常說(shuō)的“秩序感”。
建秩序感的6個(gè)技巧,你有全部注意過(guò)嗎?
1.你的作品中,最關(guān)鍵的信息是什么?
人的本性中就是有懶惰的因素,而且根深蒂固。人本能的討厭一切要讓自己思考的事情。
所以當(dāng)你把一堆信息塞給讀者的時(shí)候,你的作品很可能會(huì)被當(dāng)做垃圾被丟在一旁,為什么?因?yàn)槟銢](méi)有把最重要的信息告訴他,反而讓他自己去找,結(jié)果就是:sorry,我沒(méi)空。
舉一個(gè)簡(jiǎn)單點(diǎn)的例子,“7月7日~7月10日,本店進(jìn)行七夕披薩搶免單活動(dòng),搶免單規(guī)則:第1、10、20、30名顧客享免單權(quán)。地址:北京市朝陽(yáng)區(qū)青年路10號(hào)某商場(chǎng)161號(hào)聯(lián)系電話:3332-25250”
當(dāng)你看到上面這條信息,你能在15秒的時(shí)間內(nèi)獲取到關(guān)鍵信息嗎?說(shuō)實(shí)話,有點(diǎn)困難。而當(dāng)你對(duì)他沒(méi)有興趣的時(shí)候,讀第二遍去理解它的欲望就消失了。所以,它就變成了一條“垃圾信息”。
要避免這種情況,你必須建立一種思維觀念:將信息分層處理。篩選出哪些是第一層信息(重要),哪些是第二層信息(次要),哪些是可有可無(wú)的信息。視覺(jué)上區(qū)分開來(lái),傳達(dá)的阻力將會(huì)縮減N倍。
2.親密性原則
所謂親密性原則,是指人會(huì)根據(jù)距離遠(yuǎn)近來(lái)判斷兩者關(guān)系。比如當(dāng)我們?cè)诮稚峡吹絻蓚€(gè)人,他們挨的很近一起走路時(shí),下意識(shí)會(huì)認(rèn)為這兩個(gè)人是認(rèn)識(shí)的。而真實(shí)情況是,他們根本不認(rèn)識(shí)對(duì)方。
所以親密性原則要求我們,需要將同類元素放在一起,不同元素之間用距離隔開,這樣才能讓人感覺(jué)整齊有序。人們會(huì)下意識(shí)地想從看到的東西中找出某些規(guī)律,這種現(xiàn)象叫做“完形心理”現(xiàn)象。
具體點(diǎn)講,完形心理是指人會(huì)下意識(shí)的,從看到的實(shí)物中尋找潛在圖形或規(guī)律的現(xiàn)象。例如一副許多小點(diǎn)組成的畫,人們會(huì)首先找出這些點(diǎn)拼出的整體圖案是什么。這種心理作用是自然而然、無(wú)意識(shí)發(fā)地發(fā)生的,人們天生偏好簡(jiǎn)單的圖形、整齊化的布局。
3.讓視線流下去
你有沒(méi)有想過(guò),設(shè)計(jì)為什么需要有沖擊力?
其實(shí)很簡(jiǎn)單,就是吸引人的眼球。但是把視線吸引過(guò)來(lái),之后應(yīng)該做什么?很多設(shè)計(jì)師都忽略了,最終的結(jié)果是:
做出了“好看”的設(shè)計(jì),但也是“無(wú)效”的設(shè)計(jì)。
所以你需要設(shè)計(jì)好讀者的閱讀順序,讓讀者按照你設(shè)計(jì)的順序,自然流暢的移動(dòng)視線。能被閱讀接受的設(shè)計(jì)才是有意義的,才能更好的傳達(dá)出你想要讀者知道的信息。
相反,如果讀者的視線出現(xiàn)停滯、茫然,會(huì)使讀者產(chǎn)生閱讀的疲勞感,中斷閱讀甚至放棄閱讀。
所以,設(shè)計(jì)好閱讀的視線流,能讓整個(gè)頁(yè)面的閱讀變得行云流水、流暢自然。“視覺(jué)流”這個(gè)詞很貼切,你完全可以把整個(gè)頁(yè)面當(dāng)做一條流動(dòng)的河流,文字信息就是水,中間出現(xiàn)的留白、圖片、插圖等元素就是這條河里的“石頭”,會(huì)改變視線流的走向、截?cái)嘁暰€流。
4.有規(guī)律的重復(fù)
喜歡條理吧,它能保護(hù)你的時(shí)間和精力。
不少設(shè)計(jì)師為了體現(xiàn)“設(shè)計(jì)感”,總想著讓自己的設(shè)計(jì)看起來(lái)有“創(chuàng)意”,會(huì)設(shè)計(jì)各種各樣的變化,好體現(xiàn)自己的作品是經(jīng)過(guò)“設(shè)計(jì)”的。結(jié)果往往起到了相反的作用,讀者找不到任何規(guī)律去閱讀。
舉一個(gè)生活中的例子:你用某寶買東西的時(shí)候,是喜歡在店鋪里設(shè)計(jì)過(guò)的首頁(yè)找產(chǎn)品,還是直接在搜索列表找產(chǎn)品?估計(jì)很多人和骉叔一樣,直接跳過(guò)花里胡哨的首頁(yè),在分類列表里找產(chǎn)品,就是因?yàn)榇蠖鄶?shù)店鋪首頁(yè)讓我們找不到規(guī)律,不知道到底是按照哪種順序看,看~的~自~己~超~累~~。
文字或圖片等元素越多,越需要建立規(guī)律。人的大腦是不能同時(shí)處理很多很多的信息的,沒(méi)有規(guī)律的信息會(huì)使視線混亂,給人感覺(jué)雜亂無(wú)章。
所以你要學(xué)會(huì),在你的作品中建立一種規(guī)律,用這個(gè)規(guī)律處理頁(yè)面的元素,能讓你的設(shè)計(jì)顯得整齊劃一,并且閱讀起來(lái)花的精力要小很多。
5.掌握不好規(guī)律?那就用線條畫吧。
規(guī)律其實(shí)是一種“隱形”的秩序,你也可以選擇建立一種更為直觀的秩序,那就是用線來(lái)建立規(guī)律。
線條可以強(qiáng)調(diào)規(guī)律性,更能建立版面中的規(guī)律性。并且線條可以讓人有方向感,也可以用作引導(dǎo)視線。
6.出色的排版并不僅是好看
你是不是把排版這個(gè)詞和漂亮的版面畫了一個(gè)大大的“等號(hào)”?其實(shí)好看的版面并不是排版的主要目的,排版的目的是為了讓信息更易于閱讀!
能站在讀者的立場(chǎng)考慮問(wèn)題,是考驗(yàn)設(shè)計(jì)師能力的重要因素。
骉叔很反對(duì)那種浮夸、炫酷而不實(shí)用的設(shè)計(jì)方式,這種基本上是以炫技為目的。而這種過(guò)度設(shè)計(jì)之所以經(jīng)常被追捧,很大程度上是因?yàn)椋航泻脙旱钠鋵?shí)都是設(shè)計(jì)師,而真正的受眾根本不在乎你的色彩用的多么驚艷,表現(xiàn)形式多么的炫酷,他只關(guān)心獲取到了什么信息!
排版有幾個(gè)重要的技巧,掌握了這些技巧后,你的設(shè)計(jì)最起碼可讀性不會(huì)差。
行長(zhǎng)
如果你的設(shè)計(jì)中,文字的行過(guò)長(zhǎng),會(huì)導(dǎo)致閱讀困難,過(guò)短則會(huì)過(guò)于頻繁的換行,內(nèi)容會(huì)顯得斷斷續(xù)續(xù)。
合適的行長(zhǎng)有一個(gè)竅門“閱讀時(shí)不需要改變臉的方向”,只需要稍微移動(dòng)視線,就能閱讀完一行的長(zhǎng)度,這種就是比較適合的行長(zhǎng)。
內(nèi)容不同,合適的行長(zhǎng)也不同。越是通俗易懂的內(nèi)容,越適合快速換行,讓整個(gè)閱讀節(jié)奏變得輕快流暢。相反,研究類的內(nèi)容適合稍長(zhǎng)的行長(zhǎng),這樣做能使人集中精力閱讀和思考。
分欄
分欄是為了合理的行長(zhǎng),方便閱讀較長(zhǎng)篇幅的內(nèi)容而使用的而方法。最常用的分欄是兩欄、三欄。雜志或傳單、報(bào)紙常見(jiàn)的是分為三欄或四欄。
對(duì)齊
對(duì)齊的方式可以分為居中對(duì)齊、左對(duì)齊、右對(duì)齊和兩端對(duì)齊。左對(duì)齊比較符合閱讀習(xí)慣,居中對(duì)齊和右對(duì)齊都不適用于長(zhǎng)篇的內(nèi)容。兩端對(duì)齊最能體現(xiàn)條理性,是閱讀比較舒服,視覺(jué)上又比較美觀的對(duì)齊方式。
行高與行間距
行高是一行的基準(zhǔn)位置到下一行基準(zhǔn)位置的高度。
行間距則是指第一行的底部與第二行的頂部的距離。
比較恰當(dāng)?shù)男懈撸緫?yīng)設(shè)置為字號(hào)的兩倍(這里說(shuō)的是正文),例如8號(hào)字設(shè)置16的行高比較合適。(宋體通常要比黑體的行高大一點(diǎn))
文字的間距應(yīng)遵循一個(gè)原則:字間距<行間距<段間距小于欄間距。
版心率
版心率也就是頁(yè)面中的內(nèi)容區(qū)域,基本上所有的圖片或文字都需要限定在這個(gè)區(qū)域內(nèi)。所以會(huì)讓頁(yè)面整體更有秩序,避免松散、雜亂無(wú)章。
版心率高:適合專業(yè)類、繁多的內(nèi)容,給人歡快熱鬧的感覺(jué)。想想你經(jīng)??吹降碾s志、報(bào)紙、傳單,他們的版心率一般來(lái)說(shuō)都是比較高的。
版心率低:給人高雅、平靜的印象,并且能短時(shí)間內(nèi)讓讀者接收每頁(yè)信息,快速流暢的瀏覽。所以檔次比較高的奢侈品的視覺(jué)都是版心率很低的。
當(dāng)然,不是確定了版心區(qū)域后就必須在版心內(nèi),有時(shí)候?yàn)榱吮苊忭?yè)面過(guò)于沉悶死板,會(huì)刻意將圖片的一部分,放在版心之外的區(qū)域,這樣可以馬上讓畫面更有張力。
網(wǎng)格
關(guān)于網(wǎng)格系統(tǒng),很多人都知道,但很少有人能把網(wǎng)格系統(tǒng)講清楚。網(wǎng)格系統(tǒng)的本質(zhì)就是提升頁(yè)面條理性的一種方法。
用一句話說(shuō)明白網(wǎng)格系統(tǒng):
“網(wǎng)格系統(tǒng)就是事先把在版面中,用有規(guī)律的格子分開,然后再將文字和圖片分別嵌入這些網(wǎng)格內(nèi)的設(shè)計(jì)方法?!?/p>
網(wǎng)格系統(tǒng)1950年開始在歐洲被使用,由于網(wǎng)格的基本形狀就是有規(guī)律的“矩形”組成的,所以應(yīng)用網(wǎng)格系統(tǒng)的頁(yè)面會(huì)體現(xiàn)出一種條理分明、整齊有序的美感。
網(wǎng)格的大小及數(shù)量要根據(jù)內(nèi)容定,分割的次數(shù)越多,對(duì)應(yīng)的版面也就越靈活、動(dòng)感、有張力,單秩序感會(huì)減弱,網(wǎng)格分割越少,秩序感則會(huì)越強(qiáng),單靈活性會(huì)減弱。
網(wǎng)格的設(shè)置方法:
1.先設(shè)置好字號(hào)與行高,再設(shè)置好版心位置(版心高度必須是行高的倍數(shù))。
2.橫向畫出網(wǎng)格的高度,網(wǎng)格與網(wǎng)格間的距離應(yīng)該是上一行文字的底部到下一行文字的頂部距離。
3.縱向分割出網(wǎng)格。
最后,骉叔再重復(fù)一下上面提到的,對(duì)設(shè)計(jì)的看法:
設(shè)計(jì)不是為了炫技,而故意把簡(jiǎn)單的東西搞復(fù)雜,那不是設(shè)計(jì)。設(shè)計(jì)應(yīng)該是為了解決問(wèn)題而設(shè)計(jì)的。
并且設(shè)計(jì)這個(gè)行業(yè)非常有趣,太懶的人是絕對(duì)做不好設(shè)計(jì)的,骉叔為這句話負(fù)責(zé)。設(shè)計(jì)就是要持續(xù)的學(xué)習(xí)、大量的思考和練習(xí),其他沒(méi)有捷徑可走。
關(guān)鍵是工作這么忙,時(shí)間這么緊張,你到底應(yīng)該怎么學(xué)?學(xué)什么?所以骉叔會(huì)為你整理關(guān)于設(shè)計(jì)的誠(chéng)意干貨,定期通過(guò)訂閱號(hào)和站酷更新內(nèi)容,解決你沒(méi)時(shí)間、沒(méi)目標(biāo)學(xué)習(xí)的問(wèn)題。
“如果哪天我停止了學(xué)習(xí),那就等同于我承認(rèn)了自己是垃圾”骉叔每天激勵(lì)自己的話,也送給不甘心平凡的你。
你的點(diǎn)贊和關(guān)注就是骉叔最大的動(dòng)力。