UI设计培训机构

随着数字互联网技术的发展，UI设计已成为近年来互联网就业的热门话题。 但受欢迎程度并不意味着很多学生都知道这一点。 通常，国外大学没有单独的UI设计专业，这将包含在交互设计中。

另外，由于UI经常与UX，交互，数媒这些理念混杂在一起，因此要想跨入UI设计大门，需要经过以下3步：

学习UI的步，就是得搞清楚概念;

其次从审美意识和软件开始技能;

后需要参考成功案例从中得到启发。

|本期分享导师|

Naiying

汉艺国际 (HART) 工业交互学部 讲师

英国 爱丁堡大学 多媒体设计 MSc

美国 加州大学洛杉矶分校 后期制作 优等交换生

从事数字媒体设计领域的教学与研究

英国 纪录片《数字化艺》 制作人

《道格玛95》微电影项目 制作/编辑师

《7777》网站项目 制作/网站设计师

01概念明晰

UI代指User Interface Design，中文释义为用户界面设计，又称用户界面工程。指的是在用户体验和交互的指导下对计算机、电器、机器、移动通讯设备、软件或应用以及网站进行的设计。

其目的是帮助用户获取信息，利用被设计对象完成任务。好的用户界面设计强调流畅使用，不会让用户花不必要的精力去学习适应。能够根据用户的习惯，让用户能够大限度的使用所需功能。

在作品集中，UI主要体现在项目后期模型设计中，只需根据前期设定好的项目属性进行创作即可。

而UX代指User Experience Design，中文释义为用户体验设计。是以用户为中心的一种设计手段，以用户需求为而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的早期就开始进入整个流程，并贯穿始终。

在作品集中，用户体验涉及到项目早期的用户调查、中期的信息建构以及末期的交互设计。在这之中，贯穿用户体验设计整个流程的人本精神是目前各类设计开发时都需要考虑的重点。

其目的在于从功能方面满足用户的真实需要，每个流程能作为前一步流程的测试反馈，以低廉的成本及时修正可能出现的BUG，从而在产品未分析一下。于UX有关的专业，往往会和UI也有一定的融合，以后职业发展可以是交互设计师，用户体验师，新媒体策展人等。

汉艺 16届G同学 交互设计 金斯顿大学

02入门必备

了解清楚UI和UX的概念之后，我们再来看一看与两者相关的软件有哪些：

UI设计需要用到各类平面软件，例如PS、AI、ID等。其设计方式偏平面，利用扁平化的设计对界面进行描述即可，大到界面的整体风格、颜色、版式，小到界面中含有的字体、图标、图片等。若需要作品展示，则可把在平面软件中的终效果图放在影视后期软件中按需求拼接组合即可。

当然一个的UI设计师，除了要让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

所以，与之相应，要求UI设计师掌握的知识面会比较宽，除了掌握平面设计要求的软件(Photoshop, Illustrator, InDesign)外，还要求掌握Wireframing线框图创作工具，去向客户展示他们的设计想法放在现实里会是什么样的。另外，还需熟的HTML和CSS技巧， 和基本的JavaScript知识。

与UI不同，UX一般需要的设计软件为AXURE、Sketch等，能够展现界面跳转关系的交互原型设计软件。若不需要用户利用电子设备进行测试，而选择纸模测试的话，同学们也可用基础平面软件进行UX原型设计及调试。

Axure VS Sketch

除了了解软件之外，一个场上成功的设计师或者在留学过程中能够成功申到的准留学生，需要具备的素质精炼到一个词就是：审美。

毕竟技术学习只要肯花时间，在网上海搜教程就可以速成PS的基本用法，但是审美意识是需要大量的书籍阅读，丰富的生活阅历去长期累积知识链。当然不是说技术不重要，技术同样也会日积月累中成熟起来，不单单是操作的流畅性，还有对实现效果的联想性。

说到审美提升，介绍大家去Behance，Issuu，Dribble，Adobe Porfolio官网上分析案例，并且自己也可以提交作品集在网站上，接受批判性建议。

比如，下面这位艺术家作品，就运用了插画形式表达AR概念，科技感结合UI视觉冲击给人予直观的审美意识。

03成功学员案例

接下来展示的作品页会用到一些有用的UI知识。以上文中已提到的G同学的作品集进行分析。在G同学的整本交互设计作品集中充满着UI元素，这也为他的申请提高了竞争力。

G同学的个项目里，采取了红蓝黑的搭配，遵从了APP主配色不超过三种的原则。LOGO与项目名字Vcball的字母V形成呼应，当时也参照了黄金分割方法。

汉艺16届G同学 交互设计 金斯顿大学

下面是G同学项目二的一张信息架构图，与平常看到的完全扁平不同，他给边框加上阴影，表现是基于地球上的一个旅行APP。主色调给你一种明朗的意识感，视觉优化也会增加用户使用率，提高满意度。这些都是一个交互设计师应该考虑到的。

汉艺16届G同学 交互设计 金斯顿大学

G同学的第三个项目是关于音乐与情绪有关的项目。同时发散出三原色在脑海中的配比，可想而知项目的主题色应该为红绿蓝三色，但由于直接将这种颜色作为大块面积平铺并不合适，所以G同学利用黑白色去做一个大色块的铺陈，红绿蓝为辅助。

G同学的第四个项目是选择了VR展览馆作为对科技潮流的认知概念作品。因为VR技术尚不成熟，如果有3D眩晕症的同学，就不适合用。由此G同学通过配色的处理，做了一个蓝绿色的VR效果。蓝绿色也是公认的舒适色配比，这样从实用性上增强了VR普及率。