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

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

 

目录

原则

离线功能

离线设置

离线交互

 

原则

 

离线功能

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

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

 

离线时可用

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

 

离线时不可用

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

 

离线设置

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

 

离线交互

下载文件

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

 

下载文本

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

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

 

图标

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

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

 

动效

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

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

 

删除已下载内容

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

 

原文地址:Material Design

译者:杜雅黎

 

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

登录收藏
 
你可能喜欢的:
从TikTok、Youtube、Pinterest等主流海外产品中,学习如何设计底部导航栏从TikTok、Youtube、Pinterest等主流海外产品中,学习如何设计底部导航栏
干货|如何通过设计传递「信任感」?干货|如何通过设计传递「信任感」?
没想到学会这套方法论,定义视觉风格能这么快没想到学会这套方法论,定义视觉风格能这么快
解析|微信搜索功能设计解析|微信搜索功能设计
我按照心理学理论改知乎会员页,看看能提高转化率不?我按照心理学理论改知乎会员页,看看能提高转化率不?
没想到这个C4D作品是这样来的!没想到这个C4D作品是这样来的!
UI设计细节连载系列① | 让设计细节更高级的12个实用小技巧UI设计细节连载系列① | 让设计细节更高级的12个实用小技巧
干货|移动端·表单设计有方法!干货|移动端·表单设计有方法!
做设计7年才知道,原来非科班设计师,也可以用这个方法原创卡通形象啊!做设计7年才知道,原来非科班设计师,也可以用这个方法原创卡通形象啊!
没想到过程稿这么丑,结果用了两招就把效果改好了!没想到过程稿这么丑,结果用了两招就把效果改好了!