对于许多刚刚开始接触原型设计的设计师而言,很容易混淆线框图(Wireframe)、视觉稿(Mockup)和原型(Prototyping)这三个基本概念。 在许多项目和相关文章中,这些概念经常被混用。虽然在功用上,三者有许多相似点,然而差异也非常明显。 [*,线框图是一种低保真的静态设计稿,它勾勒出布局轮廓,但是缺少细节。 [*,视觉稿则是算得上是接近于高保真的设计稿,其中拥有大量的视觉信息和细节呈现,但是它依然是静态的。 [*,原型和视觉稿接近,是接近于高保真的设计稿,但是原型是动态可交互的,一些后期的、完成度极高的原型设计甚至和最终的产品看起来相差无几,因为它们不仅拥有细致到位的视觉设计,同时还模拟出了理想中的用户体验。 不过,许多原型并不一定得做的非常的好看,它最主要的的功能是还原并呈现设计思路,它需要是可运行、可交互的,这是核心。 一个典型的原型设计工作流大概是这个样子的: [ol, [*,绘制页面流程。呈现出用户可能会如何浏览页面或者APP。 [*,创建低保真原型,为每个页面创建多个不同的版本,进行可用性测试,搜集相关的数据和用户反馈。 [*,完善原型的细节和真实度,向着最终产品的外观靠拢。在增加细节之前,请确保原...
内容已隐藏,请关注公众号输入验证码查看
本帖支持关注公众号查看
【无套路 无套路 无套路 扫描二维码关注公众号发送【验证码】收到验证码 在上面输入点击提交查看即可显示隐藏内容】
|