2022-06-26 分類: 網(wǎng)站建設(shè)
我們經(jīng)常會(huì)有這樣的感覺:自己看了不少設(shè)計(jì)類的書,很多大神的文章也一一拜讀過,經(jīng)手的項(xiàng)目不說種類繁多,但是數(shù)量上也算比較可觀了,照理來說說是設(shè)計(jì)經(jīng)驗(yàn)豐富也不為過。但是我們?cè)诠湓O(shè)計(jì)網(wǎng)站的時(shí)候,會(huì)看到別人的作品明明跟我們的某個(gè)作品風(fēng)格很相近,但人家的更有細(xì)節(jié)更有質(zhì)感,而自己的就平淡無奇,這是為什么呢?
在這里我們先引入一個(gè)概念。
最后一公里
最后一公里這個(gè)詞一開始是用在公共交通末梢的問題上的。后來各個(gè)行業(yè)都提到這個(gè)詞,就逐漸用來形容“完成一件事情最后且最關(guān)鍵的一步,而這一步通常很棘手,如果得以解決就能讓整件事形成好的閉環(huán)”。
在設(shè)計(jì)領(lǐng)域里,“最后一公里”就是指項(xiàng)目的最終呈現(xiàn)了。
下面,我們就從四個(gè)方面聊聊如果快速提高設(shè)計(jì)稿的質(zhì)感。
一、層次
層次分為平面和縱深。任何一個(gè)設(shè)計(jì)師,都應(yīng)該充分意識(shí)到,有節(jié)奏的層次變化能在用戶內(nèi)心產(chǎn)生微妙的化學(xué)反應(yīng)。
這是一個(gè)航空公司的廣告圖,我們經(jīng)常能看到或者說也做過類似這樣的設(shè)計(jì):一個(gè)大大的背景圖,加個(gè)框,加上文案,很簡(jiǎn)潔,可是也過于平淡了。
我們給圖做一些小改動(dòng),快的話可能十分鐘都不要,看看具體做了什么:
1.文字標(biāo)題和正文區(qū)分開,強(qiáng)弱對(duì)比更加明顯。
2.讓機(jī)翼割裂矩形框,產(chǎn)生縱深感。
3.增加投影
是不是效果就完全不一樣了呢?
這兩張海報(bào),也是用了類似的方法,讓2d的畫面體現(xiàn)出了3d的效果。如果平時(shí)我們?cè)谠O(shè)計(jì)中也多多運(yùn)用這樣的技巧,給自己的設(shè)計(jì)稿制造富有節(jié)奏的層次感,結(jié)果可能就大不一樣。
二、色彩
在設(shè)計(jì)中,我們對(duì)于顏色不同程度的理解,都影響著設(shè)計(jì)的表現(xiàn)。一張優(yōu)秀的設(shè)計(jì)作品,色彩搭配必然是和諧得體、令人賞心悅目的。
這是兩張色調(diào)很接近的海報(bào)。大家應(yīng)該都能感覺到右邊比左邊更有“逼格”吧。
左邊的稿子單獨(dú)拿出來看,其實(shí)它也不算是一個(gè)糟糕的設(shè)計(jì),還用了之前很流行的幾何背景,可是和右邊的進(jìn)行比較,左邊這幅有更多的色彩和相對(duì)更高的飽和度,可能就是它顯得“廉價(jià)”的原因。
關(guān)于色彩,要細(xì)說的話太多了,在這里我提四點(diǎn):
1.色彩的黃金法則:6:3:1
在一個(gè)作品中,主色、次要顏色和輔助色的比例,接近于6:3:1,不敢說滿足這個(gè)條件就一定是一個(gè)好的設(shè)計(jì),但至少是一個(gè)不容易出錯(cuò)的設(shè)計(jì)。我相信大家對(duì)于這個(gè)法則都不陌生,但是越熟悉的就越容易被我們忽略,以后大家在對(duì)自己設(shè)計(jì)稿不滿意的時(shí)候,不妨看看我們的配色是否滿足這個(gè)黃金比例。
2.勿忘黑色
很多現(xiàn)代簡(jiǎn)約的風(fēng)格都會(huì)使用黑色,當(dāng)然我在這里不是呼吁大家大量的使用黑色,而是靈巧的運(yùn)用。黑色能讓任何一個(gè)色彩都顯得更為干凈,當(dāng)你不知道使用什么顏色點(diǎn)綴的時(shí)候,用黑色試試吧。
3.遵循自然的顏色
地球是有顏色的,天空、土壤、群山、海洋,都有著它們各自的顏色。我們?cè)谠O(shè)計(jì)稿中,如果違背了大自然的原則,往往會(huì)給人不舒服的感覺。有時(shí)候,大自然的色彩是最好的提示。
4.色彩的反差
如果通篇是一個(gè)色調(diào),會(huì)給人乏味、平淡的感覺。當(dāng)我們需要強(qiáng)調(diào)什么、或者想要表達(dá)某種情緒營(yíng)造某種氛圍的時(shí)候,試試加入一些反差:可以是明暗對(duì)比、冷暖對(duì)比、輕重對(duì)比,也許會(huì)得到你想要的結(jié)果。
三、陰影
幾乎是gui設(shè)計(jì)誕生的那一刻起,陰影的運(yùn)用就無處不在。
這兩張圖,大家應(yīng)該都不陌生吧。左邊這張是win2000時(shí)的界面,右邊這張是被無數(shù)設(shè)計(jì)師臨摹的mike大神作品。它們有一個(gè)共同點(diǎn),就是都用到了高光、陰影和漸變。
之后設(shè)計(jì)工具不斷推陳出新,設(shè)計(jì)手法也越來越豐富,這里不能不提到喬布斯,在iphone推出后,擬物設(shè)計(jì)風(fēng)靡設(shè)計(jì)圈,在ios6的時(shí)代達(dá)到巔峰,幾乎所有的設(shè)計(jì)師都在埋頭研究各種投影、反射、紋理、高光。
iOS 7 推行扁平化設(shè)計(jì)后,當(dāng)時(shí)的設(shè)計(jì)圈就炸開了鍋?!高@么多年辛苦練習(xí)的設(shè)計(jì)技巧,說拋棄就拋棄?」于是他們還是想到了陰影。你要說2014年最流行的設(shè)計(jì)風(fēng)格是什么,毫無疑問是漸變「Gradient」+長(zhǎng)投影「Long shadow」
再到現(xiàn)在,設(shè)計(jì)師們又看膩了長(zhǎng)投影,轉(zhuǎn)向了紙片化的設(shè)計(jì),加上大范圍的薄陰影烘托質(zhì)感。依舊是扁平的風(fēng)格,不過設(shè)計(jì)師們都在想著辦法做出不一樣的感覺。
說了這么多,其實(shí)就是想表達(dá)從十幾年前開始,陰影就一直以不同的形式存在設(shè)計(jì)潮流中,當(dāng)然我們對(duì)于潮流的態(tài)度,應(yīng)該是不盲目跟隨,也不強(qiáng)烈抵制,適合自己的才是最好的。
舉兩個(gè)例子,分別是有投影和沒有投影的情況下,設(shè)計(jì)稿所呈現(xiàn)出來的樣式,能明顯感覺到,適當(dāng)?shù)耐队?,?duì)增加設(shè)計(jì)稿質(zhì)感確實(shí)是有幫助的。
四、字體
用對(duì)字體,設(shè)計(jì)才得體。你不會(huì)想要在卡通風(fēng)格的設(shè)計(jì)中用宋體,同理,也不會(huì)用娃娃體去做嚴(yán)肅文學(xué)作品的封面。
1.了解字體的性格
這是兩張海報(bào),左邊《海扁王》的海報(bào)上用了無襯線的粗體字,一種渾厚、有力的感覺撲面而來。而右邊的《裁縫》則是用了有襯線的細(xì)體字,給人更多的是輕巧、飄逸的感覺。不同的字體,傳遞著不同的性格,用的時(shí)候可要把握好哦。
2.使用一種以上的字體
如果我們通篇只用一種字體,對(duì)看的人來說可能就沒有吸引力,分不清主次。適當(dāng)?shù)脑黾幼煮w,看起來會(huì)與眾不同。
3.調(diào)整你的行間距
我打了兩段話,第一段的行間距是1,第二段的行間距是1.5,相對(duì)于第一段來說,我相信大家更愿意閱讀第二段的內(nèi)容吧。
4.注意文字的可識(shí)別性和易讀性。
關(guān)于這點(diǎn)可能會(huì)有很多種不同的情況,我就拿了一點(diǎn)舉例:我們?cè)谠O(shè)計(jì)中可能會(huì)遇到在圖片上添加文字的情況,在圖片不固定的時(shí)候,如果我們用了白色,遇到淺色背景的圖片會(huì)使文字閱讀困難,所以通常會(huì)加一個(gè)不透明度較低的黑色蒙層來避免這種情況出現(xiàn),當(dāng)然文字加投影也可以。這種會(huì)導(dǎo)致文字易讀性差的情況還有很多,大家根據(jù)自己的問題采用不同的方法吧。
本文來自成都品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:創(chuàng)新互聯(lián),高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站
分享題目:快速提高設(shè)計(jì)稿質(zhì)感
分享地址:http://jinyejixie.com/news33/171583.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、商城網(wǎng)站、靜態(tài)網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、網(wǎng)站排名
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容