新書推薦:
《
一个英国军事顾问眼中的二战
》
售價:HK$
285.2
《
就业、利息和货币通论(徐毓枬译本)(经济学名著译丛)
》
售價:HK$
69.0
《
瘦肝
》
售價:HK$
102.4
《
股票大作手回忆录
》
售價:HK$
57.3
《
秩序四千年:人类如何运用法律缔造文明(世界重归混乱,文明岌岌可危,法律与秩序是我们仅有的武器。穿越时间,鸟瞰全球,一部波澜壮阔的人类文明史)
》
售價:HK$
158.7
《
民法典1000问
》
售價:HK$
102.4
《
国术健身 易筋经
》
售價:HK$
34.3
《
古罗马800年
》
售價:HK$
193.2
|
編輯推薦: |
全面讲解移动APP UI的设计理论、制作思路、设计原则和各类规范。详解图标、基础控件、闪屏页、引导页、首页、播放页和详情页等各种界面元素的设计方法,结合各类典型案例,助您快速掌握APP UI设计的实战技能。
一线设计师成功商业案例的完美诠释 设计思路 知识拓展 视频教学,给您带来全新的UI学习体验,让设计变得高效。
|
內容簡介: |
《移动APP UI设计与制作(微课版)》以通俗易懂的语言、翔实生动的案例全面介绍了移动App UI设计理论和各种界面元素的设计方法。全书共分13章,内容涵盖UI设计的基础理论,App UI设计的要点,设计原则和规范,图标、基础UI控件、闪屏页、引导页、空白页、首页、个人中心页、列表页、播放页和详情页的设计方法等,力求为读者带来良好的学习体验。 与书中内容同步的案例操作教学视频可供读者随时扫码学习。《移动APP UI设计与制作(微课版)》具有很强的实用性和可操作性,可作为从事App UI设计工作初学者的自学用书,也可作为平面设计师快速提升设计水平的**参考书,还可作为高等院校和培训机构平面设计及相关专业的教材。 《移动APP UI设计与制作(微课版)》配套的电子课件和实例源文件可以到http://www.tupwk.com.cn/downpage网站下载,也可以扫描前言中的二维码获取。扫描前言中的视频二维码可以直接观看教学视频。
|
目錄:
|
第1章?UI设计知识讲解
1.1 UI设计的基本概念 2
1.2 UI设计的组成 2
1.2.1?用户研究 2
1.2.2 交互设计 3
1.2.3 界面设计 3
1.3 UI设计原则 3
1.4 了解移动App操作平台 5
1.4.1 苹果iOS系统 5
1.4.2 Android系统 5
1.5 UI设计流程 5
第2章?App UI设计要点
2.1 UI设计的常用构图类型 8
2.1.1 网格构图 8
2.1.2 环形构图 8
2.1.3 三角形构图 9
2.1.4 折线形构图 9
2.1.5 列表型构图 10
2.2 布局设计的要素 10
2.2.1 界面的留白 10
2.2.2 界面内容的对齐方式 11
2.2.3 界面内容的间距 12
2.2.4 界面内容的层次 12
2.3 UI设计中的色彩 14
2.3.1 主色/辅助色/点缀色 14
2.3.2 如何配色 15
第3章?iOS设计原则及规范
3.1 iOS设计原则 18
3.1.1 统一化 18
3.1.2 凸显内容 18
3.1.3 适应化 19
3.1.4 层级性 20
3.1.5 易操作性 20
3.2 iOS界面尺寸与控件的
设计规范 21
3.2.1 界面尺寸 21
3.2.2 界面三大要素 22
3.2.3 栏 22
3.2.4 字体规范 24
3.2.5 色彩控件规范 27
3.2.6 按钮控件规范 27
3.2.7 分割线规范 28
3.2.8 头像规范 28
3.2.9 提示框规范 29
3.2.10 输入框规范 29
3.2.11 间距规范 29
3.2.12 图标规范 30
第4章?图标设计
4.1 图标概述 32
4.1.1 图标的定义 32
4.1.2 图标的重要性 32
4.2 图标的类型 33
4.2.1 拟物图标 33
4.2.2 扁平图标 34
4.2.3 微扁平、轻拟物 34
4.2.4 线性图标 35
4.2.5 面性图标 35
4.2.6 文字图标 35
4.2.7 “新拟物”风格图标 36
4.3 应用图标的设计风格 36
4.3.1 中文文字图标 36
4.3.2 英文字母图标 37
4.3.3 数字图标 38
4.3.4 特殊符号图标 38
4.3.5 图形图标 39
案例——绘制日历工具图标 41
案例——绘制计算器工具图标 46
案例——绘制绘图工具图标 53
案例——绘制音乐播放工具图标 58
4.4 App中的功能图标 63
4.5 功能图标的风格 64
4.5.1?线性图标 64
4.5.2 面形图标 64
4.5.3 MBE图标 65
4.6 图标绘制方法 66
4.6.1 布尔运算 66
4.6.2 贝塞尔曲线 66
案例——制作keyline线 67
案例——绘制线性图标 70
案例——绘制剪影图标 73
案例——绘制MBE风格图标 77
4.7 功能图标的应用 82
第5章?基础UI控件制作
5.1 什么是UI控件 84
5.2 UI控件的交互分类 84
5.3 常见基础控件 84
案例——制作简洁开关控件 85
案例——制作立体开关控件 88
案例——制作条状载入进度条控件 93
案例——制作环状载入进度条控件 98
案例——制作滑块控件 101
案例——制作增益调节控件 110
案例——制作音频播放控件 123
第6章?闪屏页设计
6.1 闪屏页的概念 130
6.2 闪屏页的常见类型 130
6.2.1 品牌宣传型 130
6.2.2 节假关怀型 130
6.2.3 广告运营型 131
案例——制作品牌宣传型闪屏页 132
案例——制作广告运营型闪屏页 136
案例——制作节气关怀型闪屏页 142
案例——制作节日关怀型闪屏页 145
第7章?引导页设计
7.1 引导页的概念 150
7.2 引导页的常见类型 150
7.2.1 功能介绍型 150
7.2.2 情感代入型 151
7.3 浮层引导页 151
案例——制作功能介绍型引导页 152
案例——制作阅读App引导页 156
案例——制作食谱App引导页 160
案例——制作移动办公App引导页 164
案例——制作儿童教育App引导页 170
案例——制作浮层引导页 176
第8章?空白页设计
8.1 空白页的概念 182
8.2 空白页的常见类型 182
8.2.1 首次进入型 182
8.2.2 错误提示型 182
案例——制作购物车空白页 183
案例——制作页面丢失
????提示空白页 186
案例——制作消息中心空白页 188
案例——制作资料审核空白页 192
第9章?首页设计
9.1 首页的概念 196
9.2 首页的常见类型 196
9.2.1 列表型 196
9.2.2 图标型 197
9.2.3 卡片型 197
9.2.4 综合型 197
案例——制作外卖App首页 198
案例——制作健身App首页 205
第10章?个人中心页设计
10.1 个人中心页的概念 214
10.2 个人中心页的常见形式 214
案例——制作个人中心页 215
案例——制作学习类App
????个人中心页 221
第11章?列表页设计
11.1 列表页的概念 228
11.2 列表页的常见类型 228
11.2.1 单行列表 228
11.2.2 双行列表 228
11.2.3 时间轴 229
11.2.4 图库列表 229
案例——制作图库列表页 230
案例——制作天气预报App列表页 233
第12章?播放页设计
12.1 播放页的概念 240
12.2 播放页的分类 240
案例——制作音乐播放页 241
案例——制作音频播放页 248
第13章?详情页设计
13.1 详情页的概念 256
13.2 详情页的常见类型 256
案例——制作购物App详情页 257
案例——制作相册App详情页 265
案例——制作旅游景点介绍详情页 270
案例——制作食谱详情页 275
|
內容試閱:
|
随着移动互联网的发展,UI设计应用越发广泛。UI设计不仅仅是单纯的平面设计,还要考虑产品的定位、用户的需求,在设计的同时让应用界面满足用户的交互需求。《移动APP UI设计与制作(微课版)》不仅讲解了UI设计的基础理论知识,还讲解了各种界面元素的设计方法和操作技巧。
《移动APP UI设计与制作(微课版)》主要内容
《移动APP UI设计与制作(微课版)》内容丰富、信息量大,文字通俗易懂,讲解深入透彻,案例精彩、实用性强。通过《移动APP UI设计与制作(微课版)》,读者不但可以系统全面地学习移动App UI设计的基本概念和设计要素,还可以通过大量精美案例拓展设计思路,掌握App图标、基础UI控件和各种页面元素的设计方法和操作技巧,轻松完成各类设计工作。
第1章主要讲解UI设计基础知识,包括UI设计的基本概念,UI设计的组成,UI设计原则,移动App操作平台和UI设计流程等内容。
第2章主要讲解App UI设计要点,包括UI设计的常用构图类型,布局设计的要素和UI设计中的色彩等内容。
第3章主要讲解iOS设计原则及规范,包括iOS设计原则,iOS界面尺寸与控件的设计规范等内容。
第4章主要讲解图标设计的方法,包括图标概述,图标的类型,应用图标的设计风格,App中功能图标的风格,图标绘制方法等内容。
第5章主要讲解基础UI控件制作的方法,包括UI控件的概念,UI控件的交互分类,常见的基础控件及控件的制作方法。
第6章主要讲解闪屏页设计的方法,包括闪屏页的基本概念,闪屏页的常见类型及不同类型闪屏页的制作方法。
第7章主要讲解引导页设计的方法,包括引导页的基本概念,引导页的常见类型及不同类型引导页的制作方法。
第8章主要讲解空白页设计的方法,包括空白页的基本概念,空白页的常见类型及不同类型空白页的制作方法。
第9章主要讲解首页设计的方法,包括首页的基本概念,首页的常见类型及不同类型首页的制作方法。
第10章主要讲解个人中心页设计的方法,包括个人中心页的基本概念,个人中心页的常见形式及不同类型个人中心页的制作方法。
第11章主要讲解列表页设计的方法,包括列表页的基本概念,列表页的常见类型及不同类型列表页的制作方法。
第12章主要讲解播放页设计的方法,包括播放页的基本概念,播放页的常见分类及不同类型播放页的制作方法。
第13章主要讲解详情页设计的方法,包括详情页的基本概念,详情页的常见类型及不同类型详情页的制作方法。
《移动APP UI设计与制作(微课版)》主要特色
图文并茂,内容全面,轻松易学
《移动APP UI设计与制作(微课版)》涵盖移动App UI设计的基础知识和界面设计要点、设计原则和规范,包括图标、基础UI控件、闪屏页、引导页等各种界面元素的设计方法。《移动APP UI设计与制作(微课版)》采用UI设计行业中实际工作情景的编写模式,结合各类典型案例,便于读者在练习过程中模仿学习,熟悉实战操作流程,达到触类旁通的效果。
案例精彩,实用性强,随时随地扫码学习
《移动APP UI设计与制作(微课版)》在进行案例讲解时配备相应的教学视频,详细讲解操作要领,便于读者快速领会操作技巧。案例中的各个知识点在关键处会给出提示和注意事项,从理论的讲解到案例完成效果的展示,都进行了全程式的互动教学,让读者真正快速地掌握软件应用实战技能。
配套资源丰富,全方位扩展应用能力
《移动APP UI设计与制作(微课版)》提供电子课件和实例源文件,读者可以扫描二维码或通过登录《移动APP UI设计与制作(微课版)》信息支持网站(http://www.tupwk.com.cn/downpage)下载相关资料。扫描下方的视频二维码可以直接观看《移动APP UI设计与制作(微课版)》配套的教学视频。
?????
扫一扫,看视频 扫码推送配套资源到邮箱
《移动APP UI设计与制作(微课版)》共13章,由闽南理工学院的李荣彬和周毅勇合作编写完成,其中,李荣彬编写了第1、2、3、4、7、12、13章,周毅勇编写了第5、6、8、9、10、11章。由于作者水平有限,《移动APP UI设计与制作(微课版)》难免有不足之处,欢迎广大读者批评指正。我们的邮箱是992116@qq.com,
电话是010-62796045。
作?者
2023年6月
|
|