网页设计技巧,网页设计中纹理的运用技巧

2018-02-01  5294 分类:设计资讯

网页设计技巧,网页设计中纹理的运用技巧


今天品索教育要介绍的是网页设计技巧之纹理的运用技巧,我们喜爱texture的理由可以有很多。设计时的选择不止是简单说“嗯,这样看起来还不错”,设计是出于一种目的,而每一个对texture选择应该权衡利弊。现在让我们浏览下使用texture到底有哪些好处呢?


网页设计技巧,网页设计中纹理的运用技巧.jpg


获取目光焦点


texture可以让元素显著起来,譬如titles、headings、icons和buttons。它可以吸引眼球去传达一个动作指示或者告诉你这是主要的heading部分。这也许是最明确的一种方式去理解texture了。


最低限度的去使用texture,以便区分website中内容和其他部分。它引导着浏览者的目光直接锁向那些设计者有意安排的元素上。它可能是一种特别棒的方法让关键商标脱颖而出。


你可以用很多方法去吸引别人的注意力,然而这两种常用的简单的方法,你不妨尝试一下。一种是带有纹理的logo和干净的背景搭配,另外一种正好反过来,干净的logo和带有纹理的背景一起。


增强信息的筑造风格


texture习惯于指导浏览行为。而例如线条、色块和对比同样习惯用于将内容进行逻辑区分。有效的将texture结合其他方式会更具表现力。使用texture的最终目的不是放弃其他的筑造风格方式,而是要去加强它们的表现效果。


建立一种氛围&个性化


越来越多的客户希望网站设计不止是友好的表现页面内容,他们更希望能看到一些个性独特,自己的标志更易被用户所识别的web设计。texture便可以通过很多方式实现这一目的。


提示和建议


从上面看来texture的确很不错,但是使用中你也会想到如何才能避免技术滥用和思维定式的陷阱呢。


保证易读性


千万不要为了使用texture而牺牲了易读性,这也是我们经常犯的一个错误。易读性对于一个网站来说具有最高级别的重要性。


实践预示着提高


让你的设计不断的尝试新的想法,平时从来不会添加texture的地方你也可以尝试一把,说不准会有意想不到的效果。


在用户网站上使用texture之前,请精炼好你的技术。必须反复的确认你使用texture出于某种有建设性的想法,如果你不能够使得texture有助你整体设计的提升,请放弃。


没有任何理由需要过渡使用texture。web的全部目的是为了传播信息,当然没有必要去让你的内容毫无可读性。所以,精炼和细微的纹理效果可以更好的帮助提高项目水平。


考虑你想达到什么样的效果


从我们的经验得知,肆无忌惮的使用texture是件多么容易的事。而在头脑里一直想着你希望最终达到什么样的效果可以有效的避免滥用情况的发生。如果你想要一个淡淡纹理效果的背景,那就马上做,之后就去执行下一步。否则的话,你可能再也不会完成它。


学会蒙版技术


学习使用图层蒙版会为你在工作节省下大量的时间,同时也会成为你的利器之一。图层蒙版也是一个超棒的方式而不会破坏任何原图设计。网络上有大量关于蒙版的技术文章,这里有个快速搜索链接,如果你需要的话。


不要为了减少下载时间而牺牲质量


这里有很多有趣的办法可以在保持使用texture的同时也不牺牲下载时间。但是千万别一味的降低texture的质量,因为与其显示得专业,慢一点儿不别让网站刚刚面世就已经过时。平铺纹理图案是个比较好的办法去节省下载时间。


当然,我们还是希望能够设计出脑袋想要的效果来,但愿随着全球网络速度的提高,下载时间将会不再是你考虑的主要问题。尽管如此,还是让你的texture使用理由充足吧,一个网页如果使用过多的texture仍然会不可避免的下载缓慢。使用平铺的小图案作为背景吧,Tileables已经开始实践,你不妨跟他们学一学。另外我们还有CSS Sprites技术,或者使用雅虎的图片无损压缩Smush来减少图片的加载时间。


你还可以通过加工这些原料形成新的texture。在PS中使用图层混合模式,你可以组合各种各样的texture制作新的texture,看看 lostandtaken这个网站,也许不是难事。PS里有很多滤镜同样可以制作texture。比如噪点滤镜,通过设置噪点值来获取一种纹理效果,也许这正是你所需要的。


猜你喜欢