設(shè)計(jì)作品不夠上檔次,該如何提升?

2020-2-21    資深UI設(shè)計(jì)者

隨著電商行業(yè)逐漸成熟發(fā)展,從幾年前設(shè)計(jì)盛行的淘寶風(fēng)到現(xiàn)在的要求高端、品牌化、上檔次,大眾人群的審美也在不斷提升,電商行業(yè)進(jìn)步的同時(shí)也帶動(dòng)著設(shè)計(jì)行業(yè)一同走向成熟。所以在日常的設(shè)計(jì)工作中,我們也常常會(huì)聽到需求方要求:要夠上檔次、高端、有格調(diào)。這些比較抽象的要求如何體現(xiàn)在設(shè)計(jì)中往往是困擾我們的一個(gè)棘手的問(wèn)題。那么本期就和大家一起帶著問(wèn)題探討,總結(jié)一些提升設(shè)計(jì)作品檔次的實(shí)用方法。

配色提升作品檔次

配色已經(jīng)算是老生常談的一個(gè)話題了,這里我們暫且不說(shuō)如何提升,先來(lái)看看前幾年淘寶風(fēng)的海報(bào)設(shè)計(jì)是什么感覺。

如上圖所示,給人的感覺就是雜而亂,配色毫無(wú)章法。顯然在當(dāng)下電商的大環(huán)境下,這種相對(duì)粗暴的海報(bào)在平時(shí)會(huì)越來(lái)越少,轉(zhuǎn)而要求品牌化、上檔次的越來(lái)越多,那么從配色上如何提升作品檔次呢?

1. 暗色調(diào)搭配提升作品檔次

為什么說(shuō)暗色調(diào)可以提升設(shè)計(jì)檔次呢?因?yàn)榘瞪{(diào)或者說(shuō)是低明度的色彩搭配,會(huì)在一定程度上減弱其色彩固有的屬性以及因色彩產(chǎn)生的情感,從而使得整個(gè)畫面變得相對(duì)冷靜、上檔次。用到的色相不宜過(guò)多(1-2 種即可),舉個(gè)例子:

如圖所示,暗色調(diào)搭配給人的感覺很舒服,而且也夠上檔次。通過(guò)降低明度的方式弱化大面積顏色固有的情感屬性,讓畫面更冷靜、理性,從而起到提升作品整體檔次和視覺感受。

所以現(xiàn)在很多品牌設(shè)計(jì)中,暗色調(diào)的搭配用到的越來(lái)越多,也逐漸被現(xiàn)在的大眾所接受。

需要注意:暗色的搭配方式很容易出現(xiàn)將顏色弱化到色感缺失,導(dǎo)致作品因缺少顏色屬性而太過(guò)深沉,甚至乏味,沒有亮點(diǎn),所以可以適當(dāng)?shù)厥褂靡恍c(diǎn)綴色規(guī)避這一現(xiàn)象。切記:弱化顏色屬性并不是要完全摒棄色彩。

2. 干凈的配色提升作品檔次

每種色彩都有其固有的情感屬性,比如:紅色-喜慶、熱鬧;藍(lán)色-安全、科技……在非暗色調(diào)的情況下,干凈的配色也能起到提升作品檔次的作用。而說(shuō)到干凈,第一想到的應(yīng)該就是白色:

如圖所示,同樣和暗色調(diào)的作用很相似,白色本身就給人一種干凈、純潔、高冷的感覺,大面積的白色弱化了其他色彩的屬性,所以整體偏白色調(diào)也能起到很好的提升作品檔次的作用,且要適當(dāng)?shù)厥褂命c(diǎn)綴色。

也可以使用偏高明度低飽和度的色彩,這類顏色搭配同樣也是減弱了顏色本身的固有屬性,只是相比黑白灰色調(diào)而言,保留的顏色屬性多一些。比如:

如圖所示,當(dāng)作品色調(diào)偏高明度低飽和度時(shí),同樣也能提升作品的檔次。但是前提是顏色要干凈、通透。切記:色相越少越好把控。

注意:配色并不是一成不變的,這里提到的三種配色形式是比較常用的,不管是暗色調(diào)、白色還是其他,都要讓作品整體呈現(xiàn)出一種干凈、舒服、通透的視覺感受。

不妨找一些品牌的海報(bào)看看,絕大多數(shù)的配色形式都符合我們前面所說(shuō)的,而且即便用到一些色彩,大部分都是使用一種色相,目的也是為了避免大面積多種顏色碰撞,會(huì)給人一種不穩(wěn)定、輕浮、的視覺感受。

通過(guò)前面案例,我們也能發(fā)現(xiàn),雖然配色起到了一定的提升作用,但同樣也需要留白。

留白提升作品檔次

關(guān)于設(shè)計(jì)中的留白,這里強(qiáng)調(diào)一下留白并不等于空白,留白的目的是留出視覺元素中的喘息空間,讓視覺更具有通透性。恰當(dāng)?shù)牧舭啄軌蚪o人品質(zhì)感、高端上檔次的視覺感受。所以在設(shè)計(jì)中,并不是信息越多越少,而是要秉承少即是多的理念。舉個(gè)例子:

如圖所示,很顯然,上圖給人的第一視覺感受就是廉價(jià),原因在于:

  • 視覺元素的使用太多,導(dǎo)致整個(gè)畫面給人的感覺很雜亂,缺少留白空間。
  • 色彩使用雜亂,毫無(wú)章法可言,顏色與顏色之間也相互搶主體。
  • 各元素之間沒有主次之分,缺少層次感。

而下圖則給人一種很高冷、有檔次的感覺,同樣是茶,為什么第一眼給人的感受差距這么大?原因如下:

  • 在顏色上做了統(tǒng)一,且弱化了色彩屬性,符合我們前面所說(shuō)的配色提升作品檔次的理論。
  • 視覺元素上有主次,層次分明,除了主體之外,其他元素都做了模糊處理,沒有過(guò)多無(wú)用的元素與主體搶視覺中心。
  • 作品因?yàn)橛辛顺渥愕牧舭锥咄ㄍ感?,檔次和品質(zhì)感提升了很多。

留白在設(shè)計(jì)中是非常重要的,所以我也不止一次的提到過(guò)。而作為一名設(shè)計(jì)師,留白的運(yùn)用也是一門必修課。留白:留出來(lái)的是喘息和想象的空間,留出來(lái)的是品質(zhì)和自信。

恰當(dāng)?shù)淖煮w使用

文案作為設(shè)計(jì)的一個(gè)信息載體,它要比任何圖片信息都要更直觀、一目了然。所以在設(shè)計(jì)工作中,字體的選擇也是設(shè)計(jì)師的必修課。我們都知道字體庫(kù)的數(shù)量多之又多,而每款字體所傳達(dá)的視覺感受都各不相同,那么在日常的設(shè)計(jì)工作中,合理使用字體有助于提升作品檔次。使用字體時(shí)應(yīng)該注意什么?

1. 統(tǒng)一字體形式

這個(gè)點(diǎn)很好理解,就是作品中對(duì)應(yīng)位置的字體要統(tǒng)一使用相同的字體,不要出現(xiàn)同一位置多種字體,比如:標(biāo)題字體、副標(biāo)題字體、說(shuō)明文字字體等等,做到統(tǒng)一有助于提升作品檔次。舉個(gè)例子:

如圖所示,我們對(duì)比來(lái)看,很明顯①使用了多種字體的組合,給人一種很浮躁、雜亂甚至有些廉價(jià)的感覺,街頭小廣告也許能看到這么用的,沒有體現(xiàn)出任何一款字體的氣質(zhì),而其他三處則在字體上做了統(tǒng)一,給人的感覺很舒服,字體本身的美感也都體現(xiàn)得淋漓盡致。

2. 統(tǒng)一字體氣質(zhì)

前面我們也說(shuō)了,每款字體所傳達(dá)的視覺感受也都不同,在使用字體時(shí),盡量選用氣質(zhì)雷同的字體相互搭配。比如:標(biāo)題中國(guó)風(fēng)字體,那么副標(biāo)題和說(shuō)明性文字就盡量貼合中國(guó)風(fēng)的感覺或者與標(biāo)題保持一致,這樣做有助于提升作品的檔次以及整體性??磦€(gè)案例:

上中下三個(gè)案例,相比而言,底部海報(bào)給人的感覺品質(zhì)更好,更舒服,下面我們逐一分析:

  • 上部:標(biāo)題使用字體偏可愛、卡通類型的,而說(shuō)明性文字則使用毛筆字,很顯然字體氣質(zhì)差距太大。
  • 中部:標(biāo)題使用字體偏中國(guó)風(fēng)、古體類型,而說(shuō)明性文字又使用卡通、可愛類型的,同樣字體氣質(zhì)差距太大,不夠整體。
  • 底部:標(biāo)題使用字體偏宋體,說(shuō)明性文字與標(biāo)題保持一致,氣質(zhì)上完全吻合,所以給人的感覺要比前兩個(gè)更有檔次。

雖然字體的數(shù)量在日益增多,選擇性也越來(lái)越大,但有些字體最好不要使用,比如:霹靂體、水滴體、涂鴉體、Adobe 黑體等等一些字形結(jié)構(gòu)粗暴或者缺少細(xì)節(jié)的字體。

補(bǔ)充說(shuō)明:提升作品檔次,還需要注意背景要選擇高清大圖、產(chǎn)品要有質(zhì)感、摳圖不要有白邊鋸齒、模特盡量不要選網(wǎng)紅、盡量不要選被人用過(guò)無(wú)數(shù)次的素材,盡可能將每一處做到精致、不要忽略每一處細(xì)節(jié)。

總結(jié)

文章主要從配色、留白、字體三方面作為提升作品檔次的切入點(diǎn),當(dāng)然不僅僅只有這些,要靈活運(yùn)用,這里只是為大家提供一個(gè)可供參考的方向。重點(diǎn)是要能從別人好的作品中提取優(yōu)點(diǎn),然后舉一反三,形成自己的一套設(shè)計(jì)思路。簡(jiǎn)而言之,提升作品檔次,就要盡可能地讓作品干凈、整潔、精致。

其實(shí)檔次是比較抽象的名詞,這是一種感覺,所以我們無(wú)法給出定義。作為設(shè)計(jì)師,我們需要做的就是通過(guò)設(shè)計(jì)的理論知識(shí)將這個(gè)感覺呈現(xiàn)給大眾,讓他們接受、認(rèn)可。


文章來(lái)源:優(yōu)設(shè)    作者:美工美邦

分享本文至:

日歷

鏈接

個(gè)人資料

存檔