新手UI设计学习100问

由前UI设计属于近代兴起的设计分类，这是随着科技的快速发展才催生出来的新兴行业。目前对于UI设计的定义，目前国内有两种流派。第一种，UI设计包含界面设计（Graphical User Interface，简称GUI）、交互设计（Interaction Design，简称IxD）和用户体验设计（User Experience Design，简称UX）。我们先看百度百科对UI设计的定义描述。UI是User Interface(用户界面)的简称，是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI是一个广义的概念，可以通过以下三个层面来理解UI的概念。首先，UI是指人与信息交互的媒介，它是信息产品的功能载体和典型特征。比如以视觉为主体的界面，强调的是视觉元素的组织和呈现，包含图形、图标、色彩、字体等，这就是我们常说的视觉表现层，用户从视觉就可以直接感知的部分。在这一层面，UI就是用户界面，也是国内普遍对UI设计的认知。其次，UI是指信息的采集与反馈、输入与输出，这是基于界面而产生的人与产品之间的交互行为。在这一层面，Ul可以理解为User Interaction，即用户交互，需要通过界面对功能的隐喻和引导用户来完成对应的操作。因此，UI不仅要有精美的视觉表现，也要有方便快捷的操作，以符合用户的认知和行为习惯。最后，UI的高级形态可以理解为User Invisible（中文：看不见的）。对用户而言，在这一层面UI是“不可见的”，这并非是指视觉上的不可见，而是让用户在界面之下与系统自然地交互，沉浸在他们喜欢的内容和操作中，忘记了界面的存在。其实这就是用户体验，不仅仅是界面，而是以用户为中心进行界面结构、行为、视觉层面的设计。从百科的对UI设计的定义可以看出，UI设计包含了界面设计、交互设计和用户体验设计，这也是国内众多UI设计书籍中的对UI设计的定义。比如在《术与道：移动应用UI设计必修课》、《视界·无界：写给UI设计师的设计书》、《UI设计精品必修课》等国内设计书籍都有类似的观点。甚至有这么一个很流行的比喻：如果把一款软件产品比作一个美女的话，视觉就是一个美女的化妆和打扮，交互就是一个美女的五官位置及骨骼体态，用户体验就是美女是否善解人意、功能贴心、易用好用等。第二种，UI设计、交互设计和用户体验设计是独立的学科，他们虽然有很多重叠部分，但交互设计和用户体验设计不属于UI设计，甚至UI设计等同于界面设计。在Joel Marsh的《用户体验设计：100堂入门课》这本书中，作者举了个例子：“UI和UX（用户体验设计）是两种不同的工作。如果有的公司有‘UI/UX’这一职称，那说明这家公司根本不了解什么是UX，或者他们想花一份钱就让人做两份工作。要当心。”在《这才是用户体验设计：人人都看得懂的产品设计书》里，作者认为界面设计包括信息层和呈现层。UI设计的范围比界面设计要小得多，通常仅关注虚拟产品的信息呈现，而且较少涉及艺术向的视觉设计。信息层则由交互设计师负责，待界面上要呈现的信息架构和具体信息明确后，UI设计师才开始设计工作。其次UX设计师主要关注上层设计，而UI的工作非常细，比如如按钮、字体的设计。这种观点也是目前国内多数企业和设计师对UI设计的定义，UI设计就主要是负责界面设计的工作，尤其指移动端产品界面，比如APP、智能设备等。结合以上两种流派对UI设计的定义，我认为，从视觉层面，UI设计可以定义为用户界面设计，不管是web端、移动端还是其他智能设备，凡是涉及到用户界面的设计，都可以归纳为UI设计；从交互层面，UI设计还需要思考界面对功能的隐喻和引导，从而帮助用户完成对应的操作；从体验层面，UI设计需要从视觉、色彩、行为和交互等方面为用户提供优秀的体验，让用户可以和系统自然地交互，沉浸在他们系统操作中。总之，一名优秀的UI设计师，绝非只是画好图标、完成界面设计这样的基础工作，而是从整个产品的用户体验出发，从视觉到实际操作，为用户提供最友好的使用体验。理解这个概念，我们才能确立真正的学习目标和职业定位，朝着一名优秀的UI设计师而努力。参考文献：百度百科-UI设计《术与道：移动应用UI设计必修课》- 余振华《视界·无界：写给UI设计师的设计书》- 王涵《UI设计精品必修课》- 常丽 李才应《用户体验设计：100堂入门课》- Joel Marsh《这才是用户体验设计：人人都看得懂的产品设计书》- 李磊

我们看看维基百科对艺术的介绍。艺术是指凭借想象力、经验等综合人为因素的融合与平衡，以创作隐含美学的器物、环境、影像、动作或声音的表达模式。而百度百科则对艺术没有明确的定义。艺术是一种社会现象、社会事物，属上层建筑中的社会意识形态，其次也指向各种技术活动，比如画、雕刻、建筑等活动。艺术的目的可以分为无动机的及有动机的两类。无动机的艺术是指那些本来就是人类不可或缺一部分的艺术，这类的艺术超越个人，或是不是为某一特定目的所创作。有动机的艺术是指那些因为特定目的产生的艺术。可能是为了政治的变革、表达特定的感情、陈述个人心理，或是作为一个交流的工具。原研哉在《设计中的设计》对设计和艺术也发表了自己的看法。艺术说到底是个人意愿对社会的一种表达，其起源带有非常个人化的性质，所以只有艺术家自己才知道其作品的来源。而设计，则基本上不是一种自我表达，它源于社会。设计的实质在于发现一个很多人都遇到的问题，然后试着去解决的过程。简单总结，设计和艺术有很多重叠的部分，两者最本质的区别是设计的本质是满足需要，包含更多的商业述求，而艺术的目的是表达艺术家对世界的看法，不受外界的约束。为什么要弄懂这两者的区别，这是因为在商业设计中或许不会给你有太多充足的时间去完成完美的稿子，而是要以甲方或企业的设计目标为主、商业设计，不是艺术，而是要通过设计满足甲方的需求。参考文献：维基百科-艺术《设计中的设计》- 原研哉

我们先看世界上第一所完全为发展设计教育而建立的学院包豪斯对于设计的三个基本观点。①设计是艺术与技术的新统一；②设计的目的是人而不是产品；③设计必须遵循自然与客观的法则来进行。包豪斯提出“以解决问题为中心”的设计理念。他们认为设计是为了解决问题，不论是设计一个水壶，还是一款手机应用软件，设计师都是在为他人服务，在帮使用者解决问题。这个设计理念深深地影响了设计界。设计是理性和感性的结合，并以解决问题、满足人们的需要为目的。中国现代设计和现代设计教育的重要奠基人之一、美国设计教育最高学府——美国艺术中心设计学院教授王受之在他的著作《世界现代设计史》中写过这样一句话：“设计是为他人服务的活动。”日本当代国际级平面设计大师艺术总监原研哉在《设计中的设计》一书中也有类似的表达：“设计的实质在于发现很多人都遇到的问题然后试着去解决的过程。”综上所述，设计的目的是用设计方案来满足用户的需要，而不是单纯产出设计师认为美观的方案。这是设计过程中最重要的指导原则之一。如果不理解设计的本质，我们在以后的商业设计中就很容易陷入一个怪圈，我觉得这个界面这样设计得非常好看，但客户却让我去临摹另外一个我认为很普通的产品界面，客户觉得那个才是他想要的。参考文献：《步步为赢：交互设计全流程解析》- 董尚昊

我们先看百度百科对设计的定义。设计，是指设计师有目标、有计划地进行技术性的创作与创意活动。维基百科认为，所谓设计，即“设想和计划，设想是目的，计划是过程安排”，通常是指有目标和计划的创作行为及活动。著名的美国设计理论学家维克多·帕帕奈克认为，设计是为构建有意义的秩序而付出的有意识的、直觉上的努力。他认为设计有两个步骤。第一步：理解用户的期望、需要、动机，并理解业务、技术和行业上的需求与限制。第二步：将这些知道的东西转化为对产品的规划（或者产品本身），使产品的形式、内容和行为变得有用、能用、令人向往，并且在经济和技术上可行。简单总结一下，设计是有目的的，有计划的、满足用户的期望的行为。比如企业需要设计一个官网进行对外宣传，网站的设计就属于有目的、有计划的工作，而宣传则是企业的核心需求。为什么我们需要先了解“设计”的概念？这是因为UI设计只是设计的一个细分领域，设计的种类非常多，设计在许多领域都有应用，涉及的方面也比较广泛。只有初步了解这个宏观的大概念，我们才能更清晰地看清楚UI设计的本质，从而为我们的学习进行指导。参考文献：百度百科-设计维基百科-设计《步步为赢：交互设计全流程解析》- 董尚昊

一、为谁写？我在2022年转型到知识付费以后，认识了太多的设计师朋友，也建立了自己的社群。其中让我印象最深的有这么一类用户群体，他们很早就在大学期间为了学习UI设计，花了很多钱报了各种培训班，但最后的结果却不如人意。很多培训班太注重于软件技能的操作，而忽略UI设计其实是一门学科，如果学生知其然不知其所以然，那么即便学会了Sketch、Figma这些工具，他们也不知道学了UI设计到底能有什么用，未来又该如何去规划自己的职业生涯。这些朋友里面，留给我印象最深的，是一个刚毕业的女孩。她给我说，贷了两次款，毕业后还是不知道UI设计到底能干啥，现在勉强找到一份设计的工作，每个月还要还着贷款走。我当时把这个朋友免费邀请到我的私董会星球了，让她去看我讲的书、录的课程，期望能给她带来一丝温暖和希望。其次在我最早开始建立社群的时候，有一个探友在站酷看到我的产品拆解以后，跑来加我，然后给我说：“我一直质疑培训班老师的讲课内容，因为我觉得设计这门职业，如果只学会软件，那是不够的，肯定需要学习一些设计原则和理论。所以当我看了你的产品拆解以后，我很受启发，我觉得学会这些设计理论特别重要。”这些真实的故事，让我印象深刻，也让我开始反思，造成这种现象的原因是什么。所以这个专栏的内容，在很久之前就藏在我的心里了。我想去做一个UI设计的知识树，给那些准备学习UI设计以及正在从业的设计师们提供一个清晰、可视化的学习体系，从而帮助他们从一个宏观、系统的角度去勘察这个行业，发展趋势是什么、是否值得入行，从0到1又需要哪些步骤。这个专栏，主要为这几类朋友而创作。第一，正在上学，准备想学习UI设计的大学生；第二，刚毕业准备报班学习UI设计，或已经从培训班刚毕业出来的应届生。第三，虽然已经从事UI设计三五年，但对UI设计还是一知半解，混混霍霍做设计的职场设计师。二、写什么内容？这个专栏的名字叫「新手UI设计学习100问」，顾名思义，主要是通过100个常见问答解决初学者在学习UI设计初期的困惑，比如什么是UI设计？设计的目的是什么？UI设计需要学会什么必备技能？UI设计又有什么不要钱的学习方法等等。为什么用问答的形式？这是受一个朋友的创作启发，让我确定了以这种形式来创作，这样更易于大家理解和学习。另外这份专栏的内容，我也将会尽自己最大的精力，从百度百科、维基百科以及国内外的设计书籍中一边查一边写，努力制作成一本UI设计新手学习的知识手册，解决新手初学者的种种困惑，给他们提供一个学习的知识树和进度条。三、内容结构目前我把这个专栏拆分为四块内容，分别是认识UI、就业前景、学习方法和如何求职四个章节。第一章是认识UI，我会从设计的目的、UI设计的定义和分类开始让初学者对UI设计有一个初步的了解。（这个部分的内容也许适用于80%的UI设计师，虽然很多设计师已经从业了多年，但对UI设计还是一知半解。）第二章是就业前景，通过UI设计当前的工作内容、薪资收入和职业发展等维度告诉初学者UI设计的就业趋势，降低就业选择风险。第三章是学习方法，我想给初学者提供一个学习知识树和能力晋升模型，只有知道最终要去哪里，自己当前又在哪里，应该如何努力，他们才能像玩游戏一样，每天对知识的汲取都充满动力。第四章是求职方法，通过拆解企业对UI设计师的招聘需求，抽丝剥茧地让初学者理解求职的本质和方法。四、初拟目录这是初步拟定的目录，非最终交付目录。其次这份专栏我将会筛选30个左右的问答免费给大家分享试看。1. 认识UI1.1. 什么是设计？（已完结）1.2. 设计的目的是什么？（已完结）1.3. 设计和艺术的区别？（已完结）1.4. UI设计是什么？（已完结）1.5. UI设计有什么分类？（已完结）1.6. UI和UE、UX的区别？1.7. UI设计和平面设计的区别（已完结）1.8. UI设计和电商设计有什么区别？（已完结）1.9. UI设计有什么价值？1.10. 国内UI设计的发展历程2. 就业前景2.1. UI设计师现在的就业前景怎么样？2.2. 哪些公司和行业需要招聘UI设计师？2.3. UI设计师饱和了吗，还值得选择吗？2.4. 失业的UI设计师越来越多，还能选择UI设计吗？2.5. UI设计师的工作流程是怎样的？2.6. UI设计师主要负责什么工作内容?2.7. 新手UI设计师的薪资收入一般在哪个水平？2.8. UI设计师的薪资收入晋升模型2.9. UI设计师会经常加班吗？2.10. UI设计师的工作压力大吗？2.11. UI设计师职业发展路线图是怎样的？2.12. UI设计师是不是过了30岁就会过气？2.13. 技术岗位未来是否一定要朝着管理岗发展吗？2.14. 一二三线城市的环境对UI设计师就业和成长有影响吗2.15. 谈不上对UI设计特别热爱，但觉得UI设计工资高，可以选择这个行业吗？2.16. 学会UI设计可以创业或做自由设计师吗？3. 如何学习3.1. UI设计师需要学习什么内容？3.2. UI设计师需要掌握哪些必备技能？3.3. UI设计学习的步骤是什么？3.4. 需要多久才能成为一个优秀的设计师?3.5. 除了设计，UI设计师还需要培养什么职业技能？3.6. 学习UI设计的常见方法3.7. UI设计可以自学吗？3.8. 自学UI设计有什么难点和挑战？3.9. 审美能力不好，可以学好UI设计吗？3.10. UI设计需要学习什么软件?3.11. 学会软件一般需要多长时间？3.12. UI设计需要买苹果电脑吗？3.13. 用Photoshop可以设计UI吗？3.14. UI设计需要看什么设计书籍？3.15. 有哪些免费学习的教程网站？3.16. 录播课程和设计培训班有什么区别？3.17. 有那些物美价廉的付费课程推荐？3.18. 选择设计培训班需要注意什么？3.19. 培训班学完以后就能成为UI设计师了吗？3.20. 培训班对找工作有帮助吗？3.21. UI设计师需要美术相关专业吗3.22. 什么样的专业更适合UI设计？3.23. 学历对UI设计师的学习有影响吗？3.24. 设计临摹对新手UI设计师有什么帮助？3.25. 设计临摹有什么技巧和方法？3.26. 设计临摹的作品可以加入个人作品集吗？3.27. 一名好的UI设计师应该具备什么素质？3.28. 优秀的设计师都有什么好的设计习惯？4. 如何求职4.1. 企业招聘UI设计师的流程是什么？4.2. 企业招聘UI设计师主要考核标准是什么？4.3. 企业愿意招聘新手UI设计师吗？4.4. 新手UI设计师应该选择什么样的企业？4.5. 去不了大厂，新手设计师是不是就没前途？4.6. 创业团队、小公司值得新手UI设计师去吗?4.7. UI设计师的求职流程是什么？4.8. UI设计师求职需要准备什么资料？4.9. 简历设计对UI设计师重要吗？4.10. 如何设计一份优秀的作品集？4.11. 新手UI设计师有什么求职技巧？4.12. 学历低对UI设计师的求职有没有影响，如何规避？4.13. 没有工作经验怎么办，能找到工作吗？4.14. 一直找不到工作怎么办，是不是应该放弃UI设计？五、目前的进度我已经完成了第一章大部分内容，目前已经撰写了约5000字，平均每个问题800字。除了需要参考百度百科和维基百科，还要翻阅各种设计书籍和搜索各种问题，以我目前创作内容的篇幅看，这份专栏应该在10万字左右，相当于一本300页左右的实体书籍。为了避免我的观点过于主观，我也邀请了《UI那些事儿-新手设计师的成长之路》作者风筝KK负责部分内容的审核，为大家提供客观、真实有价值的内容。六、观看方式和定价这个专栏已经和美叶课堂敲定合作，将会同步到他们的课堂栏目正式销售（支持PC和移动端观看）。不过我也将会在小报童（一个为知识创作者提供专业付费专栏的工具）同步销售，大家也可以在微信内即可观看。至于价格，和听书学设计的星球一样，采用阶梯式定价，初始价格只需29元，一次性买断，终生享有阅读权限。其次随着这份专栏的内容增加，每更新10个，就涨价10元，所以越早买越划算。这个时代，大家都不容易，这个专栏的费用，纯粹就是为了和大家交个朋友了。最后，如果这份专栏购买人数超过1000人，我将会继续打造《UI设计学习精进100问》、《全链路设计学习100问》、《B端设计学习100问》和《交互设计学习的99个知识卡片》等系列主题，如果你觉得的我的内容有价值，欢迎预购，扫码支付后，请添加好友！PS：廖尔摩斯私董会知识星球会员可在星球免费阅读，听书星球会员可享受8折折扣（购买后联系廖尔摩斯，返现金红包）！七、常见问题1. 这个专栏在哪里看？这份专栏可以在美叶课堂和小报童观看。美叶课堂使用PC端浏览学习效果体验更好，而小报童更适合在移动端和微信阅读。2. 这个专栏多久更新一次?只要我不发生重大疾病或其他特殊事情，我会每周更新，预计在2023年4月份之前，全部更新完。如果大家的热情高涨，购买人数多，我就会加快更新频率。3. 这个专栏可以免费试看吗？支持，而且我将会免费分享30个左右的问答给大家阅读观看。4. 这个专栏以后会免费吗?有可能，不过这也许是很久以后的事情了。