零基础UI入门（一）：剖析UI设计理念和就业形势工具和知识体系发生了很大的变化和创新。不仅越来越零散，学习难度也越来越大，零基础入门成本明显增加。因此，我们打算开一个新的系列，输出一个完整的UI零基础学习指南。按照UI新手系统学习UI设计的顺序，陆续输出12-15篇不同模块的系列文章。系列文章声明1.写作目标：我们的目标是通过本系列帮助新手高效、系统地完成UI职业知识的介绍。UI是一种完全面向职场的工作技能，基本不能成为个人修养的爱好。学习这项技能就是将其应用到真实的工作环境中。它是一门以实用主义为核心的学科。因此，在内容的制定上，我会避免过于概念化和学术化的内容，完全以专业市场的实际需求为导向。同时，我也讨厌“非人”的文风，避免通篇过多使用“高大上”的专业词汇和行业俚语。2.适合人群：这套干货适合想要接触或从零开始学习UI的同学。当然也适合接触了一段时间但感觉自己的基础知识体系还很薄弱的同学。同时，如果是产品、交互、用户研究、运营、前端开发等UI相关的职位，也可以通过这套分享了解UI的知识体系、工作方式和思维逻辑。UI设计师，以便更好地配合UI设计师完成工作。3.内容声明：除作为示例使用的在线案例外，所有知识点和图文内容均为我们原创输出，部分我们之前创作的内容会进行整合。比如UI大小，字体规格，项目管理等等。因为网上有大量的账号在不声明的情况下洗稿，抄袭，转载我们的内容，所以如果你觉得你看到的内容好像被转载自别处，可能是我自己写的，也可能是别人转载的。4.免费声明：本套分享将完全免费，不用担心写的一半变成付费内容。同时，文章中包含的各种网盘资料，一方面受不可抗力影响，链接会不断失效，另一方面，我们会不断更改更新（如软件安装包）。全部内容完成后，也会合并成一份完整的PDF电子文档，供大家参考。UI相关概念知识素养1、UI与设计UI（UserInterface）又称交互界面、图形界面、人机界面。它是我们今天无时无刻都在接触而不受影响的伟大发明。要理解UI是什么，我们只需要关注两个关键点（敲黑板，划重点）：如何有效输入信息如何有效获取信息计算机是用来输入指令，完成处理，并返回结果。比如你问电脑1+1等于多少，你要考虑你怎么输入1+1，让电脑处理这个结果，电脑用什么形式告诉你这个结果是什么？指令和结果的有效传递是非常困难的。早期人类使用打孔卡片作为信息的媒介，人和机器通过打孔完成信息输入和识别。随着科技的进步，屏幕成为了一种新的媒介，我们可以直接将更复杂的英文字母输入电脑。因此，计算机开始支持命令行的输入形式，即使用一些固定的词和语法来完成信息的输入，计算机以文本形式返回相应的计算结果。虽然这一步大大优化了信息输入和获取的过程，但还是不能让我们满意。因为它的门槛太高，需要背一整本使用说明书，用途非常有限。后来发明了图形界面。例如桌面上有一个我的硬盘图标，用鼠标或键盘打开，打开的窗口会显示硬盘下层包含的文件或文件夹，您可以很方便地选择这些文件，然后运行。这个发明是一个飞跃，因为它使信息的输入和获取更加高效，同时也降低了计算机设备的使用门槛，为计算机设备进入普通人的生活提供了必要的条件。后来随着智能手机的兴起，智能设备的普及。UI界面已经成为我们日常生活中不可或缺的一部分。我们使用接口来控制设备和获取信息。它是我们控制智能硬件和复杂程序的桥梁。图形界面的本质是信息的载体，完成信息输入和获取的“使用价值”是其核心价值。UI设计的目标是根据信息输入和获取的需要，设计相关的图形样式和布局。因此，UI设计是辅助用户使用硬件和程序的工具，可看性不是其唯一指标。理解UI设计最大的误区就是只从审美的角度切入，而忽略了它的使用价值（后面解释）。UI设计虽然是对所有电子设备图形界面设计的统称，包括可穿戴设备、智能家电、车机系统等，但在国内主流语境下，指的是手机APP界面设计。在后续的内容中，我们的内核也会围绕APP的界面设计进行讲解。2.什么是交互设计？如前所述，UI界面本质上是一种工具。为什么它不仅仅用于输出信息或显示图形海报和卡片等视觉效果？因为UI界面可以是“交互式”的可视化内容。交互设计（InteractionDesign，IXD）这个词一直是初学者理解的重灾区，因为它的概念过于模糊，涉及的其他领域太多。简单解释，交互就是人与设备相交（产生接触）并相互作用的过程。比如拿起手机解锁是一次交互，打开APP是一次交互，点击购买按钮也是一次交互。交互设计，虽然也用到“设计”这个词，但指的是制定这些交互事件的方法和过程，而不是指视觉风格的制作。例如，专注于按钮。在视野中，你关心的是它的宽高比、图标样式、文字比例。但在交互世界中，重点是它包含的所有状态和交互反馈。当然，只关注这些最基本的交互元素是很简单的，很难独立设计。难点在于产品所提供的服务往往需要很多的操作步骤才能完成，而整个操作过程又包含了各种情况，这就需要我们独立开发才能保证后续UI界面设计的流畅性。比如以购物流程为例，我们需要对购物流程做一个交互设计。我们假设产品本身的一些需求：暂不支持购物车，但可以一次购买多件商品。任何项目都有交货范围和库存。如果超过，则无法购买。基于以上需求考虑交互层面，需要思考哪个环节增加数量选择，是直接进入订单页面还是进入商品页面？什么时候判断商品的派送范围是否到达，超出派送范围如何让用户知道？如何显示库存不足的状态，如果是订单中最后一个库存未付款如何提醒别人先买？可以发现，这些问题与设计的视觉风格、配色、创意等并无直接关系。我们要给出的解决方案是交互设计的输出内容。交互设计的主要输出产品是交互原型，用来表示交互过程和事件的原型图例。比如下面是我判断交付范围的原型案例：在这个简单的产品功能中，需要一系列的交互方案来配合。随着产品复杂度的增加，交互的难度也呈几何级数增加。如果交互定义不明确，则无法保证产品的正常运行或出现系统BUG（无库存仍可下单）。这就是为什么我们要注意互动。3.什么是体验设计？体验设计（UserExperienceDesign）是在网上搜索和解释的。它是一种以用户为中心的设计方法，是一种针对用户需求的设计。但是用户体验是一个比交互更抽象的术语。其描述范围过于模糊。各行各业总是在谈论用户体验，这会对我们的理解造成很大的障碍。简单地说，用户体验就是在使用产品服务过程中产生的实际感受。这种感觉可好可坏，取决于产品的服务质量和细节。体验设计是通过有目的地调整产品服务和细节来提升用户的实际体验。比如在上面的案例中，我们在交互层面提供了各种防御措施，提醒用户商品缺货，发货不在范围内。虽然在功能上满足了业务需求，但并不代表他们产生的用户体验就一定是优秀的。那么这时候就出现了两个关键问题：如何判断这个方案的用户体验好坏？如果体验不好，应该如何优化？对某些定向功能和流程的用户体验评估。然后你需要进行用户研究，通过制定测试和研究计划来获得想要的结果。此时，令人眼花缭乱的科学方法论和研究方法将轮流发挥作用。假设我通过制定一些用户研究方法获得了用户对这个计划的评价。普遍的反应是体验差。兴冲冲的想下单过一会就没货了，要不我填好发货信息等半天再告诉他。没有存货。所以，我定位了影响体验的关键因素，后面可以考虑针对这个问题的体验提升方案：用户点击进入下单页面锁定商品库存，有5分钟的锁定下单时间.如果该商品是最后一件商品，其他用户在锁单期间会看到该页面缺货，无法点击购买。下单前需提示配送范围，商品详情页会直接显示配送范围。如果填写了地址，则以最后一次购买地址为准。如果不填写，则以手机当前所在位置为准。这两项改进普遍应用于如今的电商、外卖、生鲜等自配送产品。相信大家都不陌生。而这些改进完全是基于提升体验，而不是仅仅解决交互问题或者界面视觉问题。上述案例仅适用“提出问题-提出论点-给出解决方案”的基本线性过程。虽然很实用，但远远不足以涵盖真实项目的所有体验设计实践。因此，为了让体验设计本身有一个更清晰、更细化的流程，不同的公司、组织、团队开始为体验设计构建标准化的（花里胡哨的）流程和方法论。不管你看到多么复杂的方法论，增加了多少辅助线和介绍性图形。它们只是社会科学研究方法的不同延伸，并无本质区别。在学习UI的初期，并不需要真正深入了解各大厂商的体验设计流程和思路。你只需要知道，体验设计不是一种直接手工设计的设计，而是通过研究分析行为，找出如何提升用户体验，然后输出相关解决方案的设计。目前就业形式分析1.UI对口岗位分析学习UI可以进入的岗位不仅仅是UI设计师，发展了包括UE、UX、全链接在内的不同岗位。我们首先要了解具体有哪些以及它们各自的作用。UI/界面设计师：首先介绍一下老话，UI设计师也叫界面设计师。核心功能是根据老板和产品的需求，提供界面的可视化解决方案。并输出相关的设计规范、设计说明、设计图纸。UE/InteractionDesigner：理论上，UE是UserExperience的缩写，但在国内招聘中，一直以UE作为交互设计师的称呼。交互设计师的主要输出是在获取产品需求后输出交互原型和文档。UX/experiencedesigner：UX设计师，体验设计师是专门为体验而设计的工作。理论上，体验设计师做用户研究，制定体验方案。但是，不同的公司对体验设计师的要求是完全不同的。实际工作的重点可能是用户研究，也可能是交互或界面。体验设计师是目前最难定义清楚的职位，完全取决于用人单位对体验设计本身的理解（参差不齐）。全链路/产品设计师：之前阿里提出全链路设计的概念，很多人理解为无所不知的“全栈设计师”。实际上是指能够深度参与产品商业和决策，更好发挥设计商业价值的UI或UX设计师。虽然输出的内容很接近，但对商家参与的要求会更高。UI动效设计师：动效设计是UI设计的环节之一，普通项目对动效的要求和难度要求不高。但是在直播、社交等具体项目中，需要大量的动效。这时候就需要一个独立的动效设计师来负责，专注于产品相关的动效和视觉效果。2.目前的就业形式第二个问题是新手很感兴趣的就业形式，网上大部分关于UI行业前景的分析充满了抱怨和负面情绪，认为对新手不友好，对没有背景和基础的人关上大门。对这些内容一一反驳是没有意义的。如果只是听信这些负面情绪而退步，那么真的不适合学习和进入这个行业。因为我连自己的立场和坚持都没有，又怎么能顺利面对后面不可避免会出现的挫折和磨难（任何职业都有）。UI设计师是一个与互联网行业完全绑定的职业，现状随着互联网行业的沉浮而起伏不定。讨论UI设计的前景，必须结合互联网的发展趋势来分析。首先，抛开各种宏观政策和分析，我们可以确认一个观点，那就是未来几十年，互联网技术的发展和应用将继续突飞猛进。UI设计师不可能在这个时期被更换和抛弃。驾驭更复杂的技术和硬件，需要更优秀的接口作为载体。其次，UI设计和编程是非常容易衡量真实水平的职业。企业招聘的目的是让专业的人才输出高质量的成果来赚取利润。如果只靠学历和专业，消费者是不会买账的。与编程相比，UI设计领域还有一个优势（其实应该是悲剧），那就是新人——众生平等。班级设计教育……无所不知。总之不用担心专业同学在UI输出上的特殊优势。他们需要学习的UI基础跟你没有区别，还是要靠自学或者培训班。这些外部因素保证了UI设计是互联网产品团队中综合门槛最低的一个。如果你去接触和分析大厂的团队，你会发现，设计永远是团队中学历最差的那一个……因为门槛低，所以急于高薪想转行的人数也是最大的。经常可以在网上搜索到数百人竞争一个UI职位的消息，但实际上，90%以上的新人真实水平很糟糕，这在求职作品集中可以直接体现出来。从海量招聘渠道收到的简历是“互相啄食”的大场面，只有前10%的人才有机会。这并不是强调竞争有多激烈，而是大多数新手要么学习方向错误，要么他们的作品集就够了。只有剩下的10%处于真正的竞争状态。在UI行业，“菜”是原罪，实力是硬通货。下面这一系列的内容就是为了帮助大家在学业上走上正轨...3.职业薪资发展受互联网行业影响，UI设计师平均薪资远高于一般设计行业。这个结论在网上搜索各种渠道的UI薪水统计就可以得出。以阿里巴巴P6的排名来看，一线城市15K以下的设计师基本上只能属于入门阶段。15-30K设计师属于高级阶段。达到30K以上者进入专家级以上。当然，这只是月薪，不包括年终奖、股票等福利。当然很多新手UI设计师会说为什么工资没有那么高。我和姚明平均两米高有意义吗？答案是有意义的。因为工资不是高低，除了天花板，行业中的上层工资，普通人通过努力也能拿到。高工资并不是BAT大公司独有的。拥有大量中小型优质互联网团队，将提供有竞争力的薪酬。那么为什么还有很多UI设计师处于低薪状态呢？因为公司的基层不是简单的看规模，而是看“互联网化”的程度。一个会用心去打磨产品的团队，和一个靠人情关系的外包公司，一个老板靠脑袋经营的家族企业，是完全不同的。前者和后者在设计师水平上必然会有非常大的差异。就像广告图文行业一样，路边广告文案店也有图文设计师，国际4A广告公司也有图文设计师。他们都是平面设计师。两者平均值钱吗？面对这些围绕互联网行业产出的有价值、有竞争力的产品团队，他们更能代表这个行业的真实情况和水平。而如果你所有的面试和offer都来自老板的家族企业，吃不上饭的小外包公司，薪水微薄。所以主要的问题不在怪环境，而在食物。有很多新手，包括我自己，刚入行的时候，真的只能进入这些一言难尽的公司和团队。但这不是职业的全部，不要把未来和现在绑在一起。我们可以通过不断提升自己的硬实力来改变我们所处的环境，提高我们的薪酬水平。如果你现在只有5-6千，可以向1W迈进，过了1W就向1W5努力，以此类推。这个行业有很大的增长空间和灵活性。只有树立正确的认识，树立长远的目标，才能在这个行业走得更远，获得更多的回报。
