Chrome Apps用户体验指南

Question

在Google发布在YouTube上的Google Cast SDK Overview视频中，主持人说

  

除了针对Android，iOS和Chrome的平台特定指南外，还有一些设计含义来自设计清单，因此对Google Cast设计清单进行全面审核非常重要。

这句话看起来像法律说话，但更重要的是，它提到了Chrome的平台特定设计指南的存在。我从来不知道有类似的东西。我尝试使用Google搜索，我可以找到Android，iOS的指南，但Chrome没有。有人知道Chrome指南的位置吗？

Answer 1

设计清单在这里：https://developers.google.com/cast/docs/design_checklist

Chromecast开发人员文档的起点是：https://developers.google.com/cast/

Answer 2

2014年6月25日在Google I / O主题演讲中宣布了Android和Web Apps的统一设计指南。它可以在https://www.google.com/design/网站上找到。关于谷歌认可的UI框架，有两个。 Polymer Paper和Google Web Starter Kit。此外，GitHub上还有来自不同人群的样式表，旨在复制Chrome设置页面的外观和感觉，以及各种广泛使用的反复使用的响应式CSS框架，它们可以提供设计线索，最着名的是Twitter Bootstrap和Foundation。

聚合物纸

Polymer Paper是一组Polymer Web Components，它实现了统一的移动和Web UI概念，称为Material Design。一些独特的特征是使用阴影和动画过渡来隐藏延迟并给出响应感。这些组件是在Web组件顶部使用Polymer框架构建的，因此在最先进的浏览器中效果最佳。

Google Web Starter Kit

与Google Web Fundamentals开发人员指南一起，Starter Kit为您的网络应用提供了关于外观的起点（a style guide包含UI元素，例如三明治边栏），以及预先配置选择辅助工具以更好地管理CSS样式，缩小资源，记住性能注意事项等等。入门套件采用可立即使用的生产就绪工具和程序。

Answer 3

没有这样的东西，主持人可能只是错过了。 Google Developers上的Thinking in Web Apps页面可以为您提供一些提示，但在许多方面都感觉过时了。“

就此提出一些更一般的建议：

这些天人们倾向于倾向于Twitter Bootstrap，所以基于你的设计，你会很好地与他人合作。

观察趋势并采用大玩家正在使用的内容。例如，侧面的滑动抽屉现在看起来很大。

关于Google允许将Chrome应用移植到移动电话的持续努力，查看Android和iOS指南可能有所帮助。最重要的是尝试优化您的应用程序以进行触摸，避免悬停，右键单击并最小化键入的需要。