开启辅助访问
 找回密码
 立即注册

UI图与原型图的区分

huweneang 回答数0 浏览数626
UI图:高保真效果图,跟我们平常看到的界面图一样,但是是静态的,不能实现任何功能,一般是用PS软件做出来的图
首先,我们先看UI图一般在企业中有哪几种形式:
1) 标有行间距像素(12px)的说明,以及标有对应图标,字体颜色的(#ffffff)的静态的高
保真图
如下图一:只包含间距像素的UI图

图一
如下图二:含有像素+图标,背景色,字体颜色的UI保真图

图二

如下图三:无任何像素+颜色值的高保真静态效果图

如下图是详细说明UI图的特性

原型图:
原型图是指交互设计师根据需求文档用线条、图形描绘出的产品框架,也称线框图,交互逻辑界面,设计出动态体现产品交互逻辑的接近产品的设计初稿。高保真原型图还需要给你的总监以及老板看,把你的产品创意真正的传递到用户眼前。相对于写在纸上的产品设计文档,产品原型更加有效,因为这可以让所有的测试人员以及用户知道你的产品创意所在。
互联网行业的产品原型是将需求转化成产品的一台过程示意图,通过原型来表达需求点和流程逻辑,同时向UI和技术去表达产品的概念和实现的内容。
所需工具:Axure RP(推荐)、Justmind(App)、Keynote(最近比较火,适用于Mac OS)
多说一句,凡是软件(不论PC或是App),都建议用最新版
1)APP端原型图参考:包括界面+交互逻辑+业务逻辑说明

2) 原型图:动态页面关联关系跳转。左侧导航可以来回切换页面
使用道具 举报
| 来自北京
当贝投影