当你为客户体验设计公司工作时,你会发现行业趋势的周期性。 就像时髦或艺术一样,过时的风格不可防止地在几年后重新出现,只不过被主流所同意,并且再一次被淘汰。
在数字设计范围,可能没比渐变的上升和降低(与上升)更好的例子。 考虑到九十年代界面设计的重点(有多少地点网站有梯度艺术字标头?),这一趋势可能要追溯到更远的地方。考虑考虑这个标志性的标志:
《回到将来》(Back To The Future)是近期重新时尚的一种设计时尚的一个典型例子,可能最引人注目的是2016年Instagram重新设计logo,与Spotify的双音播放列表图标。渐变在用户界面设计范围愈加时尚,而且出于好是什么原因,它们为界面注入了深度和纹理。它们饰演着独特的、甚至是相互冲突的角色:渐变事实上模仿了大家周围看到的颜色(在现实世界中大家极少遇见单音),但它们也可以用来创建大家以前从未见过的颜色模式。
梯度是一种强大的设计技术,用巨大的力量来承担巨大的责任。当使用方法不对时,渐变会导致设计灾难。它们可以打乱布局,分散用户的注意力,破坏整个界面的美感。在这篇文章中,大家揭示了创建一个渐变的秘密,使你的界面提高到下一个层次。
从坚实的基础开始
无论是双色调还是多色调,每一种渐变都只有基本色那样强烈。就像所有基于颜色的设计选择一样,在选择正确的颜色时,大家可以参考色轮作为指导。
不要担忧,你无需成为色彩理论专家来为你的渐变做出小心的选择。普通的经验法则是选择接近彼此的颜色,从而使它们更自然地融合在一块。UX Planet包括了一个伟大的图表,看看从黄色到橙色的转换与绿-紫色的无缝衔接。
为何轮子附近的颜色在视觉上这样吸引人?或许是由于这类渐变是自然发生的。这给UI设计师带来了一个非常好的商业秘密:将自然作为想法的来源。
在自然界中梯度
在大家的日常,大家不断地遇见各种各样的梯度:天空、日落、水体。无论大家在世界的什么角落,天空都是非常好的来源。让大家来看看让人惊叹的自然画面设计师安娜・格伦(Anna Grenn)的陈列柜,与它们的配套色彩。
虽然天空可能是最容易见到的来源材料,但例子还有不少。目前你周围可能有一个自然梯度。现实生活的色彩不是整齐地填满线条,而是混合在一块。
把它带到下一个层次
假设你现有品牌的颜色不合适渐变。或者或许你的规范双音渐变并没削减它。不要害怕:在渐变中注入额外的色调是增强视觉成效的好办法,并能更好区域别你的UI。
正如你所想象的,当附加的颜色落在色轮的开始和结束之间时,它们会流动得最好。重温来自UX行星的相同图表:
只不过应该注意:你添加的颜色越多,你的坡度越复杂,设计的平衡就越困难。你可以把目的定得高些,然后像Instagram的logo那样,拍摄多层次的渐变成效,但假如你做得太过火了,你最后会得到一个更接近这个故意设计得难看的MTV网站的东西。
光源和形状
即便在确定了好的颜色组合之后,仍然需要在设计中达成它。第一,一些基本要点:
渐变应该与容器对齐,与布局维持一致,并指向用户的眼球应该指向的地方。对于x面多边形(正方形、三角形、矩形、五角形等),这一般意味着一个线性梯度;圆形地区需要径向。
一些UI设计师喜欢为他们正在设计的页面指定一个假想的“光源”,就像画家描绘风景一样。这能够帮助他们决定怎么样确定渐变的方向――越亮的那一面显然应该离源越近,越暗的那一面越远。指定光源也可以帮助公告页面的其他图形元素,并充当焦点。
请注意此音乐应用程序界面左上角的光源。
当所有这类单独的元素被正确地选择,他们结合成一个华丽的,让人哑口无言的梯度。而这反过来又给整个界面带来了巨大有哪些好处。
渐变从哪儿出发?
在UI中包括渐变是一个非常不错的、比较容易达成平台现代化的办法。通过遵循这里讨论的方法,你可以确保正确地用这个强大的设计工具。回顾一下:
用你的品牌和色轮组合,选择适合的底色
如有疑问,请转向自然界寻求想法
通过添加更多色彩来增加色彩,但应该注意不要做得太过火
在界面中选择正确的形状和地方。记住:大家的双眼会遵循渐变
就像所有些UI设计趋势一样,渐变也会由于下一个大事件而过时。但就现在而言,它们是尖端UI设计的支柱。
目前文章:成都网站建设浅谈怎么样设计完美的渐变目前URL:https://www.cdcxhl.com/news/49195.html
网站制作、网络营销推广公司-博久网络,是专注品牌与成效的网站建设,网络推广营销网站优化公司;服务项目有网站建设等