FUN CHAT IM · UI 重做规范 / UI Redesign

交互式高保真原型 — 微信 / LINE 风格的即时通讯界面。
Interactive high-fidelity prototype — a WeChat / LINE-style messaging UI.
◱

移动端

登录 / 注册、会话、联系人、发现、设置,以及文本 / 图片 / 语音 / 文件 / 位置 / 引用等全消息类型,长按菜单、举报、拉黑。

进入移动端演示 →
▭

PC Web 三栏版

导航栏 + 会话列表 + 聊天区 + 会话资料面板的桌面三栏布局,右键会话 / 消息菜单,发现页与群组资料。

进入 PC 端演示 →
◱

Mobile

Login / sign-up, chats, contacts, discover, settings, plus every message type — text / photo / voice / file / location / quote — long-press menu, report and block.

Open mobile demo →
▭

PC Web (3-column)

Desktop three-column layout: nav rail + chat list + conversation + info panel, right-click chat / message menus, discover page and group info.

Open PC demo →
设计原型,数据为演示用途;按钮以 toast 提示代替真实后端调用。
Prototype only — sample data; buttons show a toast instead of calling a real backend.
渲染依赖 React / ReactDOM / Babel(运行时从 unpkg.com 加载),字体来自 Google Fonts,需联网访问。