在功能方面的设计是产品成功的关键，视觉美学和细节也同样重要尤其是如何提高这些功能元件。在今天的文章中，解释一下如何利用视觉效果，诸如阴影和模糊，来改善功能元件的设计。阴影效果在早期的图形用户界面采用阴影以便帮助用户了解如何使用一个接口。弹出的页面图形元素和阴影组合，使用户得知哪些是可以点击的元件。即使改变文字提示的应用，用户通常可以依赖于两个因素元素呈凸起状，看起来像是被按下(点击鼠标或者轻敲手指)。这种技术经常被作为视觉符号的按钮。元素呈凹陷状，看起来像是被填充。这种技术经常被作为视觉符号的输入字段。下图中你可以看到如何使用阴影和高亮，帮助用户了解元素交互。创建层次和深度的视觉效果，现代界面设计中常利用层叠的z-轴来实现。在一些情况下，阴影大小有助于用户了解元素的层级关系，一个高于另一个。物理世界是二维和三维交互元件彼此存在的空间设计中他们可以被层叠或粘附，但不能穿透对象，同时投下阴影和反射光。理解这些相互作用是我们认识图形设计的前提。让我们来看看谷歌手机界面的结构设计。许多人仍然叫它扁平的设计，其关键的特征是它具有尺寸、次元、容积、体积、大小、面积、重要性、空间、维度，使用一致的设计手法和借用物理学光影原理帮助用户理解视觉层级和按钮层级。标高的相对深度或距离，取决于两个表面之间沿Z-轴的高度。从一个表面到另一个元件的标高指示距离，可以通过它的影子大小来体现。如从下图可见，影子越来越模糊的物体和地面之间的距离越大。一些元素按钮具有动态标高，标高改变响应用户点击(例如正常状态、鼠标经过、鼠标点击)。这些都是提高用户体验的重要条件。交互使用户更能够明确自己到哪一步了，充分体现用户的存在感和重要性。模糊效果屏幕端应用模糊特效当苹果推出iOS8，它影响了APP的设计，尤其是对屏幕的影响。一个最重要的变化是现在仍在使用的模糊，尤其是在控制中心；当你从底部边缘向上滑动屏幕控制你的中心，并将背景模糊。这种模糊发生互动的方式，完全是你的手指移动控制的。苹果在这个方向上进一步发展。以最新版本的iOS为例使用三维触摸(3)用于手电筒、照相机、计算器、计时器图标。当用户的手按压图标，产生实时模糊效果。模糊技术在现代移动应用中的优点如下让用户关注点突出模糊效果使关注点背景的部分虚化，从而将界面内容表达清晰，尤其是用于移动应用。这是一个非常有效的解决方案，分层UI，它使用户清楚地了解移动APP传达的信息。聚焦用户的注意力人类倾向于关注聚焦对象，这是自然反应，称为条件反射。应用设计者可以使用它来模糊不重要项目在屏幕上，以引导用户关注于有价值内容。最大化文本的可读性正常情况下您需要创建一个适当的对比文本与背景。然而设计师利用模糊效果提供了一个绝佳的机会以使文本清晰它们可以平铺一个模糊效果的打底图像。