顶部
收藏

UI设计——创意表达与实践(第2版)

“十四五”职业教育国家规划教材

作者:
肖文婷
定价:
49.50 元
版面字数:
380千字
开本:
16开
装帧形式:
平装
版次:
2
最新版次
印刷时间:
2026年
ISBN:
978-7-04-060189-3
物料号:
60189-00
出版时间:
2025-11-14
读者对象:
高等职业教育
一级分类:
计算机大类
二级分类:
数字艺术设计类

本书为“十四五”职业教育国家规划教材,也是国家职业教育数字媒体专业群教学资源库配套教材。

“UI设计”是高等职业院校数字媒体艺术设计专业的一门专业必修课程,也是该专业学生需要具有的核心能力之一。本书包括了解UI设计行业和UI设计师的工作内容,理解UI设计的基础理论知识,掌握图标设计、App界面设计、网站界面设计的相关方法及技巧等内容。

本书配有微课视频、授课用PPT、案例素材等丰富的数字化教学资源。与本书配套的数字课程“UI设计”在“智慧职教”平台(www.icve.com.cn)上线,学习者可以登录平台进行在线学习及资源下载,授课教师可以调用本课程构建符合自身教学特色的SPOC,详见“智慧职教”服务指南。本书同时配有MOOC,学习者可以访问“智慧职教MOOC学院”(mooc.icve.com.cn)进行在线开放课程学习。授课教师也可登录“高等教育出版社产品信息检索系统”(xuanshu.hep.com.cn)搜索并下载本书配套教学资源,首次使用本系统的用户,请先进行注册并完成教师资格认证。

本书可作为高等职业院校“UI设计”课程的教材,也可作为UI设计爱好者的学习和参考用书。

  • 目录
    • 前辅文
      • 单元1 初识UI设计的世界
        • 【学习目标】
          • 【引例描述】
            • 【知识准备】
              • 1.1 初识UI设计
                • 1.1.1 什么是UI设计
                  • 1.1.2 UI设计常用名词及缩写
                    • 1.1.3 UI设计的分类
                    • 1.2 初识UI设计行业
                      • 1.2.1 UI设计行业现状
                        • 1.2.2 UI设计对口岗位
                          • 1.2.3 未来UI设计新领域
                          • 1.3 初识UI设计师
                            • 1.3.1 UI设计师所需装备
                              • 1.3.2 UI设计师必备技能
                                • 1.3.3 UI设计师的职业规划
                                • 1.4 UI设计工作流程
                                  • 1.4.1 自主软件产品开发流程
                                    • 1.4.2 外包公司产品开发流程
                                      • 1.4.3 网站推出流程
                                        • 1.4.4 企业体制与文化环境对UI设计工作的影响
                                        • 任务1——应聘UI设计师岗位【难度★★】
                                          • 【知识引导】
                                            • 【任务实施】
                                            • 【课后回顾与思考】
                                              • 【拓展训练】
                                                • 【学习评估】
                                                  • 【小结】
                                                  • 单元2 图标设计
                                                    • 【学习目标】
                                                      • 【引例描述】
                                                        • 【知识准备】
                                                          • 2.1 图标设计基础
                                                            • 2.1.1 图标的概念
                                                              • 2.1.2 图标、标志与标识的区别
                                                                • 2.1.3 图标设计的作用和意义
                                                                  • 2.1.4 图标设计原则
                                                                    • 2.1.5 图标的分类
                                                                      • 2.1.6 图标设计规范
                                                                      • 2.2 图标概念设计
                                                                        • 2.2.1 图标概念设计流程
                                                                          • 2.2.2 图标概念设计的灵感来源方法
                                                                          • 任务2——像素图标的绘制【难度★★★】
                                                                            • 【知识引导】
                                                                              • 【任务实施】
                                                                                • 【知识点拓展】
                                                                                • 任务3——2D剪影图标的绘制【难度★★★】
                                                                                  • 【知识引导】
                                                                                    • 【任务实施】
                                                                                      • 【知识点拓展】
                                                                                      • 任务4——写实图标的绘制【难度★★★】
                                                                                        • 【知识引导】
                                                                                          • 【任务实施】
                                                                                            • 【知识点拓展】
                                                                                            • 任务5——扁平化图标的绘制【难度★★】
                                                                                              • 【知识引导】
                                                                                                • 【任务实施】
                                                                                                  • 【知识点拓展】
                                                                                                  • 【课后回顾与思考】
                                                                                                    • 【拓展训练】
                                                                                                      • 【学习评估】
                                                                                                        • 【小结】
                                                                                                        • 单元3 App界面设计
                                                                                                          • 【学习目标】
                                                                                                            • 【引例描述】
                                                                                                              • 【知识准备】
                                                                                                                • 3.1 App界面设计基础
                                                                                                                  • 3.1.1 常见智能手机操作系统
                                                                                                                    • 3.1.2 App的界面构成
                                                                                                                      • 3.1.3 App设备的界面设计规范
                                                                                                                      • 3.2 App视觉设计流程及方法
                                                                                                                        • 3.2.1 产品定位及市场分析阶段
                                                                                                                          • 3.2.2 草图绘制和架构设计阶段
                                                                                                                            • 3.2.3 视觉设计及界面美化阶段
                                                                                                                              • 3.2.4 界面输出及可用性测试阶段
                                                                                                                                • 3.2.5 产品上线及优化方案阶段
                                                                                                                                  • 3.2.6 成功App的设计思路与注意事项
                                                                                                                                  • 3.3 7类App界面设计欣赏及要点分析
                                                                                                                                    • 3.3.1 金融相关App界面设计实例
                                                                                                                                      • 3.3.2 网购电商相关App界面设计实例
                                                                                                                                        • 3.3.3 摄影美图相关App界面设计实例
                                                                                                                                          • 3.3.4 新闻阅读相关App界面设计实例
                                                                                                                                            • 3.3.5 社交地图相关App界面设计实例
                                                                                                                                              • 3.3.6 音乐播放相关App界面设计实例
                                                                                                                                                • 3.3.7 工具相关App界面设计赏析
                                                                                                                                                • 3.4 App界面设计检查标准
                                                                                                                                                  • 任务6——电商App界面设计与输出【难度★★★★】
                                                                                                                                                    • 【知识引导】
                                                                                                                                                      • 【任务实施】
                                                                                                                                                        • 【知识点拓展】
                                                                                                                                                        • 【课后回顾与思考】
                                                                                                                                                          • 【拓展训练】
                                                                                                                                                            • 【学习评估】
                                                                                                                                                              • 【小结】
                                                                                                                                                              • 单元4 网站界面设计
                                                                                                                                                                • 【学习目标】
                                                                                                                                                                  • 【引例描述】
                                                                                                                                                                    • 【知识准备】
                                                                                                                                                                      • 4.1 网站界面设计的前期定位
                                                                                                                                                                        • 4.1.1 网站目标分析
                                                                                                                                                                          • 4.1.2 用户需求分析
                                                                                                                                                                            • 4.1.3 网站类型与规模
                                                                                                                                                                            • 4.2 视觉设计元素
                                                                                                                                                                              • 4.2.1 文字
                                                                                                                                                                                • 4.2.2 图形图像
                                                                                                                                                                                  • 4.2.3 色彩
                                                                                                                                                                                    • 4.2.4 布局
                                                                                                                                                                                      • 4.2.5 动态效果
                                                                                                                                                                                      • 4.3 网页设计规范
                                                                                                                                                                                        • 4.3.1 画板尺寸
                                                                                                                                                                                          • 4.3.2 文字规范
                                                                                                                                                                                            • 4.3.3 图片规范
                                                                                                                                                                                            • 4.4 网站用户体验
                                                                                                                                                                                              • 4.4.1 浏览型体验网站
                                                                                                                                                                                                • 4.4.2 交互型体验网站
                                                                                                                                                                                                  • 4.4.3 信任型体验网站
                                                                                                                                                                                                    • 4.4.4 感受型体验网站
                                                                                                                                                                                                    • 4.5 网站界面设计流程
                                                                                                                                                                                                      • 4.5.1 原型图阶段
                                                                                                                                                                                                        • 4.5.2 视觉稿阶段
                                                                                                                                                                                                          • 4.5.3 设计规范阶段
                                                                                                                                                                                                            • 4.5.4 切图阶段
                                                                                                                                                                                                              • 4.5.5 前端代码阶段
                                                                                                                                                                                                                • 4.5.6 项目走查阶段
                                                                                                                                                                                                                • 4.6 9项网站界面设计要素规范
                                                                                                                                                                                                                  • 4.6.1 网站站名/标题文字
                                                                                                                                                                                                                    • 4.6.2 导航
                                                                                                                                                                                                                      • 4.6.3 功能块
                                                                                                                                                                                                                        • 4.6.4 控制
                                                                                                                                                                                                                          • 4.6.5 语言
                                                                                                                                                                                                                            • 4.6.6 反馈
                                                                                                                                                                                                                              • 4.6.7 一致性
                                                                                                                                                                                                                                • 4.6.8 防止出错
                                                                                                                                                                                                                                  • 4.6.9 视觉清晰
                                                                                                                                                                                                                                  • 任务7——企业门户网站设计实例【难度★★★★】
                                                                                                                                                                                                                                    • 【知识引导】
                                                                                                                                                                                                                                      • 【任务实施】
                                                                                                                                                                                                                                      • 任务8——电商网站设计实例【难度★★★】
                                                                                                                                                                                                                                        • 【知识引导】
                                                                                                                                                                                                                                          • 【任务实施】
                                                                                                                                                                                                                                          • 任务9——活动专题网站设计实例【难度★★★★】
                                                                                                                                                                                                                                            • 【知识引导】
                                                                                                                                                                                                                                              • 【任务实施】
                                                                                                                                                                                                                                                • 【知识点拓展】
                                                                                                                                                                                                                                                • 【课后回顾与思考】
                                                                                                                                                                                                                                                  • 【拓展训练】
                                                                                                                                                                                                                                                    • 【学习评估】
                                                                                                                                                                                                                                                      • 【小结】
                                                                                                                                                                                                                                                      • 本书引用案例图片主要来源及参考书籍
                                                                                                                                                                                                                                                        • 附录:学生作品欣赏
                                                                                                                                                                                                                                                          • 后记

                                                                                                                                                                                                                                                          相关图书