查看: 1130|回复: 0
打印 上一主题 下一主题

[UI设计] APP空状态下UI界面设计思路

[复制链接]

1240

主题

11

听众

6720

积分

版主

Rank: 7Rank: 7Rank: 7

纳金币
5474
精华
6

荣誉管理 论坛元老 突出贡献 优秀版主

跳转到指定楼层
楼主
发表于 2017-2-27 14:34:57 |只看该作者 |倒序浏览
当我们熟悉和理解了这些APP空状态相关知识和术语之后,才能着手设计这些看似轻微的app空状态界面设计。今天我们就具体了解APP空状态下UI界面设计思路。
  APP空状态设计足够优秀的话可以提高用户体验,使得用户留存率增加。这也是为什么要跟大家谈谈APP空状态界面设计的原因。
  第一步:善于发现和积累APP空状态界面
  学会和发现现有APP设计当中的一些常见的APP空状态界面设计灵感。下面就是来自手机浏览器当中的一些空状态常见界面效果图。 这些有爱的设计可以激发我们的设计灵感。
1.png .
2.png

看到上面这些,你的脑海当中有没有回忆出一些有意思的空状态的场景呢?
  如果没有,可以跟随我们来看下这几个经典的APP空状态界面设计。
  第一种:有权限控制的。比如需要登录或者注册才能看到的一些app界面。
3.jpg
点评:这一种APP空状态设计:先提示,然后告诉你点击登录按钮登录。非常卡通可爱的界面设计。对于这样有权限控制的app界面设计,需要非常的小心和用心。这个细节处理不好,损失的用户转化率是很大。如果你只是弹出警告层。这是粗鲁的表现方式。
4.png
点评:这一种是比较直接的告诉你暂时没内容,需要进行下拉操作才能添加。 这也是非常棒的引导性app空状态设计。
5.png
点评:这一种是更高级的一种空状态APP设计。首先告诉你没有特别关心的好友,在界面当中显示你有特别关心好友的界面和假想的状态。 第三步就是引导你去添加。
  非常的完美的APP空状态界面设计案例。
  第二种场景:断网的时候的APP空状态界面设计。
6.jpg
点评:这是一种APP的设计风格。学会善于app的动画和企业logo元素来过渡这样的场景界面。也是非常形象的表达。
7.jpg

8.jpg

以上2个案例都是非常形象的表达了无网络的时候,提示用户采用刷新或者重新联网的操作。而且把网络的标志设计的非常逼真。场景也很合理。都是我们app设计师需要考虑的一个因素。APP使用场景的设计。
  
游客,如果您要查看本帖隐藏内容请回复

分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2025-8-16 23:30 , Processed in 0.068177 second(s), 30 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部