网页设计中纹路的运用技巧

texture在界面豹肉钕舞设计中应用已经越发完善了。它将形成一种趋势，简单而有效的为web页面设计添加几分深度感。充分发挥te旌忭檀挢xture的威力是一份伟大的职责。它不仅能够很好增强web设计的表现效果，对于设计师来说还是一个质量上乘的好工具。它的美妙作用是可以引导浏览者的视线，强调关键元素的重要性。

然而，长期以往texture似乎总和“脏乱”或者“低劣”UI设计为伍，它的滥用处处可见，像乐队的website等，对于设计师来说，它遗留下来的滋味可不怎么样！。也正是由于以前的滥用，texture的优势长期被人们所忽略。texture可以让web设计更具整体感，但是前提是不要让它满屏皆是。

Texture（纹理）VS.Patterns（图案）

在我们深入了解texture之前，先弄懂texture和pattern之间的区别。这两个词经常被误认为同义的。pattern通常是小的、重复的图片元素，而texture更趋向于大一点的不重复的图片。你可以想象两个集合，左边是pattern，右边是texture，这两个集合有一部分交集，也就是说在某些时候texture也是pattern。去tileabl这个网站逛一圈，也许你会有更清晰的印象。

Texture的功能

我们喜爱texture的理由可以有很多。设计时的选择不止是简单说“嗯，这样看起来还不错”，设计是出于一种目的，而每一个对texture选择应该权衡利弊。现在让我们浏览下使用texture到底有哪些好处呢？

获取目光焦点

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

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

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

上面这个网站设计便十分帮的表现了她的个人品牌。她使用了texture来更简洁的表现了头像部分，如果没有texture，该网站会显得平淡无味，而且缺乏个性。texture无形中使得web设计中多了很多超棒的因素，让website变得更具魅力。

提示和建议

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

保证易读性

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

别死马当活马医

在印刷里，texture很难会被过渡使用，当然有时也会因为流派不同而不同。然而在web领域，texture却很容易出现滥用的情况。

合理选择texture

最后，和保证可读性一样重要的是，为你的设计选择合理的texture。如果你是帮助一家家具店做页面设计，那种生锈效果的纹理显然非常不合适。texture是为了营造一种特性，而不是迷惑了来访者，无论不管这些texture看起来有多好看。实用性永远应该优先考虑。

如何DIYtexture

获取一个texture最常用的办法是自己去制作。而且我们强烈建议你这么做，因为这种方法不仅省时而且常常会意想不到的出彩。其实自己动手制作方法十分简单。

拍摄照片

最简单的办法就是抓起你的数码相机去拍你身边可见各种纹理，特别是那些你从来未曾考虑过会成为纹理的物件。比如，蛋糕的表面或者水池里的泡沫。如果你环顾四周，原来你不屑的那些东西也会是很棒的texture，像倒塌的建筑，水泥墙面，生锈的金属，树皮，风化的木质等。它们都是超级棒的样本。而一件普通的数码相机，或者带摄像头的手机就已完全够用。

在拍摄的时候，使用自动模式，关掉闪光灯，耐心的照出清晰满意的纹理效果，然后稍微进行下后期处理即可使用。我们人人都可以成为图片编辑。

扫描仪

另外一个很好的工具就是扫描仪。（在生活中比较少会用到，这里省略）

锦上添花

你还可以通过加工这些原料形成新的texture。在PS中使用图层混合模式，你可以组合各种各样的texture制作新的texture，看看lostandtaken这个网站，也许不是难事。

信或不信，PS里有很多滤镜同样可以制作texture。比如噪点滤镜，通过设置噪点值来获取一种纹理效果，也许这正是你所需要的。