《Photoshop CC UI设计案例教程》课件 第1章 初识UI设计

本章介绍：随着互联网市场的成熟，企业对UI设计从业人员的要求变得更加全面。AI技术的融入，也在重构UI设计的工作方式。因此，想要从事UI设计行业的人员需要系统地学习并更新自己的知识体系。本章对UI设计的概念、常用软件、项目流程、风格、行业现状与发展趋势以及学习方法进行系统讲解，并围绕AI辅助UI设计的常用工具与流程嵌入逻辑展开探讨。通过本章的学习，读者可以对UI设计有基本的认识，为后续的学习打好基础。第1章初识UI设计掌握UI设计的概念熟悉UI设计的常用软件了解UI设计的行业现状与发展趋势熟悉UI设计中常用的AI工具知识目标掌握UI设计的项目流程掌握UI设计的风格掌握UI设计的学习方法能力目标培养UI设计的学习兴趣培养获取UI设计新知识、新技能、新方法的基本能力树立文化自信、职业自信素质目标1.1 UI设计基础UI设计的概念WUI和GUIUI设计常用术语中英文对照用户界面（UserInterface，UI）设计是指对软件的人机交互、操作逻辑、界面样式的整体设计。优秀的UI设计不仅要保证界面美观，更要保证交互设计（InteractionDesign，IaD）的高可用性及用户体验（UserExperience，UE/UX）的高友好度。1.1.1

UI设计的概念在设计领域，UI通常分为Web用户界面（WebUserInterface，WUI）和图形用户界面（GraphicalUserInterface，GUI）。在企业中，WUI设计师主要从事个人计算机（PersonalComputer，PC）端网页设计的工作。由于移动端包含大量GUI，因此在企业中，GUI设计师主要从事移动端App的设计工作。1.1.2WUI和GUIUI：全称为UserInterface，即用户界面。GUI：全称为GraphicalUserInterface，即图形用户界面。HUI：全称为HandsetUserInterface，即手持设备用户界面。WUI：全称为WebUserInterface，即Web用户界面。IA:全称为InformationArchitecture。UX/UE:全称为UserExperience，即用户体验。1.1.3UI设计常用术语中英文对照IxD:全称为InteractionDesign，即交互设计。UED:全称为UserExperienceDesign，即用户体验设计。UCD:全称为User-CenteredDesign，即以用户为中心的设计。UGD:全称为UserGrowthDesign，即用户增长设计。UR:全称为UserResearch，即用户研究。PM:全称为ProductManager，即产品经理。1.1.3UI设计常用术语中英文对照1.2 UI设计的常用软件UI设计常用软件分类下图的软件是考虑了软件的专业性、市场的认可度及用户的使用量等因素总结出的UI设计常用软件。1.3UI设计的项目流程项目设计流程UI设计流程针对整个产品设计流程而言，体现在多个步骤中。一个产品从启动到上线，会经历多个环节、由多个角色共同协作完成。1.3.1项目设计流程上图为大流程，下图为展开流程UI设计师（UserInterfaceDesigner，UID）是公司中专门负责界面设计的人员。其负责的具体内容包括界面设计、切图标注、动效制作等，UI设计师的主要交接文件是设计稿件与切图标注文件。1.3.2UI设计流程UI设计流程图1.4 UI设计的风格UI设计的风格在2017年由拟物化为主转变为以扁平化为主，因此UI设计的风格主要可以分为拟物化风格和扁平化风格两大类。拟物化（左）扁平化（右）拟物化风格主要通过高光、纹理、阴影等效果模拟现实物品的造型和质感，将实物在UI设计中再现。1.4.1拟物化风格拟物化图标扁平化风格去除了诸如透视、纹理、渐变等冗余、厚重和繁杂的装饰效果，运用抽象、极简和符号化的设计元素进行表现。1.4.2扁平化风格扁平化图标国内UI设计行业历经多年的发展，在行业分布、企业规模、岗位细分以及从业年限等各方面都产生了巨大的变化。想要进入UI设计行业，要先了解UI设计的行业现状及发展趋势。1.5UI设计的行业现状及发展趋势UI设计行业现状UI设计发展趋势随着多年的发展，国内UI设计的市场规模不断扩大，UI设计师的需求亦越发庞大，高级UI设计的专业人才紧缺。企业需求已经从原先单一地重视视觉美观度提升到了关注产品整体的用户体验。国内诸如阿里巴巴、腾讯、网易等大型互联网公司，都各自成立了用户体验设计部门，吸纳了众多UI设计人才。1.5.1UI设计行业现状大型互联网公司1.地域分布由于网络发展和人才聚集等原因，我国UI设计行业有着强烈的地域特征。目前，北京、上海、深圳仍然是UI设计师的主要聚集地。报告显示，北京、上海、深圳聚集了全国30%以上的设计从业者。1.5.1UI设计行业现状2.薪资水平2025年，北京的UI/UX设计师平均月薪为19500元，上海为16000元，深圳为17000元，杭州为14000元。除了地域差异，薪资也会随岗位资历和技能水平而变化。1.5.1UI设计行业现状3.专业背景从专业背景看，UI/UX设计并非单一的专业，而是一个跨学科领域。许多从业者毕业于艺术设计类专业，例如视觉传达设计、平面设计、数字媒体艺术等，所以他们具有良好的美术功底，也掌握一部分设计理论知识。也有不少设计师来自计算机、心理学、工业工程等专业，这类从业者更擅长往往侧重交互设计、用户研究等。1.5.1UI设计行业现状4.年龄结构从年龄结构来看，国内的UI设计师群体呈现显著的年轻化特征。1.5.1UI设计行业现状5.从业年限从从业年限来看，以2025年北京地区的数据为例，交互/UI设计师的招聘样本从业年限占比如下图。UI设计师群体占比最高的是拥有1～5年经验的从业者为主。1.5.1UI设计行业现状从早期的专注于工具的技法型表现，到现在要求UI设计师参与到整个商业链条、兼顾商业目标和用户体验。UI设计从技术实现、设计风格到应用领域都发生了巨大的变化。1.5.2UI设计发展趋势UI设计发展趋势1.技术实现随着科学技术的快速发展，承载UI的媒介也由传统的计算机、手机等扩展到可穿戴设备。相信虚拟现实、增强现实及其他人工智能技术的发展，会使得UI设计更加高效、交互更为丰富，并带来更多的可能性。2.设计风格UI设计的风格经历了由拟物化到扁平化的转变，现在扁平化风格依然为主流，但加入了材料设计（MaterialDesign，MD）语言，使设计更为醒目且细腻。3.应用领域UI设计的应用领域已由原先的PC端和移动端扩展到可穿戴设备、无人驾驶汽车、AI机器人等，更为广阔。1.5.2UI设计发展趋势UI设计的初学者首先要明确当下市场需求，这样才能有针对性地学习、提升。结合市场需求，我们推荐下列学习方法。1.整体学习整体学习是指进行相关课程及文章学习，建议初学者进行课程学习，这样可以系统地学习UI设计的相关知识和应用方法。1.6UI设计的学习方法

iOS界面设计规范

Android界面设计规范2.作品收集建议每天拿出1～2小时到UI中国、站酷（ZCOOL）、追波（Dribbble）等网站，浏览作品，并将合适的作品加入收藏，形成自己的资料库。1.6UI设计的学习方法UI中国站酷追波3.项目临摹对于项目临摹，建议从应用中心下载优秀的App，如图1-18所示，截图保存进行临摹。临摹时尽量做到完全一样并且要多临摹。1.6UI设计的学习方法4.项目实战有了一定的积累后，最好通过一个完整的企业项目来锻炼自己的实践能力。从原型图到设计稿再到切图标注，甚至可以制作成动效Demo。1.6UI设计的学习方法从原型图到设计稿1.7AI扩展阅读AI扩展知识1——AI辅助UI设计的常用工具AI扩展知识2——AI辅助UI设计的流程【学习目标】学习AI在UI设计中的定位、功能及适配场景，能根据UI设计需求精准选择合适的AI工具。【知识要点】通过认识AI辅助UI设计的常用工具，了解各AI工具的定位和功能，为选择合适的AI工具提伦理论依据。1.7.1AI扩展知识1—