网页原型图是谁画的啊？？

广州的天空下17 2022-07-22 05:29

开发者_JAVA技巧 最后半天心不在焉拖拖拽拽把各个部分都搭建好了，可是做出来的页面惨不忍睹，自己都没勇气打开。晚上回家后和邻居又讨论了三个小时，最后熬夜把原型图完成。虽然最后原型图也没有被采纳，但是这次原型图居然受到了表扬，领导说我的原型图有了提升。今天就写下这篇文章，为这段时间的工作做一个总结。原型设计前：①

---

yeyu86341 2022-07-22 05:40

开发者_如何转开发

一、主体不同

1、UI：是指对软件的人机交互、操作逻辑、界面美观的整体设计。

2、原型图：是交互设计师与PD、PM、网站开发工程师沟通的最好工具。

二、定位不同

1、UI：好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

2、原型图：设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导致该产品的可用性。

三、作用不同

1、UI：在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。 用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

2、原型图：系统分析员，用来了解用户界面如何影响系统分析；设计员，用来了解用户界面如何施加影响及它对系统“内部”的要求。

---

绝代haydey 开发者_如何学JAVA 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 开发者_StackOverflow 2022-07-22 05:48

可以用一个叫htmlcompiler的工具画出来

---