纹理素材怎么用?来学习如何提升你的网页设计质感
提升设计感:纹理运用
纹理在网页设计中已经成为一个不可或缺的元素。它不仅仅是个趋势,更是个增加网页深度的快捷方法。学会使用纹理,强化设计感染力,而纹理本身就能通过引导用户的视线来展示网页的关键内容。
然而,一直以来纹理似乎都被误解为“GRUNGE”风格设计,在许多网页中我们可以看到,为了突出酷炫的效果被大量使用,甚至有滥用的嫌疑。纹理的确可以增强设计的感染力,但是绝不是网页设计中的主角。
1纹理VS图案
在开始聊纹理之前,让我们先把这一对容易混淆的概念区分一下。这两个词通常会被当作一组同义词。图案通常会由一些细小的重复性的元素组成,具有一定的视觉节奏感。而纹理相对图案由更大的元素组成,也不一定有重复性。如果用集合来表示这两个概念,那么,纹理和图案应该只有小部分交集,其余部分都是相对独立的。
2纹理的作用
在网页中使用纹理,基于设计的理由绝不是仅仅因为“好看”就这样去做,而应该基于满足某种功能,而纹理的使用目的大部分都会在于增强网页的层次和视觉深度。让我们来看看纹理具体有哪些作用吧。
引导用户的使用和操作
图标、按钮、标题等元素都能运用上纹理,吸引用户的注意力,强化用户体验。最低限度地使用纹理就是将纹理运用在元素上,以便让这些元素区别于网页中的其他元素,强化网页的结构,引导用户浏览。这种方式也可以重点突出网页中的品牌形象,例如在LOGO上使用纹理。
这里对LOGO使用纹理有两种方式:第一是为你的LOGO使用纹理而搭配清晰背景,第二是保持清晰LOGO而运用纹理背景。
3使用TIPS
◆保持易读性:易读性是一个网页必须要维持的底线,就算是做得再漂亮的网页,如果易读性不佳,用户也不会继续使用下去。一定要避免就像如下图所示的这种情况。
◆有节制的使用纹理:在印刷品设计时,纹理效果通常都比较夸张。而在网页中,我们就需要有所节制,不要大面积的使用,以免干扰到用户对主要内容的注意力。
◇有目的性地使用:在为实际项目进行设计前,也需要大量的练习。通常我们往往会无目的性地,习惯性觉得某个纹理好看就用上。这不利于设计的最终目的,如果你无法判断这个元素的使用目的,那就开始改变这种做法。
有目的性且意味着有重点,它的出现是为了烘托主题。如果过度使用造成抢镜的情况,那么也要放弃使用纹理。同时,还可以尽量使用比较弱的纹理,若隐若现,这样的效果会让纹理的优势发挥更好。
◆为最终效果服务:经验告诉我们,设计时要时刻记得最终我们要实现的效果。例如,设计一个网页,运用上满意的弱纹理背景后,如果已经符合了最终效果,那就继续设计下一个元素。
◆日常收集资源:为了在设计时节省大量时间,在平时做好后备资源是最好的解决方式了。
更多艺术留学、作品集制作等专业资讯,请关注微信公众号:UBAT作品集研习社
返回搜狐,查看更多
责任编辑: