返回顶部
北京海空设计
4000 981 891 4000-981-891
4000 981 891 电话
专注
设计潮流

如何在网页设计中使用纹理

 

纹理是一种简单而有效的方式,可以为网站带来更深入的深度。你可以通过纹理的应用,来控制用户在整个网站中的浏览顺序,并且谁不喜欢一些偶然的操作?你的网站看起来会更好,更有效地表达其信息,并通过强化销售点赚取一些收入。

 

首先,我们需要了解什么是纹理。网页设计中的纹理是巨大的、不重复的图像,给人一种你可以触摸到的物理表面的错觉。它们的使用可以通过关联,产生特定的情绪,从而传达有用的信息。

 

纹理是一种感官体验。通常与图案混淆,纹理往往会更好地吸引注意力,并将内容的一个区域与另一个区域分开。另外,它们看起来超级酷!

 

网页设计师要考虑转化

作为一名网页设计师,你可能会问自己:“这看起来不错吗?”但是不要忘记用“这会增加转化潜力吗?” 没有比将浏览器做得可以把浏览者,转换成买家更好的感觉了,所以通过纹理使用,最终要应该引导浏览者进行消费的行为。

 

纹理可以突出显示网站组件,如标题、图标和按钮。它还可以吸引用户采取行动。让我们来看看一些做得很好的网站。

 

1.我喜欢“我喜欢我的牙齿”这个网页

白色空间不是一种致命的进攻,不要让任何人以其他方式告诉你。这即不是浪费空间,也不是浪费金钱。所以在网页设计上,请确保有一些空白空间!

 

如何在网页设计中使用纹理

 

纹理是美丽的小或微妙的图案数量的总和。但是,要在页面上引导用户,需要在内容区域之间进行一些区分。作为知名的设计师,Ellen Lupton说:“设计既是一种间隔行为,也是一种标记行为。”举一个例子,请看看 “我们不是塑料”这个网站的案例,网站充满了战略性的白色和空白空间。

 

2.很好地体现品牌

在干净的背景情况下,有纹理的商标会使公司的名字更加突出,吸引人们的注意。这个有纹理的logo也可以准确的重申公司没有任何杂乱的文字。它还可以给网站的介绍带来一些冲击力,使网站更加令人难忘,并使其与竞争对手脱颖而出。 

 

如何在网页设计中使用纹理

 

Custom Shingles是使用纹理的一个良好例子。他们的品牌把纹理应用到标志上,大胆的公司名称背后的木质效果纹理,不仅与他们的产品产生共鸣,而且还刻画了专业性、克制感以及一点乐趣!对于建筑/贸易公司的品牌,混凝土和木材的组合特别适合。

 

3.始终要考虑文字排版效果

保持清晰。有一点需要记住的是,纹理会影响文本的易读性。因为文本是传达信息或进行销售的主要方式之一,这一点非常重要。

 

如果你正在使用纹理,请明智地选择你的字体,颜色和尺寸。千万别走漫画路线。

 

如何在网页设计中使用纹理

 

KBS Agency的网站突出显示了排版正确执行的影响。不要在排版设计上失去冷静。

 

4.与加载时间比,优先考虑纹理质量

良好的质量纹理赢得缓慢的加载时间。如果您选择低分辨率纹理,它会显得过时,用户会很快失去信心和兴趣。如果必须,重复纹理背景图案以减少加载时间。如果不是太明显的话,你可能会侥幸逃脱。

 

如何在网页设计中使用纹理

 

看看Cladinox的网站,它使用简单但高分辨率的纹理背景。

 

重申一下,不要失去自己对纹理使用的控制力。纹理是很有趣的,但是锻炼一些自我约束。如果你不太清楚你的网站需要什么,但你要知道添加另一个纹理进行对比,在Photoshop中进行处理。你可以在这个层次上玩,你可以得到一些很好的、微妙的纹理,如下图所示。

 

如何在网页设计中使用纹理

 

是的,纹理是可以好好利用的,但套用Dylan Thomas的话,“确实要柔和地使用纹理! 尝试并获得乐趣,但最重要的是,请记住:使用这个纹理,最终是为了获得高的转化率。

 

本文由海空设计(北京海空影视文化咨询有限公司)翻译整理,版权归本公司所有,如需转载到其他平台,请联系作者(微信ID:haikongdesign)。

原文地址:https://heydesign.com/2017/11/how-to-use-texture-in-web-design/

北京画册设计

专业为您 ▪ 交流分享

立即咨询

因为专注 所以专业
海空设计由15年画册设计经验的设计总监督导; 数十位画册设计资深设计师主持,为您量身定制设计方案; 我们在符合您之所需的同时,引领画册设计版式设计潮流,崇尚简洁、清晰的设计理念,成功服务过数家世界500强和国内众多上市公司......

轻松写下您的需求

统计