美文网首页
APP新消息提醒小红点设计

APP新消息提醒小红点设计

作者: Linda666888 | 来源:发表于2018-11-01 18:04 被阅读0次

闲来没事,随笔记录心得,以便后续翻看。

一,新消息提醒方式

1,单纯小红点

2,数字角标

3,文字角标

4,个性化类红点设计


二,新消息出现规则

1,倒退设计,里层新消息,倒退以上所有层均有新消息提醒


三,新消息消失规则

1,一触即消

1,点击某一层小红点,本层以及内层全部小红点全部消失,

2,外层消,里层全部留。

3,外层消,里层重要消息留,比如,本来是“10”数字角标,触及后消除8个,还留下“2”个。

此#3方式使用于APP有重要的消息,必须让用户触达此消息才会消失;当然此方式有点点挑战强迫症的风险。

2,触New才消

1,触New,则外层和本层才消息, 挑战烦躁风险;

3,特效一键消

1,对红点添加消除动效,触发东西则本层红点全消;


四,脑图一言概之

相关文章

  • APP新消息提醒小红点设计

    闲来没事,随笔记录心得,以便后续翻看。 一,新消息提醒方式 1,单纯小红点 2,数字角标 3,文字角标 4,个性化...

  • iOS中为图标添加小红点

    在我们的项目经常会遇到这样的需求:当有新消息出现的时候,需要显示一个小红点提醒用户有新消息了。效果如图: 下面是代码:

  • 化被动为主动

    关闭了朋友圈新消息提醒的小红点。 有一段时间了。 有种化被动为主动的感觉。以前是手机在呼唤我,有新消息了,快来看啊...

  • 两步搞定,App断网提醒设计

    两步搞定,App断网提醒设计 两步搞定,App断网提醒设计

  • 小红点解决方案思路分析

    小红点(消息推送提醒)在现今的各个App中几乎无处不在,特别是内容的更新日渐频繁,大量的小红点被投放在各个业务入口...

  • 【iOS学习】小红点解决方案思路分析

    小红点(消息推送提醒)在现今的各个App中几乎无处不在,特别是内容的更新日渐频繁,大量的小红点被投放在各个业务入口...

  • 一线城市生活报告

    一 亲戚群增加了几条新消息,我很早以前就屏蔽消息了,所以只有右上角的小红点提醒我,像是想要告知,又害怕打扰。 我想...

  • UI动效的观察与搬运

    有趣的动效会让app增色不少。 qq其实也有很多有趣的小动效,例如,应该有很多人都发现了的拖动新消息的小红点来删除...

  • 交互相关文章收集2017-03

    两步搞定,App断网提醒设计

  • 加入简书的第四个年头

    今天打开简书,右上角的小红点提示我有新消息待查看。打开一看,原来是简书提醒我,今天是我加入简书四周年的日子。 20...

网友评论

      本文标题:APP新消息提醒小红点设计

      本文链接:https://www.haomeiwen.com/subject/zwgxxqtx.html