有些設(shè)計(jì)師的作品缺乏足夠的細(xì)節(jié)和品質(zhì),導(dǎo)致作品不夠耐看。就像一本書(shū)有著精美的封面,但是打開(kāi)以后卻平淡無(wú)奇,最終對(duì)整本書(shū)都非常失望。
想要讓作品更優(yōu)秀,除了基本的版式和配色之外,往往還需要更深入地去雕刻作品,讓作品帶有一種更高級(jí)的“氣質(zhì)”,而這種“氣質(zhì)”就是我們所說(shuō)的品質(zhì)感。
1.什么是品質(zhì)感? 品質(zhì)感是對(duì)于設(shè)計(jì)作品來(lái)說(shuō),是一個(gè)綜合性的評(píng)價(jià)。我們可以將這個(gè)詞分為“品”和“質(zhì)”,“品”代表物體本身的品相和細(xì)節(jié),而“質(zhì)”則代表質(zhì)感。
怎樣的設(shè)計(jì)才算是有品質(zhì)感的?如何提升設(shè)計(jì)的品質(zhì)感?我們可以首先來(lái)研究一些優(yōu)秀的設(shè)計(jì)案例,尋找其中的共同點(diǎn)。蘋(píng)果的產(chǎn)品和頁(yè)面設(shè)計(jì),是比較公認(rèn)的具有較高品質(zhì)感的,我們可以來(lái)看一下蘋(píng)果的部分官網(wǎng)頁(yè)面。


蘋(píng)果的所有產(chǎn)品和頁(yè)面,從產(chǎn)品圖到頁(yè)面的設(shè)計(jì)都非常有質(zhì)感。為什么這種質(zhì)感會(huì)如此吸引我們,令我們覺(jué)得非常舒適?如何才能讓設(shè)計(jì)產(chǎn)生質(zhì)感?
要了解如何產(chǎn)生質(zhì)感,首先要了解一下物體產(chǎn)生質(zhì)感的原理。


當(dāng)光線照射在富有質(zhì)感的物體表面時(shí),會(huì)產(chǎn)生不同程度的漫反射,最終反射進(jìn)入我們的眼球后,就會(huì)顯現(xiàn)出一層富有質(zhì)感的漸變色。所以想讓物體獲得質(zhì)感,漸變是一個(gè)關(guān)鍵要素。
我們可以利用這一原理來(lái)提升質(zhì)感。下面的案例,是FisnDesign組件庫(kù)官網(wǎng)的一個(gè)局部頁(yè)面。其中就運(yùn)用了大量的漸變色質(zhì)感原理,將漸變色融入到icon和頁(yè)面元素中,從而提升了整個(gè)頁(yè)面的質(zhì)感。
2.獲得品質(zhì)感的關(guān)鍵要素 漸變只是是獲得品質(zhì)感的關(guān)鍵因素之一,蘋(píng)果官網(wǎng)將漸變這種原理加入到頁(yè)面和元素中,配合精美的產(chǎn)品圖片,讓頁(yè)面保持了非常高的品質(zhì)感。
那么是否還有其他要素的存在,能夠提升質(zhì)感呢?

仔細(xì)觀察蘋(píng)果的所有元素設(shè)計(jì),在漸變的同時(shí),還加入了微量的投影和豐富的細(xì)節(jié),使所有的元素在簡(jiǎn)潔中充滿(mǎn)了細(xì)膩的質(zhì)感。
我們可以總結(jié)一下,讓設(shè)計(jì)獲得品質(zhì)感的幾個(gè)要點(diǎn):細(xì)膩的漸變+輕微的光影+細(xì)節(jié)/紋理。
發(fā)現(xiàn)這些原理以后,我們可以嘗試將這些原理運(yùn)用到設(shè)計(jì)中,從而提升設(shè)計(jì)的品質(zhì)感。下面的幾個(gè)案例,就是我在研究時(shí)所做的一些案例,在不同的頁(yè)面細(xì)節(jié)中都可以看到 以上原理的運(yùn)用效果。

(鄭重聲明:本文版權(quán)歸原作者徐劍杰所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權(quán),請(qǐng)聯(lián)系我們刪除;如作者信息標(biāo)記有誤,請(qǐng)聯(lián)系我們修改。)
網(wǎng)頁(yè)名稱(chēng):網(wǎng)頁(yè)設(shè)計(jì)如何提升品質(zhì)感
網(wǎng)站路徑:http://jinyejixie.com/news/114225.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動(dòng)態(tài)網(wǎng)站、虛擬主機(jī)、網(wǎng)站建設(shè)、云服務(wù)器、做網(wǎng)站、網(wǎng)站排名
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(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í)需注明來(lái)源:
創(chuàng)新互聯(lián)