當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

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

來源:ifeiwu 作者:飛屋睿UIdesign 學習:8694人次

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

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

營造氛圍和凸顯個性

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

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

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

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

使用紋理的Tips

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

保持易讀性

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

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

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

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

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

練習就是升級

學習 · 提示

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

關注大神微博加入>>

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