专栏名称: 优设
优设官方帐号,学设计从这里开始。
目录
相关文章推荐
人人都是产品经理  ·  更新了20个版本的微信输入法才有了删除功能, ... ·  22 小时前  
现代快报  ·  江苏气象发布:-7.1℃ ·  2 天前  
三节课  ·  《2024年生活趋势洞察报告》可下载 ·  6 天前  
51好读  ›  专栏  ›  优设

用这个神器可以轻松制作手机展示样机,还可以自定义颜色!

优设  · 公众号  ·  · 2018-07-01 22:00

正文

封面作者:Vasiliy Vsesvit

之前介绍不少 Mockups 相关的免费资源,我对产品开发没太多研究,但 Mockups 的意思就我理解大概就是模型图,通过网络上的工具可以将产品画面整合到实体装置中,看起来就跟真的运作一样,无论是用来做报告或放在产品官网都很合适,也让整体质感提升不少。

本文要推荐的「Mobile Mockup」是一款建立漂亮移动端模型图的线上工具,主要是将屏幕截图快速整合到手机画面,可设定不同的背景底色(透明色)和手机颜色,产生.png 格式图片,图片也非常简洁,适用于各种设计不会有违合感。

虽然要把截图画面放入手机模型里不难,但必须有适当的素材和修图能力,也不能缺少的是专业绘图软体,如果你本身不擅于使用绘图工具,又不想花太多时间处理的话,Mobile Mockup 是一个相当合适的选择,只要几分钟轻松制作出专业的模型图。

Mobile Mockup
网站链接:https://www.kapwing.com/mobile-mockup
扫码也可进入:

开启 Mobile Mockup 网站,先点选「Choose screenshot」选择要合成的截图画面,依照网站说明,最理想图片尺寸大小是360 x 668,不过大于这个尺寸也没问题。

上传图片后截图会显示于右侧的 Mockup,接着开始进行相关设定,可以看到 crop、fit 或 stretch 代表图片呈现方式,分别是裁切、符合大小和延伸,如果不知道哪一种呈现方式比较适合你,直接点选会自动更新右边的预览图。

底下的调色盘分别是图片的背景颜色和手机边框颜色,除了预设颜色,也可自定义,值得一提的是背景颜色也提供「透明色(Transparent)」选项,让制作出来的图片可以符合任何背景色。

制作完成后点选「Download mockup」就能下载、获取.png 格式的模型图。







请到「今天看啥」查看全文