交互完稿效果图如何出，Mockup利器你值得拥有
在交互设计UI设计稿完成后，我们可以通过Mockup样机效果，快速展示设计的成果，好的Mockup可以化腐朽为神奇。本文UXD将为正在准备作品集的同学们，介绍两款好用的Mockup样机效果插件。
本次介绍的优秀插件均基于UXD日常教学使用平台Figma之上的，作为一家顶级的交互/服务类设计咨询和教育机构，UXD目前的工作设计/设计教学工作流已经完全和一线大厂，包含Google/Facebook/腾讯/阿里实现同步。
首先在figma的搜索界面搜索 angle，点击install，下载Angle Mockups轴侧视图插件。
之后可以在angle官网angle.sh下载样机模型。
样机模型如图所示：
选择样机模型中的UI界面图片Screen。
之后鼠标右键选择plugins-Angle Mockups。
之后在App Design Frame中选择需要展示的UI界面；Pixel Density可以根据项目要求进行选择；Quality也可以进行调整。
之后点击Apply Mockup，即可得到相应的效果。
轴侧效果展示
在figma的搜索栏中搜索 Clay Mockups 3D，并且点击安装。
之后选中UI展示界面，鼠标右键选择plugins-Clay Mockups 3D。
展示效果如图所示，其中可以改变设备的角度、相机角度与设备颜色信息。在确定好角度与颜色之后，点击Save as Image即可保存图片。
透视图样机展示效果图
赞 (0)