“这是一个翻译系列,原文是谷歌18年所出的材料设计指南(文末有链接),强大的材料设计将带我们一起深入了解UI设计中的所有规范。每周会更新数篇,一共百余篇,欢迎关注哦。”

离线状态可以让没有连接到互联网的用户使用应用程序。

 

目录

原则

离线功能

离线设置

离线交互

 

原则

 

离线功能

在离线状态下,如果你的应用中有一些功能可用而有一些功能不可用,那么应用程序应该指示此功能当前是离线状态还是在线状态。

对于离线状态,应该提供一个可管理离线文件的地方。

 

离线时可用

显示带有标签文本的离线pin图标,以表明当前操作正处于离线状态。

 

离线时不可用

离线时,不可用的功能应使用“cloud off”图标。仅在产品离线时显示此图标。有可能的话,使用带有“离线”标签的图标和文本。

 

离线设置

为用户提供一个可以供其管理离线设置的地方。如果你要在应用中使用图标,请用离线Pin图标标记其位置。

 

离线交互

下载文件

离线功能允许用户访问以前下载的文件,如视频和网站。而想要在离线时访问这些文件,用户就需要在有网络连接的时候就将文件下载到设备上。

 

下载文本

为了指示可以下载的文件,请同时显示下载图标和文本“下载”,包括文件大小以帮助用户决定文件是否过大。

离线时,允许用户选择当有网络连接时想要下载的文件。

 

图标

当文件被下载后,通过显示离线pin图标来指示该文件离线时可用。

Material图标库提供了下载图标和离线pin图标。

 

动效

如果要指示已下载的文件可以在离线时使用,请显示下载图标转换为离线pin图标的动效。

进度指示器在两个图标之间转换。

 

删除已下载内容

为了腾出空间,用户可以删除设备上的文件。应用程序应该允许用户删除任何已下载的文件。

 

原文地址:Material Design

译者:杜雅黎

 

转载请注明:学UI网 » Material Design Offline States 离线状态

登录收藏
 
你可能喜欢的:
提升屏效可实施性最强的4大方法提升屏效可实施性最强的4大方法
点击率提升的case点击率提升的case
设计沉思录 | 如何构建用户决策模型推动页面结构型改版设计沉思录 | 如何构建用户决策模型推动页面结构型改版
如何把按钮设计做到最好?看完这一篇就够了!如何把按钮设计做到最好?看完这一篇就够了!
视觉设计在产品中的价值视觉设计在产品中的价值
UI模块-移动端应用级的6种导航选择方法UI模块-移动端应用级的6种导航选择方法
这个方法,搞定了我大部分产品体验分析这个方法,搞定了我大部分产品体验分析
Material Design Writing 书写Material Design Writing 书写
真正优秀的图标,少不了这7个底层设计原则真正优秀的图标,少不了这7个底层设计原则
全面解析APP「个人中心」设计思路全面解析APP「个人中心」设计思路