文章插图
文章插图
文章插图
可点击文字卡片相对于图文卡片 ， 比较简单 ， 承载的往往是一些精简、重要、快捷的通知信息 。
文章插图
文章插图
可点击图文卡片常见于订阅号、官方消息等场景 ， 它可以承载丰富的图文、音视频信息 ， 一般用于复杂文章场合 。
文章插图
文章插图
纯文字卡片相对于图文卡片 ， 比较简单 ， 承载的往往是一些精简、重要、快捷的通知信息 。
文章插图
文章插图
文章插图
通知类横幅通知 ， 一般用做站内的消息触达 ， 消息类通知仅展示简要的消息 ， 不强调是否有行为进行下一步 ， 例如常见的通讯类消息、活动通知等 。
文章插图
文章插图
行动类横幅通知 ， 一般用做站内的行为触达 ， 行动类通知会在横幅通知上加一个行动按钮 ， 例如：领取、回复、打开等 ， 去强调或引导用户操作 。
文章插图
本文一共三大部分 ， 第一部分给大家详解了「消息」的释义 ， 让大家对消息一词有一致的认知；第二部分进一步讲解是什么是「消息中心」 ， 以及他的触达方式、类型和触达渠道；第三部分「如何设计消息中心」是本文的重点 ， 也是从设计师角度梳理出的一些设计技巧 ， 关于如何设计 ， 又分为五个部分 ， 分别为消息入口设计、消息列表分类设计、消息列表细节设计、消息卡片设计 ， 以及横幅通知设计 ， 每个部分都会用图文去讲解里边的原理和可适用范围 ， 希望关于消息中心的设计思考可以为各位带来帮助 。
推荐阅读
- 三星|沿用S22极简设计：Galaxy S23 Ultra变化将是三星史上最小
- 苹果|乔布斯的苹果Apple-1原型机被拍卖 成交价高达460万元
- 如何搜索 WhatsApp 聊天消息
- App|苹果修图软件Pixelmator Photo涨价离谱：买断价格暴涨7倍
- 阿里巴巴|又一个被阿里收购的APP：没落了
- 苹果|看 史上最贵台式机！苹果Apple-1被卖 这售价能在上海等买套房
- 搜狗|距离搜狗搜索APP停服还不到一个月 搜狗游戏中心宣布下线
- 翡翠|小小的翡翠蛋面，却有大成就，设计好了价值翻倍！
- 请柬结婚模板 请柬设计
- 苹果|郭明錤：Apple Watch 8越南出货的比重会提升到60-70%