SuperAPI AI 工具集

messaging-chat-design

设计与创作

查看项目

更新于 10-15 21:12

技能介绍

用途:面向聊天与即时通讯界面的设计规范,覆盖会话列表、聊天界面、消息类型与输入区,适合需要设计或评审消息类产品的场景。

主要能力:

  • 会话列表:头像 + 名称 + 最后一条消息预览 + 时间戳;未读指示(加粗文本与徽标计数);置顶会话;会话搜索。
  • 聊天界面:他人消息左对齐、自己消息右对齐;气泡样式并用细微背景差异区分;时间戳按天分组,间隔超过 30 分钟时行内显示;已读回执(已发送 → 已送达 → 已读,可选);输入指示(如“Alex is typing...”)。
  • 消息类型:带链接预览的文本;图片(点击全屏,多图可画廊查看);文件(图标 + 文件名 + 大小 + 下载);语音消息(波形 + 时长 + 播放按钮);表情回应(长按或悬停触发);回复/线程(引用原消息)。
  • 输入区:可自动增高的多行文本输入;附件按钮(图片、文件、相机);表情选择器;回车发送(Shift+Enter 换行);接近字符/文件大小限制时显示提示。

适用场景:消息应用、客服会话、社交产品内聊天模块的界面设计与设计评审。

限制:资料仅给出设计要点,未提供实现代码、组件库、平台适配、收费或价格等信息,这些内容暂未提供。