设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计+协作,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 设计信息 > 新手必看系列 | 原型设计和UI设计有什么区别?

新手必看系列 | 原型设计和UI设计有什么区别?

mooncakest
2021-12-29
2507

最近小摹发现社群中来了不少的萌新小可爱,前不久还有好几位小伙伴私聊小摹:画原型是产品经理还是UI设计师的工作?新人适合用什么工具画原型?原型稿和UI稿的区别有哪些?

所以今天小摹打算跟大家唠唠原型设计和UI设计那些事,给各位萌新小白们做一个正经的科普,从三个层面帮大家理理这二者的不同之处,顺便解答以上三个问题!

                 

概念区别

首先,咱先来看看它们各自的概念描述:

原型设计:是将抽象的功能需求转化为具象的产品原型的过程,其中需要借助PRD文档和原型图,对产品的业务逻辑进行描述说明;

UI设计:在产品原型的基础上,UI设计师对原型进行视觉美化,最终呈现的UI稿跟我们平时在PC端或手机端所看到的页面一样,只不过是静态页面,无法通过点击实现交互。

所以,从二者概念来看,原型设计≠画原型图,UI设计≠画UI稿,它们代表的是产品研发流程线上的两个环节,原型设计需要在进行UI设计之前完成,并为UI设计提供基础的界面功能布局。

工作人群区别

在大家对二者的概念有了基本的熟悉后,接下来,小摹再给大家介绍一下,原型设计和UI设计分别对应的是什么岗位?

原型设计:对应的岗位是产品经理或交互设计师。其工作内容主要是产品的功能设计部分,他们需要通过市场调研、竞品分析、产品市场现状等资料,形成完整的功能点list,进而产出原型与PRD文档;

UI设计:对应的岗位是UI设计师。其工作内容主要是产品的视觉设计部分,包括:色彩范围、质感、细节、突出信息、图标设计方案、插画设计思路以及动效等。

总之,原型设计侧重于产品逻辑,主要用于快速向所有利益相关方传达产品的核心思路、功能点、使用流程等关键信息;而UI设计侧重于视觉与体验,不仅需要考虑整体界面的美观性,还要充分体现软件的定位和特点。

有了这个结论,相信大家就不会再弄混这二者的区别了,那么下面小摹就跟大家聊聊产品经理和UI设计师在工具选用上区别吧~

使用工具区别

虽然都是设计,但一个是原型设计,一个是UI设计,大家所负责的工作内容不同,自然各自使用的工具也不一样。下面,小摹给大家整理了5款产品经理和UI设计师们常用的设计工具:

原型设计工具:

  1. Axure

Axure是一款主流的老牌原型绘制工具,可以实现比较丰富的交互效果,但是,对萌新小白而言,使用Axure有一定的上手难度。因为网站上有众多“破解版”安装包,稍有不慎,萌新们就容易下载到各类垃圾软件;另外Axure需要全网搜寻并下载元件库,对小白而言,相对更难上手~

  1. 摹客RP

摹客RP是一款免费的快速原型工具,支持Web端及客户端两种形式。它预设了丰富的组件与图标资源(图标还分为了“粗”、“细”两种规格),所有组件和图标无需下载,直接拖拽到面板上就能开始搭建原型,对萌新小白们非常友好,能快速上手练习!

另外,它的交互功能也值得一提。除了常规的页面交互与组件交互外,它还支持多种触发方式,并能快速完成弹窗、滚动区、轮播图、锚点定位、循环旋转等精细动画效果。

 

UI设计工具:

  1. 摹客DT

摹客DT是一款专属于设计师的在线UI设计工具。为了快速呈现精美的样式效果,它在矢量设计方面下足了功夫。布尔运算、贝塞尔曲线等基础功能一应俱全,另外还包含了各类常用功能,比如路径合并、轮廓化、剪刀工具等。   

另外,摹客DT提供了多人实时编辑机制,毫秒级的数据传递,成员在画板中编辑,团队中其他成员都能即时同步,真正做到了“让在线协作享受无时差”的高效体验。

  1. Sketch

Sketch是一款非常出色的轻量级UI/UX 设计工具,但因其仅支持MacOS,对其余使用Win系统的用户有一定的局限性。Sketch一般用于界面设计、网页设计、矢量插图等,它可以搭载较为丰富的插件,因此设计师可以自由定制属于自己的Sketch。

       

  1. Figma

Figma是一款基于浏览器的UI设计工具,无需下载任何本地应用程序。Figma最大的产品特色在于能够实现在线协作,多人实时编辑、在线交付等,极大解放了设计生产力。但因为Figma在国内没有服务器,国内用户需要科学上网,并且在大文件加载和资产安全性上也有诸多槽点。

       

最后

好啦,读到这里,相信大家能彻底分清原型设计和UI设计的区别了吧~希望今天的分享能对大家有所帮助,最后祝愿大家早日成为一名优秀的产品经理orUI设计师~

当然啦,大家在学习的过程中有不清楚的问题,同样也可以私信小摹哟!

上一篇
Win10系统用不了sketch怎么办?四招解决!

mooncakest   01/12

2022年UI设计师必看的11个网站

mooncakest   12/22

下一篇
需要帮助?

摹客产品顾问为你服务

我是小摹,立即扫码加我吧!

帮助群:957920539

服务邮箱:service@jongde.com