移动端APPUI设计与交互基础教程(微课版)
出版时间:
2019-02
版次:
1
ISBN:
9787115501844
定价:
49.80
装帧:
平装
开本:
16开
纸张:
胶版纸
页数:
143页
正文语种:
简体中文
31人买过
-
第1章讲述UI相关设计理念与基本概念;第2章讲解UI岗位中与软件使用相关的主要操作方法;第3章讲解移动端界面中还会遇到的其他类型的组件;第4章讲解UI工作流程中,原型图的绘制方法和基本概念;第5章讲解APP设计规范,并按照产品开发流程,设计并实现整个APP效果图;第6章将设计稿转化为手机端的效果;第7章以实训的方式,让读者从头至尾再走一遍流程,加深学习记忆,提高团队协作能力。 吴丰,曾出版多部相关教材:1)网页设计与制作(Dreamweaver CS6+HTML5+CSS3版),独著,ISBN编号: 9787302403845,清华大学出版社,2015年12月出版。2)HTML5+CSS3 Web前端设计基础教程,独著,ISBN978-7-115-45577-2,人民邮电出版社。 第1章 APP UI设计与交互概述 001
1.1 UI设计行业的发展前景 002
1.1.1 认识相关概念 002
1.1.2 就业前景 003
1.2 如何学习UI设计 004
1.2.1 UI 设计师的常用软件介绍 004
1.2.2 UI 设计师的设计理论知识储备 006
1.3 UI设计理论基础 006
1.3.1 色彩三要素 006
1.3.2 UI 设计配色基础 007
1.4 APP页面分类及其作品欣赏 009
1.5 浅析APP产品开发流程 013
1.6 职场经验分享 015
1.7 学习反思 016
第2章 UI图标设计 017
2.1 初识移动设备尺寸及其相关概念 018
2.1.1 px、pt 和ppi 等相关概念 018
2.1.2 iPhone 机型屏幕尺寸规格 018
2.2 UI图标设计 019
2.2.1 图标的分类 019
2.2.2 常见存储格式与图标尺寸 021
2.2.3 APP 启动图标的常见创意设计方法 022
2.3 线性图标 023
2.3.1 线性图标概述 023
2.3.2 线性图标的制作(Wi-Fi 图标) 024
2.3.3 课堂巩固练习(Keep图标) 026
2.4 剪影类图标 026
2.4.1 剪影类图标概述 026
2.4.2 剪影类图标的制作(抖音APP 图标) 027
2.4.3 课堂巩固练习(微信图标) 030
2.5 扁平化与长阴影类图标 030
2.5.1 知识点概述 030
2.5.2 扁平化与长阴影类图标的制作(指南针图标) 031
2.5.3 课堂巩固练习(一组扁平化图标) 034
2.6 拟物类图标的制作 035
2.6.1 知识概述 035
2.6.2 拟物类图标的制作(木纹质感翻页日历) 035
2.6.3 课堂巩固练习(拟物齿轮) 040
2.7 学习反思 041
第3章 常见APP组件的设计与实现 043
3.1 UI Kit概述 044
3.2 按钮 044
3.2.1 按钮概述 044
3.2.2 按钮的按压状态 046
3.2.3 按钮的种类 046
3.2.4 按钮的设计要点 048
3.2.5 扁平化按钮的制作 049
3.2.6 质感按钮的制作 050
3.2.7 课堂巩固练习(水晶按钮) 055
3.3 滑动条 055
3.3.1 扁平滑动条的制作 055
3.3.2 质感滑动条的制作 056
3.3.3 课堂巩固练习(QQ音乐播放器) 059
3.4 表单 059
3.4.1 表单结构与设计要点 059
3.4.2 单选按钮与复选框的制作 061
3.4.3 文本框与下拉框的制作 063
3.4.4 课堂巩固练习
(反馈页表单) 064
3.5 数据图表 065
3.5.1 认识数据图表 065
3.5.2 数据图表的制作 067
3.5.3 课堂巩固练习(环形数据图表) 071
3.6 学习反思 072
第4章 交互设计与原型图绘制 073
4.1 初识交互设计 074
4.1.1 交互设计概述 074
4.1.2 产品开发中的层级关系 075
4.1.3 相关工作经验 076
4.2 初识产品原型 077
4.3 原型制作工具——Axure RP 078
4.3.1 Axure RP界面认知 078
4.3.2 Axure RP基本操作 079
4.3.3 绘制手机原型存放于自己的元件库 081
4.3.4 多页面巩固练习(金融类APP原型图绘制) 083
4.4 Axure RP常见的交互应用 084
4.4.1 页面跳转 084
4.4.2 引导页左右滑动效果 085
4.4.3 长页面上下滚动效果 088
4.4.4 弹出消息框效果 090
4.4.5 侧边栏菜单滑入效果 093
4.4.6 表单验证与登录交互 095
4.5 学习反思 099
第5章 APP界面设计与实战 100
5.1 认识APP应用程序及其相关概念 101
5.1.1 常见术语 101
5.1.2 常见手机屏幕尺寸 103
5.2 设计规范 106
5.2.1 iOS设计规范 106
5.2.2 Android设计规范 107
5.2.3 边距与间距 108
5.2.4 内容布局 110
5.2.5 常用颜色 111
5.3 APP项目实战——“UI社”APP产品设计与实现 111
5.3.1 产品定位与背景简要分析 111
5.3.2 竞品分析 112
5.3.3 “UI社”产品架构梳理 117
5.3.4 绘制低保真原型图 118
5.3.5 “UI社”APP的视觉规范 119
5.3.6 APP产品启动图标的制作 121
5.3.7 “引导页”效果图制作 121
5.3.8 “登录页”效果图制作 122
5.3.9 “首页”效果图制作 122
5.3.10 “发现页”效果图制作 123
5.3.11 “上传页”效果图制作 123
5.3.12 “动态页”与“动态详情页”效果图制作 123
5.3.13 “我的页”效果图制作 124
5.3.14 其他页面效果图 125
5.4 学习反思 126
第6章 标注与切图 128
6.1 标注 129
6.1.1 标注工具介绍 129
6.1.2 Markman(马克鳗)的使用方法 130
6.1.3 标注哪些信息 132
6.1.4 “UI社”APP项目“引导页”标注 132
6.1.5 “UI社”APP项目“登录页”标注 133
6.1.6 “UI社”APP项目“首页”标注 134
6.1.7 “UI社”APP项目“教程列表页”标注 134
6.2 切图 135
6.2.1 切图概述 135
6.2.2 图片资源命名规范 136
6.2.3 切图工具——Cutterman 136
6.2.4 iOS平台与Android平台下的切图 137
6.2.5 点9图 140
6.3 学习反思 142
-
内容简介:
第1章讲述UI相关设计理念与基本概念;第2章讲解UI岗位中与软件使用相关的主要操作方法;第3章讲解移动端界面中还会遇到的其他类型的组件;第4章讲解UI工作流程中,原型图的绘制方法和基本概念;第5章讲解APP设计规范,并按照产品开发流程,设计并实现整个APP效果图;第6章将设计稿转化为手机端的效果;第7章以实训的方式,让读者从头至尾再走一遍流程,加深学习记忆,提高团队协作能力。
-
作者简介:
吴丰,曾出版多部相关教材:1)网页设计与制作(Dreamweaver CS6+HTML5+CSS3版),独著,ISBN编号: 9787302403845,清华大学出版社,2015年12月出版。2)HTML5+CSS3 Web前端设计基础教程,独著,ISBN978-7-115-45577-2,人民邮电出版社。
-
目录:
第1章 APP UI设计与交互概述 001
1.1 UI设计行业的发展前景 002
1.1.1 认识相关概念 002
1.1.2 就业前景 003
1.2 如何学习UI设计 004
1.2.1 UI 设计师的常用软件介绍 004
1.2.2 UI 设计师的设计理论知识储备 006
1.3 UI设计理论基础 006
1.3.1 色彩三要素 006
1.3.2 UI 设计配色基础 007
1.4 APP页面分类及其作品欣赏 009
1.5 浅析APP产品开发流程 013
1.6 职场经验分享 015
1.7 学习反思 016
第2章 UI图标设计 017
2.1 初识移动设备尺寸及其相关概念 018
2.1.1 px、pt 和ppi 等相关概念 018
2.1.2 iPhone 机型屏幕尺寸规格 018
2.2 UI图标设计 019
2.2.1 图标的分类 019
2.2.2 常见存储格式与图标尺寸 021
2.2.3 APP 启动图标的常见创意设计方法 022
2.3 线性图标 023
2.3.1 线性图标概述 023
2.3.2 线性图标的制作(Wi-Fi 图标) 024
2.3.3 课堂巩固练习(Keep图标) 026
2.4 剪影类图标 026
2.4.1 剪影类图标概述 026
2.4.2 剪影类图标的制作(抖音APP 图标) 027
2.4.3 课堂巩固练习(微信图标) 030
2.5 扁平化与长阴影类图标 030
2.5.1 知识点概述 030
2.5.2 扁平化与长阴影类图标的制作(指南针图标) 031
2.5.3 课堂巩固练习(一组扁平化图标) 034
2.6 拟物类图标的制作 035
2.6.1 知识概述 035
2.6.2 拟物类图标的制作(木纹质感翻页日历) 035
2.6.3 课堂巩固练习(拟物齿轮) 040
2.7 学习反思 041
第3章 常见APP组件的设计与实现 043
3.1 UI Kit概述 044
3.2 按钮 044
3.2.1 按钮概述 044
3.2.2 按钮的按压状态 046
3.2.3 按钮的种类 046
3.2.4 按钮的设计要点 048
3.2.5 扁平化按钮的制作 049
3.2.6 质感按钮的制作 050
3.2.7 课堂巩固练习(水晶按钮) 055
3.3 滑动条 055
3.3.1 扁平滑动条的制作 055
3.3.2 质感滑动条的制作 056
3.3.3 课堂巩固练习(QQ音乐播放器) 059
3.4 表单 059
3.4.1 表单结构与设计要点 059
3.4.2 单选按钮与复选框的制作 061
3.4.3 文本框与下拉框的制作 063
3.4.4 课堂巩固练习
(反馈页表单) 064
3.5 数据图表 065
3.5.1 认识数据图表 065
3.5.2 数据图表的制作 067
3.5.3 课堂巩固练习(环形数据图表) 071
3.6 学习反思 072
第4章 交互设计与原型图绘制 073
4.1 初识交互设计 074
4.1.1 交互设计概述 074
4.1.2 产品开发中的层级关系 075
4.1.3 相关工作经验 076
4.2 初识产品原型 077
4.3 原型制作工具——Axure RP 078
4.3.1 Axure RP界面认知 078
4.3.2 Axure RP基本操作 079
4.3.3 绘制手机原型存放于自己的元件库 081
4.3.4 多页面巩固练习(金融类APP原型图绘制) 083
4.4 Axure RP常见的交互应用 084
4.4.1 页面跳转 084
4.4.2 引导页左右滑动效果 085
4.4.3 长页面上下滚动效果 088
4.4.4 弹出消息框效果 090
4.4.5 侧边栏菜单滑入效果 093
4.4.6 表单验证与登录交互 095
4.5 学习反思 099
第5章 APP界面设计与实战 100
5.1 认识APP应用程序及其相关概念 101
5.1.1 常见术语 101
5.1.2 常见手机屏幕尺寸 103
5.2 设计规范 106
5.2.1 iOS设计规范 106
5.2.2 Android设计规范 107
5.2.3 边距与间距 108
5.2.4 内容布局 110
5.2.5 常用颜色 111
5.3 APP项目实战——“UI社”APP产品设计与实现 111
5.3.1 产品定位与背景简要分析 111
5.3.2 竞品分析 112
5.3.3 “UI社”产品架构梳理 117
5.3.4 绘制低保真原型图 118
5.3.5 “UI社”APP的视觉规范 119
5.3.6 APP产品启动图标的制作 121
5.3.7 “引导页”效果图制作 121
5.3.8 “登录页”效果图制作 122
5.3.9 “首页”效果图制作 122
5.3.10 “发现页”效果图制作 123
5.3.11 “上传页”效果图制作 123
5.3.12 “动态页”与“动态详情页”效果图制作 123
5.3.13 “我的页”效果图制作 124
5.3.14 其他页面效果图 125
5.4 学习反思 126
第6章 标注与切图 128
6.1 标注 129
6.1.1 标注工具介绍 129
6.1.2 Markman(马克鳗)的使用方法 130
6.1.3 标注哪些信息 132
6.1.4 “UI社”APP项目“引导页”标注 132
6.1.5 “UI社”APP项目“登录页”标注 133
6.1.6 “UI社”APP项目“首页”标注 134
6.1.7 “UI社”APP项目“教程列表页”标注 134
6.2 切图 135
6.2.1 切图概述 135
6.2.2 图片资源命名规范 136
6.2.3 切图工具——Cutterman 136
6.2.4 iOS平台与Android平台下的切图 137
6.2.5 点9图 140
6.3 学习反思 142
查看详情
-
九品
北京市通州区
平均发货10小时
成功完成率87.58%
-
九品
北京市通州区
平均发货9小时
成功完成率92.94%
-
九品
江西省南昌市
平均发货19小时
成功完成率85.75%
-
全新
河北省保定市
平均发货18小时
成功完成率83.48%
-
九品
湖北省武汉市
平均发货6小时
成功完成率95.23%
-
全新
山东省潍坊市
平均发货16小时
成功完成率80.35%
-
全新
海南省海口市
平均发货12小时
成功完成率84.25%
-
八五品
浙江省杭州市
平均发货10小时
成功完成率88.16%
-
八五品
江苏省苏州市
平均发货15小时
成功完成率81.83%
-
全新
广东省广州市
平均发货7小时
成功完成率94.61%
-
八五品
江苏省苏州市
平均发货15小时
成功完成率81.83%
-
全新
江苏省无锡市
平均发货13小时
成功完成率94.73%
-
八五品
四川省成都市
平均发货10小时
成功完成率91.73%
-
全新
山东省泰安市
平均发货8小时
成功完成率88.84%
-
全新
北京市朝阳区
平均发货9小时
成功完成率96.89%
-
九五品
浙江省杭州市
平均发货10小时
成功完成率93.46%
-
全新
北京市西城区
平均发货14小时
成功完成率92.55%
-
八五品
吉林省长春市
平均发货17小时
成功完成率88.69%
-
全新
北京市海淀区
平均发货10小时
成功完成率93.46%
-
全新
天津市河东区
平均发货24小时
成功完成率90.06%
-
八品
湖南省湘潭市
平均发货1小时
成功完成率94.1%
-
全新
河北省廊坊市
平均发货16小时
成功完成率94.72%
-
八五品
湖北省武汉市
平均发货5小时
成功完成率96.09%
-
全新
河南省商丘市
平均发货11小时
成功完成率90.35%
-
全新
河北省保定市
平均发货14小时
成功完成率91.07%
-
九品
四川省成都市
平均发货19小时
成功完成率88.57%
-
九品
北京市房山区
平均发货11小时
成功完成率89.38%
-
九品
江苏省淮安市
平均发货13小时
成功完成率97.09%
-
全新
湖北省荆州市
平均发货6小时
成功完成率79.08%
-
八品
江苏省无锡市
平均发货10小时
成功完成率71.93%
-
八五品
江西省南昌市
平均发货10小时
成功完成率91.93%
-
八五品
浙江省嘉兴市
平均发货8小时
成功完成率71.17%
-
八五品
湖北省孝感市
平均发货11小时
成功完成率87.63%
-
八五品
浙江省嘉兴市
平均发货11小时
成功完成率92.62%
-
全新
河北省保定市
平均发货18小时
成功完成率81.5%
-
八五品
广东省东莞市
平均发货8小时
成功完成率92.9%
-
全新
北京市朝阳区
平均发货13小时
成功完成率93.01%
-
九五品
江苏省南京市
平均发货29小时
成功完成率85.02%
-
全新
河南省郑州市
平均发货12小时
成功完成率92.73%
-
全新
广东省广州市
平均发货7小时
成功完成率88.79%
-
八五品
浙江省杭州市
平均发货8小时
成功完成率92.6%
-
九五品
北京市通州区
平均发货28小时
成功完成率83.3%
-
八品
浙江省嘉兴市
平均发货14小时
成功完成率87.5%
-
九品
广东省深圳市
平均发货11小时
成功完成率84.27%
-
九品
河北省保定市
平均发货11小时
成功完成率95.54%
-
九五品
浙江省丽水市
平均发货10小时
成功完成率93.13%
-
九五品
江苏省徐州市
平均发货11小时
成功完成率94.16%
-
全新
河北省廊坊市
平均发货14小时
成功完成率80.87%
-
八五品
山东省泰安市
平均发货10小时
成功完成率91.15%
-
八五品
广东省东莞市
平均发货9小时
成功完成率83.64%