“这是一个翻译系列,原文是谷歌18年所出的材料设计指南(文末有链接),强大的材料设计将带我们一起深入了解UI设计中的所有规范。每周会更新数篇,一共百余篇,欢迎关注哦。”
离线状态可以让没有连接到互联网的用户使用应用程序。
目录
原则
离线功能
离线设置
离线交互
原则
离线功能
在离线状态下,如果你的应用中有一些功能可用而有一些功能不可用,那么应用程序应该指示此功能当前是离线状态还是在线状态。
对于离线状态,应该提供一个可管理离线文件的地方。
离线时可用
显示带有标签文本的离线pin图标,以表明当前操作正处于离线状态。
离线时不可用
离线时,不可用的功能应使用“cloud off”图标。仅在产品离线时显示此图标。有可能的话,使用带有“离线”标签的图标和文本。
离线设置
为用户提供一个可以供其管理离线设置的地方。如果你要在应用中使用图标,请用离线Pin图标标记其位置。
离线交互
下载文件
离线功能允许用户访问以前下载的文件,如视频和网站。而想要在离线时访问这些文件,用户就需要在有网络连接的时候就将文件下载到设备上。
下载文本
为了指示可以下载的文件,请同时显示下载图标和文本“下载”,包括文件大小以帮助用户决定文件是否过大。
离线时,允许用户选择当有网络连接时想要下载的文件。
图标
当文件被下载后,通过显示离线pin图标来指示该文件离线时可用。
Material图标库提供了下载图标和离线pin图标。
动效
如果要指示已下载的文件可以在离线时使用,请显示下载图标转换为离线pin图标的动效。
进度指示器在两个图标之间转换。
删除已下载内容
为了腾出空间,用户可以删除设备上的文件。应用程序应该允许用户删除任何已下载的文件。
原文地址:Material Design
译者:杜雅黎