想学UI设计？先搞懂UI设计是什么，工作内容有哪些

不少最近想学UI设计的同学，在后台咨询了一些问题，他们想学UI设计，却似乎反倒不清楚UI设计究竟是什么。这些同学对UI这个行业的了解，仅局限于一些朋友所说内容、网上查到的资料，以及部分培训机构老师讲述的门槛低、易入门、工资高、好就业等情况，然而对于UI到底是怎样的，做这个行业的工作内容究竟是什么，他们依旧比较迷茫。接下来，我们一同看看什么是UI设计？

一、UI设计是什么？

专门进行的涉及软件人机交互这点，还有操作逻辑上的构建，以及界面美观的全面设计构成了UI设计，UI设计存在分成实体UI与虚拟UI这两种类型，在互联网领域常常所使用的UI设计属于虚拟UI，UI是User Interface也就是用户界面的简略称呼标记 。

通过显示器呈现出来的界面，其中涵盖但不限于手机界面，电脑界面，智能手表界面，银行的取号机界面，机场的航班显示板等等，只要是借助显示器呈现出的界面，无论带交互与否，均可理解为是UI界面，而设计UI界面这项工作称作UI设计，从事UI设计工作的岗位被叫做UI设计师。

二、UI的分类？

1、移动端（GUI）

在移动端之中，多指的是手机端的有关UI设计，其又被称作GUI设计，这是当前较为常见的UI，同时还是大部分UI设计里的主要工作内容。

移动端的UI，大概有这三大类别，分别是手机源生UI界面， APP的UI界面，还有小程序的UI界面！

手机原生操作系统，像苹果手机厂商的手机界面，然后是华为手机厂商的那类手机界面，还有小米的手机厂商所拥有的手机界面 。

针对手机所安装的诸般APP，像京东、淘宝、微信等全部于我们手机安设的APP而言，APP UI界面是其中大部分UI设计的主要工作内容 。

平常所做具有内置在微信或者支付宝等第三方平台特点的小程序的UI界面工作，近些年来因小程序有着开发成本低以及推广便捷这类优势，已然成为被大部分公司所喜爱的一种项目承载方式，于是我们日常开展的有关小程序的工作渐渐增多，其设计方式与APP UI的方式是相同的。

2、PC端

电脑端也就是我们所讲的PC端，虽说因智能手机兴起致使大家对电脑的依赖程度降低，然而大部分公司仍旧会存在不少PC端UI设计方面的需求，如今常见的便是企业官网以及B端后台的UI设计。

可大致分为三大类，其中包括PC源生UI界面，还有客户端UI界面，以及网页端UI界面，这便是PC端UI ，存在于众多PC设备当中 。

个人计算机原生用户界面，像苹果公司所生产及应用的电脑原生用户界面，像微软公司开发的视窗操作系统的电脑原生用户界面 。

端的软件界面，是指在电脑上所安装的软件的界面，像飞书、英雄联盟端游、PS、AI等进行操作的软件，以及一些公司的后台等，简单来讲，那些需要安装之后才能够使用的软件被统称为客户端，而这些软件的界面就被统一称作客户端UI 。

借助浏览器，经由输入网址这种方式，得以打开的网页归属为网页端UI，像属于门户型网站范畴的企业官网，站酷，花瓣这类网站等 。

在这里讲，移动端与PC端存在共通之处；移动端有其原生系统UI，PC端同样有原生系统UI，移动端的APP UI属于需安装在移动端设备上的软件，PC端的客户端UI是要安装于PC端设备的软件，移动端的小程序是内置到第三方的，像微信、支付宝等第三方APP，PC端网页是内置到浏览器内的 。

3、其他UI界面

除了常见的移动端UI，以及PC端UI以外，还有一些别的UI，像穿戴设备例如智能手表，一些硬件产品比如银行的取号机，航班展示板等，都在UI界面的范畴内，不过就目前而言，移动端UI和PC端UI算是主流的 。

三、UI界面的构成

通常来讲，一个UI界面是由三部分构成的，分别是配色，排版以及图标。当然啦，这只是我个人的理解而已，说不定是错的呢。后面的内容会照着现在UI设计师经常做的工作来举例，也就是APP UI界面的设计 。

1、配色

任何APP或者网页之类的UI界面都会有其自身的主色，并且存在相应的颜色搭配，这应该挺好理解的。通常我们对于某个软件的潜在印象便是它的主色，像微信是绿色，京东是红色，淘宝是橙色等等。当我们在设计UI界面之际呢，都会预先断定好该UI界面或者该APP的主色，还有相应的辅助色、点缀色等，这正是该APP项目的整体配色 。得学习部分理论知识，进行大量配色练习，才能知道怎样去给不同类型项目制定相应主色，还得依据主色以及想表达的视觉感受去搭配相应辅助与点缀色。

2、排版

对一个UI界面来讲，我认为重要的或许就是排版了，一个界面是否好看常常是由排版所决定的。并且排版不只是对UI至关重要，对于平面设计、美工、线下印刷而言同样极其重要。尤其是对平面而言，像一些书籍或者企业画册，是不存在多余配色的，整本书或者企业画册全都是依靠少部分的图片以及大部分的文字进行排版来达成，因而扎实的排版功底就显得格外重要。

于UI界面内，所存在的排版类别包含文字跟文字予以搭配、文字同图标进行搭配、文字与图片开展搭配这样的情况，要是依旧怀有觉得不太好就排版到底是什么予以理解这样的困惑，能够采取简单粗暴方式去理解成为文字和文字、文字和图标、文字和图片，放置于一处怎样摆放才会呈现出好看的效果，这便被称作排版了。

《写给大家看的设计书》这本书里，会对排版的四个基本准则，也就是对齐、对比、亲密性、重复，展开极为详尽的阐释，基本上一旦大家将这四项基本理念完全掌握，那么排版方面便不会出现太大的差错了。

3、图标

在UI界面里，图标所占比重并非不大，通常来讲，我们对于界面风格的展现，皆是通过图标风格来予以呈现的。鉴于在我们实际开展工作过程中所设计的UI，并非会如同大家在网络上所见到的那般极具炫酷感，整个界面的配色排版并非皆带有强烈的视觉冲击力，相反常常是较为朴素的，所以图标便成为了朴素UI界面当中的一个显著亮点以及风格体现之处。

四、UI设计师的工作

首先，竞品分析时，UI从产品经理处获取原型图，之后，借助各种途径，尽可能多地，先着手找一些同类型产品，进行比较，再予以参考，以此做到心中对于该项目，有明确的认知，还有规划。

2、针对界面设计，依据该项目的类型，考量用户群体，结合核心价值观体现等情况作为依据，经过分析之后展开选择这一行为动作行为，从而挑选出契合项目所要求的设计风格以及配色来 。

3、规范确立：设定UI设计规范，绘制对应的UI设计稿，完成之后与相关人员开展视觉稿评审 。

4、对接开展开发工作：在评审获得通过之后，把切图、标注等交付给予开发方面，由开发去进行整个项目的研发工作 。

在开发完成了项目的基本研发工作之后，要开展对开发产出的UI走查工作，以此尽可能确保开发人员能够对UI设计稿进行高度还原，这是第5条 。

6、辅助上线：开发所产生的成果被予以通过过后，辅助开发去达成项目的上线事宜，在这个阶段有可能需要供给APP的启动LOGO，供给启动页，供给引导页等 。

五、一张UI稿经历的阶段

一、原型图，也就是低保真图，由产品经理进行产出，其作用在于确定界面的大致功能以及简单的布局 。

2、UI视觉稿（高保真图）：这是UI设计所产生的内容，是完整的设计稿件，其中涵盖了项目里的配色，还有排版，以及图标绘制，再有交互状态等等 。

3、研发稿：开发对UI视觉稿的代码还原，可运行的完整项目

4、上线版：最后呈现给用户使用的效果

像上述所讲的，便是有关什么是UI设计这个事情的详尽内容了，身为一名UI设计师，务必要具备能够顺应市场需求的能力，得紧紧跟随行业时代技术的的步伐，还需要持续不断地去学习，以此满足市场针对UI设计师所提出的要求，进而提升自身在市场当中的竞争力！

继续浏览有关 UI设计界面设计 的文章