专栏首页无原型不设计3个细节,轻松区分效果图和原型图

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

产品设计是一个相对宽泛的概念,其中包含的内容不胜枚举。尤其对于新人小白来说,产品设计的分工分类着实令他们头痛。有些设计人员很多时候连自己画的到底是什么都不知道。领导叫你画个图,结果拿过来一看:天哪!你画了个什么?今天我们就来讲一下,效果图和原型图,这对常常扰乱大家工作的完美CP。

首先,我们需要对两者有一个充分的认识:

原型图,是产品或数据系统的一个基本的实用模型,通常为示范目的或开发程序的部份结构。在一个完整的系统开发生命周期中,需要设计原型模型,即建构和测试系统的一个基本版本,如果必要的话还要重复修改,直到达成一个完整的一个可接受的原型。原型图存在的意义,就是能够在开发过程中充分的表达出设计师的意图的思想。

效果图,顾名思义,是带有视觉效果的图片。这一类图片往往是UI设计师们已经处理过的成图,用于展现近乎于真实产品的效果。产品效果图是一种设计师表现自己创意的方式,同时,优秀的效果图可以客观的加深用户对于产品的认识和理解,体现出产品的价值所在。

从概念上来说,效果图和原型图还是相差比较远的,通过一下几个细节,我们就可以区分出效果图和原型图:

一、通过颜色分辨

原型图的颜色以黑白为主,当然,灰度原型也是原型图家族中的名门贵族。为什么原型图的颜色会是如此的单调?原因很简单:其一,原型设计师并非UI设计师,如果在原型图中加入了大量的色彩,那么这就会很容易的影响到UI设计师的思考和创作;其二,原型图面对的是开发人员而非客户,这一阶段重视的东西是逻辑概念和交互方式,并不是颜色。

一般情况下,效果图色彩更加丰富些。如果一款产品的效果图的色彩运用和原型图相差无几,除非是有意而为之,不然这位设计师也绝对是low的可以了。作为产品成型之前的“漂亮脸蛋”,效果图的色彩必须是经过设计师考虑研究、用心琢磨过的。也只有这样,才能拿出令人满意的效果。

二、通过图标分辨

现在的原型图设计过程中,很多时候都会涉及到图标的设计和使用。而从严格意义上来讲,原型图内是不需要出现图标的,图标位置方块代替。原因其实和上一点基本相同,那就是要在原型设计中尽可能的降低对其他同事的影响,比如UI设计师。当然,现在的原型设计工具中普遍都提供了一些比较简单实用的图标。这些图标样式相对简单,代表的含义也比较直接。这样既省去了文字描述的繁琐,也最大程度地降低了对于设计师的干扰。

而效果图在这方面有着更多的讲究,类似图标的细节往往决定着一个效果图的成败,而一个效果图的成败,有很大程度上左右这这款产品的命脉。所以,效果图中的图标,即便是精雕细琢,也请你不要大惊小怪。一个优秀的设计师,能够在效果图的每一个细枝末节都体现出自己的创造力。

三、通过注释分辨

从我个人的理解来说,一张真正优秀的效果图,是不需要注释就能说明一切问题的。既然效果图是一种面向用户的产品表现形式,那么就应当通过设计和画面把基本问题全部解释清楚。除非是特殊情况,否则文字注释的随意出现,一定会使得设计师的身价大打折扣。

但是原型就不同了。如果只是单纯的线框图,那么没有文字说明的话,几乎就没什么价值。如果是带有交互的原型设计,那么文字说明和注释的量相对来说会少很多,但绝对不会一点没有。很多情况下,从时间成本和操作成本上考虑,简单的文字有时会有更高的实际效果。

其实,通过以上三点我们可以总结一个判断的标准,即:以逻辑为主导、以好用为准则的原型图和以视觉为主导、以好看为准则的效果图。看完这些之后,有没有想明白,昨天你画的那个,到底是什么?

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

推荐阅读

  • 远程办公经验为0,如何将日常工作平滑过度到线上?

    我是一名创业者,我的公司(深圳市友浩达科技有限公司)在2018年8月8日开始运营,现在还属于微型公司。这个春节假期,我一直十分关注疫情动向,也非常关心其对公司带来的影响。

    TVP官方团队
    TAPD 敏捷项目管理腾讯乐享企业邮箱企业编程算法
  • 数据中台,概念炒作还是另有奇效? | TVP思享

    作者简介:史凯,花名凯哥,腾讯云最具价值专家TVP,ThoughtWorks数据智能业务总经理。投身于企业数字化转型工作近20年。2000年初,在IBM 研发企业级中间件,接着加入埃森哲,为大型企业提供信息化架构规划,设计,ERP,云平台,数据仓库构建等技术咨询实施服务,随后在EMC负责企业应用转型业务,为企业提供云迁移,应用现代化服务。现在专注于企业智能化转型领域,是数据驱动的数字化转型的行业布道者,数据中台的推广者,精益数据创新体系的创始人,2019年荣获全球Data IQ 100人的数据赋能者称号,创业邦卓越生态聚合赋能官TOP 5。2019年度数字化转型专家奖。打造了行业第一个数据创新的数字化转型卡牌和工作坊。创建了精益数据创新方法论体系构建数据驱动的智能企业,并在多个企业验证成功,正在向国内外推广。

    TVP官方团队
    大数据数据分析企业
  • 扩展 Kubernetes 之 CRI

    使用 cri-containerd 的调用流程更为简洁, 省去了上面的调用流程的 1,2 两步

    王磊-AI基础
    Kubernetes
  • 扩展 Kubernetes 之 Kubectl Plugin

    kubectl 功能非常强大, 常见的命令使用方式可以参考 kubectl --help,或者这篇文章

    王磊-AI基础
    Kubernetes
  • 多种登录方式定量性能测试方案

    最近接到到一个测试任务,某服务提供了两种登录方式:1、账号密码登录;2、手机号+验证码登录。要对这两种登录按照一定的比例进行压测。

    八音弦
    测试服务 WeTest
  • 线程安全类在性能测试中应用

    首先验证接口参数签名是否正确,然后加锁去判断订单信息和状态,处理用户增添VIP时间事务,成功之后释放锁。锁是针对用户和订单的分布式锁,使用方案是用的redis。

    八音弦
    安全编程算法
  • 使用CDN(jsdelivr) 优化博客访问速度

    PS: 此篇文章适用于 使用 Github pages 或者 coding pages 的朋友,其他博客也类似.

    IFONLY@CUIT
    CDNGitGitHub开源
  • 扩展 Kubernetes 之 CNI

    Network Configuration 是 CNI 输入参数中最重要当部分, 可以存储在磁盘上

    王磊-AI基础
    Kubernetes
  • 聚焦【技术应变力】云加社区沙龙online重磅上线!

    云加社区结合特殊时期热点,挑选备受关注的音视频流量暴增、线下业务快速转线上、紧急上线防疫IoT应用等话题,邀请众多业界专家,为大家提供连续十一天的干货分享。从视野、预判、应对等多角度,帮助大家全面提升「技术应变力」!

    腾小云
  • 京东购物小程序购物车性能优化实践

    它是小程序开发工具内置的一个可视化监控工具,能够在 OS 级别上实时记录系统资源的使用情况。

    WecTeam
    渲染JavaScripthttps网络安全缓存

扫码关注云+社区

领取腾讯云代金券