app的跨平台用户界面/UX设计示例

这将是一系列文章。这些文章的目的是告诉中国一些知名的互联网制造商“什么是真正的跨平台UI/UX设计；。至于是否会有其他文章，这取决于心情……因为我真的不想使用iPhone……废话少说，开始吧。这个系列的组成非常简单。它直接显示屏幕截图并进行比较分析。首先，举了一个例子来说明Instapaper的跨平台设计思想非常代表在Android上，采用抽屉形式的一级导航，遵循“平台协议”，将搜索放在操作栏而不是抽屉中。此外，您还可以注意到iOS和Android版本中Instagram的颜色略有不同。iOS版本的对比度更高，而Android版本的背景色和文本色更柔和，分别符合两个平台的颜色风格。阅读界面是Instapaper的核心。在Android和iOS版本的阅读界面中，阅读时菜单按钮和通知栏将自动隐藏，而Android版本的Instapaper将自动隐藏Android 4.4上的导航栏并进入沉浸式模式。Android和iOS版本的菜单按钮排列和图标样式不同。iOS版本的Instapaper图标由细线组成，符合iOS 7上的图标规范。iOS版本选择在菜单布局中隐藏删除按钮，Android版本在Action Overflow中隐藏共享按钮，并在Action Overview中提供翻转模式和在浏览器中打开的选项。2、 Android和iOS版本的Pocket Casts是两个完全不同的app。访客和主导航页面可能最相似。即便如此，你仍然可以注意到，Android版本中闻所未闻的标记是角落标记，而iOS版本中的标记则是角落标记。此外，当Android版本暂停时，迷你播放器将停留在屏幕底部，而iOS版本将隐藏迷你播放器&mdash；毕竟，iOS设备的屏幕空间比Android设备要珍贵得多。此外，在iOS版本中，迷你播放器的背景具有白色半透明+高斯模糊效果，符合iOS 7的一致规范。它们在顶级导航方面也略有不同。与Instapaper一样，Pocket Cast在Android上使用抽屉作为顶级导航模式，在iOS上使用特殊的导航列表页面。请注意，两个版本中的所有图标都不同。iOS上有一个默认过滤器。正在播放的页面具有非常不同的风格。Android版本使用Android设备的大屏幕显示大型播客封面，营造视觉冲击。常用按钮也用秒标记，以避免控制栏区域空白过多。休眠时，视图列表条目操作溢出。此外，Action Overflow还提供标记为听觉、停止播放、停止和标记为听觉的功能。您可以直接滚动播客封面以查看与此播客相关的评论。iOS版本的背景为深灰色，播客列表提供了比Android版本更多的音量控制按钮。注释功能和列表被制成右上角的按钮。另一个重要的区别是Android版本使用抽屉，因此您可以转到任何过滤器列表或所有博客界面，或直接从播放界面输入设置。3、 Airbnb在两个平台上的交互和布局几乎相同。然而，Airbnb仍然遵循两个平台的视觉惯例和交互规范。例如，Android版本的抽屉只能从边缘拉出，而iOS版本的抽屉可以从屏幕的任何区域滑入侧菜单。Airbnb iOS版的一级菜单非常漂亮，背景中有华丽的飞行动画和美丽的磨砂玻璃效果。Android版本更加灵活，使用了普通的抽屉样式，但添加了主界面的微妙渐变动画，并添加了分割线和图标。在阅读了上面提到的这些app后，我希望有人能够意识到“不同平台上的统一交互”是多么不可靠。3、 Duolingo是一款热爱英语学习的app，获得了iOS和Android平台两年一度的app奖。让我们看看它是如何处理跨平台用户界面/UX设计的。首先，Dorringer提供了在Android上使用Google+登录的选项，这对于Android用户来说非常方便。（1） 主界面的总体布局类似，但Android版本可以从右侧抽屉直接打开语言选择功能。Intere公司