網(wǎng)頁(yè)設(shè)計(jì)知識(shí),紋理運(yùn)用指南(2)

來(lái)源:ifeiwu 作者:飛屋睿UIdesign 學(xué)習(xí):8694人次

網(wǎng)頁(yè)設(shè)計(jì)知識(shí),紋理運(yùn)用指南

同時(shí),紋理要完美搭配網(wǎng)站中的風(fēng)格和主題,例如手工的網(wǎng)站就搭配布紋,繪畫的網(wǎng)站搭配紙紋。所有這些元素都可以通過(guò)某種邏輯法則去體現(xiàn)網(wǎng)站的內(nèi)容,強(qiáng)化整體的信息展示。

營(yíng)造氛圍和凸顯個(gè)性

現(xiàn)在,越來(lái)越多的客戶喜歡自己的網(wǎng)站能用界面設(shè)計(jì)來(lái)傳達(dá)自身更多的信息,他們希望網(wǎng)站凸顯出自己的個(gè)性,發(fā)揮品牌效應(yīng)。紋理也許能在某種程度上達(dá)到這一預(yù)期。

網(wǎng)頁(yè)設(shè)計(jì)知識(shí),紋理運(yùn)用指南

上面這個(gè)網(wǎng)頁(yè)可說(shuō)是這方面的領(lǐng)銜之作。運(yùn)用紋理去展示頭像,每個(gè)元素都用紋理發(fā)揮,配合也非常協(xié)調(diào)。沒(méi)有紋理,我想這個(gè)網(wǎng)頁(yè)的設(shè)計(jì)也可能沒(méi)有這樣出色。

確實(shí),紋理為網(wǎng)頁(yè)界面設(shè)計(jì)增加一種“捉摸不定”的感覺(jué),它帶來(lái)一種視覺(jué)上的新鮮感,同時(shí),也為網(wǎng)頁(yè)增加了懷舊的魅力。

使用紋理的Tips

雖然紋理的使用帶來(lái)很多好處,但與此同時(shí),使用時(shí)也有很多需要注意的陷阱。

保持易讀性

易讀性是一個(gè)網(wǎng)頁(yè)必須要維持的底線,就算是做得再漂亮的網(wǎng)頁(yè),如果易讀性不佳,用戶也不會(huì)繼續(xù)使用下去。一定要避免就像如下圖所示的這種情況。

網(wǎng)頁(yè)設(shè)計(jì)知識(shí),紋理運(yùn)用指南

有節(jié)制的使用紋理

在印刷品設(shè)計(jì)時(shí),紋理效果通常都比較夸張。而在網(wǎng)頁(yè)中,我們就需要有所節(jié)制,不要大面積的使用,以免干擾到用戶對(duì)主要內(nèi)容的注意力。

網(wǎng)頁(yè)設(shè)計(jì)知識(shí),紋理運(yùn)用指南

練習(xí)就是升級(jí)

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!