APP UI设计手册PDF|Epub|txt|kindle电子书版本网盘下载

APP UI设计手册PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 APP UI设计的原理1

1.1 APP UI设计的概念2

1.2 APP UI与用户体验2

1.3 APP UI设计的点、线、面3

1.3.1点3

1.3.2线4

1.3.3面4

1.4尺寸与规则5

1.4.1 IO S5

1.4.2 Android6

1.5 APP UI设计的原则7

1.5.1突出性原则7

1.5.2商业性原则7

1.5.3趣味性原则8

1.5.4艺术性原则8

1.6 APP UI设计的法则9

1.6.1形式美法则9

1.6.2平衡法则9

1.6.3视觉法则10

1.6.4联想法则10

1.6.5直接展示法则10

第2章 APP UI设计的基础知识11

2.1 UI与色彩12

2.1.1色相、明度、纯度13

2.1.2主色、辅助色、点缀色13

2.1.3令邻近色、对比色15

2.2 APP UI设计的布局15

2.2.1对称式16

2.2.2曲线式16

2.2.3倾斜式17

2.2.4中轴式17

2.2.5文字式17

2.2.6图片式18

2.2.7自由式18

2.2.8背景式19

2.2.9水平式19

2.2.10引导式19

第3章 APP UI 设计的基础色20

3.1红21

3.1.1认识红色21

3.1.2洋红＆胭脂红22

3.1.3玫瑰红＆朱红22

3.1.4鲜红＆山茶红23

3.1.5浅玫瑰红＆火鹤红23

3.1.6硅红＆壳黄红24

3.1.7浅粉红＆勃艮第酒红24

3.1.8威尼斯红＆宝石红25

3.1.9灰玫红＆优品紫红25

3.2橙26

3.2.1认识橙色26

3.2.2橘色＆橘红27

3.2.3柿子橙＆热带橙27

3.2.4橙色＆阳橙28

3.2.5橙黄＆杏黄28

3.2.6蜂蜜色＆米色29

3.2.7沙棕色＆琥珀色29

3.2.8驼色＆咖啡色30

3.2.9巧克力色＆重褐色30

3.3黄31

3.3.1认识黄色31

3.3.2黄＆铬黄32

3.3.3金＆香蕉黄32

3.3.4鲜黄＆月光黄33

3.3.5柠檬黄＆万寿菊黄33

3.3.6香槟黄＆奶黄34

3.3.7土著黄＆黄褐34

3.3.8卡其黄＆含羞草黄35

3.3.9芥末黄＆灰菊色35

3.4绿36

3.4.1认识绿色36

3.4.2黄绿＆苹果绿37

3.4.3墨绿＆叶绿37

3.4.4草绿＆苔藓绿38

3.4.5芥末绿＆橄榄绿38

3.4.6枯叶绿＆碧绿39

3.4.7绿松石绿＆青瓷绿39

3.4.8孔雀石绿＆铬绿40

3.4.9孔雀绿＆钴绿40

3.5青41

3.5.1认识青色41

3.5.2青＆铁青42

3.5.3深青＆天青色42

3.5.4群青＆石青色43

3.5.5青绿色＆青蓝色43

3.5.6瓷青＆淡青色44

3.5.7白青色＆青灰色44

3.5.8水青色＆藏青45

3.5.9清漾青＆浅葱色45

3.6蓝46

3.6.1认识蓝色46

3.6.2蓝色＆天蓝色47

3.6.3蔚蓝色＆普鲁士蓝47

3.6.4矢车菊蓝＆深蓝48

3.6.5道奇蓝＆宝石蓝48

3.6.6午夜蓝＆皇室蓝49

3.6.7浓蓝色＆蓝黑色49

3.6.8爱丽丝蓝＆水晶蓝50

3.6.9孔雀蓝＆水墨蓝50

3.7紫51

3.7.1认识紫色51

3.7.2紫＆淡紫色52

3.7.3靛青色＆紫藤52

3.7.4木槿紫＆藕荷色53

3.7.5丁香紫＆水晶紫53

3.7.6矿紫＆三色堇紫54

3.7.7锦葵紫＆淡丁香紫54

3.7.8浅灰紫＆江户紫55

3.7.9蝴蝶花紫＆蔷薇紫55

3.8黑、白、灰56

3.8.1认识黑、白、灰56

3.8.2白＆月光白57

3.8.3雪白＆象牙白57

3.8.4 10％亮灰＆50％灰58

3.8.5 80％炭灰＆黑58

第4章 APP UI设计的元素59

4.1标志60

4.1.1简约素雅的标志设计61

4.1.2趣味多彩的标志设计62

4.1.3标志设计技巧——图文结合的设计方法63

4.1.4标志设计欣赏63

4.2图案64

4.2.1风格多变的图标设计64

4.2.2应用界面的图案设计66

4.2.3图案设计技巧——造型独特的图案67

4.2.4图案设计赏析67

4.3色彩68

4.3.1缤纷多彩的色彩设计69

4.3.2单一色调的色彩设计70

4.3.3色彩设计技巧——统计图的应用71

4.3.4色彩设计欣赏71

4.4字体72

4.4.1应用中的字体设计73

4.4.2图标中的字体设计74

4.4.3字体设计技巧——文字样式的修改75

4.4.4字体设计赏析75

4.5导航栏76

4.5.1顶部与底部的导航栏设计77

4.5.2“汉堡包菜单”的导航栏设计78

4.5.3导航栏设计技巧——适用屏幕旋转的设计79

4.5.4导航栏设计赏析79

4.6主视图80

4.6.1骨骼型的主视图设计81

4.6.2重心型的主视图设计82

4.6.3主视图设计技巧——采用不同的设计版式83

4.6.4主视图设计赏析83

4.7工具栏84

4.7.1固定工具栏设计85

4.7.2浮动工具栏设计86

4.7.3工具栏设计技巧——带搜索功能的工具栏87

4.7.4工具栏设计赏析87

4.8设计实战：社交软件用户信息界面设计88

4.8.1设计思路88

4.8.2配色方案88

4.8.3版面构图90

4.8.4色彩90

4.8.5字体91

4.8.6导航栏91

第5章 APP UI设计的行业分类92

5.1游戏类APP UI设计93

5.1.1游戏类APP UI设计——休闲类游戏94

5.1.2游戏类APP UI设计——动作冒险类游戏95

5.2社交类APP UI设计97

5.2.1社交类APP UI设计——电话短信98

5.2.2社交类APP UI设计——聊天交友99

5.3购物类APP UI设计101

5.3.1购物类APP UI设计——服装类102

5.3.2购物类APP UI设计——产品类103

5.4工具类APP UI设计105

5.4.1工具类APP UI设计——地图导航106

5.4.2工具类APP UI设计——天气预报107

5.5生活类APP UI设计109

5.5.1生活类APP UI设计——旅游110

5.5.2生活类APP UI设计——外卖111

5.6娱乐类APP UI设计113

5.6.1娱乐类APP UI设计——音乐播放器114

5.6.2娱乐类APP UI设计——视频播放器115

5.7阅读类APP UI设计117

5.7.1阅读类APP UI设计——小说阅读器118

5.7.2阅读类APP UI设计——漫画阅读器119

5.8拍摄美化类APP UI设计121

5.8.1拍摄美化类APP UI设计——相机122

5.8.2拍摄美化类APP UI设计——美化图片123

5.9新闻类APP UI设计125

5.9.1新闻类APP UI设计——新闻资讯126

5.9.2新闻类APP UI设计——报纸杂志127

5.10设计实战：办公类APP UI设计流程详解129

5.10.1设计思路129

5.10.2配色方案129

5.10.3版面构图130

5.10.4 首页131

5.10.5收件箱132

5.10.6编写邮件132

第6章 APP UI设计的风格133

6.1安全134

6.1.1安全——登录页面的UI设计135

6.1.2安全——页面提示弹窗的UI设计136

6.2清新138

6.2.1清新——明亮色彩的UI界面设计139

6.2.2清新——形象可爱的UI设计140

6.3科技142

6.3.1科技——指纹识别UI界面设计143

6.3.2科技——天气预报UI界面设计144

6.4凉爽146

6.4.1凉爽——颜色147

6.4.2凉爽——干净简洁的UI界面设计148

6.5美味150

6.5.1美味——烹饪类应用的UI界面设计151

6.5.2美味——订餐类应用的UI界面设计152

6.6热情154

6.6.1热情——色彩明快的UI界面设计155

6.6.2热情——活力四射的运动类UI界面设计156

6.7高端158

6.7.1高端——奢侈品应用的UI设计159

6.7.2高端——个人定制的UI设计160

6.8浪漫162

6.8.1浪漫——粉色系桌面的UI界面设计163

6.8.2浪漫——应用花朵元素的UI界面设计164

6.9硬朗166

6.9.1硬朗——游戏页面中坚硬感UI设计167

6.9.2硬朗——稳定沉稳的UI设计168

6.10纯净170

6.10.1纯净——简约纯洁的UI界面设计171

6.10.2纯净——线条感十足的UI图标设计172

6.11复古174

6.11.1复古——像素游戏的UI界面设计175

6.11.2复古——使用传统物品进行UI图标设计176

6.12扁平化与拟物化178

6.12.1扁平化风格179

6.12.2拟物化风格180

6.13设计实战：手机游戏启动界面设计182

6.13.1设计思路182

6.13.2配色方案182

6.13.3版面构图184

6.13.4凉爽184

6.13.5 硬朗185

6.13.6清新185

第7章 APP UI设计秘籍186

7.1 UI设计中的版式布局187

7.2通过实例来了解UI界面188

7.3颜色的合理搭配189

7.4图标的物理尺寸与实际尺寸190

7.5常用的集中设计尺寸191

7.6 MBE风格的设计192

7.7开放式路径图标的妙用193

7.8列表的设计方式194

7.9字体的使用195

7.10页面空间的节省196

7.11贴近场景的显示切换197

7.12欢迎页面的设计198

7.13交互方式的设计199

7.14视觉风格的设计200