正文

UI原型设计图

发布时间：2023-03-02 10:27:28 稿源：创意岭阅读： 797 问大家

大家好！今天让创意岭的小编来大家介绍下关于UI原型设计图的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

文章目录列表:

1、UI设计那些绘图软件有什么区别，为什么都要学？
2、UI设计是什么？
3、什么是UI设计？
4、UI设计总共需要用到哪些软件？

UI原型设计图

一、UI设计那些绘图软件有什么区别，为什么都要学？

学习UI设计，软件只是UI设计的第一阶段，新手或者零基础的小伙伴可以从软件入手，到后面的设计理论，规范，交互这些设计思维学起。

学习UI设计，首先要明白UI设计师需要做的工作，大致介绍就是界面、图标、动效、交互、切图、标注等，这些内容都需要用到不同的软件。

在这里主要列举UI设计常用的四款软件：PS，AI，AE、ARP、XD、另外还有一些辅助软件偶尔也会用到

Adobe Photoshop

Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。 Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。PS可以用来从事，平面设计，网页设计，UI设计等多种设计工作。在UI设计中PS的使用率在90%以上，所以作为一个合格的UI设计师。PS是肯定得掌握的。PS可以在UI设计中，绘制界面设计，图标设计等

Adobe illustrator

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

Adobe After Effects

Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件，适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。在UI设计中主要主要是用来做动效设计，交互效果，

Axure RP

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

Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等，另外，架构师、程序开发工程师也在使用Axure。

在UI设计中主要起的作用主要是用来做交互原型图

Sketch

这里重点介绍一下Sketch，它是个很好的界面设计工具，很方便，完全就是为扁平化界面而生的。这在做做流行的扁平化界面设计方面确实方便，比ps效率会高，现在很多UI设计师都喜欢用，但是我们做设计，肯定会接触到各种东西，你可能要画个拟物图标，做个宣传海报，做个网站bannr，做个酷炫的字体效果，那就还是得乖乖打开ps，在图像处理方面目前地球上没有什么软件能超过ps，还有一点，目前Sketch只有mac版，如果公司没有给你配苹果电脑的话就还是安静的用Adobe公司的PS和XD吧，能做好东西就行，不要太纠结一定要用哪个工具。

Experience Design CC

Adobe XD官方版全称Adobe Experience Design CC，是Adobe旗下专业的交互原型设计工具。Adobe XD官方版跨平台支持Win10 与 macOS，并且所有用户均可免费下载使用。Adobe XD CC 2018可快速进行APP设计、网站设计，UX/UI 产品设计，是设计师、产品经理和开发者们必备的设计工具

Adobe Dreamweaver

简称“DW”，中文名称 "梦想编织者"，最初为美国MACROMEDIA公司开发，2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

Cinema 4D

UI设计师的附加软件，最近几年非常流行的建模软件，建模渲染效果特别好！因而，成为了设计创意工作者的效率生产工具。现在，无论是影视后期、还是工业设计、或平面设计行业，C4D软件都得到了广泛的运用。用来做一些平面软件达不到的3D效果，视觉效果，能做很多的概念设计，这个软件，能让你的设计表现力更丰富更有趣。

Mindjet MindManager简称思维导图

MindManager，中文商标译作C，俗称“脑图”，又叫“心智图”，是一款创造、管理和交流思想的通用标准的绘图软件，由美国Mindjet公司开发，界面可视化，有着直观、友好的用户界面和丰富的功能。在UI设计中主要用来整理交互逻辑思维层。

蓝湖

蓝湖，产品设计协作平台＆原型制作工具。中文版、全免费，支持Mac、Web、iOS。支持从Sketch一键分享、在线讨论、自动为设计图生成标注，而且只需简单几步就能将设计图变成一个可以点击的演示原型，支持分享给同事，让他也可以在手机中查看设计效果。蓝湖已经成为新一代产品设计的工作方式。

墨刀

一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理

二、UI设计是什么？

UI即User Interface直译过来是用户界面的意思，这个翻译本身就有问题，正确的理解是用户与界面，简单来说就是人机交互时机器听不懂我们的语言，需要一个翻译的媒介这个媒介就是UI。

狭义的UI设计指的就是UI界面视觉设计，广义的UI设计它包含三部分内容，GUI图形视觉设计、UX交互设计、UE用户体验设计，这么讲对小白用户可能不好理解，通俗一点举一个例子，GUI图形视觉设计好比一个美女的外貌好看不好看，好看的外貌可以吸引用户和你主动交流，UX交互设计就是软件的信息架构合理不合理，好比美女的身材好不好，比例些不协调；UE用户体验就是软件好不好用，好比美女脾气好不好相处，一个好的UI设计不仅使软件个性化、品味化，而且使软件的操作舒适、简单、自由，充分体现了软件的定位和特点。

从层级关系来讲我们可以划分为5个层级，战略层、范围层、结构层、框架层、表现层，未来UI设计师不仅仅只是画图，更应该懂产品、懂用户、懂交互设计。

UI原型设计图

三、什么是UI设计？

UI设计英文叫User Interface翻译成中文意思就是（用户界面）。UI设计是指对软件的人机交互，操作逻辑，界面美观的整体设计。

说到这个界面设计，其实非常好理解，因为我们每天都在使用。我们手机里面的APP软件，QQ和微信的界面图标设计都属于UI设计师的工作内容

移动端互联网时代，每位同学都有一部智能手机，手机里面看APP界面图标，我们可以称为用户界面，也就是我说的UI设计。简单的来说，UI设计师就是负责设计这些在电子屏幕上显示的产品，（包括游戏UI，网页端，手机，以及目前比较火的VR,AR，其他设备端等）

比如微信界面、里面的图标文字图片整个操作点击都属于UI设计师要设计的范畴。所以UI设计一直存在于我们的生活！

UI设计起源于美国硅谷，UI设计是2012年由硅谷传入中国，UI设计随着互联网行业的兴起和智能手机的普及而火的一发不可收拾。

UI设计是最近几年在国内火起来的，目前UI设计师的平均薪资是国内设计界薪资最高的行业，在北上广深杭这些一线城市UI设计师的平均薪资1万以上。从薪资不难看出UI设计这个行业目前在国内真的很火。

UI设计师需要做的工作有，APP界面图标设计，视觉设计，运营插画设计，交互动效设计，原型图设计，平面设计，小程序设计等。

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

UI设计按行业一般分为4种行业

分别是移动端UI设计，PC端UI设计，游戏端UI设计，以及其它端UI设计。

第一种：移动端UI设计

那么什么叫移动端UI设计呢，移动端UI设计就是手机平板上的APP设计，比如微信聊天界面，QQ聊天界面，手机桌面，手机上看到的所有图标界面点了后会有反应的我们都可以理解成移动端UI设计。

那么我们来讲解一下移动端UI设计师的工作内容有哪些？移动端UI设计师的工作就是我们的APP界面图标文字按钮等，这一块就是我们移动端UI设计师要做的工作，要做好这份工作的话我们需要学习的东西有很多，比如说要懂理论，要懂用什么颜色，要用什么字体，要用什么版试这些都是需要学习的，看似简单的一个设计往往来说难度性都挺高的，并没有看上去那么简单。不然现在的UI设计师的工资也不会这么高了。

第二种：PC端UI设计

PC端UI设计就是我们电脑上的软件和网页按钮，比如电脑版的QQ，微信，电脑管家和网页的一些按钮图标等都属于PC端UI设计。

其实移动端UI设计和PC端UI设计是差不多的，只不过平台不一样。PC端的载休是电脑，移动端的载体是手机。

第三种游戏UI设计

那么什么是游戏端UI设计咧？比如王者荣耀，英雄联盟和一些其它游戏中的登录界面、都是属于游戏端UI设计。

目前游戏端UI设计在近几年发展并以前没有那么好了，主要是因为现在腾讯网易这些大公司已经把游戏的市场站领了，其它的都是一些小公司，所以这个行业发展没有之前那么好了。而且游戏UI对美术基础要求也比较高。

这就是类似游戏的界面，这里面的按钮就是游戏UI设计师用手绘板画出来的，做这个工作的话必需要有美术基础，大公司还要求科班出身，所以这个工作也是比较累的，所以我建议大家做UI工作的话可以选择移动端UI设计，因为目前移动端UI设计比较火。

第四种：其它UI设计

最后一种就是其它端UI设计，像VR界面、AR界面、银行取款机界面、这些都属于其它端UI设计，其它端UI设计用户较少，但又需要，未来有可能很火，有可能保持现状。

四、UI设计总共需要用到哪些软件？

1、PS，Adobe Photoshop，是由Adobe Systems开发和发行的图像处理软件。相信不是设计行业的小伙伴也对它久仰大名，更是设计专业人员必须掌握的设计工具。 Photoshop主要处理以像素所构成的数字图像，其重点在于对图像的加工处理。

2、AI, Adobe illustrator，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。它的功能强大，用户界面体贴，是大多数设计师选择矢量编辑软件的不二选择。