广州的天空下17 2022-07-22 05:29 优艾设计网_PS问答 最后半天心不在焉拖拖拽拽把各个部分都搭建好了,可是做出来的页面惨不忍睹,自己都没勇气打开。晚上回家后和邻居又讨论了三个小时,最后熬夜把原型图完成。虽然最后原型图也没有被采纳,但是这次原型图居然受到了表扬,领导说我的原型图有了提升。今天就写下这篇文章,为这段时间的工作做一个总结。原型设计前:①
yeyu86341 2022-07-22 05:40 优艾设计网_PS论坛
一、主体不同
1、UI:是指对软件的人机交互、操作逻辑、界面美观的整体设计。
2、原型图:是交互设计师与PD、PM、网站开发工程师沟通的最好工具。
二、定位不同
1、UI:好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。
2、原型图:设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导致该产品的可用性。
三、作用不同
1、UI:在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。 用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
2、原型图:系统分析员,用来了解用户界面如何影响系统分析;设计员,用来了解用户界面如何施加影响及它对系统“内部”的要求。
绝代haydey 2022-07-22 05:42 上面的回答已经把大部分原型工具列出来啦,那我就根据我自己的经验推荐。个人用过 Axure、Mockplus、sketch。Axure是刚入门的时候学的,功能比较强大,做中低保真完全没问题,不过学习难度也是真的大,现在已经入门好几年了,还是有很多功能没吃透。Mockplus是我们团队在用的,基础功能免费,几乎没有学习门槛,如果想要练手,我比较推荐这个工具。Mockplus的功能也比较多,有许多预设组件和图标,支持多人协作,演示也很方便,分享链接或二维码,在电脑端、手机端都能查看,如果担心不安全,也可以重置链接。Sketch也是一款免费工具,上手相对来说比较简单,原型图相关的功能没有Axure和Mockplus那么丰富,更适合做高保真设计。另外Sketch只能在优艾设计网_设计圈Mac使用。以上是我个人的经验,仅供参考~
情绪失控 优艾设计网_电脑技术 2022-07-22 05:43 这是原型图吧,产品画的,一般用Axure
果冻欣 2022-07-22 05:44 优艾设计网_设计圈 Axure RP吧
360U2579147582 2022-07-22 05:48 优艾设计网_电脑技术 可以用一个叫htmlcompiler的工具画出来
精彩评论