童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

3个细节,轻松区分效果图和原型图

3月27日 倾城傷投稿
  产品设计是一个相对宽泛的概念,其中包含的内容不胜枚举。尤其对于新人小白来说,产品设计的分工分类着实令他们头痛。有些设计人员很多时候连自己画的到底是什么都不知道。领导叫你画个图,结果拿过来一看:天哪!你画了个什么?今天我们就来讲一下,效果图和原型图,这对常常扰乱大家工作的完美CP。
  首先,我们需要对两者有一个充分的认识:
  原型图,是产品或数据系统的一个基本的实用模型,通常为示范目的或开发程序的部份结构。在一个完整的系统开发生命周期中,需要设计原型模型,即建构和测试系统的一个基本版本,如果必要的话还要重复修改,直到达成一个完整的一个可接受的原型。原型图存在的意义,就是能够在开发过程中充分的表达出设计师的意图的思想。
  效果图,顾名思义,是带有视觉效果的图片。这一类图片往往是UI设计师们已经处理过的成图,用于展现近乎于真实产品的效果。产品效果图是一种设计师表现自己创意的方式,同时,优秀的效果图可以客观的加深用户对于产品的认识和理解,体现出产品的价值所在。
  从概念上来说,效果图和原型图还是相差比较远的,通过一下几个细节,我们就可以区分出效果图和原型图:
  一、通过颜色分辨
  原型图的颜色以黑白为主,当然,灰度原型也是原型图家族中的名门贵族。为什么原型图的颜色会是如此的单调?原因很简单:其一,原型设计师并非UI设计师,如果在原型图中加入了大量的色彩,那么这就会很容易的影响到UI设计师的思考和创作;其二,原型图面对的是开发人员而非客户,这一阶段重视的东西是逻辑概念和交互方式,并不是颜色。
  一般情况下,效果图色彩更加丰富些。如果一款产品的效果图的色彩运用和原型图相差无几,除非是有意而为之,不然这位设计师也绝对是low的可以了。作为产品成型之前的“漂亮脸蛋”,效果图的色彩必须是经过设计师考虑研究、用心琢磨过的。也只有这样,才能拿出令人满意的效果。
  二、通过图标分辨
  现在的原型图设计过程中,很多时候都会涉及到图标的设计和使用。而从严格意义上来讲,原型图内是不需要出现图标的,图标位置方块代替。原因其实和上一点基本相同,那就是要在原型设计中尽可能的降低对其他同事的影响,比如UI设计师。当然,现在的原型设计工具中普遍都提供了一些比较简单实用的图标。这些图标样式相对简单,代表的含义也比较直接。这样既省去了文字描述的繁琐,也最大程度地降低了对于设计师的干扰。
  而效果图在这方面有着更多的讲究,类似图标的细节往往决定着一个效果图的成败,而一个效果图的成败,有很大程度上左右这这款产品的命脉。所以,效果图中的图标,即便是精雕细琢,也请你不要大惊小怪。一个优秀的设计师,能够在效果图的每一个细枝末节都体现出自己的创造力。
  三、通过注释分辨
  从我个人的理解来说,一张真正优秀的效果图,是不需要注释就能说明一切问题的。既然效果图是一种面向用户的产品表现形式,那么就应当通过设计和画面把基本问题全部解释清楚。除非是特殊情况,否则文字注释的随意出现,一定会使得设计师的身价大打折扣。
  但是原型就不同了。如果只是单纯的线框图,那么没有文字说明的话,几乎就没什么价值。如果是带有交互的原型设计,那么文字说明和注释的量相对来说会少很多,但绝对不会一点没有。很多情况下,从时间成本和操作成本上考虑,简单的文字有时会有更高的实际效果。
  其实,通过以上三点我们可以总结一个判断的标准,即:以逻辑为主导、以好用为准则的原型图和以视觉为主导、以好看为准则的效果图。看完这些之后,有没有想明白,昨天你画的那个,到底是什么?
投诉 评论

如何打造一个高可用性网页表单设计?在这篇文章中,我们将提供一些你可以很容易遵循的指导方针。通过可用性测试、现场测试、网站跟踪、眼动追踪、网络分析以及用户对客服的真实反馈,精心制作出这些准则。一、为什么网页……产品设计感悟:产品设计的4大原则一直想写关于产品设计思路或者说方案策略性的文章,一直都不好下笔,因为这东西太大太广泛了,而且每个人都有自己的一套思路,这是我总结的一套思路,供大家参考。如何评价设计的好坏……浅谈密码强度规则的5个版本最近因为在做WEB产品中接触到密码强度设置问题,找了不少解决方案,大多都是基于google提出的以密码长度、英文大小写以及符号组合来区分的方式进行。但是这样组合出来的密码形式还……电商产品设计:促销活动设计解析促销是最常见的电商运营手段,每到重要节日,类似双十一、618、情人节等等,商家在线上或是线下都会展开疯狂的促销大战,通过各样的形式吸引消费者。作为电商的从业者,应该对各种促销手……一文详解租车APP开票功能单位和个人凡是发生销售商品、提供服务以及从事其他经营活动,对外发生经营业务收取款项时,收款方均应向付款方开具发票。可见开发票属于用户的基本型需求,企业应必须满足。发票不论……关于平台型产品,我产生了一些设计思考做平台产品,前期是搭积木,后期像抽积木。快速上升期,要搭建稳固的地基,架构合理性决定了上限;稳定迭代期,谨慎增删改,考虑牵一发而动全身的情况。平台型产品定义由“生产……跨平台通用账号系统(三)阿里的账号系统到底透露出一些什么信息前面两篇文章《跨平台通用账号系统浅析Facebook、Instagram、Messenger三者的联系》、《跨平台通用账号系统(二)浅析Nike系列产品的做法》分析了国外的账号……如何绘画状态机来描述业务的变化对于设计过商品、订单、优惠券等复杂功能的PM来说,会发现很难描述清楚功能的本质。因为技术会反复的问,有几种状态啊,怎么转移啊,啥时候转移啊,什么时候截止状态啊,系统根据什么条件……7个CTA按钮优化技巧,助你快速获得高转化率行动呼吁(CTA,CalltoAction)作为电子邮件活动最重要元素之一。CTA成功,将会带来邮件高点击率和真正的目标行为转化。只要你敢想,人们会购买你的产品,注册一个事件,……如何从0到1打造一个完美的业务系统?文章以一个web新闻站点为例,演示如何打造完美的业务逻辑。小伙伴们有没有这样的经历?领导让你负责从0开始做一个业务系统,你木有相关项目经验、也没有竞品可以借鉴,不知道从何……3个细节,轻松区分效果图和原型图产品设计是一个相对宽泛的概念,其中包含的内容不胜枚举。尤其对于新人小白来说,产品设计的分工分类着实令他们头痛。有些设计人员很多时候连自己画的到底是什么都不知道。领导叫你画个图,……招聘平台新功能设想:个人测评中心西蒙年前参与一个在线课程,课程后与项目的PM聊了几句。单纯的教育直播,无法做到因材施教,这才是行业的痛点。那次的聊天,引申了今天的这个产品功能设计,西蒙不是教育培训行业从业者,……
中继器系列(二):信息修改Axure:如何实现下拉刷新的效果?Axure如何实现同页面上下、左右滑动Axure教程:为图片添加标签Axure:文字跑马灯效果Axure教程:动态面板实现侧滑菜单Axure教程:如何实现顶部tab式导航栏?Axure小元件(二)密码设置IBM高级设计师分享:你真的懂如何做原型设计吗?Axure教程:多页签可滚动的选项卡制作(附源文件下载)Axure:实现可拖动进度条Axure小元件(一)获取验证码

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界