• 首页 > 快读>正文
  • 产品新人该如何画好原型图?

  • 2021-07-09 10:55:02
  •       产品经理作为当前热门岗位,现在的竞争激烈程度愈演愈烈。要想在面试中取胜,「绘制产品原型图」这个技能点一定要拉满。如果你是一个想入行产品的小白,那这篇文章一定要仔细阅读!

    原型图简单的来说,就是【一款产品成型之前的一个简单的框架图】将页面的排版布局展现出来,每个功能键的交互,使产品的初步构思有一个可视化的展示

    它类似于一个产品的骨架模型,剔除了外观后展现产品的基本交互操作原理,在一个完整的系统开发生命周期中,需要设计原型模型,即建构和测试系统的一个基本版本。

    原型图存在的意义,就是在开发过程中能完整地表达出设计师的意图。目标是“将功能、内容形象地表达”,而不是“好看“。原型图说到底并不是一个需要展示给用户看的产品,通常是:开发、部门领导、UI设计师和测试。

    低保真原型图——简单的有着大致框架的原型图,多为线框图在考虑到原型图是需要多次调整的情况,再结合时间成本,大部分情况下都会选择低保真为主。

    制作工具:Pixso等相关原型工具制作/手绘

    特点:

    1、仅呈现最终产品的一部分视觉属性(例如元素的形状、基本视觉层次等)

    2、一般不具备交互效果。

    高保真原型图——效果接近于最终效果的精细化原型图,差别仅在于更完美的视觉效果处理而已。

    制作工具:Pixso等相关原型工具制作

    特点:

    1、 逼真细致的设计,所有界面元素、间距和图形与真实的APP/网站相差无几

    2、 原型在交互层面非常逼真

    1、整理思路

    将所有流程步骤、想法都梳理成思维导图,让自己的思路可视化,再根据这些idea与搭档进行下一步探讨。

    工具:mindmaster

    2、整理流程图

    将产品的交互步骤按照顺序进行梳理,制作成流程图,可以在绘制原型图时更有逻辑性。

    工具:亿图图示

    3、利用工具进行绘制

    为了让设计师、开发尽可能的了解产品架构与交互,产品一般会需要提前绘制出直观原型图,以此来讨论产品内部结构、跳转原理等。

    工具:Pixso

    原型到设计再到交互一体化

    目前市面上原型产品选择不少,但一体化设计平台很稀缺。在同一平台将整个流程完成,一方面省去了多平台传输文件的步骤,另一方面避免了由于传输可能导致的细节丢失。

    交互设置简单,效果丰富

    Pixso的交互手势多达8种,效果也有弹窗、跳转等5种选项,能很好的满足原型图的需求。并且他的设置习惯与figma类似,能轻松上手。

    与此同时,Pixso支持一键交付,自动生成标注,开发轻松导图;同时它是全中文界面,相对于海外的软件更适合中文用户。产品原型图是产品经理的工作中重要任务之一,要想拿到高薪,原型图必须拿下!


    免责声明:科技狗对文中陈述、观点判断保持中立,不对所包含内容的准确性、可靠性或完整性提供任何明示或暗示的保证。请读者仅作参考,并请自行承担全部责任。 本网站转载图片、文字之类版权申明,本网站无法鉴别所上传图片或文字的知识版权,如果侵犯,请及时通知我们,本网站将在第一时间及时删除:yzl_300@126.com

    延伸阅读:

  • 为客户创造价值,汇付天下“汇创”思享会探讨零
  • 小米手表Color首发799元,再定义长续航,一次充电
  • 海带TV直播平台上线峰会——网红经济就此开启
  • 酱香酒年份越老品质越好? 价值百万德国风味分
  • 新思科技发布业界首款全栈式AI驱动型EDA解决
  • 新起点下,中广欧特斯的全球化布局按下“加速键
  • 纵维立方春季两款人气光固化新品——Photon M
  • 生命说梁志:减肥是一门多学科融合的学问
  • 来一杯“雷霆708”,做个真男人
  • 吃下 GuanceDB 狗粮后,观测云查询性能提升超 30 倍
  • 深圳金丰集团投数亿巨资收购‘拍呱呱短视频APP’,
  • 道圣康膜是什么和道圣和植物精萃膜有什么不同
  • 戴纳科技惊艳亮相慕尼黑上海分析生化展
  • 购买德国SEYO认准正规渠道,正品查询现已开启
  • 道圣康膜详细使用方法及注意事项及原理
  • 最新!2018年度北京地区医院综合及重点专科排名公布
  • 主编推荐 ...
  • 东来也孙道军:不是每一只国潮鹅,都可以叫“鹅小天”...

  • TCL携智慧科技产品重磅亮相,UDE成“最佳Show场”...

  • 美的洗衣机与联合利华达成战略合作 共领未来家庭洗护新生...

  • 今日焦点
    滚动新闻 ...
    新闻排行 ...
    关于我们 |   科技狗简介 |   法律声明 |   广告刊例 |   联系我们
    © 2014-2020 科技狗版权所有   E-mail:yzl_300@126.com
    科技狗 |  techdog.cn  |   粤ICP备2020076861号