咨询:0371-63218905

网页设计中纹理的运用技巧有哪些?

  纹理在网页设计中应用已经越发完善了。它将形成一种趋势,简单而有效的为web页面设计添加几分深度感。 充分发挥纹理的威力是一份伟大的职责。它不仅能够很好增强web设计的表现效果,对于设计师来说还是一个质量上乘的好工具。它的美妙作用是可以引导浏览者的视线,强调关键元素的重要性。
 
  纹理的功能:
 
  我们喜爱纹理的理由可以有很多。设计时的选择不止是简单说“嗯,这样看起来还不错”,设计是出于一种目的,而每一个对纹理选择应该权衡利弊。现在让我们浏览下使用纹理到底有哪些好处呢?
 
  获取目光焦点:
 
  纹理可以让元素显著起来它可以吸引眼球去传达一个动作指示或者告诉你这是主要的heading部分。这也许是最明确的一种方式去理解纹理了。
 
  最低限度的去使用纹理,以便区分website中内容和其他部分。它引导着浏览者的目光直接锁向那些设计者有意安排的元素上。它可能是一种特别棒的方法让关键商标脱颖而出。
 
  你可以用很多方法去吸引别人的注意力,然而这两种常用的简单的方法,你不妨尝试一下。一种是带有纹理的logo和干净的背景搭配,另外一种正好反过来,干净的logo和带有纹理的背景一起。
 
  增强信息的筑造风格:
 
  纹理习惯于指导浏览行为。而例如线条、色块和对比同样习惯用于将内容进行逻辑区分。有效的将纹理结合其他方式会更具表现力。使用纹理的最终目的不是放弃其他的筑造风格方式,而是要去加强它们的表现效果。
 
  建立一种氛围&个性化
 
  越来越多的客户希望网站设计不止是友好的表现页面内容,他们更希望能看到一些个性独特,自己的标志更易被用户所识别的web设计。纹理便可以通过很多方式实现这一目的。
 
  提示和建议:
 
  从上面看来纹理的确很不错,但是使用中你也会想到如何才能避免技术滥用和思维定式的陷阱呢。
 
  保证易读性:
 
  千万不要为了使用纹理而牺牲了易读性,这也是我们经常犯的一个错误。易读性对于一个网站来说具有最高级别的重要性。
 
  实践预示着提高
 
  让你的设计不断的尝试新的想法,平时从来不会添加纹理的地方你也可以尝试一把,说不准会有意想不到的效果。
 
  如果它不出于任何目的,请删除
 
  在用户网站上使用纹理之前,请精炼好你的技术。必须反复的确认你使用纹理出于某种有建设性的想法,如果你不能够使得纹理有助你整体设计的提升,请放弃。
 
  没有任何理由需要过渡使用纹理。web的全部目的是为了传播信息,当然没有必要去让你的内容毫无可读性。所以,精炼和细微的纹理效果可以更好的帮助提高项目水平。
 
  考虑你想达到什么样的效果
 
  从我们的经验得知,肆无忌惮的使用纹理是件多么容易的事。而在头脑里一直想着你希望最终达到什么样的效果可以有效的避免滥用情况的发生。如果你想要一个淡淡纹理效果的背景,那就马上做,之后就去执行下一步。否则的话,你可能再也不会完成它。
 
  收集资源,这样你不必在用时才去搜索
 
  你需要花大量的时间去搜寻和下载那些对你来说有用的资源,保存资源是一项伟大的辅助工作。请相信我们,没有什么比错过一个完美笔刷,再想用时已经找不到地址时更加令人沮丧了。我们的笔刷列表既长又多样化,长年累月的时间里,我们从类似deviantART和Brusheezy里收集各种各样的笔刷,然后自定义成为自己的。
 
  学会蒙版技术
 
  学习使用图层蒙版会为你在工作节省下大量的时间,同时也会成为你的利器之一。图层蒙版也是一个超棒的方式而不会破坏任何原图设计。网络上有大量关于蒙版的技术文章,这里有个快速搜索链接,如果你需要的话。
 
  不要为了减少下载时间而牺牲质量
 
  这里有很多有趣的办法可以在保持使用纹理的同时也不牺牲下载时间。但是千万别一味的降低纹理的质量,因为与其显示得专业,慢一点儿不别让网站刚刚面世就已经过时。平铺纹理图案是个比较好的办法去节省下载时间。
 
  当然,我们还是希望能够设计出脑袋想要的效果来,但愿随着全球网络速度的提高,下载时间将会不再是你考虑的主要问题。尽管如此,还是让你的纹理使用理由充足吧,一个网页如果使用过多的纹理仍然会不可避免的下载缓慢。使用平铺的小图案作为背景吧,Tileables已经开始实践,你不妨跟他们学一学。另外我们还有CSS Sprites技术,或者使用雅虎的图片无损压缩Smush来减少图片的加载时间。
 
  合理选择纹理
 
  最后,和保证可读性一样重要的是,为你的设计选择合理的纹理。如果你是帮助一家家具店做页面设计,那种生锈效果的纹理显然非常不合适。纹理是为了营造一种特性,而不是迷惑了来访者,无论不管这些纹理看起来有多好看。实用性永远应该优先考虑。
 
  如何 DIY 纹理
 
  获取一个纹理最常用的办法是自己去制作。而且我们强烈建议你这么做,因为这种方法不仅省时而且常常会意想不到的出彩。其实自己动手制作方法十分简单。
 
  拍摄照片
 
  最简单的办法就是抓起你的数码相机去拍你身边可见各种纹理,特别是那些你从来未曾考虑过会成为纹理的物件。比如,蛋糕的表面或者水池里的泡沫。如果你环顾四周,原来你不屑的那些东西也会是很棒的纹理,像倒塌的建筑,水泥墙面,生锈的金属,树皮,风化的木质等。它们都是超级棒的样本。而一件普通的数码相机,或者带摄像头的手机就已完全够用。
 
  在拍摄的时候,使用自动模式,关掉闪光灯,耐心的照出清晰满意的纹理效果,然后稍微进行下后期处理即可使用。我们人人都可以成为图片编辑。
 
  扫描仪
 
  另外一个很好的工具就是扫描仪。(在生活中比较少会用到,这里省略)
 
  锦上添花
 
  你还可以通过加工这些原料形成新的纹理。在PS中使用图层混合模式,你可以组合各种各样的纹理制作新的纹理,看看 lostandtaken这个网站,也许不是难事。
 
  信或不信,PS里有很多滤镜同样可以制作纹理。比如噪点滤镜,通过设置噪点值来获取一种纹理效果,也许这正是你所需要的。