如何避免設(shè)計(jì)中的廉價(jià)感覺(jué)(4)
Keep it simple、別超過(guò)3種字體、顏色切忌大紅大紫……這類(lèi)能幫新手快速提高的技巧,大都屬于展示魚(yú)之貌,而非授予漁之技,今天@-eno-one-?老師從根本層面幫同學(xué)們解決這個(gè)問(wèn)題,全文多處亮點(diǎn),滿篇干貨,強(qiáng)烈推薦同學(xué)們學(xué)習(xí)閱讀!
1. 粗略回答此題,某些創(chuàng)意點(diǎn)并未完全深思熟慮進(jìn)行推敲,因此漏洞難免,但此文目的在于授予漁之技,而非展示魚(yú)之貌,因此請(qǐng)閱讀重點(diǎn)。所以,也請(qǐng)各路語(yǔ)言潔癖咬文嚼字黨慎入;
2. 本文所有圖片均來(lái)自于網(wǎng)絡(luò),如有侵權(quán)請(qǐng)告知;
3. 本著不能脫離產(chǎn)品與情境來(lái)單獨(dú)看待設(shè)計(jì)是否廉價(jià)的觀點(diǎn),某些高大上的風(fēng)格不一定適用與所有產(chǎn)品,因此,本答案中的案例會(huì)結(jié)合產(chǎn)品,所以,也請(qǐng)各路美學(xué)鑒賞黨繞道。
4. 本文僅就一般規(guī)律進(jìn)行總結(jié),旨在傳授個(gè)人經(jīng)驗(yàn)于行業(yè)新人。如果你自認(rèn)是行業(yè)老鳥(niǎo)或高手,請(qǐng)慎入。另外,請(qǐng)不要拿個(gè)例來(lái)進(jìn)行反駁推翻。
今天這個(gè)問(wèn)題,我打算更有針對(duì)性的,從「如何避免」這方面去回答。
又由于正好因看到問(wèn)題中有「平面設(shè)計(jì)」這一項(xiàng),所以,我會(huì)站在平面設(shè)計(jì)的角度去告訴你「如何避免」設(shè)計(jì)中出現(xiàn)廉價(jià)感。
在大多數(shù)情況下,平面設(shè)計(jì)作品產(chǎn)生廉價(jià)感最主要的兩個(gè)原因如下:
第一:設(shè)計(jì)師對(duì)于元素的掌控能力太弱。第二:設(shè)計(jì)師在使用元素時(shí),并未經(jīng)過(guò)太多的思考。那么接下來(lái),我就再將以上兩點(diǎn)分拆開(kāi)來(lái),盡量詳細(xì)的說(shuō)一下。
在以上,我反復(fù)的提到一個(gè)關(guān)鍵詞——元素。
在一幅平面設(shè)計(jì)的畫(huà)面中,所有的內(nèi)容,我們都可以理解成是組成畫(huà)面的「元素」。顏色、文案、圖形、標(biāo)點(diǎn)、字體……,這些都是元素。
讓我們先來(lái)看第一個(gè)案例。
這到底是不是一張充滿廉價(jià)感的設(shè)計(jì),相信已經(jīng)不由我多說(shuō)。而這幅畫(huà)面給人帶來(lái)廉價(jià)感受的因素其實(shí)真的很多,文案、字體、配色、版式……。
但是,我相信幾乎所有人都會(huì)對(duì)畫(huà)面的底色相當(dāng)反感,甚至很多人會(huì)將配色的雜亂看作是這幅畫(huà)面廉價(jià)感產(chǎn)生的首要原因。
好的,接下來(lái),我們?cè)賮?lái)看第二個(gè)案例。
同樣還是大面積使用的橙黃色背景,但是,我們會(huì)認(rèn)為比第一幅圖看起來(lái)好多了,對(duì)嗎?
現(xiàn)在,我要告訴你,如何避免在設(shè)計(jì)中出現(xiàn)廉價(jià)感的第一個(gè)方法。
不要試圖使用自己不熟悉,并且無(wú)法掌控的元素。為何相似的色彩搭配,有人可以運(yùn)用的讓畫(huà)面更有關(guān)注度?而有的人則會(huì)使畫(huà)面看起來(lái)一團(tuán)糟?元素其實(shí)并沒(méi)錯(cuò),錯(cuò)在設(shè)計(jì)師的個(gè)人能力。有的人,色彩感覺(jué)差,完全不知道應(yīng)該如何搭配顏色。有的人,對(duì)于字體情緒的感知弱,一段文字打出來(lái),完全不知道該使用什么字體來(lái)表現(xiàn)。也有的人,對(duì)于版式一竅不通,文字與圖形胡亂擺放。這些,都是由于設(shè)計(jì)師自身能力不足,無(wú)法掌控元素,而這些不足,若不正視,便會(huì)使畫(huà)面看起來(lái)充滿廉價(jià)感。
有關(guān)如何避免在設(shè)計(jì)的廉價(jià)感的第一點(diǎn),我已經(jīng)說(shuō)完了,其實(shí)很簡(jiǎn)單對(duì)不對(duì)?不要嘗試使用你無(wú)法掌控的元素。
光知道不足還不行,我們還要來(lái)彌補(bǔ),并通過(guò)學(xué)習(xí)不斷提高,對(duì)嗎?長(zhǎng)期繞開(kāi)問(wèn)題走也不是個(gè)事啊,解決問(wèn)題才是王道!所以,別灰心,現(xiàn)在無(wú)法掌握,不代表今后你無(wú)法掌握。找到學(xué)習(xí)方法,一定會(huì)讓你有很大提高。不要排斥模仿與借鑒。
不要以為模仿與借鑒是一件容易的事情。我還是說(shuō)我,說(shuō)我在公司里會(huì)怎么做。
我需要一幅懸掛在店鋪首頁(yè)的全屏廣告圖,我從來(lái)不會(huì)要設(shè)計(jì)師去抄別人家的東西。我會(huì)隨手拿起一本雜志,找到一幅我想要的效果,然后告訴設(shè)計(jì)師:“嗨,請(qǐng)把這本雜志上的廣告,結(jié)合咱們產(chǎn)品的特點(diǎn),演變成一張我所需要規(guī)格的廣告圖,我相信,你能的!”
雜志上的這幅畫(huà)面,你要借鑒,如果你要借鑒的好,前提是你得知道這幅畫(huà)面中那些地方值得你去借鑒。
帶著思考去抄襲,才會(huì)因量變引發(fā)質(zhì)變。在內(nèi)褲中去尋找Bra的靈感,這聽(tīng)起來(lái)算不算很有意思的學(xué)習(xí)方法?
第一點(diǎn)說(shuō)完了,下面開(kāi)始說(shuō)容易產(chǎn)生廉價(jià)感的第個(gè)原因:設(shè)計(jì)師在使用元素時(shí),并未經(jīng)過(guò)太多的思考。
我?guī)缀趺看螌?xiě)設(shè)計(jì)類(lèi)相關(guān)答案時(shí),都會(huì)反反復(fù)復(fù)的提到,設(shè)計(jì)是為了解決問(wèn)題的,而今天,我在這里要說(shuō)的,則更加深入細(xì)化。
畫(huà)面中的任何元素的出現(xiàn),都是有功能性的,都是為了解決某個(gè)問(wèn)題而存在的。先舉個(gè)小例子。
這是一組最基礎(chǔ)的電話號(hào)碼(恩,你們不要嘗試著去打,這不是我辦公室的電話,這只是我隨手打的)
接下來(lái),我們嘗試著做點(diǎn)變化。
看到中間我添加的那個(gè)橫杠沒(méi)?
記住我所說(shuō)的,設(shè)計(jì)中的任何元素,都是要有功能性的,都是為了解決某個(gè)問(wèn)題而存在的。
這個(gè)橫杠所解決的問(wèn)題,是方便觀看者更好的發(fā)現(xiàn)數(shù)字的規(guī)律,并且?guī)椭麄內(nèi)ビ洃洝?/p>
接下來(lái),我們?cè)賴(lài)L試著做點(diǎn)變化。
再來(lái)看這個(gè),哇!+86出現(xiàn)了耶!頓時(shí)逼格爆棚有木有?頓時(shí)公司的國(guó)際范彰顯的滿滿的有木有?
還是那句話,設(shè)計(jì)中的任何元素,都是要有功能性的,都是為了解決某個(gè)問(wèn)題而存在的。
再來(lái)看這個(gè)。在電話號(hào)碼的前面,我加上了一個(gè)小符號(hào),而這個(gè)符號(hào)的作用是什么?是為了告訴大家這是個(gè)可以撥打的電話號(hào)碼。并且在畫(huà)面中起到提示且強(qiáng)調(diào)的作用。
啊~~~~!還是那句話,設(shè)計(jì)中的任何元素,都是要有功能性的,都是為了解決某個(gè)問(wèn)題而存在的。
相信,看到上面的這一組案例之后,你應(yīng)該對(duì)元素的概念清晰很多了吧。那么,就開(kāi)始進(jìn)入進(jìn)階課程吧。
大多數(shù)行業(yè)新人,在面對(duì)元素應(yīng)用的時(shí)候,通常會(huì)犯到兩個(gè)錯(cuò)誤。
第一個(gè)錯(cuò)誤,是由于平日看得太少,腦子里沒(méi)內(nèi)容,因此畫(huà)面空洞。對(duì)于解決這一點(diǎn),我得建議是平時(shí)帶著思考多看,腦子里的貨多了,才有屬于你自己的素材庫(kù)。
而第二個(gè)錯(cuò)誤,是不知道什么元素該怎么用。這一點(diǎn),說(shuō)白了,還是和上面提到的沒(méi)有思考有關(guān)。
接下來(lái),就讓我們帶著剛剛學(xué)習(xí)到的第二點(diǎn),有關(guān)元素的作用,我們?cè)倩剡^(guò)頭來(lái)分析一下最開(kāi)始那張廉價(jià)感十足的海報(bào),看看我們這次會(huì)不會(huì)有新的收獲呢?
是否發(fā)現(xiàn),我們完全看不到設(shè)計(jì)師的用心在這畫(huà)面其中?
-
原本應(yīng)該吸引人的標(biāo)題,結(jié)果顏色融合進(jìn)了底色之中,完全沒(méi)有吸引力。洋快餐,卻選擇了這樣一個(gè)中式的字體來(lái)表現(xiàn)。連個(gè)品牌LOGO都沒(méi)有,真不知道這設(shè)計(jì)師有沒(méi)有品牌意識(shí)。下面的那些活動(dòng)細(xì)則看起來(lái)完全不醒目,而且雜亂無(wú)章。這包包的款式典型城鄉(xiāng)結(jié)合部的趕腳!那下面的放射線究竟是幾個(gè)意思?
……
恩,更多的,我就不吐槽了。咱們來(lái)看看解決方法!
既然是有牌子的設(shè)計(jì),那首先應(yīng)該參考一下該品牌的VI對(duì)不對(duì)?如果沒(méi)有VI可以參考,起碼可以參考一下以往的出街作品對(duì)不對(duì)?
通過(guò)對(duì)德克士以往出街稿的分析,我們可以基本確定畫(huà)面的主色調(diào)與色彩搭配關(guān)系,這樣一來(lái),整張海報(bào)的基調(diào)是不會(huì)錯(cuò)的。
接下來(lái),我們就重點(diǎn)說(shuō)一下,素材該怎么用。
1. 字體
以下內(nèi)容來(lái)自于@王洪森。
每一種字體,都有自己相應(yīng)的情緒,如果將這情緒錯(cuò)誤的應(yīng)用在了不合適的產(chǎn)品或宣傳內(nèi)容中,就會(huì)出現(xiàn)廉價(jià)感。學(xué)習(xí)并學(xué)會(huì)感受不同字體給人帶來(lái)的不同情緒,并學(xué)著找到它們適用的規(guī)律與范圍。學(xué)會(huì)只用3種以?xún)?nèi)的字體來(lái)做設(shè)計(jì)。
2. 圖形
如果你對(duì)圖形的把控力不夠,那么畫(huà)面中盡量不要出現(xiàn)過(guò)多的弧線,可嘗試使用直角的圖形。
3. 配色
學(xué)習(xí)色彩搭配。不需要很多,短期內(nèi),你只需要掌握三到四個(gè)固定的色彩搭配組合,將之反反復(fù)復(fù)的使用,用爛為止。
羅嗦一句,配色還有一點(diǎn),那就是注意配色的比列關(guān)系。如果你對(duì)色彩真的不敏感,那么在設(shè)計(jì)中,不要出現(xiàn)過(guò)多色彩搭配的情況。
下圖為反面示例:
4. 學(xué)會(huì)用英文來(lái)點(diǎn)綴畫(huà)面
我知道,很多有經(jīng)驗(yàn)的設(shè)計(jì)師是不屑于用英文的,但是,在前面我也說(shuō)過(guò),這是我給行業(yè)新人提的建議。
總結(jié):如何避免設(shè)計(jì)中有廉價(jià)的感覺(jué)?
-
不要使用超出你掌控的元素(色彩搭配、字體、符號(hào)、圖形等)在使用元素時(shí),認(rèn)真的思考每一個(gè)元素在畫(huà)面中的作用是什么。學(xué)會(huì)只用3種以?xún)?nèi)的字體來(lái)做設(shè)計(jì)。畫(huà)面中盡量不要出現(xiàn)過(guò)多的弧線,可嘗試使用直角的圖形。掌握三到四個(gè)固定的色彩搭配組合,將之反反復(fù)復(fù)的使用,用爛為止。學(xué)會(huì)用英文來(lái)點(diǎn)綴畫(huà)面
學(xué)習(xí) · 提示
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
相關(guān)教程
推薦教程
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 用戶(hù)體驗(yàn),如何讓用戶(hù)心動(dòng)?
- 用戶(hù)體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- Photoshop初級(jí)教程-命令的技巧
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響