描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787121337413
内容简介
本书包含四个项目，项目1 页面草图绘制：关注用户需求,；项目2 页面原型设计：关注布局、响应式页面、页面交互、流程；项目3 网页页面界面设计：关注色彩和细节；项目4 APP产品设计：关注对APP产品特征的设计把握。本教材是针对网页UI原型设计师的岗位进行的课程开发，并融入世界技能大赛网站设计项目技术标准及模块一的网页界面设计相关知识，以世赛项目为引领，围绕网页和移动应用的界面和交互设计原型技术展开，引入现在流行的栅格系统和扁平化设计理念，同时结合学生对设计知识的学习迁移过程对每个任务的要求进行渐进式编排，形成*终的以赛引领、紧贴企业实践的一体化课程。
目 录
项目一 页面草图绘制 1
任务1 手绘草图 4
1.1.1 网页布局的基本知识 5
1.1.2 响应式网页布局的设计特点 8
1.1.3 手绘草图的方法 14
任务2 手绘流程图 21
1.2.1 绘制流程图 21
1.2.2 POP软件 23
项目二 页面原型设计 28
任务1 认识Axure软件 29
2.1.1 软件安装 29
2.1.2 软件的工作环境 34
2.1.3 基本元件 34
2.1.4 元件的样式与属性 35
任务2 使用Axure软件绘制页面原型 40
2.2.1 自适应视图 41
2.2.2 栅格系统 42
2.2.3 元件使用 48
任务3 使用Axure软件进行交互设计 71
2.3.1 交互样式设置 71
2.3.2 动态面板 73
2.3.3 组合/取消组合元件 74
2.3.4 元件交互的使用?D显示/隐藏 76
2.3.5 变量 78
2.3.6 内联框架 78
任务4 使用Axure软件进行流程设计 117
2.4.1 流程图组件 117
2.4.2 母版 120
任务5 发布原型设计作品 124
2.5.1 快速预览查看原型 125
2.5.2 生成HTML文件查看原型 125
2.5.3 Web字体设置 126
2.5.4 移动设备设置 127
2.5.5 发布原型到AxShare 127
项目三 网页页面设计 137
任务1 移动端页面设计 138
3.1.1 网页设计标准尺寸 138
3.1.2 排版构成 143
3.1.3 色彩构成 146
3.1.4 扁平化概念 147
任务2 平板电脑端页面设计 182
版式构成 182
任务3 计算机端及宽屏页面设计 194
版面设计 194
任务4 页面交互设计 211
简析交互设计 211
任务5 产品汇报与展示 220
网页效果图展示 220
项目四 App产品原型设计 224
任务1 使用Axure软件绘制App产品线框图原型 225
4.1.1 App产品与Web产品 226
4.1.2 App产品常见UI组件 227
4.1.3 App产品交互设计注意事项 231
任务2 使用Photoshop软件制作App产品效果图和应用图标原型 234
任务3 使用Axure软件制作App产品高保真视觉原型 243
任务1 手绘草图 4
1.1.1 网页布局的基本知识 5
1.1.2 响应式网页布局的设计特点 8
1.1.3 手绘草图的方法 14
任务2 手绘流程图 21
1.2.1 绘制流程图 21
1.2.2 POP软件 23
项目二 页面原型设计 28
任务1 认识Axure软件 29
2.1.1 软件安装 29
2.1.2 软件的工作环境 34
2.1.3 基本元件 34
2.1.4 元件的样式与属性 35
任务2 使用Axure软件绘制页面原型 40
2.2.1 自适应视图 41
2.2.2 栅格系统 42
2.2.3 元件使用 48
任务3 使用Axure软件进行交互设计 71
2.3.1 交互样式设置 71
2.3.2 动态面板 73
2.3.3 组合/取消组合元件 74
2.3.4 元件交互的使用?D显示/隐藏 76
2.3.5 变量 78
2.3.6 内联框架 78
任务4 使用Axure软件进行流程设计 117
2.4.1 流程图组件 117
2.4.2 母版 120
任务5 发布原型设计作品 124
2.5.1 快速预览查看原型 125
2.5.2 生成HTML文件查看原型 125
2.5.3 Web字体设置 126
2.5.4 移动设备设置 127
2.5.5 发布原型到AxShare 127
项目三 网页页面设计 137
任务1 移动端页面设计 138
3.1.1 网页设计标准尺寸 138
3.1.2 排版构成 143
3.1.3 色彩构成 146
3.1.4 扁平化概念 147
任务2 平板电脑端页面设计 182
版式构成 182
任务3 计算机端及宽屏页面设计 194
版面设计 194
任务4 页面交互设计 211
简析交互设计 211
任务5 产品汇报与展示 220
网页效果图展示 220
项目四 App产品原型设计 224
任务1 使用Axure软件绘制App产品线框图原型 225
4.1.1 App产品与Web产品 226
4.1.2 App产品常见UI组件 227
4.1.3 App产品交互设计注意事项 231
任务2 使用Photoshop软件制作App产品效果图和应用图标原型 234
任务3 使用Axure软件制作App产品高保真视觉原型 243
前 言
“顾客就是上帝”，限度地满足用户越来越高的体验要求，已经成为现代产品开发基本的前提了。因此，产品经理在公司中的作用显得越来越重要。网页UI设计师已经从“网页美工”中慢慢地分离出来，演变成了一个热门的技术岗位。
本书具有以下特点：
1．开发流程建立在工作过程系统化上
本书严格按照工作过程系统化的开发流程标准，从网站开发的制作过程出发，明确行动方向，将“原型设计”行动领域转化为学习领域，将目标定位于培养网页UI设计师。
2．帮助学生明确企业对网页UI设计师的要求
为了让学生学习的技术避免“出师未捷身先死”的尴尬，我们以世界技能大赛的标准来制定教材的数学要求，然后再引入课堂，既符合工学结合一体化课程改革的要求，又使学生在学习这门课程之后能够认知的行业标准。通过对众多网站开发工作的任务分析及市场调研，我们很清晰地认识到网页UI设计师涉足的代表性领域有设计网站页面原型设计、交互原型设计和流程原型设计。除了熟练掌握网页、App等页面的原型草图绘制，使用Photoshop、AI软件设计界面效果图，使用Axure等主流原型软件设计界面原型、交互原型和流程原型这几项专业技能之外，还需要在沟通方面具备超强能力的全面发展型人才才能够胜任网页UI设计师这一重要岗位。
3．项目引领、任务驱动
本书在知识和技能编排上，让完整的项目情境贯穿整个教材，项目一为页面草图绘制（以用户体验为重点），加入了对整体项目的分析、规划；项目二为页面原型设计（以页面布局、响应式页面、设计流程、产品与客户的交互为重点）；项目三为网页页面设计（以色彩搭配和设计细节为重点）；项目四为App产品原型设计（以对App产品特征的设计为重点）。
每个项目以项目简介、项目情境、项目分析和能力目标作为项目的引入，在每个任务中设置了学习目标、任务描述、知识学习与课堂练习、任务实施、任务回顾、任务拓展6个环节。
在任务的编排上，为了解决职业院校学生审美感不足的现状，我们按照先学习理论，再模仿掌握、自主创新的顺序来编排教材，分别设计了“任务分析”“知识学习与课堂练习”“任务实施”“任务拓展”四大环节来对应。
书中提到的附件及相关素材可登录华信教育资源网（www.hxedu.com.cn）进行下载。
本书是广东省机械技师学院“创建全国一流技师学院项目”成果—“一体化”精品系列教材之一。本系列教材以“基于工作过程的一体化”为特色，通过典型工作任务，创设实际工作场境，让学生扮演工作中的不同角色，在教师的引导下完成不同的工作任务，并进行适度的岗位训练，达到培养提高学生综合职业能力的目标，为学生的可持续发展奠定基础。
本书由钟爱青、谢冠怀任主编，梁厚发、张源泉任副主编。钟爱青负责整个框架的制定、统稿及项目一、项目二的编写工作，梁厚发、张源泉负责项目三的编写工作，谢冠怀负责项目四的编写工作，范小丹、但金燃、刘专参与各任务教学实验的编写工作。
由于编者水平有限，书中难免会存在疏漏与不足，欢迎广大读者批评指正。
本书具有以下特点：
1．开发流程建立在工作过程系统化上
本书严格按照工作过程系统化的开发流程标准，从网站开发的制作过程出发，明确行动方向，将“原型设计”行动领域转化为学习领域，将目标定位于培养网页UI设计师。
2．帮助学生明确企业对网页UI设计师的要求
为了让学生学习的技术避免“出师未捷身先死”的尴尬，我们以世界技能大赛的标准来制定教材的数学要求，然后再引入课堂，既符合工学结合一体化课程改革的要求，又使学生在学习这门课程之后能够认知的行业标准。通过对众多网站开发工作的任务分析及市场调研，我们很清晰地认识到网页UI设计师涉足的代表性领域有设计网站页面原型设计、交互原型设计和流程原型设计。除了熟练掌握网页、App等页面的原型草图绘制，使用Photoshop、AI软件设计界面效果图，使用Axure等主流原型软件设计界面原型、交互原型和流程原型这几项专业技能之外，还需要在沟通方面具备超强能力的全面发展型人才才能够胜任网页UI设计师这一重要岗位。
3．项目引领、任务驱动
本书在知识和技能编排上，让完整的项目情境贯穿整个教材，项目一为页面草图绘制（以用户体验为重点），加入了对整体项目的分析、规划；项目二为页面原型设计（以页面布局、响应式页面、设计流程、产品与客户的交互为重点）；项目三为网页页面设计（以色彩搭配和设计细节为重点）；项目四为App产品原型设计（以对App产品特征的设计为重点）。
每个项目以项目简介、项目情境、项目分析和能力目标作为项目的引入，在每个任务中设置了学习目标、任务描述、知识学习与课堂练习、任务实施、任务回顾、任务拓展6个环节。
在任务的编排上，为了解决职业院校学生审美感不足的现状，我们按照先学习理论，再模仿掌握、自主创新的顺序来编排教材，分别设计了“任务分析”“知识学习与课堂练习”“任务实施”“任务拓展”四大环节来对应。
书中提到的附件及相关素材可登录华信教育资源网（www.hxedu.com.cn）进行下载。
本书是广东省机械技师学院“创建全国一流技师学院项目”成果—“一体化”精品系列教材之一。本系列教材以“基于工作过程的一体化”为特色，通过典型工作任务，创设实际工作场境，让学生扮演工作中的不同角色，在教师的引导下完成不同的工作任务，并进行适度的岗位训练，达到培养提高学生综合职业能力的目标，为学生的可持续发展奠定基础。
本书由钟爱青、谢冠怀任主编，梁厚发、张源泉任副主编。钟爱青负责整个框架的制定、统稿及项目一、项目二的编写工作，梁厚发、张源泉负责项目三的编写工作，谢冠怀负责项目四的编写工作，范小丹、但金燃、刘专参与各任务教学实验的编写工作。
由于编者水平有限，书中难免会存在疏漏与不足，欢迎广大读者批评指正。
钟爱青
2018年于广州
评论
还没有评论。