零基础 UI 入门（一）：解析UI设计概念和就业形势

从第一篇，也是最早的一篇零根底学 UI 文章《规划干货 | 从零根底学习 UI 规划》到现在现已过去许多年了，UI 规划师的功用、东西、常识体系，都阅历了许多的变更和改造。不只越来越碎片化，也越来越难上手学习，零根底入门成本大幅提高了。

往期零根底 UI 学习回忆：

所以，咱们打算敞开一个新的系列，输出一部完好的 UI 零根底学习攻略。依据 UI 新手体系学习 UI 规划的顺序，连续会输出 12-15 篇不同模块的系列性文章。

系列文章声明

1. 写作方针：

咱们的方针是经过这个系列，协助新手高效、体系性地完结对 UI 工作的常识的入门。

UI 是一个彻底面向职场的作业技术，它基本无法成为个人陶冶性情的喜好。学习这个技术，便是为了在实在的作业环境中进行运用，是一门以有用主义为内核的学科。

所以，在内容拟定上我会避开过于概念、学术性的内容，彻底以工作市场的实践需求为导向。一起我自己也十分厌烦 “不讲人话” 的写作风格，全篇防止 “高大上” 的专业词汇和工作黑话过度运用。

2. 面向人群：

这套干货内容，适合从零开端想触摸或学习 UI 的同学。当然，假如现已触摸过一段时间但感觉自己的根底常识体系仍是十分不结实的同学也适合。

一起，假如是和 UI 相关联的岗位，如产品、交互、用研、运营、前端开发，也能够经过这套共享来了解 UI 规划师的常识体系、作业办法和思维逻辑，更好的合作 UI 规划师完结作业。

3. 内容声明：

除用来举例的线上案破例，一切常识点和图文内容都由咱们原创输出，会整合部分咱们曾经创作过的内容进来。如 UI 尺度、字体标准、项目办理等。

由于网上有许多洗稿、抄袭和无声明转载咱们的内容的账号，所以假如当你觉得看到的内容好像在其他当地看过，那只可能是我写的或许他人转载的。

4. 免费声明：

这套共享将是彻底免费的，不用忧虑写到一半变成付费内容。一起，文章中包括的各类网盘素材，一方面受不行抗力的影响，链接会不断失效，另一方面咱们会继续变动更新（如软件安装包）。

整篇内容完结以后，也会合并成一篇完好的 PDF 电子文档供咱们查阅。

UI相关概念常识扫盲

1. UI 与规划

UI (User Interface) 也叫交互界面、图形界面、人机界面，是咱们今日无时无刻不在触摸不受影响的巨大创造。

了解 UI 是什么，咱们只需注重 2 个重点（敲黑板，划重点）：

• 怎样有用输入信息
• 怎样有用获取信息

计算机是一个用来输入指令，完结处理，回来成果的设备。比方问计算机 1+1 等于几，你就要考虑你怎样输入 1+1 并让计算机处理成果，计算机又要经过什么办法告诉你成果是什么？有用的把指令、成果进行传递是十分困难的工作。

前期人类运用打孔卡片的办法做信息的前言，人类和机器经过打孔来完结信息的输入和辨认。跟着技术的前进，屏幕成为新的前言，咱们能够直接往计算机中输入更杂乱的英文字母了。

所以，计算机开端支撑命令行的输入办法，即运用一些固定的单词、语法，来完结信息的输入，计算机再以文本办法回来对应的计算成果。

尽管这一步大大优化了信息输入、获取的流程，但是依旧不能让咱们满意。由于它的门槛太高了，需求背下一整本操作指令手册，而且用处十分有局限性。

再往后，便是图形界面被创造晰出来。比方桌面有个我的硬盘图标，你运用鼠标或键盘打开，那么打开的窗口就会显现该硬盘下级包括的文件或文件夹，你能够轻松选中这些文件再进行操作。

这个创造是跨越性的，由于它让信息输入、获取变得更高效，也让运用计算机设备的门槛更低，为计算机设备进入一般群众日子供给了必要条件。

之后随同智能手机的兴起，智能设备的遍及。UI 界面现已成为了咱们日常日子不行或缺的一部分，咱们经过界面来控制设备、获取信息，它是咱们驾御智能硬件、杂乱程序的桥梁。

图形界面的本质是信息的载体，完结信息的输入和获取的 “运用价值” 才是它的中心价值。UI 规划的方针，即依据信息输入和获取的需求，规划相关图形款式和排版的规划。

所以，UI 规划是一个辅助用户来运用硬件、程序的东西，观赏性并不是它的唯一方针。了解 UI 规划最大的误区便是仅仅以漂亮角度切入，而忽视它的运用价值（后面会重点解说）。

尽管 UI 规划是针对一切电子设备图形界面规划的统称，包括穿戴设备、智能家电、车机体系等，但它在国内干流语境指的是移动端 APP 界面的规划。

在后续的内容中，咱们的中心也将围绕 APP 的界面规划打开解说。

2. 交互规划是什么

前面声明晰，UI 界面本质上是一种东西，它为什么不像平面海报、卡片一样仅仅是用来输出信息或展示视觉效果的？

由于 UI 界面是能够进行 “交互” 的视觉内容。交互（Interaction Design，IXD）这个词汇关于新手来说一直是了解的重灾区，由于它的概念太含糊，且牵扯的其它范畴太多。

简略解说，交互便是人和设备相交（发生触摸）并进行互动的进程。比方你拿起手机解锁，便是一次交互，打开 APP 是一次交互，点击购买按钮也是一次交互。

交互规划，尽管用的也是 “规划” 一词，但它指的是拟定这些交互事情的办法和进程，并不是指视觉款式的制作。

比方注重按钮，在视觉范畴中，介意的是它的长宽比、图标款式、文字占比。但在交互范畴，注重的是它包括的一切情况和互动反馈。

当然，只注重这些最初级的交互元素十分简略，很难对它打开独立的规划。

难点在于，产品供给的服务往往需求十分多的操作步骤才干完结，且整个操作流程中包括了各种情况，需求咱们独立打开拟定，才干确保后续 UI 界面规划的流畅性。

例如，用购物流程来举例，咱们要做一个购物流程的交互规划。先假定产品本身的一些要求：

• 暂不支撑购物车，但产品能够一次购买多个
• 任何产品都有配送规划和库存，超出就不能购买

依据上面的要求进行交互层面的考虑，就要想在哪个环节添加数量选择，是直接进订单页仍是产品页？什么时候判别产品配送规划到没到，假如配送超了怎样让用户知道？库存不行的情况该怎样显现，假如是在订单未付款情况最后一个库存先被他人买了，怎样提示？

能够发现，这些问题和规划出什么视觉风格、配色、创意，并没有什么直接关系，咱们要给出的处理计划，便是交互规划的输出内容。

交互规划首要输出的产品是交互原型，用来表现交互流程、事情的原型图例。比方下方，我针对配送规划判别的原型事例：

在这个简略的产品功用中，就需求一系列的交互计划进行合作。

跟着产品的杂乱度添加，交互的难度也就成几何倍数添加，假如交互没有拟定清楚，那么就无法确保产品正常运作或发生体系 BUG（库存没有了还能下单）。

这也是为什么咱们不得不注重交互的原因。

3. 体会规划是什么

体会规划（User Experience Design）在网上搜解说，是以用户为中心的一种规划手法，以用户需求为方针而进行的规划。

但用户体会是一个比交互还抽象的词汇，它描绘的规划太含糊，各行各业一直把用户体会挂在嘴边，对咱们了解会发生十分大的妨碍。

简略来说，用户体会，便是运用产品服务进程中发生的实践感触。这个感触可好可差，受产品的服务质量与各方面细节影响。而体会规划，即经过有目的性的调整产品服务、细节，提高用户实践感触。

例如上方事例，交互层面咱们供给了各种防御性措施，提示用户产品没有库存、配送超出规划。尽管在功用上满意事务要求，但不代表它们发生的用户体会一定是优异的。

所以这时候就有两个关键的问题发生了：

• 怎样确定用户对这套计划体会的优劣
• 假如体会不佳，应该怎样进行的优化

第一个问题便是整个体会规划中的中心问题，咱们要获取用户对某些定向功用、流程的体会点评。那么你就需求打开用户研讨，经过拟定一个测试、研讨计划，来取得想要的成果。到这一步，让人眼花缭乱的科学办法论、研讨办法就轮番上阵了。

假设我经过拟定了一些用研的办法获取了用户对这套计划的点评，遍及反响体会较差，兴冲冲的要下单成果过一会儿没货，或是填了老半天收货信息成果告诉他没货。

所以，我就定位到了影响体会的关键因素，在后面我就能够思考该问题的体会改善计划：

• 用户点击进入下单页面锁产品库存，有 5 分钟的锁单时间。假如该产品是最后一件，在锁单期间其它用户看到该页面也是无库存的情况，不能点击购买。
• 配送规划要在下单前就给能否配送提示，直接在产品详情页显露，填写过地址依据前次购买地址判别，没有填写过就以手机当时定位。

这两个改善是今日遍及运用在自营配送的电商、外卖、生鲜等产品，相信咱们一点也不生疏。而这些改善，彻底是基于改善体会动身，而不是仅仅处理交互的问题，或许界面视觉问题。

上述事例只运用了 “提出问题 – 进行论证 – 给出处理计划” 的根底线性流程，尽管它很有用，但远不足以覆盖实在项目的一切体会规划实践。

所以，为了让体会规划的本身具备更明晰、细致的流程，不同的企业、组织、团队都开端建立体会规划的标准化（花里胡哨）流程和办法论。

不管你看到的办法论有多杂乱，添加了多少辅助线、介绍图形。它们都仅仅社会科学研讨办法的不同拓展办法，没有本质上的区别。

在学习 UI 的前期阶段，并不需求真的去深化了解各个大厂的体会规划流程和思路。只需求知道，体会规划不是直接动手做规划的规划类型，而是一种经过研讨剖析行为来找出提高用户体会，再输出相关计划的规划。

当时作业办法剖析

1. UI 对口岗位剖析

学习 UI 能够入职的岗位不只仅是 UI 规划师一种，到现在现已开展出包括 UE、UX、全链路等不同岗位。咱们首要要认识一下具体有哪些，以及他们各自的功用。

UI / 界面规划师：

首要介绍老本行，UI 规划师也叫界面规划师。中心功用便是依据老板、产品的需求，供给界面的视觉计划。并输出相关的规划标准、规划说明、规划切图。

UE / 交互规划师：

理论上，UE 是 User Experience 用户体会的缩写，但在国内招聘中，UE 一直被当成交互规划师头衔来运用。交互规划师的首要输出内容，便是在取得产品需求后输出交互原型和文档。

UX / 体会规划师：

UX 规划师，体会规划师，便是专门针对体会进行规划的岗位。理论上体会规划师是做用户研讨和拟定体会计划。但不同公司对体会规划师的要求彻底不一样，实践作业的内容重心可能是用研，也可能是交互或许界面。

体会规划师是现在职责最难明晰界说的岗位，彻底取决于用人企业对体会规划本身的了解（良莠不齐）。

全链路 / 产品规划师：

之前阿里提出了规划全链路的概念，许多人了解成是全知全能的 “全栈规划师”。实践上指的是能够深度参加产品事务和决策中，更好发挥规划商业价值的 UI 或 UX 规划师。

尽管输出内容很接近，但关于事务参加的要求会更高。

UI 动效规划师：

动效规划是 UI 规划的其间一个环节，一般项目对动效的需求和难度要求都不高。但在如直播、社交等特定项目中，需求许多的动效堆砌，这时候就需求有独立的动效的规划师来负责，专注在和产品有关的动效和视觉特效上。

2. 当时的作业办法

第二个问题，便是新手十分感兴趣的作业办法了。网上对 UI 工作前景的剖析大多充溢诉苦和负面情绪，以为对新手不友好，对没有背景、根底的人关闭大门等。

一条条辩驳这些内容是没有意义的，假如仅仅听信这些负面情绪而让步，那么的确不适合学习和进入这个工作。由于连自己的态度和坚持也没有，又怎样能顺利面临后面必然会出现的挫折和磨难（任何工作都有）。

UI 规划师是一个彻底和互联网工作深度绑缚的工作，现状随互联网工作的崎岖而波动。探讨 UI 规划前景，就一定要结合互联网开展的趋势来剖析。

首要，放下微观的各种政策和剖析，咱们能够确定一个观点，便是互联网技术的开展与运用，在未来几十年里依旧会日新月异。UI 规划师不行能在这个期间被替代和抛弃，要驾御越杂乱的技术和硬件，就越需求优异的界面作为载体。

其次，UI 规划和编程，都是十分容易衡量实在水平的工作。企业招聘的目的是为了让工作人才输出高质量的成果赚取利润，假如只靠学历和科班，消费者是不买账的。

比较编程来说，UI 规划范畴还有个长处（其实应该是悲惨剧），那便是新人 —— 众生平等。科班规划教育……懂得都懂。

总归，彻底不需求忧虑科班生在 UI 产出上能有什么特别的优势，他们需求学习的 UI 根底，和你没有任何区别，而且依旧要依仗自学或许培训班。这些外因确保了 UI 规划是互联网产品团队中归纳门槛最低的那一个，假如多触摸和剖析大厂团队，你们就会发现规划永远是团队中学历最差的那一个……

由于门槛低，所以冲高薪想转行的人数也是最多的。常常能够在网上查找几百个人竞赛一个 UI 职位的新闻，但实践上，90% 以上的新人，实在水平是不忍目睹的，直接能够体现在求职的作品集上。

面向群众途径招聘收上来的简历，是一场大型的 “菜鸡互啄” 现场，只要头部 10% 以内的人是有机会的。这儿并不是着重竞赛有多剧烈，而是大多数新手不是学习的方向不对，便是作品集滥竽充数，只要剩下的 10% 不到的人，处于真正的竞赛情况。

在 UI 工作，“菜” 才是原罪，实力便是硬通货。然后面的系列内容，便是要协助咱们在学习中走上正确的道路……

3. 工作的薪资开展

受互联网工作影响，UI 规划师的平均薪酬远高于一般规划工作。在网上各个途径查找 UI 薪资的计算，都能够得出这样的结论。

以阿里 P6 的职级来区分，1 线城市 15K 以下的规划师，基本只能归于入门阶段。15-30K 的规划师，归于资深阶段。抵达 30K 以上的，就进入专家以上水平。当然，这还仅仅说月薪，不包括年终奖、股票等其它福利。

当然，许多新手 UI 规划师会说自己薪酬怎样就没那么高，我和姚明平均身高两米，有意义嘛？

答案是有意义。由于薪酬不是身高，除掉天花板，工作中上水平薪酬，是一般人能够经过尽力取得的。高薪酬也不是 BAT 大厂特有的，有许多中小型规划的优质互联网团队，是会开出有竞赛力的薪酬的。

那么为什么还有许多 UI 规划师处于低薪情况？由于公司的三六九等并不是单纯从规划上来考量的，而是 “互联网化” 程度。

会用心打磨产品的团队，和吃人情关系的外包公司、老板脑子一热做的家族企业是彻底不同的。前者和后者的规划师水平，必然也有十分大的差异。就像在广告平面工作，路边广告文印店也有平面规划师，国际 4A 广告公司也有平面规划师，都是平面规划，两者平均下来有价值嘛？

想要取得高薪，除了大厂，便是面向这些围绕在互联网产业输出有价值，有竞赛力的产品团队上，他们才干代表这个工作的实在情况和水平。而假如你一切的面试、Offer，都是来自老板家族型企业、有上顿没下顿的小外包公司，而且薪水菲薄。那么首要的问题，不要怨环境，而是由于 —— 菜。

有许多新手，包括我自己，在咱们刚开端入行的时候，的确只能进入到这些一言难尽的公司和团队中。但这不是工作的全部，不要将未来和现状绑缚起来。咱们是能够经过继续提高自己的硬实力切换所在的环境，提高自己薪资水平的。假如现在只要 5-6 千，能够朝 1 W 进发，假如现已过 1W 了，就往 1W5 的水平尽力，以此类推。这个工作有充沛的上升空间和拓展的弹性。

树立正确的认识，建立长远的方针，你才干够在这个工作中走的更远，取得更多的回报。

下一篇我会具体讲解 UI 规划师的技术要求和学前相关预备。

下篇再贱~

欢迎注重作者的微信大众号：「超人的电话亭」