Generador de mockups de capturas

「样机（mockup）」其实分两类，搞清楚区别能少走弯路。第一类是「设备 / 窗口外框」样机：把你的网页或 App 截图套进一个干净的 iPhone、Android、Mac 或浏览器外框，配上背景和投影——重点是规整、清晰、突出界面本身，常用于作品集、Product Hunt 首图、落地页 hero、文档配图、App 介绍。第二类是「真实摄影场景」样机：把设计印在一件 T 恤、一个马克杯、一块门店招牌上的实拍照片里，重点是「放进真实世界」的氛围感。样机猫的截图样机生成器专做第一类——外框全部用代码绘制，所以无论导出多大都是矢量级锐利、不依赖任何图片素材，也彻底避开了 Apple Design Resources 与 Meta 设备素材「不得重新打包分发」的授权红线。

做一张「能直接用」的设备样机，几个细节决定成败：一是外框选对——展示网站用带地址栏的浏览器窗口最有语境，展示移动端体验用 iPhone / Android 框，展示桌面应用用 Mac 笔记本，只想要干净裁切就选纯图；二是背景别喧宾夺主，一层协调的渐变把界面从死白里托起来即可，留白要够、让画面呼吸；三是投影要柔，制造轻微悬浮感而非生硬黑边；四是想要「立体感」可加一点 3D 倾斜，让样机不那么呆板。样机猫把这些都做成顺手的滑块与预设，拖图进来、选框、调几下就出图，全程浏览器本地合成、截图不上传，适合反复快速产出。

什么时候该离开这个工具？当你需要的是「产品在真实环境里」的照片级氛围——真实模特穿着你设计的 T 恤、手握印了图案的马克杯、海报挂在咖啡店墙上——这靠代码框做不出来，需要专门的摄影样机库（如 Placeit）拖一下把设计合进实拍照。样机猫的定位很清楚：规整清晰地展示界面 / 设计稿，免费、本地、矢量锐利就用我们；要真实世界的摄影氛围照，去用专门的样机库。两者不冲突，按用途选即可——你也可以在我们的 T 恤 / 海报样机工具里先做轻量版，需要一窝真实场景时再升级。