什么是UI(用户界面)设计？要学习哪些软件？

一、什么是UI设计？

1.1 什么是UI设计？

    UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。

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

       "UI"的本义是用户界面，是英文User和interface的缩写，是指对软件人机交互、操作逻辑、界面美观的整体设计，我们日常生活中，只要是带有电子屏幕的设备，都需要有UI设计。

1.2 UI设计师是做什么的？

    UI设计师简称UID(User Interface Designer)，指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。

UI设计师的工作p要包括：移动应用界面设计、高级网页设计以及各类新兴的面向用户的场景下界面呈现设计。

当你点开手机里的一个App，看到的ICON、界面或者界面元素，所有这些视觉产物都出自UI设计师的妙手。当然，除了手机以外还有电脑、平板、电视、取款机、游戏机等，不太严谨地来说，只要有屏幕的地方就会用到UI设计。

1.3 经常提到的UX/UE是什么？

UX/UE（User Experience）是用户体验，指用户在使用产品的过程中的主观感受，包括行为、情感、成就等各个方面，用户体验主要受到用户界面、品牌、个人经验的综合影响。

可以说，优秀的UI设计师一定是同等注重界面美观和良好的用户体验的。

一个合格的UI设计师需要经常关注科技和审美的趋势，来调整自己的设计方向。等你也达到了一定的高度，便可以像大神一样独领风骚。

二、UI设计师的工作内容有哪些？

说了这么多，你是不是想了解下UI设计师的真实工作内容？

我们可以先来了解一下一款线上产品诞生需要经历的过程：

▍需求分析（产品经理）

▍交互原型设计（交互设计师）

▍界面设计（UI设计师）

▍切图注释交接开发（UI设计师）

▍修改→进入开发→测试→上线

根据上面的流程我们就可以>解，UI设计师的工作内容通常为以下4点：

▍根据需求对产品的整体美术风格、界面结构做出设计并制定规范

▍负>产品中界面、图标等相关元素的设计与制作；

▍积极与开发/交互/产品经理等成员沟通，推进设计的最终实现；

▍对页面进行维护和>化，使用户操作更趋于人性化。

当然，不同的公司对UI设计师工作内容的要求不同，以上只是常规的一种。

很多时候，UI设计师也需>对产品后续运营中的视觉设计需求负责，比如：制作banner，海报，活动页面，制作品牌设计、logo等。

综上，我们也可以发现，一个UI设计师需要具备的能力主要有以下5点：

▍设计软件技法

▍界面设计技能

▍多项设计技能-运营设计、品牌设计等

▍交互/用户/产品/商业等思维

▍团队协作沟通能力

想成为一个合格的UI<计师，并往更深层次发展，这5项能力缺一不可。

当然，也正是因为拥有了这些能力，UI设计师的就业范围和晋升渠道都很广，因为你的能力既可以胜任大多数视觉设计工作，又可以往产品经理PM、产品设计师PD<首席技术官CTO等方向发展。

二、UI设计需要学哪些软件？

软件，始终只是实现界面设计的工具，而不是我们学习UI设计的根本。你的审美眼界、思维方式、对业务流程、视觉美感的把控，才是需要核心学习的重点。

UI设计属于互联网行业，这是一个风云变化，迭代迅速的行业。从1987年Photoshop软件问世，到现在已经有33个年头了。

而我们所有使用的设计软件，也一直在追随设计内容，不断更新迭代。就像Web前端开发领域一样，总有新的技术框架（react.js、vue.js、小程序、flutter...）一直都在涌现一样。

如今，我们的基础设施升级了、团队协作更紧密了，一些支持组件化设计、插件库的UI设计软件，显然在这个时代会更有优势。

截止目前为止，除了以万能的PS为代表的设计软件，如今的UI设计软件市场上，是四分天下的局面，它们分别是：Sketch、Adobe XD、Photoshop、Figma。

我么来看一下这几款软件的，问世时间点。Photoshop诞生于1987年，那是个人PC兴起的时代。Sketch诞生于2010年。因为PS太过臃肿了，做UI设计用PS显得大材小用，Adobe XD在2016年被推出。

如今设计UI设计，团队协作的需求阜⒚飨裕現igma软件在UI设计领域开始展露头脚。这款软件跨平台MAC、Win电脑适用，无需下载，在浏览器中就可直接使用。

只需一个链接，即可实现文档共享。产品经理、甲方、前端工程师，可以直接在文档中缸ⅰ⑻嵋饧，重构提取样式信息，团队其它设计师也可以协作设计，快速整合项目。设计文档再也不需要用QQ传来传去了，云端始终保持最新状态。

这款软件的使用，也是非常简单的，在国外早已普及开来，目前国内已经有小团队在开始适用推广这款软件，我想在2020年，Figam将会成为UI设计的潮流软件。

我们再来看看这几款软件，对平台的支持、以及对功能模块。PS对插件、组件库的支持都不是很理想。

所以，在Mac平台，Sketch + Figma 是一个非常给力的互补组合。在Win平台，Figma + Adobe XD，是UI设计师可以首要考虑的软件组合。

我们再/看一下，这几款软件在不同UI设计环节上的使用占比情况。

对「界面设计」的友好支持程度。在做无需适配的网页、电视UI时，Photoshop依然很好用，移动端设计，则逊色于其他三款。

对「系统组件库」的支持。XD目前还不是很完善，不太稳定，而Photoshop倒下了。

对绘制「线框图」对支持，Photoshop已经再次倒下。

      以上，提及的4款软件，都是专为UI设计而生的软件，除此之外，身为UI设计师，我们要做的工作，可能远不止界面、线框图的绘制。还有插画、动效、动画之类的设计工作要做，所以为了更高效率的完成工作，我们还需一些专业的设计软件做辅助。

AE ——> 专业的动效软件，用作页面转场的UI动效，增强体验的UI动画设计等。

AI ——> 用作插画、品牌LOGO、字体、图形、海报排版设计。

Xmind ——> 用作产品核心需求整理、页面逻辑梳理、头脑风暴创意整理。

Princple ——> 能与Sketch完美配合的一款动效制作软件，支持Mac平台。

     UI设计软件千千万，但它始终只是实现界面设计的工具，而不是我们学习UI设计的根本。

      所谓，良禽择木而栖，良臣择主而事。优良的UI设计师，要学会挑选适合自己有条件获取到的UI设计软件。

      你在UI设计行业里，长期积累的专业审美、思维方式、对业务流程、视觉美感的把控，才是你与众不同的闪光点。

作者QQ及微信：49922779