网页设计中的渐变潮(2)

来源:网络   作者:热心网友   发布时间:2016-10-31    浏览次数:323

使用渐变的背景图片


得益于渐变设计的流行,带有深度的背景图又回来了,并且很可能持续流行,(这得益于VR(虚拟现实)),因为越来越多的网站和设计师试着把更多的现实主义和三维空间的东西融合进设计里。


如今,漂亮的扁平化设计越来越流行,这种设计给人的感觉简洁舒适,但是它主要的缺点是缺乏真实性。不妨在闲暇时间环顾四周,亲近自然,远望天空。你很有可能看到渐变色——有蓝色,红色,黄色,还有紫色。

其实渐变色和投影是一个概念,在设计的时候都能增加深度和真实性。(因此如果是你想要这种效果,就要简单而巧妙地使用它)。


使用渐变叠加的图片

带有颜色叠加的图片的设计已经流行了好一段时间了,因此从单色叠加转换到渐变色叠加,没啥可惊奇的。

对大图而言这种效果是非常好的选择,例如关键的头部能够帮助用户把焦点放在重要的设计元素上,也能留出一块空间用于输入文本,或者进行行为引导,使之更加具备可读性。

把渐变色叠加在图片上,这种方法使图像和颜色之间达到了某种平衡。色相能够跟图片的含义相匹配吗?你能一直非常清楚地了解并且理解图片所表达的故事? 为了保留图片的完整性和全部信息,这些元素需要以一种十分巧妙的方式结合起来。


UI元素中的少量渐变

一些设计师将渐变加入用户界面元素中,而这些渐变与其他时下一些流行的渐变款式不同。这些渐变效果更倾向于小范围的渐变,而且还是单一颜色的渐变。

在苹果早期IOS的时代,这是一种主流的款式,但是却并未受到大众过多的喜爱。毫无疑问,使用这种渐变看起来更适用于比较大的元素中。对于一些像小图标的设计,这种小范围的渐变效果很难被识别,甚至会分散用户的注意力。然而,在一个大的空间中,这种小范围的渐变效果能够抓住读者眼球,将注意力转向行动或者一些特大的按钮。

对于每种渐变款式,都不应让用户在看到渐变的时候,停下来去想,"哇,这是一个很酷的渐变效果。"渐变效果在某种程度上应该是被无视的。渐变效果只是用来增强用户体验,而不是让用户注意力停留在美学形式上,除非你自己是讲究追求这种效果的设计师。

总结

我必须承认当渐变不再流行的时候我是觉得有些遗憾的,所以现在看到趋势又复苏了我非常激动,这种循环很有意思。

带有绚丽颜色的渐变是一种能花最少的时间来增加图片吸引力的方式,简单却不简洁既令人心动又能引起兴趣。这种技巧回归主流得益于所有的设计师的推动。

12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/dianshangsheji/5144.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通