1.全彩慕课版，直观易懂。全彩图文 十 高清慕课视频双轨教学，步骤可视化，边看边练，学习效率翻倍。 2.资源丰富，一站式教学。课堂案例、课后习题、AI 扩展案例全覆盖，配套素材与工具一键获取，学习资源不发愁。 3.结构清晰，从入门到精通。章节逻辑层层递进，覆盖 UI 设计全流程，帮助快速建立系统化知识框架。 4.操作详细，零基础也能学会。步骤拆解细致，指令清晰，就算是新手也能跟着操作，轻松掌握实战技能。

本书以理论与项目实战相结合的方式，详细讲解UI界面设计与制作的方法。第1章为初识UI设计，介绍UI设计的基本概念、常用软件、发展趋势、学习方法、项目流程，以及规范与规则。第2章到第6章分别介绍UI设计中的图标设计、控件设计、组件设计、页面设计和UI设计输出。本书除第1章外，其他章的内容均以知识点讲解加课堂案例为主线。知识点讲解部分可以帮助读者系统了解UI设计的各类规范，课堂案例部分可以帮助读者快速掌握UI设计流程并能完成案例实战操作。第2章至第6章还安排了课堂练习、课后习题和AI扩展案例，课堂练习与课后习题可以有效拓展读者的实际应用能力，AI扩展案例设计巧妙结合UI相关的AI软件和工具进行辅助设计，全方位助力读者系统掌握AI在UI设计中的核心应用技能，使读者顺利达到实战水平。本书可作为高职高专院校数字媒体艺术类专业课程的教材，也可供初学者自学参考。徐翠娟 哈尔滨职业技术学院电子与信息工程学院院长、教授，黑龙江省高职高专计算机类专业教学指导委员会副主任委员，黑龙江省教学名师，获得黑龙江省师德先进个人、黄炎培职业教育优秀教师奖等荣誉称号，主讲《图形图像处理技术》《网页设计基础》《Java程序设计》等多门课程。2010年主持的《Java项目实战》课程评为省级精品课程，2018年评为省级精品在线开放课程，2010年评为黑龙江省课程思政示范课。主编《数字影音编辑与合成案例教程》《Java程序设计》《计算机应用基础》等多部教材。主持项目获黑龙江省高等职业教育教学成果一等奖1项、二等奖1项，参与项目获全国职业教育教学成果二等奖1项。第 1章　初识UI设计　0011.1　UI设计的基本概念　0011.2　UI设计的常用软件　0021.3　UI设计的发展趋势　0031.4　UI设计的学习方法　0031.5　UI设计的项目流程　0051.6　UI设计规范与规则　005AI扩展知识1：AI辅助UI设计的常用工具　014AI扩展知识2：AI辅助UI设计的流程　014第　2章 图标设计　0152.1　线性图标　0152.1.1　基本概念　0152.1.2　使用场景　0162.1.3　设计要点　0162.1.4　课堂案例——制作探途旅游App线性图标　0182.2　面性图标　0222.2.1　基本概念　0222.2.2　使用场景　0222.2.3　设计要点　0232.2.4　课堂案例——制作探途旅游App面性图标　0242.3　线面图标　0292.3.1　基本概念　0292.3.2　使用场景　0292.3.3　设计要点　0302.3.4　课堂案例——制作探途旅游App线面图标　0302.4　课堂练习——制作臻选电商App线性图标　0352.5　课后习题——制作食汇餐饮App面性图标　0352.6　AI辅助图标设计　0362.6.1　AI扩展案例——使用豆包生成趣游旅游App果冻面性图标　0362.6.2　AI扩展案例——使用即梦AI生成享食餐饮App微质感面性图标　037第3章　控件设计　0383.1　控件　0393.1.1　控件的概念　0393.1.2　控件的获取　0393.2　按钮控件　0403.2.1　按钮控件的概念　0403.2.2　按钮控件的类型　0403.2.3　按钮控件的设计规范　0423.2.4　课堂案例——制作探途旅游App按钮控件　0443.3　选择控件　0463.3.1　选择控件的概念　0463.3.2　选择控件的类型　0463.3.3　选择控件的设计规范　0473.3.4　课堂案例——制作探途旅游App选择控件　0483.4　加减控件　0513.4.1　加减控件的概念　0513.4.2　加减控件的类型　0513.4.3　加减控件的设计规范　0513.4.4　课堂案例——制作食汇餐饮App加减控件　0523.5　分段控件　0543.5.1　分段控件的概念　0543.5.2　分段控件的类型　0543.5.3　分段控件的设计规范　0553.5.4　课堂案例——制作探途旅游App分段控件　0563.6　页面控件　0603.6.1　页面控件的概念　0603.6.2　页面控件的类型　0603.6.3　页面控件的设计规范　0613.6.4　课堂案例——制作探途旅游App页面控件　0613.7　反馈控件　0633.7.1　反馈控件的概念　0633.7.2　反馈控件的类型　0643.7.3　反馈控件的设计规范　0653.7.4　课堂案例——制作臻选电商App反馈控件　0683.8　文本框控件　0693.8.1　文本框控件的概念　0693.8.2　文本框控件的类型　0703.8.3　文本框控件的设计规范　0703.8.4　课堂案例——制作探途旅游App文本框控件　0713.9　课堂练习——制作臻选电商App文本框控件　0733.10　课后习题——制作食汇餐饮App页面控件　0743.11　AI辅助控件设计　0743.11.1　AI扩展案例1——使用妙多AI制作趣游旅游App分段控件　0743.11.2　AI扩展案例2——使用MasterGO AI制作享食餐饮App按钮控件　075第4章　组件设计　0764.1　组件　0764.1.1　组件的概念　0764.1.2　组件的获取　0774.2　导航栏　0774.2.1　导航栏的概念　0784.2.2　导航栏的类型　0784.2.3　导航栏的设计规范　0804.2.4　课堂案例——制作探途旅游App导航栏　0824.3　标签栏　0874.3.1　标签栏的概念　0874.3.2　标签栏的样式　0874.3.3　标签栏的设计规范　0884.3.4　课堂案例——制作探途旅游App标签栏　0914.4　金刚区　0984.4.1　金刚区的概念　0994.4.2　金刚区的类型　0994.4.3　金刚区的设计规范　1004.4.4　课堂案例——制作探途旅游App金刚区　1034.5　瓷片区　1074.5.1　瓷片区的概念　1084.5.2　瓷片区的类型　1084.5.3　瓷片区的设计规范　1094.5.4　课堂案例——制作探途旅游App瓷片区　1124.6　课堂练习——制作臻选电商App导航栏　1174.7　课后习题——制作食汇餐饮App标签栏　1174.8　AI辅助组件设计　1174.8.1　AI扩展案例1——使用DeepSeek和妙多AI制作趣游旅游App金刚区　1174.8.2　AI扩展案例2——使用即梦AI和MasterGo AI制作享食餐饮App瓷片区　118第5章　页面设计　1195.1　闪屏页　1195.1.1　闪屏页的概念　1205.1.2　闪屏页的类型　1205.1.3　课堂案例——制作探途旅游App闪屏页　1215.2　引导页　1235.2.1　引导页的概念　1245.2.2　引导页的类型　1245.2.3　课堂案例——制作探途旅游App引导页　1255.3　首页　1305.3.1　首页的概念　1305.3.2　首页的类型　1305.3.3　课堂案例——制作探途旅游App首页　1325.4　详情页　1465.4.1　详情页的概念　1475.4.2　课堂案例——制作探途旅游App酒店详情页　1475.5　个人中心页　1735.5.1　个人中心页的概念　1735.5.2　课堂案例——制作探途旅游App个人中心页　1745.6　注册登录页　1875.6.1　注册登录页的概念　1875.6.2　课堂案例——制作探途旅游App登录页　1885.7　课堂练习——制作臻选电商App页面　1975.8　课后习题——制作食汇餐饮App页面　1995.9　AI辅助页面设计　2015.9.1　AI扩展案例1——使用DeepSeek和妙多AI制作趣游旅游App页面　2015.9.2　AI扩展案例2——使用MasterGO AI制作享食餐饮App页面　203第6章　UI设计输出　2066.1　UI页面标注　2066.1.1　标注原因　2066.1.2　标注内容　2076.1.3　标注规则　2096.1.4　标注工具　2106.1.5　课堂案例——标注探途旅游App首页　2116.2　UI页面切图　2146.2.1　切图目的　2146.2.2　切图类型　2156.2.3　切图规则　2176.2.4　切图方法　2186.2.5　大小优化　2186.2.6　课堂案例——制作探途旅游App首页切图　2196.3　UI页面命名　2236.3.1　命名原因　2246.3.2　命名规则　2246.3.3　常用名称　2246.3.4　课堂案例——命名探途旅游App首页切图　2256.4　课堂练习——输出臻选电商App首页　2266.5　课后习题——输出食汇餐饮App首页　2276.6　AI辅助UI输出　2286.6.1　AI扩展案例1——使用妙多AI输出趣游旅游App首页　2286.6.2　AI扩展案例2——使用MasterGO AI输出享食餐饮App首页　229