移动APP空状态界面设计入门教程【二】

25学堂  •  扫码分享
我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

这节课紧接着上周的小白自学APP设计: APP空状态界面设计教程【一】 来学习和鉴赏。

上一节课程,我们学习和鉴赏了2个场景下面的APP空状态界面设计。如权限控制的时候,需要登录或者注册才能进行下一步操作的。 第二个场景是断网的时候。

今天我们先来看看UI中国上的一位app设计师整理的APP空状态界面设计的风格。

app空状态设计学习

看完上面这套完整的移动APP空状态界面设计图,大概也知道哪些地方会出现app空状态界面吧。废话不多说,跟随25学堂的小编继续来欣赏和学习移动APP空状态设计吧。

 

第三个会出现空状态的场景:APP搜索  如下图所示

搜索的时候需要出现的APP界面设计

当我们打开很多app搜索界面的时候,大部分都是空白的。没有任何提示和操作。

而上图的这个app就设计的不一样,采用了卡通形象来布局引导。

当然也有一些app的搜索界面,放置了一些热门的搜索关键词,供用户选择。但是这一点 设计有点呆板,缺乏生动性。对于90后来说,太low。

所以,以上的APP空状态设计也是值得我们学习的一个方向。

 

第四个空状态出现场景:正在加载中的界面设计

正在加载信息的APP界面设计

 

 

糯米APP加载 58同城app空状态设计

左图是糯米APP的加载空状态界面设计,右图是58同城app 空状态界面设计。

 

第五个空状态出现场景:没有内容的时候,需要有个默认状态。

消息中心的空状态界面设计

如消息中心的默认界面。相对于空白的界面来说,这样的设计更具人性化。

其他的APP空状态基本都是属于以上五种类型的。这五种也是25学堂的归类的。希望可以给大家带来一些app空状态设计的思路和学习的帮助。

总结:就是在能表现品牌影响力具有产品基因的前提下把当前页面空状态的意思表达清楚,当然风格画面什么的,自己来看着弄就行。

无觅相关文章插件,快速提升流量

随意打赏

提交建议
微信扫一扫,分享给好友吧。