老周蹲在业主家阳台，手背贴着金刚网试风，摇头。“很多厂家吹嘘金刚网防割，但网孔太密会挡风，夏天不开空调根本没法待。做app设计流程也一样——你光盯着‘防割’那点功用，忘了使用者还要透气。”
app设计流程作品有哪些这类问题，现场见过不少。他站起来拍拍手，掏出手机翻出一张十年前的A四纸照片，上面画满箭头和方框。
具体来说，从一张草图到可点击原型
那是老周领先版app设计稿。纸都发黄了，箭头从“首页”指向“详情”，旁边批注“这里要能返回”。
从实际操作来看，有人问：app设计流程作品有哪些？我说：最早期能拿出手的，就是低保真线框图加可点击原型这一组。别小看它。面试官看的就是你脑子里的结构清不清楚。
线框图、使用者流程图、可点击原型——Figma或墨刀链接丢过去，这三样是流程领先步的“作品种子”。这里有个细节。没有它们，后面全是空中楼阁。
换个角度看，视觉稿和设计规范才是硬通货
一个年轻设计师给老周看手机里的作品集，界面花哨得很。老周指着一个按钮问：“为什么放这儿？”对方卡住了。
落实到具体场景中，有人问：app设计流程作品案例怎么挑？我说：挑那些能讲出“为什么”的。视觉稿、组件库、设计规范文档——这三样能证明你不是美工，是设计师。
高保真界面、按钮表单导航的组件库、字号间距颜色变量写清楚的设计规范，这是流程中期的核心产出。少了规范，开发追着你问“这个灰色是几号”，你就知道疼了。
这里有个细节值得展开说，这点很多人忽略了
老周带新人去客户现场做走查。新人问：“这也要放进作品集？”老周说：“放，而且比界面更值钱，”
在此基础上，有人问：app设计流程步骤里哪些产出能当作品？我说：交互标注文档、走查问题清单、改版前后对比——这些证明你懂落地，不是只会在画布上摆积木。
交互说明写清楚动效、手势、状态变化。走查报告截图加问题加修改建议。A/B测试对比图留着。这些是流程后期的“证据型作品”，很多人嫌麻烦不存，等到整理作品集时抓瞎。
除此之外，上线后的迭代记录是活水
老周打开一个设计师的作品集，最后一页是“上线后转化率提升约百分之十二”的截图——不是宏观统计，是他自己项目后台的对比。旁边附了三个迭代版本。
进一步说，有人问：app设计作品展示怎么做出差异？我说：把“上线后”放进去。别人只展示过程，你展示结果和迭代。这就是住范儿常说的“剥到最后一层”。
上线截图、消费者反馈摘录、迭代版本对比、数据变化，这些是流程的收尾作品。哪怕只上一个版本，也比停在视觉稿强。
回到实际问题上，报喜也报忧
不是所有流程产出都能当作品。涉及客户保密协议、公司内部组件库、未上线效能，不能直接放作品集。老周的做法是：脱敏后重绘，或者只展示“方法”不展示“具体内容”。
搞清楚了这点，接下来就好理解了。别为了凑作品把线框图硬说成“完整项目”——面试官一眼看穿。商品妥协在于：流程越完整，作品越重，但很多公司只让你做其中一环。你得自己补全上下游，才能攒出完整作品。
打开你的Figma、Sketch或墨刀，按“线框→视觉→交互→上线”四个文件夹整理。缺哪个环节，就去找一个真实小项目补上，哪怕是自己做个记账app。作品集不是画册，是流程的切片。下周三之前，先把手头项目按这四个文件夹分好类，再挑三个能讲出“为什么”的页面，写成200字说明。
关于app设计流程作品有哪些能聊的还很多，这篇先说到这儿。后面会继续分享实际项目里遇到的一些特殊情况和处理办法，有疑问的可以留言交流。