设计灵感|App中的页面空状态应该如何表现？

什么是空状态？

空状态：顾名思义就是空白的状态，空状态是对没有数据页面的补充，一种对零数据的设计形式（如下图所示：无网络、订单为空、没有关注的人以及无法连接网络等等这些页面就是所谓的“空状态”。）

空状态是APP设计中不可或缺的一部分，特别是新用户初次接触到产品APP时，必然会面对很多空状态。

基本原则

准确：空状态需要清晰明确地将当前系统状态传达给用户

直观：简言之就是画面要“小而美”→简单

高效：提供用户快速有效地摆脱空状态的方法

App设计中的空状态能够明确提示用户，当前页面没有内容或出现错误等信息，同时也能借助添加内容等提示或按钮帮助用户执行相应操作。

集设网 www.ijishe.com 设计师交流社区带来优秀案例！

页面空状

更多建议：

设计没思路的时候，那么就需要从这几个方面着手：

1、了解产品的背景，产品未来发展方向。

2、去搜UI网，模库网，集设网、优图网及各大优秀设计网站查找相关设计素材（扩展自己的思路）

3、选择适合产品设计风格的样式。

设计灵感|App中的页面空状态应该如何表现？相关推荐

设计灵感|APP注册登录页面的设计形式
注册登录页面是一个APP的门面,它的好坏与否直接影响着APP的用户数和用户体验. 作为一个设计师,其实经常时不时就会去下载一些APP,体验的时候经常被一些不尽人意的注册登录页面弄的想怒摔手机,最终都 ...
Hybrid App中原生页面 VS H5页面
Hybrid App中原生页面 VS H5页面现有3类主流APP,分别为:Web App.Hybrid App(混合模式移动应用,Hybrid有"混合的"意思). Native ...
Hybrid App中原生页面 VS H5页面（分享）
本文部分转自 http://www.jianshu.com/p/00ff5664e000 现有3类主流APP,分别为:Web App.Hybrid App(混合模式移动应用,Hybrid有" ...
Android精华篇 - App中原生页面 VS H5页面
现有3类主流APP,分别为:Web App.Hybrid App(混合模式移动应用,Hybrid有"混合的"意思). Native App(原生app,后面都用"原生ap ...
axure如何实现跳转_Axure中继器实现APP中设置页面的各种列表
中继器是Axure中的一个高级元件,可以当做Axure中的小型数据库使用,用于实现一些增删查改的效果,同时可用于一些具有相同元件组合的组件的快速生成,比如APP中的设置,如下图所示.下面我们介绍一下怎 ...
APP中H5页面实现拨打电话功能
萨瓦迪卡,欢迎大家~~ <a href="tel:400-0000-000">400-0000-000</a>//如失效,就在head标签里加上<me ...
UI模板素材|教你App中的页面指示器要如何设计
在日常浏览APP的过程中,经常可以看到页面选择器,它们的位置各有不同,样式也多种多样.这篇文章就和大家浅谈一下页面指示器的常见位置及设计样式. 寻呼指示勘探什么是页面指示器通常在 banner或图 ...
UI设计灵感|App的登录注册页面案例参考
良好的交互细节是每一个优秀 App 的共同品质,而多数 App 被用户抛弃就是因为登录注册页面的问题,只有从用户场景和视角来思考产品,便能设计出打动人心的 App. 集设网www.ijishe.com ...
APP设计灵感|高颜值时钟页面！让每一秒都过得有意义
扁平和极简风格的盛行让设计变得更加直接,用最简单的形式准确展示时间信息便能瞬间俘获用户的心. 更多的设计师现在为了打开思路喜欢到类似于集设网 www.ijishe.com 可以交流学习的社区进行开拓灵 ...

设计灵感|App中的页面空状态应该如何表现？

设计灵感|App中的页面空状态应该如何表现？相关推荐

最新文章

热门文章