移动互联网之路：APP UI设计从入门到精通 Photoshop篇

 第1章　移动APP界面设计基础 1.1　关于手机 1 1.1.1　手机的发展历史 1 1.1.2　手机分辨率 2 1.1.3　屏幕颜色 2 1.2　UI设计 3 1.2.1　什么是UI设计 3 1.2.2　主要性能 3 1.2.3　相关控件 4 1.2.4　手机UI设计 4 1.2.5　手机UI设计的特点 4 1.2.6　手机UI与平面UI的区别 5 1.3　设计中的色彩搭配 5 1.3.1　色彩的意象 5 1.3.2　手机APP UI设计的用色规范 6 1.3.3　UI调色板 7 1.3.4　APP界面设计中色彩运用原理与对比原则 8 1.3.5　色彩的搭配方法 9 1.4　图标的格式 10 1.4.1　JPEG格式 10 1.4.2　PNG格式 10  案例1　制作iOS 9 拨号图标 11 1.4.3　GIF格式 14 1.4.4　其他常用格式 14 1.5　手机界面设计的尺寸标准 15 1.5.1　分辨率 15 1.5.2　英寸 16 1.5.3　网点密度 17 1.5.4　屏幕密度 17 1.6　常用的软件工具 17 1.6.1　Photoshop 17  案例2　制作iOS 9快捷按钮 19 1.6.2　Illustrator 21 1.6.3　3ds Max 22 1.6.4　IconCool Studio 25 1.6.5　Image Optimizer 26 1.7　总结扩展 26 1.7.1　本章小结 26 1.7.2　课后练习——制作iOS 9 照片图标 27  第2章　常见的手机系统 2.1　iOS系统 28 2.1.1　iOS的发展过程 28 2.1.2　iOS的基本组件 32 2.1.3　iOS的开发工具和资源 34 2.1.4　iOS的设备 37 2.1.5　iOS 8与iOS 9的功能对比 37 2.2　Android系统 42 2.2.1　Android的发展过程 42 2.2.2　Android的基础UI组件 44 2.2.3　关于深度定制的系统 45 2.3　Windows Phone系统 46 2.3.1　Windows Phone的发展历程 46 2.3.2　了解Windows 10 47 2.3.3　Windows Phone 系统的特色 48 2.4　各种手机系统介绍 49 2.4.1　iOS的优缺点 49 2.4.2　Android的优缺点 50 2.4.3　Windows Phone的优缺点 51 2.4.4　手机系统的发展前景 51 2.5　总结扩展 51 2.5.1　本章小结 52 2.5.2　课后练习——制作iOS 9健康图标 52  第3章　iOS设计元素 3.1　iOS 8与iOS 9的界面对比 53 3.1.1　新字体 53 3.1.2　应用切换 54  案例3　制作应用程序切换界面 54 3.1.3　Spotlight搜索 58 3.1.4　电池使用细节 58 3.1.5　相机应用 58 3.1.6　分享界面 59 3.1.7　Siri新界面 59 3.1.8　键盘大小写切换 60 3.1.9　听写界面 60 3.1.10　圆角 60 3.2　iOS界面设计 61 3.2.1　了解用户使用怎样的设备 61 3.2.2　iOS界面设计的原则 61 3.3　iOS界面设计规范 64 3.3.1　界面布局 66 3.3.2　颜色与字体 67 3.3.3　语言风格 68 3.3.4　确保程序在iPad和iPhone上通用 69 3.3.5　重新考虑基于Web的设计 70 3.4　iOS 基本图形的绘制 70 3.4.1　线条的绘制 70  案例4　制作记事本图标 71 3.4.2　矩形的绘制 74 3.4.3　圆角矩形的绘制 76  案例5　制作智能小键盘 76 3.4.4　圆形的绘制 79  案例6　制作iOS 9的解锁界面 80 3.4.5　其他形状 83  案例7　制作iOS 9的选项图标 83 3.5　控件的绘制 86 3.5.1　活动指示器 86  案例8　制作活动指示器 87 3.5.2　日期和时间拾取器 91  案例9　制作选择器 92 3.5.3　详情按钮 94 3.5.4　标签 96 3.5.5　网络活动指示器 96 3.5.6　页面控制 97  案例10　制作页码指示器 98 3.5.7　进度指示条 100  案例11　制作信息界面 100 3.5.8　刷新控制 103 3.5.9　搜索框 103  案例12　制作搜索框 104 3.5.10　滚动条 107  案例13　制作滚动条 108 3.5.11　文本框 113  案例14　制作文本框界面 113 3.5.12　对话框 116  案例15　制作对话框 116 3.5.13　分段控件 118  案例16　制作分段控件 119 3.5.14　按钮 120  案例17　制作开关按钮 121 3.6　图标绘制 123 3.6.1　图标设计的技巧 123 3.6.2　应用图标 125  案例18　制作APP Store图标 126 3.6.3　聚光灯和设置图标 128 3.6.4　导航栏、工具栏和Tab栏中的图标 129  案例19　制作Tab栏中的小图标 130 3.7　总结扩展 132 3.7.1　本章小结 132 3.7.2　课后练习——制作Safari浏览器界面 133  第４章　iOS APP应用实战 4.1　iOS APP界面的布局规范 134 4.1.1　 iOS APP界面尺寸 规范 134 4.1.2　 iOS的文本规范 135 4.1.3　 iOS界面的配色技巧 135 4.2　制作APP电商界面 135  案例20　制作电商界面1——状态栏 136  案例21　制作电商界面2——导航栏 138  案例22　制作电商界面3——主体 141  案例23　制作电商界面4——标签栏 143 4.3　制作APP记事本界面 146  案例24　制作记事本界面 146 4.4　制作APP音乐播放器界面 151  案例25　制作音乐播放器界面 151 4.5　制作个人主页界面 157  案例26　制作个人主页界面设计 157 4.6　制作游戏界面 161  案例27　制作游戏界面 161 4.7　总结扩展 170 4.7.1　本章小结 171 4.7.2　课后练习——制作登录界面 171  第5章　Android设计元素 5.1　Android 5.0与Android 6.0界面对比 172 5.2　Android UI概论 176 5.2.1　主屏幕和二级菜单 176 5.2.2　系统栏 176 5.2.3　操作栏 176 5.3　Android UI设计原则 177 5.3.1　漂亮的界面 177  案例28　制作简洁的Android解锁界面 177 5.3.2　更简单便捷的操作 180 5.3.3　更加完善的工作流程 180 5.4　Android设计概述 181 5.4.1　设备和显示 181  案例29　Android 6.0 Chrome图标 183 5.4.2　字体 185  案例30　制作Android E-mail发送界面 186 5.4.3　写作风格 190 5.4.4　颜色 192 5.5　Android基本图形绘制 193 5.5.1　直线 193  案例31　制作Android 注册界面 194 5.5.2　圆 198  案例32　制作Android 时间界面 199 5.5.3　矩形 202  案例33　制作简洁的Android软件界面 203 5.5.4　圆角矩形 207  案例34　制作简洁的Android推送界面 208 5.5.5　其他形状 212  案例35　制作简洁的Android图片预览界面 214 5.6　Android APP控件制作 216 5.6.1　选项卡 216  案例36　制作简洁的Android选项卡 218 5.6.2　列表 219  案例37　制作简洁的Android文件管理器 221 5.6.3　滚动 224  案例38　制作微信联系人界面 225 5.6.4　下拉菜单 228  案例39　制作Android 下拉菜单 229 5.6.5　按钮 232  案例40　制作微信个人信息界面 233 5.6.6　文本框 238  案例41　制作Android 文本框 239 5.6.7　对话框 241  案例42　制作Android 对话框 242 5.6.8　滑块 245  案例43　制作Android 闹钟声音滑块 245 5.6.9　进度和动态 247  案例44　制作Android 音乐播放器 249 5.6.10　开关 252  案例45　制作Android 开关 254 5.6.11　分割线 257 5.6.12　工具提示 259 5.6.13　图标 259  案例46　制作Android 启动图标 260 5.7　总结扩展 266 5.7.1　本章小结 266 5.7.2　课后练习——制作Android拨号界面 267  第6章　Android APP应用实战 6.1　Android APP的设计规范 268 6.1.1　Android APP结构规范 268 6.1.2　Android APP切图规范 269 6.1.3　Android APP配色 技巧 269 6.2　制作在线电影APP界面 269  案例47　制作在线电影APP 1——状态栏 269  案例48　制作在线电影APP 2——选项栏 272  案例49　制作在线电影APP 3——主界面 274 6.3　制作记事本APP 277  案例50　制作记事本APP 277 6.4　制作音乐播放器界面 284  案例51　制作音乐播放器界面 285 6.5　制作聊天APP侧边栏 292  案例52　制作聊天APP侧边栏 292 6.6　总结扩展 292 6.6.1　本章小结 298 6.6.2　课后练习——制作APP人主页界面 299  第7章　Windows Phone设计元素和应用实战 7.1　Windows Phone 10与Windows  Phone 8.1界面对比 300 7.2　Windows Phone系统的 特点 302 7.2.1　通用Windows应用史 302 7.2.2　Windows Phone界面特色 302 7.3　Windows Phone设计原则 303  案例53　制作Windows Phone主界面 305 7.4　Windows Phone界面框架 308 7.4.1　页面标题 308 7.4.2　进度指示器 309 7.4.3　滚动指示器 309 7.4.4　主题 310 7.5　Windows Phone用户界面框架 311 7.5.1　主界面 311 7.5.2　屏幕方向 311 7.5.3　字体 311 7.5.4　状态栏 312  案例54　制作Windows Phone状态栏 312 7.5.5　磁贴和通知 314 7.6　Windows Phone标准控件 314 7.6.1　按键 315 7.6.2　单选按钮 315 7.6.3　复选框 315 7.6.4　切换开关 316 7.6.5　命令栏 316 7.6.6　对话框 317 7.6.7　进度控件 317 7.6.8　搜索 318 7.7　制作Windows Phone壁纸软件 319  案例55　制作Windows Phone壁纸软件 319 7.8　制作Windows Phone壁纸软件  322  案例56　制作Windows Phone QQ界面 322 7.9　总结扩展 325 7.9.1　本章小结 325 7.9.2　课后练习——制作脑电波测试软件界面 326