薪水版的大家圣诞节快乐，在年末换工作潮的当下，想挑战UIUX职缺的各位是否也有诸多
憧憬或迷惘呢？这篇是今年三月就写好的，但尚未在这里发布过。刚经历第一次跳槽，在
密集面试后终于有个结果，喘口气的同时，来分享一下此文，希望可以回馈给版友们。
网志好读版
http://enntang.com/ui-ux-designer-tips-before-start/
自从UI/UX设计师工作满一年心得发布后，询问如何自学成为UI/UX设计师的来信非常多，
其实我真的很惶恐XD 因为我才刚进新手村，网络上厉害的前辈们也已经撰写非常多文章
可以引大家入门，我只能贡献出一点点小心得，希望能给提问的网友、或是对UI/UX有兴
趣，却不知怎么提问来更加了解这个行业的人一点小小帮助。
在回答这些问题之前，我必须要先强调一下：
不是每一间公司对于UI/UX设计师职位的要求都一样，而职称也不一定完全反应工作内容
；
公司的要求也不该侷限你对自己的要求。
如果你曾经在台湾任职过设计相关工作，一定很清楚：只要是跟“设计”相关的，很容易
出现明明应征一个平面设计职位，却要帮忙切网页或是兼作企划的状况，更别提奇怪的行
政美编这种摆明就是要你去打杂的职缺了。UI/UX的状况比上述稍微好一点，但众多职缺
当中还是有许多混乱不易弄清的地方。
### UI与UX傻傻分不清？
虽然我们常把UI/UX放在一起讲，其实UI和UX指的是不同的工作阶段，下面这张图我认为
是可以很好地说明他们在开发流程中所担纲的角色：
http://enntang.com/wp-content/uploads/2020/03/ux-vs-ui-dev-skills-expanded.png
出处：The difference between a UX Designer and UI Developer
在图中，我们可以看到在一个网站或是APP的开发过程中，UX注重的是资讯设计、调查研
究，常与问卷和访谈为伍，并要对使用者的回馈提出良好的解决方案，确保整体流程符合
好的使用者体验；UI则注重视觉并跨足到前端工程（但事实上不用太深入），UI设计师得
不断琢磨画面如何又美观、又能正确引导使用者的操作。而他们两者在交互设计上是重叠
的。
但是只有在规模比较大、编制较为复杂的公司，才会分开成UI设计师、UX设计师两种不同
职位。台湾的中小企业、接案公司与新创公司数量庞大，员工也较容易一人分饰多角，加
上雇主不见得区分得清楚这两者的差别，将UI/UX放在一起的职缺比比皆是，甚至把网页
设计师或前端工程师与之混为一谈的也很多啊！此外，一般来说由PM（产品经理）负责的
需求分析、客户沟通等等工作，在小公司往往也都落在UI/UX designer身上…
可以参考Rei Huang的文章：你是做UI的，那懂不懂UX? （https://heywesley.wordpress
.com/2016/04/23/ui-designer-know-about-ux/）有令人会心一笑的见解。
### 我真的什么都要会吗？
其实也不能说雇主们是错的，毕竟大环境下形成的产业生态，造成现在设计师什么都要会
一点的状况；这对就职者来说也不一定是坏事，我们更有机会在多方接触的时候，摸索出
自己真正有兴趣的领域，思考自己想选择哪条路去钻研，或是开心地当一个跨领域设计师
。
当然如果显然公司就是要你打杂，这就母汤了！青春有限啊孩子！出社会后每一年都是打
稳根基、学习专业知识的重点时机，如果一直浪费时间在乱点技能树（或滥竽充数）都是
在扼杀自己升迁或是往理想职缺迈进的机会，在资讯业，你不主动进步，就是等著自己被
后浪推到沙滩上，很可怕的。
所以，问题回到“如何自学成为UI/UX设计师”，我认为必须先调查清楚自己想要任职的
公司/职位，要求的范围究竟只专注于UI Design，还是要求UI与UX兼具？是否要求前端程
式语言？先知道目标的要求，才能把有限的资源集中在刀口上，并订定有效的学习计画。
或是提早逃离火坑（删除线）
当然，其实我鼓励要入行的朋友，同时接触UI、UX、网页前端程式语言三者的入门知识，
然后依照职缺要求或是自己的特质调配你的能力雷达图。例如你的目标职缺若较注重UI视
觉设计，那么将后面两者的学习比例减轻，了解必要概念即可。如果职缺强调的是程式的
实作，或职缺就叫做“网页设计师”，那当然除了了解RWD原理外，一定会熟稔前端语言
。
### 建立属于你自己的能力雷达图
http://enntang.com/wp-content/uploads/2020/03/UIUX%E5%88%86%E5%B7%A5%E5%9C%96-
02-2-1024x918.png
我目前的能力雷达图
我认为以下这六点是UI/UX设计师最重要的技能：
（一）使用者接口设计
也就是UI设计，懂得运用视觉设计原理，安排、制作出每个操作流程的接口图稿，必须能
够兼具美感与易用性。大致分为网页的接口设计和APP接口设计。
网页有一般浏览者观看的企业形象网站、短期活动介绍页、购物网站等；现在也越来越流
行将企业管理系统（ERP）以HTML5网页的形式来制作了。
APP包含iOS或Android的手机、平板应用程式；以及搭配触控萤幕设备的OS系统，如车用
导航、保全系统…等，也需要接口设计，端看公司的需求，如果是接案为主的公司则可能
两个都要做。
网页的接口设计须熟悉RWD（响应式网页设计），APP的接口设计则要了解不同装置（OS）
的规范。
（二）前端语言
不是每个UI/UX职缺都需要前端语言能力。如果需要，即是要求以下这三项：
html
css
Javascript / jQuery *
这三项程式语言就是所谓“切版”所必备的，能够让你的网页视觉图稿被实做成有流程顺
序的、可以被“模拟操作”的外壳。（外壳套上后端程式后才会变成真正的网站喔）
*注：jQuery是预先写好的Javascript函式库，可以用简化的语法写出和Javascript相同
的效果，只要会操作就可以应付大部分的切版所需，但如果不了解Javascript的原理就使
用jQuery，很容易陷入只知其然不知其所以然的状况，所以部分教学者会主张先确切了解
Javascript的原生写法再进阶到jQuery比较妥当。
（三）使用者研究
是UX设计专精的领域，基本上我在这一块还很欠修炼…必须要做的是调查并研究目标使用
者的习惯，找出潜在需求并规划进产品中，并且制作Function Map（功能地图）和Wirefr
ame（线框图），使UI设计可以将之转化为符合使用者需求的接口视觉稿。至于怎么调查
呢？问卷、访谈都是常用方法，更深入的还有文献与数据分析…所以真正的UX设计师的学
历或相关背景要求通常也比较高。
增进使用者体验是一个循环的过程，如同软件会一直更新，UX的工作就是不断的让产品更
能促进使用者在操作上的流畅，进而解决他们的问题（痛点）。
Tom Liou写的给超超超新手的UIUX指南中，对UX的解释非常清楚而浅显易懂，推荐初学者
一定要读。
（四）流程逻辑
想成为好的UI/UX设计师，逻辑能力非常重要，因为网页与APP的操作是连贯性的，且依循
著一定的规则。
如果交给你设计一款点餐APP，你会怎么安排呢？总共划分成几个步骤、一个步骤要做多
少动作、填多少资料？要先选优惠券再点餐呢？在什么时机点计算总价呢？要先登入才能
点餐、还是点完餐再登入？光是这些差异，就影响到背后的程式撰写，更大大影响使用者
体验。不仅操作流程安排本身需要大量思考，视觉方面也是：APP所使用的按钮要怎么摆
放才能成功引导使用者完成结帐？有符合阅读的顺序吗？画面之间所使用的元件，有没有
依照重要性做阶层式的设计？
因为以上提到的问题，都需要设计师非常缜密的思考、推敲，才能合理地安排出来。如果
你是个习惯挥洒艺术的感性主义者，记得平时在逛网页、操作APP时多观察每个操作的环
节，并思考这样设计可能是为了达成什么目标、解决什么问题？因为UI/UX设计师无时无
刻不会被问“为什么要这样设计？”，来自配合的工程师、客户以及使用者。如果答不出
来，撇除掉语言表达能力不好，可能就是你的操作流程经不起考验啦（很残酷的～～）。
（五）团队协作
之前就提过了，做这一行是很难单打独斗的，除非你是一个身兼企划/设计/前后端程式能
力的大神（这样的人年薪不是我们可以想像的，说不定也不会受雇于人而是自己创业了）
。更别说，有时设计师也会接触客户、需要跟团队以外的人沟通产品的细节，整天一直坐
在自己位子上闷头做着设计，几乎是不可能发生的。
于是，如果不喜欢过于紧密的团队合作、三不五时就小组会议的工作节奏，或是有人群恐
惧、甘愿当个独行侠的话，可能要多考虑一下XD
（六）视觉美感
作为一个设计师怎么能抛弃美感的要求呢？但是跟团队合作的能力一样，很难靠短期的恶
补来提升该方面的能力，这个除了天份之外，就得靠平时的累积。Pinterest、Behance网
站放在浏览器书签随时关注是基本的，不只UI接口的设计作品，任何你喜欢的领域如书籍
装帧、古典艺术、电影海报的赏析，都有助于审美的锻炼。
当然，UI设计绝不能只靠感觉，我们必须帮产品挑选适合的风格。喜欢的作品别忘了一定
要保存下来并且做适当的分类，数据库越充足的设计师，越容易找出客户喜欢的解决方案
。
### 总结
大致了解UI/UX的工作内容和必备能力后，相信已画出初步的地图，脑中对于如何学习入
门较有概略的轮廓了。在自学过程中，我们很难做到尽善尽美，一定会因为本身的技术背
景或人格特质而有所差异的。
事实上，很难等到所有能力都非常强才入行，通常都是一边做一边学习，此时不仅可以靠
团队合作截长补短，也可以透过担任UI/UX工作中、自我学习时，甚至转换更理想的公司
时，渐渐摸索出独特的能力值配置，寻找适合自己的位置。没有对错，一切端看能不能适
应业界所需、做得开不开心而已（这非常重要！）。