Chrome Apps UX guidelines



在Google Cast SDK概述视频中,由Google发布在YouTube上,演讲者说

从设计清单中驱动了设计含义,因此,除了针对Android,iOS和Chrome的平台特定指南外,对Google Cast Design Design Checllist进行彻底审查非常重要。

该句子读起来像法律说话,但更重要的是,它提到了平台特定设计指南的存在。我从来不知道有这样的东西。我试图搜索谷歌搜索,我可以找到有关Android,iOS的指南,但对于Chrome而言,没有什么。有人知道可以在哪里找到Chrome指南吗?

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

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

有一个针对Android和Web应用程序的统一设计指南,该设计指南于2014年6月25日在Google I/O Keynote上宣布。它可在https://www.google.com/design/网站上找到。关于Google认可的UI框架,有两个。聚合物纸和Google Web入门套件。此外,Github上的样式表旨在复制Chrome设置页面的外观以及各种广泛使用的响应式CSS框架,这些框架可以提供设计线索,最著名的是Twitter Bootstrap和Foundation。

聚合物纸

聚合物纸是一组聚合物Web组件,它实现了统一的移动和Web UI概念,称为材料设计。一些独特的特征是使用滴阴影和动画过渡来隐藏潜伏期并给人以响应感。这些组件是由网络组件顶部的聚合物框架构建的,因此在尖端浏览器中最有效。

Google Web入门套件

与Google Web基础知识开发人员指南,入门套件提供了有关您的Web应用外观和感觉的起点(带有UI元素的样式指南,例如三明治侧栏),以及预先配置的辅助工具,以更好地管理您的CSS样式,缩小资源,牢记绩效注意事项等。入门工具包采用今天可以使用的生产工具和程序。

没有这样的话,主持人可能只是拼错。Google开发人员在Web应用程序页面上的思考可能会给您一些提示,但在许多方面感觉都过时了。

对此只是一些更一般的建议:

这些天人们倾向于倾向于Twitter的引导程序,因此您的设计基础是与他人一起玩得很好。

观察趋势并采用大玩家使用的东西。例如,侧面的滑动抽屉现在似乎很大。

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

相关内容

  • 没有找到相关文章

最新更新