[[Mockups.canvas|Mockups]] ## 已有文件 1. Figma 我自己总结的 <https://www.figma.com/file/AhA0tId6khwfpi45yaYxhi/Boyce-Mockups?node-id=0%3A1&t=GsLKOJ4ZRPicKC64-1> 2. [[Mockups.canvas]] ## [[工作室BRIX]] 专区 1. https://www.figma.com/file/zqyHNtCUOXcAjcjgvkhSB2/300%2B-Figma-Mockups-Kit-%7C-BRIX-Agency-(Community)?type=design&node-id=1618%3A10616&mode=design&t=nqDk7sIn2himSFyR-1 挺牛逼的一个[[工作室BRIX]]整理的样机大全。![image.png](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20230806141221.png) 2. 这个是Flat风格的。 1. https://www.figma.com/community/file/1200844120956856977/Flat-Device-Figma-Mockups-%7C-BRIX-Templates ## 合集 - 我的 notion - 可以看一下 Raindrop,查看: [https://raindrop.io/chichi/mockups-17037860](https://raindrop.io/chichi/mockups-17037860>) ## 借助工具 ### Shots [Shots - Create Amazing Mockups](https://shots.so/) 一个在线产品,试了一下体验还不错。!! 20231022 又体验了一下。是非常的不错 ![image.png](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20230301081857.png) ### 借助 figma 插件: - [Snapshot – Figma](https://www.figma.com/community/plugin/937590329004798392/Snapshot) 大刺猬推荐,和 angle mockups 一种类型的![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220504200915.png) - Angle mokups 需要先选中 1 个 vector,然后再选中对应的屏幕界面,会直接套进去。但是不太好用,关于我们的 C #屏幕替换替换时翻车 ![[Pasted image 20210516170402.png]] - Clay Mockups 3D 这个是最符合直觉的,选一个设计图,然后直接放进样机 - ![[Pasted image 20210516164047.png]] ### 借助产品 Design Camera 在我的固态硬盘中 ![[Pasted image 20210607234832.png]] ## 资源 - [Animockup 2.0 - Create stunning product teasers with animated mockups | Product Hunt](https://www.producthunt.com/posts/animockup-2-0) 创建动态的界面包装 - 209 个按照电脑、手机分类的资源。链接: [https://pan.baidu.com/s/1J0hpivnpgz58U5D2E7ZR1w?pwd=m297>](https://pan.baidu.com/s/1J0hpivnpgz58U5D2E7ZR1w?pwd=m297>) 提取码: m297 复制这段内容后打开百度网盘手机 App,操作更方便哦 #优质资源