成为一名UI设计师需要掌握哪些技能？并且如何明确方向少走弯路？

想入门UI设计那我们就先来看看做UI需要具备的能力体系

这个设计流程，体现了现在要成为一名合格的设计师要具备的能力：

一、用户需求及调研能力

为了避免与公司的核心业务脱节，现在的设计师所承担的工作内容越来贴近业务，越来越需要设计师去亲自了解需求、挖掘需求。通过深入的调研工作指导设计师进行设计工作，这样更加科学和高效。

调研、收集需求的方法有很多，我们这里可以把它们大致分成两类：定量调研和定性调研。

两种调研方式也适用于不同的调研对象：

a）定性调研：

调研文化背景和生活习惯、人们的经验和习惯、探索人们行为背后的原因。

常见的定性调研方法有：用户访谈、实地观察等。

b）定量调研：

举个例子，当我们研究厕所海报对人们行为的影响的时候，独立变量就是设计师设计的海报，有依赖的变量就是洗手的人数，其他变量就是年龄、性别甚至还包括宗教信仰等等。

二、挖掘需求的能力

挖掘对应的需求可以帮助设计师更好的平衡设计的商业价值和用户体验。

a）挖掘商业需求

挖掘商业上的需求，主要是了解我们的目标用户，他们可能为我们的设计买单、资源的优劣、商业愿景和产品愿景等。

b）挖掘用户需求

挖掘用户的需求主要是要了解我们的用户是谁，以及他们的痛点、需求是什么，已有的解决方案和期待的解决方案是什么等等。

三、竞品调研能力

竞品调研是需要设计师充分挖掘竞品的情况，分析竞品与自己产品的差异化和相同点，总结归纳以后再为后续的设计做准备。

竞品分析步骤

一般来说，要做一个完整的竞品分析，需要以下几个步骤：

四、用户分析能力

用户分析是我们通过对用户行为的观察、研究来指导设计。为了保证我们的设计对用户来说是有价值的，我们需要对我们的目标用户进行用户分析。

五、创意方法

我们在调研完用户和商业上的需求之后，需要将用户体验上和商业利益上的诉求转化为可被解决的设计机会点，定义设计机会点是非常重要的一个步骤，它是创意的入口。

六、用户流程及信息架构

• 用户流程图：

1.用户流程图从用户视角展现了用户如何使用产品的过程

2.用户流程图展现用户的选择以及他们将会选择的路径

3.用户流程图展现了基于用户选择的状态、页面视图和内容

• 信息架构：

任何时候都让用户知道TA在哪，如何到达某个页面，在他们完成事情之后能去什么地方。

包含组织系统、导航系统、标签系统、搜索系统。

七、色彩能力和规范能力

• 色彩能力

这里的色彩能力主要是指对色彩的概念、色彩模式（RGB、CMYK、HSB）有一定了解后，具备有审美的配色能力。

• 设计规范能力

对于初学者来说，阅读设计规范，并将这些设计规范熟练的运用非常有帮助。

现在各个平台的文档也都写得十分不错。因为这本来就是针对开发者专门去做的，所以也很方便大家阅读。

八、界面能力

界面能力是以一个UI设计师所必备的一项基础能力，因此它非常重要。

优美的界面设计，需要有以下的美学特征：

• 边界清晰
• 容器化
• 弹性
• 连续性
• 重复性

界面设计所要遵循的原则：

• 美学性：视觉设计应满足基本的普适美学
• 清晰：通过视觉元素传递给用户的信息及导航要清晰准确，不让用户迷失方向
• 隐喻：简化视觉认知，让用户能尽快地“认识”界面，图形元素符合用户对真实事物地联想，对用户界面地惯性感知
• 用户控制：视觉地设计要能够让用户感受到，用户是在控制界面，而不是被界面所控制，包括合理清晰、主次分明且容错性强的路径指引，清晰友好的用户反馈。

上面是对UI设计的能力要求进行的拆解，下面我们来聊聊到底该如何进行学习和系统提升呢？

一、阅读设计相关书籍

• 《写给大家看的设计书（第3版）》

从这本书的书名就能看得出来，这是一部设计类知识普及的书籍，对初学设计的同学来说是非常友好的。同时也是一本设计师必读的书。书中提到的亲密、对齐、重复、对比的设计原则，只要你做设计，必然绕不开这些设计原则。

• 《版式设计原理》

日本作者写的设计书，大多语言简洁。这本书通俗易懂地讲清楚设计原理和思路，对设计感兴趣的同学都应该翻一翻，从中汲取设计的精华和思路。

• 《配色设计原理》

书里有实用而又系统的配色知识，通过简明易懂的示例作品，逐条讲解配色理论；将具体的设计案例进行修改前后的对比，分析了如何才能使配色更具效果和表现力；根据希望达到的不同表现效果和目的，展现了设计师必须要了解的配色技巧。适合对色彩感知比较弱的设计师同学。

读完这些，相信你对设计的一些原理、原则就会有一定的了解。

二、通过软件或网站学习 UI 设计知识

• Dribbble（http://dribbble.com）

Dribbble 是一个著名的设计师作品分享平台，全球设计大神云集，在网站上搜索英文关键词便可看到相关作品。作品包括品牌设计、手绘插画、动效、排版、网页和移动端 UI 设计，是所有专业设计师寻找灵感、了解当今设计潮流、趋势不可错过的网站。

• Awwwards.（http://awwwards.com）

Awwwards. 是一个世界各地优秀设计师的聚合点，他们在这里寻找灵感、传授知识和经验、相互联系并分享具有建设性和富有尊重的批评。网站的口号是：“始终质疑”，“不断发展”，旨在表彰世界上最优秀网页设计师、开发人员和代理机构的才能和努力。

在这里我们可以看到 UI 设计、艺术插画、摄影、建筑、时尚、房地产、游戏、电商等 25 个分类下的作品。

• 花瓣（http://huaban.com）

花瓣网是国内的社交分享网站，网站允许用户创建和管理主题图片集合。用户收集了来自各个网站的优秀设计，在这里可以看到海量的优秀设计作品，你在查看一个作品时能够为你推荐更多优秀的同类作品，是设计师寻找灵感创意不可错过的网站。

花瓣网的页面采用流式，用户浏览时内容自动加载，无需翻页，用起来简直不要太轻松！

会用梯子的同学可以常去 pinterest 和 behance 。

• 在知群设计圈（App）学习理论

设计圈旨在为设计师、产品经理提供同频次的职业交流平台。在这里你可以学习和设计、产品相关的理论知识；临摹分析规范作品集；搜索查看高清图片素材、设计流程；和同行业产品经理、UI设计师、UX设计师交流，共同成长为界面设计和产品设计专家。

下载链接：知群设计圈

• 通过「产品设计天天学」学习产品和设计理论

每日一更，都是很干货的产品经理、交互设计、UI 设计相关的文章，大家可以关注「知群」公众号订阅学习。

• 多体验优秀的产品

最美应用公众号（官网：http://zuimeia.com）

最美应用是老牌的应用推荐平台，一直以推荐“好看、好用、好玩”的移动端产品为使命，大家可以关注“最美应用”推荐的产品和专题。最美应用推荐的产品往往在功能、设计、交互方面有着独到的地方，在各个领域都已经成为红海的今天，这些产品为什么能脱颖而出？值得大家深入研究和思考。

三、系统学习UI设计

马力老师曾经说过，设计师绝对不仅仅是操作能力，操作能力只是设计师的一小部分，更往上的就是你的思维的模式。

上述的学习方式适合利用碎片时间为自己充电，找寻设计灵感。但是对于刚入门的零基础同学来说，还是建议可以系统的跟着老师学习一些方法论和底层逻辑。一是可以避免让你成为“野路子”，二是在有经验的老师指导下可以更快的入门并找到职业方向。

最后如果你想更深入的了解互联网行业中的设计师工作内容、思维方式，寻求自己的职业突破。建议你可以加入知群产品设计训练营，学习构建产品设计的底层能力框架，了解腾讯、阿里等公司认可的实战项目是怎么从 0 到 1 做出来的。

训练营目前免费开放，可以直接添加职业规划师微信免费参与学习：