Mockdown 线上将软体介面、网页撷图转为Mockup 视觉稿

mianfeiziyuan

如果从事网页设计相关工作应该很常听到一个名词「Mockup」，中文称为模型或原型，若翻译成「视觉稿」可能比较容易理解，Mockup通常在「Wireframe」（线框图）之后，为了让整体画面更贴近最终成果，会将一开始的草稿线条图加入更多视觉元素，例如将排版、图形和配色呈现出来，也就能够得出最后设计稿，而在我向设计师朋友询问后得知Mockup通常是透过Photoshop、Sketch或Adobe XD等软体绘制。

本文要介绍的「Mockdown」和前面提到的Mockups有关，这是一个方便的线上工具，可以将一般软体画面、网页撷图或手机应用程式介面线上自动转成Mockups图片。

透过Mockdown 会将原有可供辨识、阅读的文字图片内容转为色块，如果要拿来做范例、投影片或操作流程介绍会更适合，使用者无需再手动处理看得到的资讯（可能不一定适合出现在简报中），线上即可快速转换处理。根据网站说明，Mockdown 利用人工智慧技术来处理画面，机器会自动判断每个区块，不用再使用Sketch 或Photoshop。

网站名称：Mockdown
网站链结：https://epic.ai/mockdown/