2

在Google在 YouTube 上发布的Google Cast SDK 概述视频中,主持人说

设计检查表会带来一些设计含义,因此除了针对 Android、iOS 和 Chrome 的平台特定指南之外,对 Google Cast 设计检查表进行彻底审查也很重要。

这句话读起来像legal-speak,但更重要的是,它提到了Chrome 平台特定设计指南的存在。我从来不知道有这样的事情。我尝试用谷歌搜索,我可以找到适用于AndroidiOS的指南,但没有找到适用于 Chrome 的指南。有人知道在哪里可以找到 Chrome 指南吗?

4

3 回答 3

2

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

Chromecast 开发者文档的起点在这里:https ://developers.google.com/cast/

于 2014-02-04T18:30:21.350 回答
1

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

聚合物纸

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

谷歌网络初学者工具包

Google Web Fundamentals开发人员指南一起,Starter Kit为您的 Web 应用程序的外观提供了一个起点(带有 UI 元素的样式指南,例如三明治侧边栏),以及预配置的帮助工具选择以更好地管理您的 CSS 样式,最小化资源,牢记性能考虑等等。入门工具包采用了当今可以使用的生产就绪工具和程序。

于 2014-06-25T21:34:46.203 回答
0

没有那样的东西,主持人可能只是误会了。Google Developers 上的Thinking in Web Apps页面可以给你一些提示,但在很多方面感觉已经过时了。¨

只是一些更一般的建议:

如今,人们倾向于使用 Twitter Bootstrap,因此将您的设计建立在此基础上,您将与其他人一起玩得很好。

观察趋势并采用大玩家正在使用的东西。比如侧面的滑动抽屉,现在好像很大了。

关于 Google 正在努力将 Chrome 应用程序轻松移植到手机上,查看 Android 和 iOS 指南可能会有所帮助。最重要的是尝试优化您的应用程序以进行触摸,避免悬停,右键单击并最大限度地减少键入的需要。

于 2014-03-24T08:50:27.453 回答