成为一名UI设计师之前,这些知识你都了解吗?



在UI/UX 设计师职业流行之前,类似的工作是像「网页设计师」「网页美编」「网站企划」等,那时候要做一个网站,就是由美编做好画面,然后给工程师切版,然后网站上线。

也就是俗称的「瀑布流」

但这样的做法,随着网路与科技的指数成长,已经变得不合时宜。谁知道你设计的东西,会不会有足够多的消费者喜欢?又或者开发了半天的产品,到时候公开才发现客户根本不需要。瀑布流的做法在商业上会造成高风险的资本负担,是在豪赌整间公司聘请工程师、设计师的高额人力成本与所产生的边际成本。


那我们可以怎么做呢?这时候,开始有股强调「使用者」为核心的开发方式出现,大概2000 年左右吧,说自己公司采用UI/UX 设计流程,就像现在的区块链技术、人工智能一样,是热门的关键字。

UI (User Interface) 与UX (User Experience) 都有个重点的「User」,原因在于——
透过大量的事前爬虫与市场调查,了解潜在使用者(或称客户、消费者)想要的是什么?痛点在哪里?同时依据这样的资料回馈,不断地迭代设计,以及保持敏捷地开发方式。
可以想像成帮客户量身定制一个专属产品,但User 不仅是代表一个人,而是整个目标群体的人设(Persona)。既然设计开发过程中就是为了这群使用者而做的,就比较不用担心上线之后没人用了吧。

UI 设计是UX 使用者经验里的一部分

你可能在很多地方看过UI/UX 的比较与定义,都会强调UX (使用者体验设计)是很重要的,但因为其触及范围之广且深,但落实在现实又相当细腻。

同时,在2000 年左右德国举办的研讨会中,由日本所整理的著名的UX 白皮书中也提到「一般认知的产品或服务只不过是UX 的一部分,没有接触到商品的前后时间、或累积经历的记忆,都可以算是UX。」 也就是使用者体验不只是使用网页/APP 当下的感受好坏,更包含了时间轴上的前后印象与体验。

UI (界面设计)则专指在产品介面上的部分,是整座UX 体验冰山中浮现出来的局部,也是担任第一线与使用者接触的重要地位。因为更容易被发现与使用,因此大多数人所认知到的UI/UX 都是像排版画面、绘制icon 及做美美的视觉特效等。

会先做这样的类比,是想让大家先厘清自己想要做的是哪种职业,努力的方向会不太一样。你不用现在急着做决定,建议是先透过课程以及实作之后,慢慢地找到自己想长期发展的路线。当然,如果你想UI 与UX 精通,那就会是炙手可热的设计师。

另外,若是在找实习或逛职缺的时候,会发现大多数公司会把UI/UX 设计师的职称放在一起,这在中小企业当中相当常见。只有分工精确又具备成熟流程的大型科技公司或Agency 才会把UI 与UX 分得更细,不管头衔是如何,职缺内容与要求都会不同,一定要看仔细。

成为UI 设计师所需具备的技能

但其实UI 设计这门学问,也是包含了相当多种技能,除了具备基础美感之外,还包含很多科学理论、资讯架构,以及与工程师协作等技巧等,是一门需要跨相当多领域的学科(大多数设计师职业都是如此)。


UI 设计师的角色定位


跟打英雄联盟一样,最标准专案团队一共有五种角色。分别是专案经理、UX研究员、UI设计师,以及前后端工程师。每种角色的必需技能都不大一样,彼此分工、合作,为了让专案作品更好而努力着。让我们来一个一个认识他们吧~


一、专案经理,俗称PM (Project Manager)


有些专案同时也是单一产品,则可能称为Product Manager (产品经理)。不过PM 的工作基本上就是管理整个专案,其中包含了与客户关系维护、维系使用者与产品的关系,以及在专案初期分析利益关系人与使用者们的需求,然后分工专案工作项目与掌控时程。

二、UX 研究员,或是UX 设计师

有蛮多业界的UX工作者都是心理学、经济学背景。责任包括初期的使用者研究、调查、协助团队厘清使用者故事或人物志等,让目标使用者的轮廓愈趋明显,并架构网站或APP 的雏形以及Wireframe 线框稿,透过不断的测试与沟通,去修正原本的假设。

三、UI 设计师

UI 设计师则是接到使用者轮廓、线框草稿后,创造出好看、好用的画面,视情况会搭配Visual Designer (视觉设计师),不过偶尔还是需要自己做图,包含插图、icon绘制等;透过设计过的画面,包括点击的回馈效果、画面间的切换等,与浏览者的保持良善的互动。

UI 设计师是个相当令人喜爱的职业,因为工作会接触到不同产业的需求,并无中生有的创造出看得到的改变,介面也是跟使用者接触的第一道防线,会即时收到来自用户的意见与反馈。最后,将做好的设计稿做成动态可互动的Prototype 原型,并标注交付给前端工程师进行开发。

四、前端工程师

接到设计稿后,则是像魔术师一样,将设计稿付诸实现。以网页而言,透过HTML / CSS / JavaScript 等程式语言开发则称为切版,并将UI设计师切好的图放上去;开发架设可管理的元件与架构,并尽可能维持程式码简洁与轻量化,让视觉与功能性有良好的平衡。

五、后端工程师
则是管理与维护后台主机,以及如果网站或App 有绑功能或系统,后端也需要管理各种资料库串接,以及与前端合作接上第三方的API,是个需要更深专业的角色。

UI 设计师是细致专业分工下的产物
因此,设计师要做的,就只有专心把设计稿做到完美无瑕,开发的部分还是交给工程师专业的来;所谓做到完美,像是必须要用至少px 像素等级的视角去检视你做的介面,每个物件的间距都要很刚好,以及不断地在字体排版配置、按钮颜色与圆角系数、渐层配色的节奏感等等上周旋反覆,可能会花好几个礼拜的时间,在同一张首页的设计稿画面上,都完成了才会交付给开发团队进行后续流程。

成为UI 设计师之前的求职建议

很缺,超缺的!每次这个季节(年后)总是会有很多业界的朋友敲我有没有认识的设计师可以推荐去上班。有趣的是,大多公司其实每年都会收到如雪片般的履历,但毕竟招募这种事总是宁缺勿滥,不及格的履历总是让HR 与主管们相当头大。「究竟该去哪里找人才?」是很常听到的抱怨。

学界与业界存在如此大的断层,到底发生什么事?可能与目前UI/UX 相关科系并不是很普遍有关(严格点说是根本没有)。这是一个每天每个月都有新东西的科技网路业,师资根本来不及回去学校做教学,很开心实践媒传开了这系列课程,并邀请到相当知名的何庭安与Akane 做传授,虽然我不知道他们会待多久⋯⋯

又或者,资深设计师可能也没空当老师,一般UI 设计师的起薪都会比平面设计师多一些,平均薪资在一些平台上都可以查到。但就我认识的几位设计师就有超过70K 的薪水,到国外的月薪十万以上都很普遍,基本上是一个只要你有实力,不怕找不到工作的职业。

本文到此结束,如果有想要系统的学习方法的,可以联系咨询老师了解我们的课程
北大青鸟网上报名
北大青鸟招生简章