2018-05-14 07:12

什么是UI设计

miky 1644 5

导言:最近在机缘巧合之下有幸视听了网易云课堂的《UI设计师》课程。课程一开始就对UI设计做了概述,非常有逻辑性的介绍了什么是UI设计、UI设计的日常工作和成长路径等,本人觉得对于想从事UI设计的同学是很有帮助的,对于已经从事UI设计师的老手来说也可以对UI设计有个系统性的认识(对于我而言的意义)。所以这边整理成文字,跟大家一起分享学习,文字有点多,希望能耐心看完。

目录

一、什么是UI设计

二、UI设计的日常工作

三、UI设计的成长路径

四、设计师的必备习惯

一、什么是UI设计

可以从三个维度来解释什么是UI设计:

1、开发流程

UI设计是整个开发流程中的其中一个环节,主要是负责了表现层的工作。他肩负着与用户接触的最后一道工序,上游的战略思想能不能很好地传递给用户,很大程度上会受UI设计的影响,所以UI设计也需要有产品意识,往往这方面的能力越强,设计的境界也会越高。

sm1.png

2、设计目的

UI设计的核心目的就是把产品的商业价值最大化。这一点并不难理解,但有时候却不容易做到。在实际的设计当中,我们很容易会跑了偏路。为什么这么说呢?因为UI设计师的职业特征就是要追求美,有时候会因为过于追求完美的效果,往往会忽略了它最初的目的。(例子:寻猫千万别找设计师)

sm2.png

从以上例子可以看出,如果设计师只追求艺术效果,不理会设计目的是件多恼火的事情。所以这里也特别提醒各位新设计师,应该要建立正确的价值观,不要因为设计而设计,时时要考虑这么做对商业的价值是什么。

3、技术属性

UI设计是科学与艺术结合的综合技能。比如一个界面中的播放按钮,要考虑它的美观性还要考虑操作效率,通常一个看似简单的按钮背后还隐藏着很多科学的考究。(这里要求UI设计师可以了解一些交互相关的知识。)

二、UI设计的日常工作

这里列了4个设计师最常见的工作类型,他们分别是风格定位、产品迭代、BANNER、专题活动,这些工作一般来说我们都有机会接触到。虽然它们都是设计,但这些设计背后所需要的技术成分却差别很大,所以一般讲究专业细分的大型互联网公司,会把它们再分成两种职业——UI设计师和推广设计师

其中风格定位和产品迭代,主要是由UI设计师来负责。需要有扎实的界面和画ICON的功底还有熟练的用户体验设计能力,内在的还须要有很强的品牌设计和产品意识。

剩下的BANNER和专题活动,主要是由推广设计师来负责。通常这些设计会更讲究表现的美感,需要设计师对版式设计和配色有很强的创造力和掌控能力;另外还需要掌握一定的字体和插图的创作能力;内在的会讲究是不是对市场营销有更深的了解。

sm3.png

1、风格定位

什么是风格定位?简单来说就是要设计一套有利于竞争的视觉形象。

1)那风格定位是怎么做的呢?

在上一节讲产品开发流程的时候,我们知道了一个新产品的诞生,最初都是一堆模糊的概念,它要成为能给用户使用的实体,还需要UI设计师给它赋予一套界面。但如果只是随便地把这套界面制作出来的话,根本算不上风格定位。因为一个合格的风格定位,至少它会有一套设计逻辑,是思考过产品特征和目标用户喜欢之后才进行的设计。

举个简单的例子,这里有两个苹果,同学们觉得哪个比较好呢?

sm4.png

一般来说都会觉得右边的比较好,因为你的潜意识会自动地去分析各种能看到的视觉线索,然后告诉你右边的苹果会更好。虽然实际上右边的苹果可能是因为打过蜡,但不知道的人都会认为右边的更好,所以通常这样的苹果也会卖得特别的贵。上面的例子说明,人们在决策的时候,会通过眼前的各种视觉线索对这个物体作出一个综合的判断,从而影响他的决策。而UI设计师负责的就是界面的视觉元素,所以如果我们了解用户对产品的期望并设计出他们想要的界面,那就相当于我们在控制用户的决策。

好的界面能暗示这个产品更加安全稳定和细致完善,所以在同样的条件下,用户当然会选择感觉更靠谱的APP。所以说UI设计在某种程度上也会决定一个产品的成败。

要达到能说服用户的效果,关键是能不能分析并且设计出用户对这个产品所期望的质感,这个是风格定位的核心。因为对不同类型的产品,用户就有不同的期望,并不是越精美越复杂就是越好的。

(例子:LOFTER、网易云音乐)

关于怎么样才能做好风格定位?有两个关键点:

第一个是要抓准方向;你需要洞悉这个产品的本质,推导出埋藏在用户内心里最根本的愿望。

第二点就是当你知道什么是最好的时候,接下来的问题就是怎么样才能把这些想法做出来。要提升这方面的能力,就需要多观察优秀的作品,找出这些同类作品中共通之处,而发现的这些共通点最终会沉淀为你用来创作的设计原则。这些原则不可能全部由老师指导,老师会把最核心最基础的讲出来,而后面更多的原则就只能靠自己来累积。所以说每个设计师自己都有一套属于自己的独一无二的设计原则。

2)风格定位的设计流程

首先是分析;这一步要分析三个方向:

第一个是要了解自己产品的属性是什么?比如说工具性、娱乐型、大众型、小众型、混合型等等,不同属性有不同的设计倾向。

第二个是要了解我们的目标用户,要知道他们喜欢什么和期望什么?

第三个是要了解我们的竞争对手,他们在市场中已经表现出来的是什么样的特征,我们要超越还是要避开。这些都是定位上的策略选择。通常这一步分析过程会产生几个关键词,然后根据这些关键词来指导后面的设计方向。

确定好方向之后,就可以开始创作了。这一步基本上就是围绕几个关键词在不停地出创意。创作时要尽量大胆尝试。

然后到了筛选,如果有条件的话最好可以做一下用户调研,没有用研资源的话,那就要考验主设计师的判断力了。我们需要把前面设计出来大量的风格一步步收窄到只剩下一个方案。

前面三步基本上算是把风格定下来了,接着就是制作,这时候我们需要制定一套视觉规范,它把这套风格的关键元素都明确地标识出来,用来约束后面的设计不会产生新的干扰。主要有色彩规范、图标规范、按钮规范、排版规范。(推荐阅读《新手教程-六步透视网易设计规范》 http://www.zcool.com.cn/article/ZNDIwMDY4.html

最后一步就是具体界面的制作了,这里的工作量非常大,一个APP产品可能有上百个细枝末节的界面,所以即使你是一个新手设计师,也会被分配到要独立完成页面的任务,这可以说是最基本的设计任务,所以你要胜任这些工作,还需要有理解风格定位和读懂视觉规范的基本能力。

风格定位基本上是我们每个UI设计师都想追求的工作,因为它是最讲究创造力的设计。这里面所有的设计都是从无到有的,另外还有,一旦你的方案被采用了,这个设计的影响力将会持续很长很长一段时间,甚至有可能会跨越整个产品的生命周期,所以说这是一件非常高价值的工作。但这样的机会并不多,如果你有机会参与这样的设计,然后放在简历中的话,肯定会让你的身价大大提升。

2、产品迭代

这是UI设计所有工作里占比最大的工作。一个产品的生命周期必然会经历过诞生->成长->成熟->结束这四个阶段,大部分的时间里,产品都是在不断的完善自己,因为市场是瞬息万变的,总会不停地有新事物出来,刺激我们的产品要马上改进,同时用户的需求也是永远满足不完的,我们要不停挖掘用户需要的功能来让这个产品更加强大,而不停地完善产品的这个过程,我们叫做产品迭代。

那么UI设计师在产品迭代里的工作会是怎么样的呢?一般来说交互设计师会把要迭代的功能做成交互原型。通常专业的交互原型会把细节都讲得很细,但再清楚也只是线框图,后面还需要UI设计师把线框图设计为实际能用的界面。

UI设计师并不是单纯把线框图里的内容照搬到界面中就可以的,他需要对整体的用户体验负责,不单止要好看,还要好用。所以交互原型里如果有些地方不合理的话,UI设计师应该要提出修改。有时候UI设计还会提出要加内容的需求,这些动作都是为了让界面的体验更好。因为交互设计做框架图的时候,是没办法知道具体界面是什么效果的。如果UI设计完全照搬内容的话,就会很容易受到局限。所以优秀的UI设计师会有很强的掌控能力,而这个掌控能力,又需要产品意识和用户体验的技术来做支撑。

3、推广设计(BANNER与活动)

前面讲了UI设计师的核心工作,现在来看看偏推广的工作吧。因为不是核心工作,所以就简单看看好了。先说说BANNER,BANNER是指挂在网页上的横幅广告,通常都是以图片的形式出现,偶尔也会有些动态的BANNER,这些BANNER主要是用来宣传产品或者活动。真正好的BANNER必须是符合广告本身的意图,如果把电商的BANNER设计得很文艺,可能会影响到它的转化数据,那就肯定不是一个好的设计。所以设计师不能根据自己的喜好来做设计,而是要了解传播内容的本身来做出最适合的设计。因为BANNER的空间有限,需要用最简单的方式把最直接的信息传达出来,怎样配色、构图和字体设计是我们要重点关注学习的地方。

最后再看一下专题活动,不过这里也不多说了,要展开的话又是一门专业,对于UI设计师来说,在学好产品设计的前提下又有足够的时间,是可以去临摹一下优秀的专题活动,多涉猎一些业务范围对提升专业会有好处。简单来说,专题活动就是以某个主题来包装一些网络活动,来达到某种商业效果,通常是为了促销产品或者拉新盘活用户,对于设计师来说,比较挑战的是顶部头图的设计,怎么样才能设计出既有创意又好看的头图,很考究设计师的功底,需要设计师有很强的配色、版式和字体设计能力。

以上介绍的就是UI设计常见的四类工作,对于新手设计师来说,前期要学习的内容太多,没办法样样兼顾,建议推广类的设计在精力充沛的情况下再去做研究。

三、UI设计的成长路径

前面两节已经对UI设计这个职业的工作环境有了个初步的了解,现在大家更关心的应该是马上要做些什么事情才能更快的入行。这节课的主要目的就是要告诉同学们,一个新手将会经历哪些步骤,有些什么练习是可以马上就动手做起来的。

首先第一步是PS技术。

如果现在还有不会用PS的同学,请先去搜索免费的基础课程来学习,至少要用透左边的工具栏,还有滤镜等工具。(推荐李涛老师的PS教程链接:https://pan.baidu.com/s/13t1FrpGFu8UdtTA9QOLp8A 密码:05yr)

然后第二步是临摹

这是最重要的一步,从现在起,你就需要不停的临摹,越多越好。如果拿玩网游来比喻的话,临摹就相当于打小怪,你要杀很多很多的小怪才能升级。当然临摹的难度可以自己来控制,这里展开的说一下怎么临摹的三个层次。

第一层:直接印,锻炼参数设置

拿原图直接印着来画,所有参数都尽量从原稿那里去吸,追求100%的和原稿一致,这一步主要锻炼的是参数的设置能力。比如说图里面有个阴影,这个阴影要拉多长,透明度、颜色是怎么样这些等等。需要你去研究、去克服,解决之后你就获得了这个效果的能力了。当这一步完全没有难度之后,才开始练第二层。

第二层:不印排版,锻炼布局手感

这一层就不要直接印排版了,靠自己观察来模仿,锻炼自己的布局手感,同样要做到100%的一致。对比的时候多留意一下自己经常在哪些方面没有做好。

第三层:不吸颜色,锻炼配色能力

这一层不要去吸颜色,就这么参照着来调色,锻炼自己的调色能力,在这个过程中你会学习到一些配色的套路。当这些套路印在你的脑海里,会让你以后的设计非常稳。

等这三层都走完了,已经没有什么挑战的时候,你才能开始自己去设计。最后再强调一下,不要一开始就想着创作,临摹这个步骤就像我们去练球,去学游泳一样,必须要先学会基础的标准动作,这对未来的成长非常关键。

第三步:累积经验、作品

当临摹成熟到一定程度,你会对质感、配色、布局都能总结出自己的一套风格,这时候你就可以开始自己去设计了,有机会尽量多参加一些能锻炼的实际项目,比如一些比赛活动,或者帮朋友们制作产品等等,主要还是累积全局的实践经验,这些经历都会成为你后面去面试的资本。

第四步:丰富设计理论

前面三个基本上是学习UI的必经路线,但实际上还缺少一个非常重要的部分,就是设计理论,如果拿练武功来比喻的话,这就相当于练内功了。

举个例子,我们去看现在国内主流的一些产品,比如电商类的京东、淘宝、天猫、考拉等;社交类的微信、QQ等;娱乐类的网易云音乐等。我们可以看到这些产品中好像并没有非常炫酷的效果,那么这些负责设计师的能力到底体现在哪里呢?其实这些页面里每一个细节都存在着大量心理学的应用,还有对各种用户体验的细致考虑,当然还少不了创造性的艺术设计,还有对产品业务逻辑的深刻了解。

所以说上面列的这些能力,就相当于隐藏在水底下的冰山,一般外行不容易察觉,他们只能看到露在水面上的一角。如果我们想把上面的冰山提升得更高更大的话,就需要底下提供更多的浮力。

sm5.png

回到前面说的发展路径,现阶段我们要做的是大量的临摹,同时学习更多的设计理论,下一步等沉淀一定的技术之后,我们再争取更多的实践机会,来丰富自己的项目经验,达到一名职业设计师的基本能力。

四、设计师的必备习惯

1、储备素材

首先是储备素材,这是最最重要的习惯。

那我们再来看看要怎样储备素材。最主要的还是来自于专业网站,你需要定期上去看看有什么新的作品,然后顺手收藏下来,这是要我们主动去做的事情。然后平时生活中也要多留意,比如说我们看书、走路、看新闻,如果瞄到有好的设计,就应该顺手拍下来,之后再保存到自己的电脑上。

什么样的设计才值得收藏?基本上你需要把你所有觉得好看的设计都收藏起来,但这里还有一个条件,要收藏的这个设计至少要有一个学习点,比如说你觉得它的配色好或者字体好、又或者排版好,这个学习点是将来你做类似设计的时候可以直接模仿参考的。

前面说的学习点一般都有哪些呢?这里简单的列了几个分类,不过这些分类并不是标准,每个设计师都有自己的一套分类逻辑,这里就大概的做个示意来供同学们参考。这些分类有UI、字体、配色、BANNER、活动、印刷品等等,其中UI这里还有些细分,我会把平时体验新APP的时候看到一些好的欢迎页或者帮助说明就截屏下来保存。至于保存的方法,可以在电脑上专门开个文件夹,把各种来源的文件存在电脑上,这是个人的习惯,感觉存在硬盘上会比较安全,也可以直接在花瓣里开个标签来采集,不过素材源就局限在这个网站里了。所以关于保存的方法,大家就怎么方便怎么来吧。

2、设计思考

前面讲了怎么储备素材,这一项工作会贯穿我们整个设计生涯,无论你是新手还是老手,都需要不停更新你的素材。那么我们再来看看第二个需要培养的习惯,就是设计思考。具体一点就是要求我们在日常的生活当中也时刻保持着对设计的探索。

(举例:去一家餐厅吃饭,看到不错的设计,会去分析是什么东西让自己产生这些感觉,然后再去研究他是怎么做到的。就这样一步步分析它的设计原理。)

通过分析生活中的细节,能启发在设计时产生更多的创意。要时刻留意自己在生活中对美和丑的感受,这就是设计的敏感度。当你发现有特别感觉的时候,千万不能感受完了就算了,必须要去思考背后的原理。这些沉淀下来都会让你的设计更成熟。除了美和丑之外,还有其他一些有趣的事物也是要多留意和多思考的。这样可以增加你设计的广度,等你入行之后就会发现,广阔的思维可以帮助你能更完美的解决问题。

(举例:火车站自助购票机身份证放置的设计。)

3、了解行业

前面提的思考是要我们提高对事物的敏感度,并尝试去寻找答案,通过这个过程来提升我们对设计的领悟。最后一个习惯就是要了解互联网这个行业的动态。我们需要了解两方面的行业信息,一是关注设计行业,他能让你学习到更多专业知识;二是关注IT行业,他能帮助你开拓视野。让你可以从更高层面来指导设计。所以建议至少每周甚至每天都抽一点时间,来了解这些行业的信息。


5

© Copyright 2024. All right reserved. Powered by UDC   闽ICP备2021012238号-1     闽公网安备 35020302034854号