当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

网页设计知识,纹理运用指南(2)

来源:ifeiwu 作者:飞屋睿UIdesign 学习:8694人次

网页设计知识,纹理运用指南

同时,纹理要完美搭配网站中的风格和主题,例如手工的网站就搭配布纹,绘画的网站搭配纸纹。所有这些元素都可以通过某种逻辑法则去体现网站的内容,强化整体的信息展示。

营造氛围和凸显个性

现在,越来越多的客户喜欢自己的网站能用界面设计来传达自身更多的信息,他们希望网站凸显出自己的个性,发挥品牌效应。纹理也许能在某种程度上达到这一预期。

网页设计知识,纹理运用指南

上面这个网页可说是这方面的领衔之作。运用纹理去展示头像,每个元素都用纹理发挥,配合也非常协调。没有纹理,我想这个网页的设计也可能没有这样出色。

确实,纹理为网页界面设计增加一种“捉摸不定”的感觉,它带来一种视觉上的新鲜感,同时,也为网页增加了怀旧的魅力。

使用纹理的Tips

虽然纹理的使用带来很多好处,但与此同时,使用时也有很多需要注意的陷阱。

保持易读性

易读性是一个网页必须要维持的底线,就算是做得再漂亮的网页,如果易读性不佳,用户也不会继续使用下去。一定要避免就像如下图所示的这种情况。

网页设计知识,纹理运用指南

有节制的使用纹理

在印刷品设计时,纹理效果通常都比较夸张。而在网页中,我们就需要有所节制,不要大面积的使用,以免干扰到用户对主要内容的注意力。

网页设计知识,纹理运用指南

练习就是升级

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!