移动端应用界面设计
案头 · 让设计师在手机上也能自然地批注作品
给设计师的项目协作，做回它该有的样子
设计师团队每天要在群聊、网盘、文档之间来回跳，收一版作品、提一轮意见，常常要在好几个App之间倒腾。客户想做一个真正懂设计师工作习惯的移动协作工具——"案头"，核心是让作品展示、批注、定稿在手机上就能顺利用完。
我们负责它从信息架构、交互流程到视觉组件库的整套UI设计。设计的目标很明确：让批注这件事，像在纸上圈画一样自然，而不是像填表一样生硬。
- 覆盖作品管理、批注、版本对比、团队协作四大场景
- 建立统一组件库，保证多端体验一致
- 适配深色模式，照顾设计师长时间看图的眼睛
设计师协作App，最容易忽略的真实痛点
通用办公软件看似什么都能做，却处处不顺手。我们先把这些别扭点列清楚。
批注像在填表
很多工具的评论是一条条线性文字，没法直接圈在图上，设计师提意见要描述半天位置。
版本对不上
改了十几版之后，团队常常不知道哪张是最新，评论挂在错的版本上，返工不断。
看图体验差
上传的作品被压缩得看不清细节，设计师最在意的色彩与细节在小屏上糊成一团。
信息过载
一打开全是待办与红点提醒，真正要找的那版作品反而藏得很深。
让工具消失，只留下设计本身
最好的协作工具，是设计师用起来时感觉不到它的存在。我们刻意弱化操作按钮，把最大那块屏幕留给作品本身，让批注成为图上的自然动作。
作品是主角
界面把最大面积留给图片，控件退到边缘与手势里，看图时不被打扰。
批注圈在图上
直接在作品上画圈、拉线、写批注，意见和它指向的位置永远绑定在一起。
版本一目了然
用时间线清晰区分每一版，定稿版本有明确标记，不再对错版本说话。
为长时间看图设计
深色模式与护眼配色，让设计师在深夜改图时眼睛不累。
从用户研究到可用测试的六个阶段
设计师用户访谈
跟踪真实设计师一周的协作流程，记录他们在哪些环节最容易卡住。
信息架构设计
重新组织作品、批注、团队三个核心域，让首页直接落到最近工作，而非待办列表。
原型与交互流程
用可点击原型走通从看作品到批注到定稿的完整路径，反复打磨手势。
视觉与组件库
建立统一的按钮、卡片、批注气泡与色彩规范，沉淀为可复用组件库。
可用性测试
邀请真实设计师试用原型，观察他们在哪里犹豫，据此微调交互。
迭代与灰度
小范围灰度上线，依据行为数据持续优化高频路径。
全屏看图，控件自动退隐
进入作品后，界面自动进入全屏，所有操作按钮隐到边缘，设计师可以双指放大看清每一个细节。需要批注时，手指长按即可唤出画笔。
我们刻意减少了干扰性的红点与弹窗，让看图这件事重新变得专注。
把意见直接圈在图上
批注可以画圈、拉线、打箭头，每条意见都钉在作品的具体位置上。设计师翻到那版图时，意见自动出现在对应位置，不再需要文字描述"左上角那里"。
这一个小改动，就让一轮沟通的往返次数明显下降。
一套组件，多端一致
我们把所有界面元素沉淀为统一组件库，按钮、卡片、批注气泡在手机、平板与网页端保持一致。配合自动切换的深色模式，深夜改图也不刺眼。
组件库也让后续开发效率大幅提升，新页面不用从零开始画。
这个项目是怎么落地的
产品客户
案头 Design Hub
服务范围
IA+交互+UI组件库
设计周期
约16周
设计团队
迪森泰UI/UX组·6人
核心交付
可点原型+组件库
适配端
iOS/Android/平板
"以前一轮改图要在群里发几十条消息，现在直接在图上圈完就清楚了。迪森泰真的站在设计师这边想问题，而不是堆功能。"
—— 案头 产品负责人
四个提升易用性的细节判断
界面设计的高下，往往就体现在这些用户说不出来、却感受得到的地方。
手势优先
高频操作尽量用手势完成，少点一次按钮，长时间使用就轻松一分。
批注可折叠
图上批注太多时可一键收起，只看作品，避免被密密麻麻的标记盖住设计。
版本对比滑动
两版作品左右滑动对比，差异一目了然，不再来回切换页面。
空状态有温度
没有作品时不显示冰冷报错，而是一句引导，让新用户知道下一步做什么。
通知可被静音
高频提醒默认收敛，用户需要时再看，不让红点打断专注的看图时间。
离线也能浏览
已看过的作品在弱网下依然能打开，通勤路上查看不转圈。
做工具类产品的UI，最大的克制是忍住不堆功能。我们删掉了很多'看起来很有用'的入口，只为保住设计师最核心的那条流畅路径。
做设计师工具，先把自己当成那个用户
我们自己就是用户
团队里每个人平时也要改图、收反馈，所以我们做这个产品时格外有体感。那些让我们自己烦躁的红点、找不到的最新版，就是要优先解决的问题。
这种'自己天天用'的视角，让设计决策很少依赖争论——好用不好用，打开用一次就知道。
留白也是功能
很多工具觉得界面空就是浪费，于是拼命塞入口。但对设计师来说，屏幕上那块干净的看画区域，本身就是最重要的功能。
我们花了很多力气把控件藏起来，反而让产品更好用了。
组件库是给未来的礼物
前期建组件库看似慢，但当产品要加新页面、适配新端时，收益就出来了。设计与开发都不用重复造轮子。
好的UI设计不只交付当下这几个页面，而是留下一套能支撑产品成长的系统。
关于这件作品，客户常问的三件事
不是。移动端App强调手势、单手持握与系统规范，和网页的鼠标交互逻辑差别很大，需要专门的设计考量。
我们交付的是可点击原型加视觉组件，包含完整的交互流程，不只是静态界面图。
会。我们在设计时就与开发对齐，把视觉效果落在可实现的范围内，避免设计稿很美却做不出来。
对设计类、长时间看图的产品尤其值得。它不是简单反色，需要单独调校对比度与色彩。
组件库让新增界面可以快速拼搭，保证风格统一，不会越做越乱。
我们更擅长体验与界面层，但会基于用户研究给出建议。最终产品方向由你们决定，我们负责把它做得顺手。
我们交付标注清晰的设计文件与组件说明，并在开发期跟进还原度，确保屏幕上的设计被准确实现。
两者都做。案头本身也有网页端，我们用同一套组件库保证多端一致，官网端同样讲究体验。
好产品也需要一个配得上它的官网
App体验好，官网不该掉链子
很多工具类产品把体验全花在App里，官网却粗糙简陋。用户从应用商店点进官网的那一刻，印象就已经在打分。
迪森泰为产品团队搭的官网，会延续你产品的界面语言与气质，让体验不脱节。
让官网成为产品的第一演示
与其讲一堆功能名词，不如在官网上把产品的核心场景演示出来。这正是我们擅长的设计叙事。
同类设计作品推荐
每一件作品都是一次独立的美学探索，浏览更多我们的原创设计实践。
