Photoshop移动UI设计

第1章 手机UI设计基本概念　1 1.1　关于手机　2 1.1.1　手机的分类　2 1.1.2　手机的分辨率　3 1.1.3　手机的色彩级别　3 1.2　了解UI设计　3 1.2.1　什么是UI设计　4 1.2.2　手机UI设计　4 1.2.3　手机UI设计的特点　4 1.2.4　手机UI与平面UI的区别　5 1.3　手机界面设计的原则　5 1.3.1　界面效果的整体性和一致性　5 1.3.2　界面效果的个性化　5 1.3.3　界面视觉元素的规范　6 1.4　手机界面设计的流程　6 1.4.1　确认设计对象　6 1.4.2　绘制设计草稿　7 1.4.3　完成界面绘制　7 1.4.4　输出正确格式　8 1.5　图标的格式和大小　8 1.5.1　PNG、GIF和JPEG格式　8 1.5.2　其他格式　9 1.5.3　图标的大小　9 1.6　设计尺寸的单位　10 1.6.1　分辨率　10 1.6.2　英寸　10 1.6.3　网点密度　11 1.6.4　屏幕密度　11 1.7　常用软件工具　12 1.7.1　Photoshop　12 1.7.2　Illustrator　12 1.7.3　Flash　12 1.7.4　3DS Max　12 1.7.5　Iconcool studio和Image Optimizer　13 1.8　本章小结　13 练习题　14 第2章　常见的手机系统　15 2.1　苹果系统（iOS）　16 2.1.1　iOS界面特色　16 2.1.2　iOS的基础UI组件　16 2.1.3　iOS开发工具　16 2.1.4　iOS的设备　17 2.1.5　iOS 8与iOS 9　18 2.2　安卓系统（Android）　22 2.2.1　Android优势　23 2.2.2　Android界面特色　23 2.2.3　Android的基础UI组件　23 2.2.4　关于深度定制系统　23 2.3　Windows Phone操作系统　26 2.3.1　了解Windows Phone　26 2.3.2　Windows Phone 7与Windows Phone 8系统　26 2.3.3　Windows Phone 8系统特色　26 2.3.4　Windows Phone的基础UI组件　28 2.4　其他系统　28 2.4.1　Symbian操作系统　28 2.4.2　黑莓系统　28 2.5　本章小结　29 练习题　30 第３章　iOS系统应用　31 3.1　iOS App设计概述　32 3.1.1　关注主任务　32 3.1.2　提升用户关注内容的权重　32 3.1.3　使用方法明显、易显　32 3.1.4　使用以用户为中心的术语　33 3.1.5　界面元素要一致　33 3.2　iOS系统界面设计规范　33 3.2.1　确保程序通过　33 3.2.2　确保程序在iPhone和iPad上通用　34 3.2.3　重新考虑基于Web的设计　34 3.3　iOS系统基本图形绘制　34 案例　绘制iOS 9的解锁界面　35 案例　绘制iOS 9小图标　38 3.4　iOS系统控件的绘制　40 案例　绘制iOS 9日期拾取器　44 案例　绘制iOS 9的分段控件　47 3.5　iOS图标绘制　48 3.5.1　设计图标的特点　48 3.5.2　设计图标的标准　49 3.5.3　图标的分类　49 案例　绘制iOS 9的拨号图标　52 3.6　设计中的图片　54 案例　绘制扁平化图标　55 3.7　iOS 8与iOS 9界面对比　58 3.7.1　新字体　58 3.7.2　应用切换　59 3.7.3　Spotlight　59 3.7.4　电池使用细节　59 3.7.5　相机应用　59 3.7.6　分享界面　60 3.7.7　Siri界面　60 3.7.8　键盘大小写切换　60 3.7.9　听写界面　60 3.7.10　圆角　61 3.8　综合案例　61 综合案例——绘制滑动界面　61 综合案例——绘制iOS　9 游戏中心界面　64 综合案例——绘制游戏小界面　70 3.9　本章小结　76 练习题　77 第４章　Android系统应用　78 4.1　Android App UI概论　79 4.2　Android App UI设计原则　80 4.3　Androd界面设计风格　83 4.3.1　设备与显示　83 4.3.2　主题样式　83 4.3.3　单位和网格　83 4.3.4　触摸反应　84 4.3.5　字体　85 4.3.6　颜色　85 4.3.7　图标　85 案例　绘制Android通知图标　87 4.3.8　写作风格　89 4.4　Android App常用结构　89 4.5　控件设计　90