咨询:0371-63218905

网页设计中的纹理是如何运用的?

  纹理在网页设计中已经成为一个不可或缺的元素。它不仅仅是个趋势,更是个增加网页深度的快捷方法。设计师学会使用纹理,就能强化网页感染力,可谓是网页设计中必然要掌握的功法。而纹理本身就能通过引导用户的视线来展示网页的关键内容。
 
  1、纹理 VS 图案
 
  在深入了解纹理之前,让我们先把这一对容易混淆的概念区分一下。这两个词通常会被当作一组同义词。图案通常会由一些细小的重复性的元素组成,具有一定的视觉节奏感。而纹理相对图案由更大的元素组成,也不一定有重复性。如果用集合来表示这两个概念,那么,纹理和图案就会是两个圆,只有小部分交集,其余部分都是相对独立的。
 
  2、纹理的功能
 
  人们喜欢在网页中使用纹理,基于设计的理由绝不能仅仅因为“看起来很美”就这样去做,而应该基于满足某种功能,而纹理的使用目的大部分都会在于增强网页的层次和视觉深度。还是让我们来看看纹理具体有哪些功能吧。
 
  3、吸引用户点击操作
 
  图标、按钮、标题等元素都能运用上纹理。它能吸引用户对相应元素进行点击操作。这也许就是纹理运用盛行的原因。
 
  最低限度地使用纹理就是将纹理运用在元素上,以便让这些元素区别于网页中的其他元素。引导用户的视线进入我们预期的下一步。这种方式也可以重点突出网页中的品牌形象,例如在LOGO上使用纹理。
 
  这里对LOGO使用纹理有两种方式:第一是为你的LOGO使用纹理而搭配清晰背景,第二是保持清晰LOGO而运用纹理背景。如下面两个截图所示。
 
  4、增强信息的视觉展示规则
 
  纹理既然可以用以引导视线,就如同线条、方框和对比一样,它也可以被用以排版,将内容按照某种视觉规则进行展示。与此同时,纹理的效果要运用得当,与其他的视觉规则方式协调使用,最终输出效果将会非常理想。
 
  5、营造氛围和凸显个性
 
  现在,越来越多的客户喜欢自己的网站能用界面设计来传达自身更多的信息,他们希望网站凸显出自己的个性,发挥品牌效应。纹理也许能在某种程度上达到这一预期。
 
  6、使用纹理的Tips
 
  虽然纹理的使用带来很多好处,但与此同时,使用时也有很多需要注意的陷阱。
 
  (1)保持易读性
 
  易读性是一个网页必须要维持的底线,就算是做得再漂亮的网页,如果易读性不佳,用户也不会继续使用下去。一定要避免就像如下图所示的这种情况。
 
  (2)有节制的使用纹理
 
  在印刷品设计时,纹理效果通常都比较夸张。而在网页中,我们就需要有所节制,不要大面积的使用,以免干扰到用户对主要内容的注意力。
 
  (3)练习就是升级
 
  在使用纹理时,多进行尝试。只有经过试用后,你才知道最终效果。把纹理放置于你不曾想到的地方,也许就会有不同的发现。
 
  (4)有目的性地使用它
 
  在为实际项目进行设计前,你也需要大量的练习。通常,我们在习作时,往往会因为某个纹理好看就用上。这不利于设计的最终目的。如果你无法判断这个元素为何使用纹理的目的,那就放弃这样做。
 
  (5)有目的性且意味着有重点,它的出现是为了烘托主题。如果过度使用造成抢镜的情况,那么也要放弃纹理。同时,建议尽量使用比较弱的纹理图案,若隐若现,这样的效果会让纹理的优势发挥更好。