博客 / 实用教程

作品集样机怎么排?让设备服务于设计过程。

样机不是案例的封面装饰。它应该解释产品实际出现在什么设备上、关键界面如何协同,以及设计决策最终带来什么结果。

作品集 阅读 6 分钟

01 / 用封面样机说明项目形态

封面可以用一台主设备搭配一台辅助设备,但不要为了显得“工作量大”堆满所有屏幕。封面的任务是让人知道这是什么项目,而不是一次展示全部细节。

02 / 把样机放在关键决策之后

先说明问题和选择,再用样机展示结果。比如在“重新设计导航”之后放一张改版后的带壳界面,会比在页面开头连续放五张样机更有说服力。

  1. 问题和目标
  2. 约束与设计决策
  3. 关键界面或原型
  4. 设备样机中的最终结果
  5. 指标、反馈或后续优化

03 / iPhone 和 iPad 同时出现时,要有主次

两台设备不要同时占据同等重量。优先放大案例的主要使用场景,另一台设备用来补充响应式或跨设备信息,并确保两个屏幕内容真正有对应关系。

04 / 保留足够的界面近景

样机能提供场景,但不能代替 UI 细节。作品集中应同时保留屏幕近景、组件或流程图,让读者看清具体的设计工作,而不只看到一组漂亮外壳。

常见问题

作品集封面可以放多台设备吗?

可以,但应有一台明确主角,其他设备只用于补充平台或使用场景。

是不是每个页面都要套壳?

不是。需要表达设备场景时用样机,需要讲解界面细节时用近景或纯界面图。

样机背景需要和品牌色完全一致吗?

不必只用一个品牌色,但颜色、对比度和文字系统应让这组图与整个案例保持关联。

App 原生导出 · 真实 PRO 界面
App 原生导出 · 真实 PRO 界面