开平网站建设：移动设计中的互动势在必行

2019.08.16 mf_web

150

许多新UI设计模式的核心是移动开发中手势和动画的演变。开平网站建设

超越移动游戏的惊人新阶段-交互性为王-以及针对最新营销活动量身定制的品牌网站，移动应用程序设计人员和开发人员已经了解了交互性的重要性。今天，每个市场中的应用程序似乎都具有一定程度的交互性用户操作，导航和社交 - 过去十年的最新发展 - 都在不断完善以适应移动设备的新外形并坚持独特的移动环境，直到现在，从未存在过。

在移动设计模式：实用外观中，我总结了如何思考移动设计模式，并希望深入了解手势和动画如何大幅改变长期存在模式的实现，并允许构思全新的模式。为了说明我的观点，我解构了大量的移动设计模式和元素来自最热门的移动应用程序- 优步，Pinterest，Tinder，OKCupid，Spotify，Instagram，Dropbox，Secret，Flipboard，Snapchat，Mailbox等等更多 -in UXPin的新电子书，移动UI设计模式.一些UI设计模式和元素也包含在UXPin的免费网页设计趋势，移动设计趋势和线框图电子书指南-将它们标记为另一个时间，因为有很多东西可以追上。

手势

还记得点击，悬停，滚动和键盘快捷键是网络互动的唯一触发器吗？虽然它们不是今天唯一的触发器，但它们无疑在整个网络中主导着用户体验。

另一方面，移动应用程序设计随着新的设计模式及其实现而爆炸式增长。通过提升硬件和软件功能，移动空间正在以前所未有的人机交互水平发展。这些解决方案在很大程度上受到新手势的支持。并且，响应式设计的进步标志着网络和移动设计正在迅速融合，因此应用程序可以针对所有设备形状和大小进行构建 - 这将对Web体验的设计产生戏剧性和重新振奋的影响。

如果我们查看Android当前的手势，您就会了解有人可以通过多种方式与日历，消息或图片库等简单模式进行交互。

移动手势

如果我们瞥见Apple的多点触控手势专利宝库，您的思维可能会爆发出您可以设计的可能解决方案。虽然下面的手势示例来自2010年的专利申请，但许多尚未实施，Apple的手势专利档案远远超出了这些例子。考虑一下“少数派报告”未来的一瞥。

Apple手势

Android，iOS和其他移动平台将继续本地提供越来越多的手势，可以实现特定操作或浏览应用程序。这不仅有助于通过消除屏幕上的一些按钮来保护屏幕空间，而且还使体验更直观，更有趣。将此与各种动画相结合，您可以在移动应用程序中实现UI设计模式的方式。

动画

在移动设备上使用手势的最佳之处在于，它们以与真实对象相同的方式感觉如此直观和响应。动画在维护用户幻觉并使其基于UI的过程中起着非常重要的作用。

除了动画的有形性之外，它们还经常被用来通过操纵自然法则和镜头来取悦用户。时间，速度，弹性，图像和颜色过渡，滚动以及无数其他设置使设计人员能够以看似无限的方式调整用户体验，既令人惊讶又惊人。

各种各样的动画加上手势不仅为体验增添了乐趣，而且在为用户提供视觉反馈和可供性方面具有无可估量的价值。我们在这里简要介绍一下，但稍后会深入讨论我们的博客和设计库。

应用动画

Captivate是一个很棒的网站，可以看到热门移动应用中的动画。

如果你想看到没有多余装饰的大量过渡，Dan Silver有一些灵感。

交互性的一个主要例子

Pinterest是我们这个时代最着名的沉浸式和互动式电子商务公司之一，它在其移动应用程序中实现了“可发现控件”设计模式，再次闪耀。下面，我详细介绍了此模式正在解决的问题以及解决方案如何精美地使用动画和手势。

应用手势

用户的问题

用户想要在不妨碍体验的情况下与内容交互。

Pinterest的解决方案

Pinterest通过删除主应用程序视图中的几乎所有额外信息或操作按钮来清除电子商务或内容网站上的典型混乱。这种极简主义的方法让用户在这样的网站上做最重要的事情 - 通过查看，拖动，滑动，触摸等方式深入了解内容，没有任何障碍或干扰。

正如预期的那样，当用户点击图像时，他们会对其进行详细查看，以探索有关捕获图像的图片的更多信息。在那里，他们还可以像在网站上一样执行主要操作，例如固定，发送或编辑图像。没有迹象表明他们可以做任何其他事情。但是，如果它们保留在图像上，当用户的指尖下面出现3个独立的气泡时，它们会发现这些相同的动作。用户可以尝试通过从屏幕上释放他们的手指来点击这些按钮中的一个，但是发现它们在被移除时已经在指尖下消失了。在重复此过程一次或两次后，用户将很快知道他们必须按住屏幕并将其手指拖动到其中一个气泡按钮以执行操作。这样做的时候它们悬停在上面的按钮快速变为红色，让用户知道它已被选中。一旦用户移开他们的手指，就采取行动。

由于用于可发现控件的俏皮动画，以及用于与控件交互的手势是直观的，因此整个体验既令人愉悦。Pinterest和其他类似网站的独特之处在于，“可发现控件”设计模式的实现也使得内容本身感觉更加明显 - 类似于Tinder对约会配置文件的刷卡如何变得非常容易上瘾。

乘坐互动浪潮

对于移动设计来说，这是一个激动人心的时刻，并且在移动应用程序中如何使用手势和动画的例子正在爆炸式增长。要深入了解一些最热门的公司如何将它们用于新的和现有的设计模式和元素，请查看UXPin的新电子书，即移动UI设计模式。使用您需要的东西并废弃其余部分 - 但要确保定制它们以解决您自己的问题，最重要的是，解决您的用户问题。

开平网站建设

开平网站建设：移动设计中的互动势在必行

手势

动画

交互性的一个主要例子

用户的问题

Pinterest的解决方案

乘坐互动浪潮

相关推荐