鹤壁网络公司如何设计***的渐变

当你为用户体验设计公司工作时，你会发现行业趋势的周期性。 就像时尚或艺术一样，过时的风格不可避免地在几年后重新出现，只是被主流所接受，并且再一次被淘汰。


在数字设计领域，可能没有比渐变的上升和下降（以及上升）的例子。 考虑到九十年代界面设计的关键（有多少地理位置网站有梯度艺术字标头？），这一趋势可能要追溯到更远的地方。考虑一下这个标志性的标志：


《回到未来》(Back To The Future)是近重新流行的一种设计潮流的一个典型例子，或许引人注目的是2016年Instagram重新设计logo，以及Spotify的双音播放列表图标。渐变在用户界面设计领域越来越流行，而且出于良好的原因，它们为界面注入了深度和纹理。它们扮演着甚至是相互冲突的角色：渐变实际上模仿了我们周围看到的颜色(在现实世界中我们很少遇到单音)，但它们也可以用来创建我们以前未见过的颜色模式。


梯度是一种强大的设计技术，用巨大的力量来承担巨大的责任。当使用不当时，渐变会造成设计灾难。它们可以打乱布局，分散用户的注意力，破坏整个界面的美感。在这篇文章中，我们揭示了创建一个渐变的秘密，使您的界面提升到下一个层次。


从坚实的基础开始


无论是双色调还是多色调，每一种渐变都只有基本色那么强烈。就像所有基于颜色的设计选择一样，在选择正确的颜色时，我们可以参考色轮作为指导。


不要担心，你不需要成为色彩理论专家来为你的渐变做出谨慎的选择。一般的经验法则是选择接近彼此的颜色，从而使它们更自然地融合在一起。UX Planet包含了一个伟大的图表，看看从***到橙色的转换与绿-紫色的无缝衔接。



为什么轮子附近的颜色在视觉上如此吸引人？也许是因为这些渐变是自然发生的。这给UI设计师带来了一个商业秘密：将自然作为灵感的来源。


在自然界中梯度


在我们的日常生活中，我们不断地遇到各种各样的梯度：天空、日落、水体。无论我们在世界的哪个角落，天空都是好的来源。让我们来看看令人惊叹的自然画面设计师安娜·格伦(Anna Grenn)的陈列柜，以及它们的配套色彩。


虽然天空可能是常见的来源材料，但例子还有很多。现在你周围可能有一个自然梯度。现实生活的色彩不是整齐地填满线条，而是混合在一起。


把它带到下一个层次


假设你现有品牌的颜色不适合渐变。或者也许你的标准双音渐变并没有削减它。不要害怕：在渐变中注入额外的色调是增强视觉效果的好方法，并能好地区别你的UI。


正如你所想象的，当附加的颜色落在色轮的开始和结束之间时，它们会流动得。重温来自UX行星的相同图表：



只是要注意：你添加的颜色越多，你的坡度越复杂，设计的平衡就越困难。你可以把目标定得高些，然后像Instagram的logo那样，拍摄多层次的渐变效果，但如果你做得太过火了，你终会得到一个更接近这个故意设计得难看的MTV网站的东西。



光源和形状


即使在确定了颜色组合之后，仍然需要在设计中实现它。首先，一些基本要素：


渐变应该与容器对齐，与布局保持一致，并指向用户的眼球应该指向的地方。对于x面多边形(正方形、三角形、矩形、五角形等)，这通常意味着一个线性梯度;圆形区域需要径向。


一些UI设计师喜欢为他们正在设计的页面指定一个假想的“光源”，就像画家描绘风景一样。这有助于他们决定如何确定渐变的方向——越亮的那一面显然应该离源越近，越暗的那一面越远。指定光源也可以帮助通知页面的其他图形元素，并充当焦点。


请注意此音乐应用程序界面左上角的光源。


当所有这些单独的元素被正确地选择，他们结合成一个华丽的，令人瞠目结舌的梯度。而这反过来又给整个界面带来了巨大的好处。