跨平台UI/UX设计系列文章

引言
本文将展示一系列文章，旨在向国内知名的互联网厂商解释什么是真正的跨平台UI/UX设计。虽然我可能不会使用iPhone，但我会尽力提供信息。

第一篇文章：Instapaper - 跨平台设计思想
截图对比分析
Android版本
- 抽屉导航，遵循“平台约定”，将搜索放在动作栏而非抽屉。
- 颜色风格与iOS略有不同，iOS版对比度更高，而Android版背景色和文字色更柔和。
- 阅读界面在Android和iOS版本中自动隐藏菜单按钮和通知栏。

iOS版本
- 菜单按钮由细线组成，符合iOS 7的图标规范。
- 菜单布局中隐藏删除按钮，在Action Overflow中隐藏共享按钮，并在Action Overflow中提供翻页模式和在浏览器中打开的选项。

第二篇文章：Pocket Casts - 跨平台应用体验
截图对比分析
Android版本
- 闻所未闻的标记是角标。
- 暂停时，迷你播放器会停留在屏幕底部。
- 迷你播放器的背景具有白色半透明+高斯模糊的效果。

iOS版本
- 所有播客的标记风格完全不同。
- 播放页面风格截然不同。
- 采用大播客封面，营造视觉冲击。常用按钮也标有秒，避免控制栏区域出现过多空白。

第三篇文章：Airbnb - 交互与布局一致性
截图对比分析
Android版本
- 抽屉只能从边缘拉出。
- 一级菜单非常漂亮，背景是华丽的飞进动画和漂亮的磨砂玻璃效果。
- 加入了主界面后退的微妙渐变动画和分割线以及图标。

iOS版本
- 抽屉可以从屏幕的任意区域滑入侧面菜单。
- 一级菜单非常漂亮，背景是华丽的飞进动画和漂亮的磨砂玻璃效果。
- 提供了存储功能。

第四篇文章：多林戈 - 双年度应用奖获奖应用
截图对比分析
Android版本
- 提供Google+登录选项。
- 显示当前学习进度和排行榜。
- 卡片的圆角较大，按钮呈圆形，标题居中。

iOS版本
- 没有提供存储功能。
- 提供专门页面显示更详细的学习状态，排行榜向下滚动。
- 卡片的圆角较小，按钮呈圆形。

第五篇文章：Between - 独特的日期选择器风格
截图对比分析
Android版本
- 结合了iOS主页和侧滑菜单的功能。
- 集中显示。
- 按钮放置在底部。
- 字体不一样。

iOS版本
- 遵循iOS的一致规范，将导航分类放在底部。
- 使用固定Tab，允许滑动切换。
- 按钮放置在底部，字体也不一样。

第六篇文章：米书 - 界面差异显著
截图对比分析
iOS版本
- 抽屉结合了主页和侧滑菜单的功能。
- 侧滑菜单中腾出更多的空间来显示用户的头像和主页的背景图片。
- 核心好友动态界面有明显的区别。
- 按钮的样式不同。

Android版本
- 抽屉结合了主页和侧滑菜单的功能。
- 在侧滑菜单中腾出更多的空间来显示用户的头像和主页的背景图片。
- 按钮放置在底部。
- 按钮的样式不同。

结语
通过以上示例，希望读者能意识到“在不同平台上统一交互”是多么的不靠谱。本期特别加了凡本等优秀的国产应用，还有一些口口声声说“这是国情”的人被打脸了。我留几个截图给下一个，至少可以保证一个“系列”有两篇以上的文章……是的，另外，如果你知道什么是典型的跨平台交互设计，请在评论里告诉我。这样我就可以继续这个系列，不用担心素材不足。

特别申明：本站的主旨在于收集互联网运营相关的干货知识，给运营小伙伴提供便利。 网站所收集到的公开内容均来自于互联网或用户投稿，并不代表本站认同其观点， 也不对网站内容的真实性负责，如有侵权，请联系站长删除