X
0
样编辑：李老师
QQ：44846277
电话：0411-84707492
邮箱：
Cinema 4D项目实践教程
作者：张翼翔 刘梦杰 乐田田
出版时间：2022-12-01
定价：57.80元
Photoshop项目实践教程（第七版）
荐
作者：李征
出版时间：2023-07-01
定价：65.00元
视音频特效技术标准教程
作者：徐鹏
出版时间：2023-12-01
定价：79.80元
UI界面设计
作者：高建芳
出版时间：2025-01-01
定价：48.80元
当今，在互联网+的时代背景下，新型的智能产品层出不穷，对 UI有着巨大的需求，使得UI设计行业备受关注。UI设计领域的应用广泛，从传统的网页设计到移动应用、电子商务、游戏界面、虚拟现实等各个领域都需要专业的 UI设计师。UI设计师是目前信息产业中最为抢手的人才之一。
基于党的二十大报告中“我们要坚持教育优先发展、科技自立自强、人才引领驱动，加快建设教育强国、科技强国、人才强国，坚持为党育人、为国育才，全面提高人才自主培养质量，着力造就拔尖创新人才，聚天下英才而用之”的相关要求，本书以学生的全面发展为培养目标，融“知识学习、技能提升、素质培育”于一体，面向行业发展需要，培养 UI界面设计方向的专业型、实用型、技术型创新人才，为社会输送新鲜血液，促进互联网市场的发展。本书编者根据自己多年的 UI设计授课经验，与企业高级工程师合作，精心选择适合职业院校学生学习和制作的案例，聚焦 UI设计岗位工作流程，将设计思路、设计规范、实操方法和经验技巧融入整个知识体系，让学生对 UI设计师这一岗位和整个行业有清晰的认识，并掌握 UI设计师岗位所需的基本操作技能。
本书主要有以下特点:
(1)教材有企业高级工程师参与编写，以企业需求为导向，以企业岗位的真实工作过程和典型工作任务为主线构建内容，确保教学内容与职业岗位需求紧密结合，融入学生职业技能竞赛和职业资格证书的知识点、技能点，按照相关知识、任务实操、拓展任务、学习反思体例进行编写，实践性强，突出职业性，所涉及的内容均是UI设计师岗位必不可少的知识，以提升学生的就业竞争力。
(2)教材遵循高素质技能人才培养规律，从理论到实战再到拓展，形成一个闭环，培养学生在掌握知识目标的基础上逐渐到具备 UI设计岗位的能力目标，最终实现素质目标的全面提升。
(3)教材对接岗、证、课、赛重构教学内容，形成三阶段项目递进的 29 个典型工作任务，项目由 UI基本知识的设计之基到组件控件图标的设计之美最后到整体界面的设计之韵，层层递进，逐步推进。
(4)教材每个项目融入一个拓展任务，以思政为主线构建教学内容，既把学生带入工作实践当中，又从任务中贯彻素质教育，专业课与思政课同频共振，从而扩大专业课的授课深度和广度，使专业课迅速升温。
(5)教材的导论部分和每个项目都配有教学目标、学习目标、技能目标和素质目标，可以全面指导教学活动，明确学习方向，促进学生的学习和发展，提升学生的综合素养。
(6)教材中案例丰富，配有明确的任务描述、思路剖析和任务实施步骤，讲解到位，各种重要技术贯穿其中，工作流程拆解明晰，意在提高学生的分析和解决问题能力，让学生学会举一反三。在任务实操时，配图标注明确，更有技巧的提示和工作经验分享，让学生学习更高效轻松。
(7)教材采用“一书一课一空间”的新形态模式，即:一本纸质教材同时配备一门精品在线开放课程(MOOC)和一个方便开展信息化教与学活动的网络空间(智慧职教)，更好地实现线上线下混合式教学
教材包含导论和五个项目。内容包含 UI设计基础、常用控件的设计与制作、UI图标设计与制作、移动端 App UI设计、PC端 UI设计、App 界面设计项目实战。具体包括 UI设计的基本概念、UI设计的工作流程和 UI设计的原则及 UI界面设计中的构成方法、色彩搭配技巧、UI界面设计的风格，分类讲解 U1控件，例如按钮、开关、滑动条、搜索框等 UI常用控件的设计思路和制作方法，线性化、扁平化、拟物化等风格图标的设计思路和制作方法、图标的动效设计，Android 系统和iOS系统的 UI设计规范，Web UI布局、常规模块设计与制作以及 App界面从原型图绘制到视觉设计的项目开发等。每个项目按照相关知识、任务实操、拓展任务学习反思体例进行编写，采用“基于工作过程”的任务驱动法编写的一本实战性很强的教材，内容详实，图文并茂地将理论知识、软件技术、艺术设计、思政元素充分展示出来。
本书适合作为高等职业院校计算机、数字媒体、艺术类等相关专业的教材，也可作为自学人员的参考书。为方便教与学，本书提供全套教学资料，其中案例素材、源文件、教案、教学课件配有下载地址(https://www.dutp.cn/sve/)，微课视频通过扫描书中二维码观看，在线精品开放课程请扫描下方二维码或登录智慧职教(https://mooc.icve.com.cn/cms/courseDetails/index，htm?classId=784b93a2d0544b06bde385e7d5d98e4b)观看。
导 论 UI设计基础 …………………………………………………………………… 1
0.1 UI设计概述 ……………………………………………………………………………… 2
0.2 UI设计的分类 …………………………………………………………………………… 5
0.3 UI设计流程 ……………………………………………………………………………… 8
0.4 UI设计原则 …………………………………………………………………………… 10
0.5 常用 UI设计工具 ……………………………………………………………………… 11
0.6 UI设计师所具备的技能 ……………………………………………………………… 14
0.7 UI界面设计中的构成方法 …………………………………………………………… 18
0.8 色彩搭配技巧…………………………………………………………………………… 24
0.9 UI界面设计的风格 …………………………………………………………………… 27
项目一 常用控件的设计与制作 ……………………………………………………… 30
1.1 UIKIT 概述 …………………………………………………………………………… 31
1.2 UIKIT 设计规范 ……………………………………………………………………… 31
任务1-1 白色轻质感开关制作 ………………………………………………………… 42
任务1-2 质感滑动条制作 ……………………………………………………………… 46
任务1-3 播放进度条的制作 …………………………………………………………… 50
任务1-4 时间选择器的制作 …………………………………………………………… 52
任务1-5 登录按钮的制作 ……………………………………………………………… 55
任务1-6 登录文本框制作 ……………………………………………………………… 59
任务1-7 搜索框的制作 ………………………………………………………………… 61
任务1-8 单选、复选框制作 ……………………………………………………………… 63
任务1-9 下拉选择框的制作 …………………………………………………………… 64
任务1-10 TAB切换块的制作…………………………………………………………… 67
拓展任务 节约用水,珍爱生命标志设计………………………………………………… 69
项目二 UI图标设计与制作 …………………………………………………………… 73
2.1 图标设计………………………………………………………………………………… 74
2.2 扁平化风格图标………………………………………………………………………… 84
2.3 拟物化风格图标………………………………………………………………………… 88
2.4 其他风格图标…………………………………………………………………………… 89
2.5 动效图标………………………………………………………………………………… 90
任务2-1 扁平化开关图标绘制 ………………………………………………………… 92
任务2-2 绘制厚度感图标 ……………………………………………………………… 95
任务2-3 写实计算器图标的制作 ……………………………………………………… 97
任务2-4 信号发射图标制作 …………………………………………………………… 101
任务2-5 标签栏导航图标的制作 ……………………………………………………… 103
任务2-6 Wi-Fi图标的制作 …………………………………………………………… 106
任务2-7 电池电量图标的制作 ………………………………………………………… 107
任务2-8 手机系统-拨号图标制作 ……………………………………………………… 108
任务2-9 谷歌浏览器图标的绘制 ……………………………………………………… 112
拓展任务 树立环保意识,循环再生标志绘制 ………………………………………… 114
项目三 移动端 AppUI设计 ………………………………………………………… 117
3.1 移动端 UI设计常识 ………………………………………………………………… 117
3.2 移动 UI设计规范 …………………………………………………………………… 127
任务3-1 iOS系统旅游类 App登录页制作 …………………………………………… 140
任务3-2 iOS系统计算器 App界面的制作 …………………………………………… 151
任务3-3 Android系统手机锁屏界面制作 …………………………………………… 155
拓展任务 QQ 音乐 App闪屏页制作 ………………………………………………… 166
项目四 PC端 UI设计 ……………………………………………………………… 171
4.1 PC端 UI设计常识 …………………………………………………………………… 172
4.2 WebUI布局设计 …………………………………………………………………… 176
4.3 Web界面常规模块 …………………………………………………………………… 179
4.4 PC端 UI设计流程 …………………………………………………………………… 183
任务4-1 百度极速云盘logo设计 ……………………………………………………… 184
任务4-2 百度极速云盘顶部导航设计 ………………………………………………… 187
任务4-3 百度极速云盘主界面设计 …………………………………………………… 189
拓展任务 信息引领,助力农村发展 …………………………………………………… 191
项目五 App界面设计项目实战 …………………………………………………… 195
5.1 优易购 App项目 ……………………………………………………………………… 195
5.2 优易购 App项目草图和原型图设计 ………………………………………………… 196
5.3 优易购 App项目设计定位 …………………………………………………………… 207
5.4 优易购 App项目设计优化 …………………………………………………………… 208
5.5 优易购 App项目标注切图 …………………………………………………………… 222
参考文献 ………………………………………………………………………………… 224
微课－4时间选择器的制作1
微课－7搜索框的制作1
课件－UI界面设计
教案－UI界面设计
素材包－UI界面设计
习题答案－UI界面设计
课件2－UI界面设计
扫码关注
返回顶部
很抱歉！您正在使用的浏览器版本过低，无法正常使用我们的网站，请升级后再试！
为获得最佳浏览体验，建议您升级或使用其他浏览器，我们列出了一些最受欢迎的浏览器供您尝试：
