▎UI、UE、UX、GUI、ID有什么区别?
用户界面设计“USER INTERFACE DESIGN”,就是我们平时所说的UI。
大家常常混淆几个概念:UE、UX、UI 、GUI、ID,我们一起看看他们之间的关系和区别:
▎好设计的 4 个标准1、好的设计首先是实用的
优秀的界面视觉设计,一定是便于用户使用的。利于使用,是设计的根本需求。
我们遇到不少初学UI设计的同学在问:“学设计要从学手绘开始吗?”有这样的疑问,其实是没有区分开设计和艺术的不同。设计和艺术是不一样的:设计本身是服务于产品,是在一定规范下完成信息的传达,而艺术品纯粹重在表达。UI设计师是用自己的设计服务于产品,在视觉规范下完成信息的视觉传达和表现,最终满足用户的需求。
视觉设计本身也同样以用户为中心,围绕着用户的需求以及目标用户的心理概念模型展开。比如:小时候过年,你领到压岁钱以后,是不是基本都“上交”给了爸妈?你爸妈说要给你存起来,这都过去二三十年了,你知道你的压岁钱去哪儿了吗?如果当时就有支付宝,你可以把压岁钱存进余额宝涨利息,是不是就有机会自行支配资产了?
现在的孩子就比你幸福多了,支付宝最近出了一个【小钱袋】功能,主要是帮助小朋友存储和管理自己的资产,比如压岁钱和零花钱。这个功能的推出,就符合小朋友们(据说00后可有钱了呢)的需求,也便于父母单独管理孩子的自有资产,减少亲子之间因为压岁钱产生的小矛盾。
这里提到的统一,指的是在同一套标准下,设计上面的统一,即同样的功能保持一致。
设计师需要建立和维护视觉设计规范,来保持设计的统一性。大厂名企的设计团队都有自己的设计规范,比如:Ant Design。
知群的老师会通过大厂的设计规范,让同学们学会如何建立和维护视觉设计规范,便于保持设计元素的统一性。
针对相同的功能,在视觉呈现上保持一致,达到统一的效果。
统一的界面设计,可以降低用户的学习成本,能够提高产品使用效率。
4、好的设计必须是美学的体现
好的设计在视觉上必须是美的体现。这里有一个关键点:对于目标用户来说,设计要好看。这里的的关键点就是“目标用户”认为的好看。设计并不是设计师主观上的好看,而是需要深入了解和考虑目标用户的审美喜好,做出他们觉得好看的设计。
你作为设计师,要为3-6岁的儿童设计一个界面,那么你就需要深入了解这个年龄段的孩子认为什么样的美的。或许作为成年人的我们认为“性冷淡”风更显高级,但是对于孩子来说,“红配绿”或许是他们最爱的。
UI设计入门需要掌握 5 项能力:1、图形造型能力比如你要画一个星星图标,不仅需要画出一个“星星”的形态,还要符合造型审美。
你画的这个星星不仅有“星星”的造型,还要有质感,比如毛茸茸的质感、大理石的质感。
3、色彩表现能力你怎么为“星星”进行色彩配色,比如说用渐变邻近色,还是选择对比色配接起来配色。4、终端规范能力你把这个“星星”做好之后,放在界面里面,需要注意哪些,比如界面最小可点击范围是48px * 48px,那么就要注意这个“星星”图标尺寸不要小于这个尺寸。5、终端界面能力当图标这种小元素做完之后,放在整个界面里,要注意优先级排序,以及界面与界面之间的逻辑关系。
这 5 个能力之间什么关系呢?这些能力又应该从哪里入手掌握呢?我们分别来看一下:
终端界面能力和终端规范能力属于设计专项能力,主要表现为做界面设计。图形表现能力、图形造型能力、色彩能力属于设计底层能力,是做各种设计的基础,不仅可以做界面设计,还能做插画设计、运营设计、品牌设计。
▎UI 设计师能力模型如何掌握?入门UI设计师,这 5 项能力通过短时间学习(比如4个月),需要掌握到什么程度?
做产品、设计需要考虑优先级,其实掌握技能也需要分清优先级,先抓重点,各个击破。在入门学习UI设计的时候,要分清熟练掌握和基本掌握的技能,在有限的时间里重点突破:1、熟练掌握:终端界面能力和终端规范能力这 2 项能力可以通过短时间学习,快速掌握和上手。这两项能力的掌握也有大量的参考资料和前人经验值得学习参考。2、基本掌握:图形造型能力、图形表现能力、色彩能力因为这 3 项能力很难在短时间内速成,而是需要长时间的刻意练习和积累。知群UI设计TOP班的课程,就是这样为同学们规划了 4 个月的学习计划和时间,按照初级UI设计师需要掌握的 5 项能力,主次分明,循序渐进地学习,在短时间内让同学们具备底层设计思维,同时掌握核心设计能力,成为专业的初级UI设计师。
如果你想自学UI设计,也需要给自己设计适合的难度梯度学习路径,帮助自己在有效时间内入门UI设计。
▎UI设计师学习的 5 个阶段学习任何技能,一口吃不了胖子,都需要循序渐进,先打基础再提升。UI设计的学习也是这样。
我们以图标造型能力为例,看一下怎样由浅入深地掌握 5 项能力?
(知群UI设计TOP班的课程,是根据以下学习曲线,帮助同学们由浅入深地掌握初级UI设计师的 5项能力。如果你想自学UI,也适合你根据这个学习曲线,规划自己的学习阶段)
1、了解概念扁平和拟物是两个大的图标分类。当你了解了基础的图标概念,再通过临摹学习加深对基础概念的理解。
2、临摹学习知群教研组老师们之所以选择了通过Android图标的讲解,来让同学们临摹练习,是因为Android图标的设计过程是开放的,有丰富的学习资料,便于同学们参考借鉴。3、举一反三在同学们掌握了Android图标的临摹之后,老师会让他们通过练习扁平图标,来达到举一反三的效果。因为扁平图标相对复杂,因为涉及到图形和组合、点线面的组合,这对同学们来说,难度有升级,但是同学们又能在挑战中获得成就感。
4、应用实践知群的老师会教给同学们图形组合和创意的方法,帮助同学们最终能做出属于自己的一套图标。这样完整的图标,也可以放在作品集中,成为面试中凸显自己设计细节感的亮点。
5、最终掌握该能力在经历了了解概念、临摹学习、举一反三、应用实践的完整流程后,才算是真的掌握了图标造型能力。怎么算是真正掌握一项能力呢?就是你不仅会设计一套适合品牌调性的图标,还能举一反三,在产品接触用户全流程的各个触点,都用带有品牌意义的图形造型,将产品和品牌的价值传递给用户,做到真正的应用。