网页ui原型设计

1、ui设计饿了么的原型图

UI设计源于对其产品名称和产品理念的创意，UI设计的三大具体分类——图形设计、交互设计和用户测试/研究的工作职能——分别对应的是美术设计的专业知识，软件工程师背景和相应的编程能力，以及社会学心理学等人文学科储备。当然，实际工作中，这几种职能也不是截然分开的。而今，这一涵盖诸多领域的职位，也越来越要求从业人员同时具备跨学科、综合性的理论素养和实际操作能力。
在工作能力和实践经验上，一是要求从业人员精通Photoshop、Illustrator、Flash等图形软件，Html、Dreamweaver等网页制作工具，能够独立完成静态网页设计工作；熟练操作常用办公软件，且具备其他软件应用能力；熟悉Html，CSS，Javascript，Ajax。二是要求对通用类软件或互联网应用产品的人机交互有自己的理解和认识。三是具备良好的审美能力、深厚的美术功底，有较强的平面设计和网页设计能力。四是具有敏锐的用户体验观察力，富有创新精神。

2、做UI设计用什么软件最好

推荐8款原型设计工具：

1. Axure PR

难度：★★★★

公司旗舰产品，是一款专业的原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
这是一款非常专业的工具, 但是学习成本也非常高。如果你是一位专业的交互设计师，并且需要设计复杂是交互，你可以使用这款工具。

2. Mockplus

Mockplus(摩客) 是一款简洁高效的原型图设计工具，有别于Axure的繁复，Mockplus致力于快速创建原型。无论你是产品小白，
还是大牛，摩客都能满足你的需求。摩客的设计理念就是关注设计，而非工具。如果你时间有限，那你不能错过摩客，因为几乎不需要学习，
你就可以上手这款工具。摩客提供了丰富的组件库和图标库，创建原型，你只需拖一拖。摩客发布2.1新版之后，交互也成为其一大亮点，她将交互设计可视化，只需要拖一拖鼠标，即可完成交互的设计，所见所得，没有复杂的参数，更无需编程。封装好的一些系列交互组件，比如弹出面板、抽屉、内容面板等，让设计交互几乎可以全程“无脑”操作。演示也很简单，直接二位码扫描即可，同时支持发布到云和导出演示包。

3. Balsamiq Mockups

Balsamiq Mockups是一款快速创建原型的工具。这款原型工具具有独特的手绘风格。软件的内置组件，
拖拽功能的支持为设计带来了便利。该工具有桌面版本， 同时也可以作为Google Drive, Confluence 和 JIRA的插件使用。

4. Justinmind

JustinMind
是由西班牙JustinMind公司出品的原型制作工具，主要致力于高保真原型。它提供的功能有绘图工具，拖放位置,大小,格式和导出/导入的小部件。你还可以自定义小组件，创建自定义组件库，并进行分类，
提供丰富的动画支持。如果你要创建复杂的高保真原型， 可以尝试这款工具。缺点就是需要一定的学习成本，程序启动也比较慢。

5. InVision

InVision 是一款设计原型交互的工具。使用InVision可以很好的实现团队之间的协作，
也便于收集反馈意见。它可以让你将静态的网页，移动app设计图快速的变成可以点击， 具有交互效果的动态原型。让你的设计“活”起来。

6. UX Pin

UXPin
是一款在线原型设计工具。你可以通过拖拽的方式快速创建原型，无需敲一行代码。通过UXpin，你可以创建高保真原型，同时也支持从Sketch和Photoshop导入你的设计。

7. OmniGraffle

OmniGraffle 是由来自美国的The Omni Group制作的一款原型设计工具，这款工具只针对苹果用户，有OS X版和iOS
版。它曾获得2002年的苹果设计奖。可以使用它快速绘制线框图、图表、流程图等。用Origami创建iPhone和iPad原型是比较好的选择。

8. Flinto

Flinto
可以让你快速的为web、移动app设计交互。通过拖拽，可以快速的为你的设计图设置跳转和动画。Flinto提供了常用的转场效果。如果你需要设计iOS
app的交互演示效果，Flinto是不错的选择。

总结：

市场上的原型设计工具各色各样，很难定义谁是最好的。这还主要取决于你的个人喜好和设计需求。如果你正在寻找一款简单易用，又实惠的原型设计工具，个人认为Mockplus是很理想的选择，不像Axure、Justinmind那样繁复，也比Balsamiq功能强大。这是国内第一款原型设计工具，服务和支持也做得很好。

3、ui设计需要什么软件？

ui设计需要用到的软件很多，现列举一些ui设计常用的软件如下：

Photoshop、Adobe illustrator、Adobe After Effects、Axure RP、sketch。

（1）Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

（2）Adobe illustrator，常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。作为一款非常好的矢量图形处理工具，该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。

（3）Adobe After Effects软件可以帮助您高效且精确地创建无数种引人注目的动态图形和震撼人心的视觉效果。利用与其他Adobe软件无与伦比的紧密集成和高度灵活的2D和3D合成，以及数百种预设的效果和动画，为您的电影、视频、DVD和Macromedia Flash作品增添令人耳目一新的效果。

（4）Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

（5）Sketch，即Sketch-A-Etch，是一款素描绘画类的软件，玩家需要旋转左右两个旋钮来控制面板上的画笔描绘出你想要的图像，并且可以给它们上色。

4、比较好的游戏功能、UI原型设计工具有哪些？

没有最好的产品，只有最适合的工具，个人使用习惯和喜好不同对产品原型工具评价版也会有所偏差。现权在主流的原型界面设计软件基本就那几款吧，比如Framer、Shireframe、v-proto，前几款对技术和入门还是有要求的，后者是国产，更符合国人使用习惯，而且零基础的人也能很好的使用。

5、UI设计需要学习用到哪些软件

photoshop、AI、AE、Axure、Fireworks、CorelDRAW、Flash
目前在中国大部分从事UI设计的工作者，也有人称之为美工
可是事实上这并不是单方面的美术工人
而是软件产品的产品外观的设计者
现在学习UI设计的人很不其中以大学生或是白领为主，如果找个靠谱点的UI培训机构（全程面授），学习起来很好入门。

6、ui设计要会Axure RP么 ？？ 网页设计涉及原形设计么

不需要，但是会的话加分
UI即User Interface（用户界面）的简称。泛指用户的操作界面，包含移动APP，网页，智能穿戴设备等。UI设计主要指界面的样式，美观程度。而使用上，对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。

7、高保真原型和UI设计图有什么区别

有点像建筑师的效果图跟实际照片的区别。

8、Ui原型设计工具有哪些呢？

1、墨刀：超快的移动应用原型工具
2、omnigraffle：os x专用
3、App Cooker：ipad上的原型设计工具
4、乎之原型：原型快速设计
5、Easel：让不会代码和用户界面设计的创业者快速制作产品原型页面
6、Prott：非常出色的原型设计工具
7、Protoshop：10分钟由平面设计稿打造出可在移动设备上运行的Native App原型
8、摩客：简洁高效的原型图设计工具
想要学习可以到AAA教育了解一下

9、企业软件开发中低保真原型和UI设计规格有什么不同

实际很多交互设计工程师在给研发人员时，只有低保真原型，所以很多人还不知道产品的UI设计规格有什么作用。我们下来仔细分析一下：
低保真原型是模拟产品特定功能和界面的设计作品，并非实际的最终产品。低保真原型往往主要是线框图或草图等实现的，在企业软件中往往体现的是一个或多个场景任务下的界面设计内容。当然很多也有采用ppt或其他工具实现的。有的工具看起来视觉效果很好，似乎和真实界面一样，但不能交互。开发人员由于觉得也足够了，一般也会认为低保真原型就够了，不用再交付更多的文件说明了。
UI设计规格实际上是为了更好的交付给软件开发实现人员而给出的产品设计规范类文档，主要明确了产品在实现人机交互时应当必须满足的设计点，文档内容可以分成这几部分：
概要。主要说明本规格主要包含哪些内容，以及低保真原型和本UI规格的关系。如后面的关系说明就可以明确并清晰地写“xx低保真原型所体现的界面设计和明显的交互关系不在此规格内重复说明”。
系统交互框架：主要说明软件界面的框架组成和界面内典型的各个模块说明、关系的说明。同时，建议说明设计此框架所适用的用户和业务场景任务及页面之间的关系，使开发人员对设计的背景、人机交互的框架有一个基本的了解，而且可以找到自己业务相关的关键场景任务信息。
设计要素：主要说明对屏幕分辨率、文本的字体及大小、排版的样式和颜色、标点符号和编码等视觉所能看到的设计要素、后面实现需要满足的视觉对象规格的一个清晰的说明。
交互设计：一般至少需要说明键盘交互和鼠标交互的设计要求，因为计算机的输入基本是这两类。但也有新的交互技术应用如语音、动作输入等，这些如果在业务使用中体验非常关键，也需要给予明确说明。同时，在界面操作中，浏览类的视图控件如菜单、Tab、树类视图、表格和隐藏区等，编辑类控件如按钮、文本框、下拉列表、列表框、单选框、复选框和弹出窗口等，这类控件的操作有时在低保真原型很难表达清晰，可以在UI规格中给予清晰的说明。例如按钮，至少可以有三种状态：无效、有效和被点击状态，如果体验要求高，状态可能更多，如鼠标悬浮在按钮上也特殊设计成不同的颜色或质感状态，使用户明确可以点击按钮。在Web界面上，链接就是一类很特殊的按钮，其状态可以多达5种以上。在线帮助的交互要求也可以写，不过这部分往往由于和信息架构、资料开发相关，往往会单独放在资料的设计要求中。
最后还建议附上在产品设计中所依赖的设计原则，使开发人员了解到相关的设计哲学思想，同时培养开发人员尽量掌握更高的体验设计技能，在基本设计原则上要求开发人员也应当能够遵守。
那好，如果没有设计规格，只有原型是否可以呢？实际现在是很多产品都不重视UI设计规格，包括交互设计人员也觉得写这个文档要化很多时间，平常很多问题都已经沟通了，没有动力写。结果呢，好一点的产品，开发人员感觉好一点，代码复用多一些，有时能够将风格不一致的现象减少很多。但由于缺乏规范规格的约束，开发人员很多由于开发时间和效率的问题不会有这么多的考虑和交流，最后实现的产品界面存在很多小问题。只不过企业用户，忍受能力比较强，毕竟是为了工作，不会在意那些小问题，任务一定要完成啊。
但实际从工作效率来看，成功完成项目，有过高质量交付的工程师，可以理解这个文档可以起到很多提升效率的作用。比如同样的设计问题，如果一个人问了，或UE问了跟踪了就解决了，用文档的意义就没有了。但在企业中，产品往往开发人员很多，有上百甚至上千个页面需要开发完成，这时很多问题重复率很高，这些问题在文档中写清楚使开发人员准确理解比每次重复答复要有效、高效得多。而且文档写出来，往往其语义和语法要比口语严格得多，可以防止口头传递的信息质量衰减。俗话说"好脑瓜不如烂笔头"，很多时候人们口头交流会很高效，但会忽略很多因素，例如默认的设计风格和图标，但每个开发人员往往由于自身经验理解又不一样。所以即使对于很多聪明的人来说，形成一些好的想法、通过口述把这样的好想法表达出来都不难。但是，对于一个比较复杂的软件，几十人合作开发的人，即使通过口头传递也很难去检查想法中存在的各种各样的漏洞和需要解决的问题。
但是如果把规格写下来就不同了。大家可以一遍又一遍地审视文档，一遍又一遍地补充和完善表达中存在的不完善和不严谨的地方。文档可以在任何时候拿来慢慢思考、理解和优化，无论对自己还是开发人员，大型团队的沟通绝对需要这些关键的文档，否则会出很多问题。
另外文档写出来，可以以后有新的UE或其他工程师在新产品开发版本或老版本上优化时，进行更好的优化，比重新理解系统，重新整理规格的难度要小得多。而且企业如果不重视框架文档的说明，很可能到了后面来一个新人就会上一个新框架，因为人们总是喜欢做自己擅长的、能够理解的事情。而且企业往往存在人员流动和流失的问题，夸张的企业可能过几年虽说研发部门还存在，但可能的感觉是物是人非吧。对于这样的生存环境，企业产品研发中没有相应地设计文档传递，企业的设计风格会非常混乱。企业形象也会受损。
同时，在复杂产品中，往往企业本身产品开发出基线版本后，还需要根据现场环境进行定制开发。这时，如果没有UI规格文档指导，很可能设计的其他页面和原有页面差异很大，而且用户会觉得很不习惯。为了保证好的定制产品开发体验，企业还可以将UI规格相应改动为体验设计指导书，指导本地或合作外包或其他研发企业尽可能使用自己的提供的组件和一致的风格，保证企业品牌形象的传递和延伸。在这点上，我非常佩服苹果公司的体验指南和实践，具体和原则都写得很到位，而且在app审核中如果没有按照规范要求使用相应的图标就不会给予通过。
当然，在实际企业软件开发中，很多软件不一定是需要考虑这么多，更多要考虑效率，先开发出来满足客户需求，争取机会让内外部客户认可先活下来，这样没有必要一定要按照上面的要求输出很僵化的文档，可以在相应原型或视觉效果图中标注清晰也是一个好方法。只要将必要的UI设计要素给需要的研发人员说明清楚了，后面若需要组织起来还是很容易的一件事。
软件积累很深的企业还可以通过高保真原型和组件化降低产品UI设计规格的复杂度，因为直接将高保真原型和组件列在文档的相应说明中，开发人员会直接下载或拷贝相关代码，这样编程中很多需要组件内部实现的交互就不用重新编程了，开发人员也可以通过继承样例代码快速实现高质量的界面交互。不过，这个需要产品或企业先做好平台积累或高保真原型和组件，开发或体验管理者需要有远见和良好的合作共享精神。
所以这个道理一定要和产品说清楚，使产品业务开发人员真正理解和配合UI设计规格的写作，做好产品的设计实现。否则，有些开发人员只看到了低保真原型，但还是不清楚交互设计人员或可用性工程师的作用，就会说交互设计不就是个画破图的吗？然后我们不解释不好，解释呢，有点被动，例如：交互设计师不仅仅是个画破图的（交互设计的输出不仅仅是线框图和单页面设计图），他的交付还可以包括视觉要素设计、特殊交互说明、高保真原型、用户情景（user scenario）、准则（style guide）等等。这样解释感觉真是有点损己利人。
如果你或产品有这个文档，那些只看到原型没有去看UI设计规格的人再说交互设计不就是个画破图的吗？你就可以说，不会啊，我们还会输出UI设计规格，为什么呢？按照我上面写的解释一下就可以了。如果他说，我怎么没有看到这个规格，你就说：“是你太烂好不好，放在那里都看不到！”。

10、怎样用WireframeSketcher创建安卓UI原型设计

打开WireframeSketcher工具，在左侧Project Explorer中单击鼠标右键，弹出菜单。

选择new-》Wireframe Project，弹出创建窗口。

在Mobile下找到Android，选内中。

输入项目名容称，然后点击Finish即可。如果选择next，则选择引用项目。如果不引用，直接点finish即可。

此时项目创建成果，可以看到默认生成的页面，有一个手机屏幕，在此基础上可进行原型设计即可。

希望可以有帮到你 望采纳 谢谢