如何让你让你的ui设计更**！二

六.设置错误状态
看到应用程序中的每个事件，即使不是那么令人兴奋的事件，都可以提供令人难忘的体验。


错误状态通常是消较的经历，但是您可以通过提供一些个性或乐趣来将其转变为积极的经历。



我较喜欢的示例是Google Chrome浏览器的“没有互联网”的状态屏幕。他们提供了所有必要的信息，以告知用户如何修复它，而且还提供了T-Rex无尽的跑步游戏。简直不要太有趣～


我较喜欢的另一个是Dribbble的404页面。它之所以出色，是因为它可以使用户参与其中，并且他们可以快速返回浏览涂料设计。


“人们仍然在Hipmunk上发关于我们的错误页的推文，这是一条错误信息。他们为什么这么做?因为当他们在做一些他们认为很无聊的事情时，比如找飞机游戏，这会给了他们一种轻松的感觉。- Hipmunk的创始人Alexis Ohanian说。


七.让你的设计动起来


运动在设计过程中*变得更加根深蒂固。运动可以采取自己制作动画的插图形式，也可以采取当用户与页面上的元素进行交互时发生的运动形式。



在Dribbble上，运动并不是一件简单的事情。用户现在期望它。用户认为他们在屏幕上的体验将类似于他们在现实世界中所熟悉的体验。他们还期望物体的动量和速度根据它们惯常的物理原理运动。



这就是放松的地方。如果我在房间里踢一个球，那么在整个过程中它的速度就不会一样。它会在开始时快速运行，然后由于失去动力而减速。这就是缓动的作用-它使动画的速度更逼真。它是动画的基础部分，将使具有运动感的任何应用程序更加真实。



随着诸如Principled，XD的自动动画，Invision Studio，After Effects，Lottie，Flinto等工具的兴起，设计人员可以在其设计中添加更多的可能性。

我更喜欢使用Adobe XD及其自动动画原型制作工具-它很直观，而且在投入大量时间之前，我可以快速查看运动创意是否有效。



我较近经常使用的另一个很棒的工具是Airbnb的Lottie。Lottie使我可以轻松地将任何After Effects动画转换为对网络友好的SVG动画。如果您想尝试一下LottieFiles，但不想学习如何使用After Effects，请查看LottieFiles以获得免费的动画。



与插图类似，动画应具有针对性（在这里开始注意到趋势了吗？）。他们应该致力于丰富体验，而不是分散用户的注意力。动画可能很*成为主流，但幸运的是，有一些设计资源，例如Google的 material design ，可以帮助您建立运动标准。请牢记一个好的经验法则- 动画不应使用户放慢速度。



八.通过包括微交互等来关注小细节



与动画类似，微交互为用户带来了意想不到但值得赞赏的微妙体验。它们可以让您的应用程序中的体验模仿真实世界中的体验，并为用户操作提供即时反馈。


Medium是一个很好的例子，说明了如何使用微交互来增强与应用程序交互的体验。



将Medium与YouTube上的“赞”按钮相比较——这是一种完全不同的体验。在YouTube上，没有互动和体验——它只是在点击时从灰色变成蓝色。然而，在YouTube上，微互动可能会分散观看视频的注意力，所以这里不是添加动画的较佳地点。



九.加入一些样式和渐变



图形和渐变是使不吸引人的内容更加醒目且美观的另一种好方法。在图形后面或背景上添加简单的图案和渐变可为原本平淡无奇的设计增添风格和风味。


您可以根据需要发挥创意或较小化。但是，它们不应分散主要内容。



十.利用阴影增加深度


设计时不要忘记z轴!

阴影是给你的设计增加一层深度的好方法，它让你的生活看起来更立体。
你的元素的高度可以帮助你在你的应用程序中创建一个信息的层次结构。深度被用户感知来代表重要性——所以越近的元素**级越高。

但是仅仅因为阴影看起来挺不错，但并不意味着它们总是一个好的设计选择。设计决策要有目的性，在添加阴影时要记住元素的重要性，这一点很重要。

在做任何设计决策时，你都应该提高体验，而不仅仅是美学。我已经提过几次了，别忘了应用程序是为使用而设计的;不是因为好看才被人看的。除非你只是为Dribbble而设计，否则就去等待你的设计之路只有死亡～