UI的图标要做几套

如果是移动端APP设计，以750x1334为模板设计，只要出一套图，然后去切图适配iOS和Android，iOS需要切@2x和@3x两套图，安卓需要切720和1080两套图，通常由于@2x和720很接近，所以很多公司在安卓切图时都只要切1080的图。

UI设计

最近看到很多小伙伴不知道UI设计师到底是干什么的，那么我们来一起参与探索这个UI设计到底是做什么的？UI设计怎么做的？

一、UI设计是做什么的？

UI设计中文名简称：用户界面设计（这里的用户指的就是人；界面就是通过某种显示所表达出来的信息和你看见感知的信号。比如：我们常用的手机、电脑、电视机、包括现在的通话手表、银行里面的取款机、汽车的导航界面）等等都是UI设计。

二、现在大家基本上知道了UI设计是做什么的了，那么我们在来一起了解一下UI设计怎么做的？

1就目前的UI设计师平均技法这块基本是有以下5个软件。会了这5个基本UI设计技法没有多大问题了。不过也有少部分公司是只会这5个不够的。PS，AI主要是用来做界面，AE用来做动效，ARP用来做交互原型，DW用来做网页的。

2我们在学习UI设计的过程当中，需要学习到很多知识，比如软件 PS，AI，AE，ARP，DW这些都是一名UI设计必备掌握的一些软件基础

3而学习到这些软件，我们可以通过网站，视频、字纸书籍和电子书这些资料等多种方法了解提升和学习。

网站：我们可以通过站酷来学习，可以了解UI的作品是什么，除此之外还可以检测实力，我们认真观察可以提升审美。

电子书：一般用的比较少，需要大家也可以去淘宝店了解一下

纸质书：我给大家推荐几本，腾讯传、UI设计黄金法则、三大构成、配色设计由入门到精通、设计师要懂得心理学。

视频学习：通过视频学习这个是最有效的，但是视频去哪里找，什么样的视频才有效呢请往下看。

4工欲善其事必先利其器，从这个阶段开始，就得先学习软件工具了，一般UI设计要学习有以下4款软件（PS 、AI、 AE、 ARP ，DW）那么这几款软件在UI设计工作是负责什么的呢？

PS—UI界面世界设计-70%

AI-更多是UI图标设计—5%

AE-交互动效设计-5%

AXUER-交互原型图设计-10%

DW-简单网页制作-5%

三、PS CC 2019（最新版本）

PS可以在UI设计中，绘制界面设计，图标设计等。

ps有很多功能，在文字、图形、图像、视频、出版等各方面都有涉及Adobe家族的顶梁设计软件、想从事设计工作PS软件一定要精通，PS的强大，只有你想不到没有它做不出的图。

四、AI CC 2019（最新版本）

在UI设计中AI软件主要用来绘制图标，界面等设计。

AI是出版、多媒体和在线图像的工业标准矢量插画软件。 AI可以用来从事，平面设计，网页设计，UI设计等多种设计工作。

五、AE CC 2019（最新版本）

在UI设计中AE主要用制作交互动效图

AE可以用来从事影视后期， 平面设计，UI设计等多种设计工作。

四、APR 80(最新版)

在UI设计中ARP主要用制作交互原型图。

Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等。

五、DW CC 2019(最新版本)

DW软件在UI设计中主要用于制作简单的网页

这边所给大家介绍的全是最新版本的软件，因为学习UI设计不同于其它

设计，UI设计对于版本要求较高，建议使用最新版本学习及工作。

如果需要最新版UI设计软件可以大家多关注多提问多交流。

其他方面的在给大家一下经验，在我们UI设计软件里，软件的操作部门只占了30%的精力投入，这样是找不到工作的。

为什么这么说呢？因为我们更多设计到的是，比如： 色彩 、创意、审美、UE、竞品分析和交互逻辑。

除此之外我们还应具备一些非专业的能力，比如：人品、办公软件、演讲能力、沟通能力、有责任心、激情活跃，面试技巧、学习能力等其他的因素。

最后才是所谓的学历、年龄和经验，这也是一个考验的条件，但是想做好一名UI设计师更重要的还是自己做出来的作品，你的作品集基本上就决定了你可以成为一名怎么的UI设计师。

最后在送大家一句，这个世界没有绝对的创新，所有的创新都是微创新，所谓的灵感，就是将脑袋里的信息重新组合（原创于设计的终极奥秘）

好啦，今天有关UI设计 了解一下？就到此分享完毕，希望对大家有所帮助。

UI设计从工作内容上来说分为3个方向。图 它主要是由UI 研究的3个因素决定的， 其分别是研究工具，研究人与界面的关系，研究人。 研究界面----图形设计师Graphic UI designer 国内目前大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。 这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。 蓝色代表工具，红色代表关系，绿色代表人研究人与界面的关系---交互设计师，interaction designer 在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范（spec）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。 交互设计师一般都是软件工程师背景居多。 研究人----用户测试/研究工程师User experience engineer 任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。 用户研究工程师一般是心理学人文学背景比较合适。 综上所述UI设计师就是：软件图形设计师、交互设计师和用户研究工程师。

首先，UI和前端之间要有一个共同的目标的前提下沟通，如果目标不一致，或没有目标，那就没办法沟通。

一般在真正的代码开发进行之前，前端期望设计给的东西有：

11份jpg文件:里边有各个psd的动作分解图，包括页面逻辑，或交互分解。设计师放成这样的目的在于在做设计时方便的拷贝，但对开发人员来说，如果分级过于隐藏就会漏掉某个部分的开发。

21份psd文件:一份好的psd文件是分层清晰，设计规范的文件。

31份需求文档:需求文档是对当前开发功能的基础介绍或逻辑详细描述。

41份原型文档:原型设计文档一般是由产品经理对最初功能设想的一份粗稿，这份稿只是对布局或交互做简单的设计，需要经过设计进行艺术的加工之后，才成为一个可以呈现给用户的完整界面。

当然这些所有的结果，需要经过层层开会审核，征得各个项目组leader的同意之后通过邮件的方式发送给各个成员，最粗笨的办法就是放在局域网的共享地址可以去拿psd文件。

切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于制作成页面的。切图是指将设计稿切成便于制作成页面的，并完成html+css布局的静态页面。

通俗来讲，把一张设计图 利用到切片工具 把自己所需的切成一张张小图，然后用DIV+CSS完成静态页面书写，完成CSS布局。

切图大家都有个误区，觉得切图就是把切出来，其实并不完全是这样，把切出来这个过程是叫切片。

切图的目的：第一个是让网页稿有了交互性，实现你平时看到的各种各样的功能。第二个是体积，所以切图时候一定注意少用工具：主流是dreamweaver，也有公司自己开发平台进行制作的。采用div+css布局更能减小网页体积 是表现与内容分离。

能把所有设计稿里出现的图形元素按照基础要求切出来交给前端工程师。

对所有切图进行优化，有针对输出体积的优化、有利用 CSS Sprite 减少请求的优化、也有针对减少自己后期网站改版升级时候工作量的优化。这部分已经需要很多前段方面的知识了。要让切图也「语义化」必须得和前段配合得很好。

从超出「」的角度思考并且实现更高阶的效果，比如现在做网页经常需要考虑桌面和移动平台的不同分辨率，使用 Responsive 的布局的话切图应该怎么切，是不是需要切两套；遇到 iPad 或者 rMBP 的高清屏怎么处理网页中的以及背景；是否可以应用一些新的技术比如 Web Font、Font Icon、CSS 3 里的新特性来减少网页里的等等