Material Design Offline States 离线状态

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

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

目录

原则

离线功能

离线设置

离线交互

原则

zvs3uqknvm5.png插图

离线功能

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

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

离线时可用

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

lx4tsnkdv1y.png插图(1)

离线时不可用

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

yurnmcx1qz4.png插图(2)

离线设置

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

hg03fkiayl2.png插图(3)

离线交互

下载文件

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

下载文本

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

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

lzvrum13hii.png插图(4)

图标

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

vs3q51n2hjf.png插图(5)

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

动效

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

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

删除已下载内容

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

14z4wdej42b.png插图(6)

原文地址:Material Design

译者:杜雅黎

人已赞赏
UI设计

这个方法,搞定了我大部分产品体验分析

2020-10-11 6:05:21

UI设计

Material Design Writing 书写

2020-10-11 18:05:17

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索