當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

網(wǎng)頁設(shè)計知識,紋理運用指南(2)

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

網(wǎng)頁設(shè)計知識,紋理運用指南

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

營造氛圍和凸顯個性

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

網(wǎng)頁設(shè)計知識,紋理運用指南

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

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

使用紋理的Tips

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

保持易讀性

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

網(wǎng)頁設(shè)計知識,紋理運用指南

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

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

網(wǎng)頁設(shè)計知識,紋理運用指南

練習(xí)就是升級

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

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

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

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