iOS智能手机APP界面设计实战教程

第1章　iOS APP界面设计基础　

　1.1　iOS入门　

　　1.1.1　iOS简介　

　　1.1.2　开发工具简介　

　1.2　iOS的界面设计原则　

　　1.2.1　界面美观　

　　1.2.2　一致性　

　　1.2.3　直接控制　

　　1.2.4　反馈　

　　1.2.5　比喻　

　　1.2.6　用户控制　

　1.3　iOS APP设计概述　

　　1.3.1　关注主任务　

　　1.3.2　提升用户关注内容的权重　

　　1.3.3　使用方法明显、易用　

　　1.3.4　使用以用户为中心的术语　

　　1.3.5　减少对用户输入的需求　

　　1.3.6　弱化设置　

　　1.3.7　在App Store中提供精炼的描述　

　　1.3.8　界面元素要一致　

　　1.3.9　使用精美的图片　

　　1.3.10　启动与退出　

　1.4　尺寸标准　

　　1.4.1　英寸　

　　1.4.2　分辨率　

　　1.4.3　屏幕密度　

　　1.4.4　iOS的图标尺寸和格式　

第2章　iOS APP界面元素的制作　

　2.1　iOS 6与iOS 7的界面元素　

　2.2　栏　

　　2.2.1　状态栏　

　　　实战1　制作iOS 6的状态栏　

　　　实战2　制作iOS 7的状态栏　

　　2.2.2　导航栏　

　　　实战3　制作iOS 6的导航栏　

　　　实战4　制作iOS 7的导航栏　

　　2.2.3　工具栏　

　　　实战5　制作iOS 6的工具栏　

　　　实战6　制作iOS 7的工具栏　

　　2.2.4　Tab栏　

　　　实战7　制作iOS 6的Tab栏　

　　　实战8　制作iOS 7的Tab栏　

　2.3　内容视图　

　　2.3.1　浮出层(只限iPad)　

　　　实战9　制作iPad的浮出层　

　　2.3.2　分栏视图(只限iPad)　

　　　实战10　制作iPad的分栏视图　

　　2.3.3　表格视图　

　　　实战11　制作iOS 6的表格视图　

　　　实战12　制作iOS 7的表格视图　

　　2.3.4　文本视图　

　　　实战13　制作iOS 6的文本视图　

　　　实战14　制作iOS 7的文本视图　

　　2.3.5　Web视图　

　　　实战15　制作iOS 6的Web视图　

　　　实战16　制作iOS 7的Web视图　

　2.4　警告框　

　　　实战17　制作iOS 6的警告框　

　　　实战18　制作iOS 7的警告框　

　2.5　操作列表　

　　　实战19　制作iOS 6的操作列表　

　　　实战20　制作iOS 7的操作列表　

　2.6　模态视图　

　　　实战21　制作iOS 6的模态视图　

　　　实战22　制作iOS 7的模态视图　

　2.7　控件　

　　　实战23　制作iOS 6的滚动条　

　　　实战24　制作iOS 7的滚动条　

　2.8　登录图片　

　　　实战25　制作iOS 6的登录图片　

第3章　iOS APP基本元素的制作　

　3.1　iOS APP基本图形的制作　

　　3.1.1　直线　

　　　实战1　制作iOS 7的指南针图标　

　　3.1.2　圆形　

　　　实战2　制作iOS 7的锁屏界面　

　　3.1.3　矩形　

　　　实战3　制作iOS 6的移动和缩放界面　

　　　实战4　制作iOS 7的计算器界面　

　　3.1.4　圆角矩形　

　　　实战5　制作iOS 6的按钮　

　　3.1.5　其他形状　

　　　实战6　制作iOS 7的小图标　

　3.2　iOS APP控件制作　

　　3.2.1　活动指示器　

　　3.2.2　日期和时间拾取器　

　　　实战7　制作iOS 7的日期拾取器　

　　　实战8　制作iOS 6的日期拾取器--背景　

　　　实战9　制作iOS 6的日期拾取器--其他　

　　3.2.3　详情展开按钮　

　　　实战10　制作iOS 7的详情展开按钮开关　

　　　实战11　制作iOS 6的详情展开按钮开关　

　　3.2.4　信息按钮　

　　3.2.5　标签　

　　3.2.6　网络活动指示器　

　　3.2.7　页码指示器　

　　3.2.8　拾取器　

　　3.2.9　进度指示器　

　　3.2.10　圆角矩形按钮　

　　　实战12　制作iOS 6的圆角矩形按钮　

　　3.2.11　范围栏　

　　3.2.12　搜索栏　

　　　实战13　制作iOS 7的搜索栏　

　　　实战14　制作iOS 6的搜索栏　

　　3.2.13　分段控件　

　　　实战15　制作iOS 7的分段控件　

　　　实战16　制作iOS 6的分段控件　

　　3.2.14　滚动条　

　　　实战17　制作iOS 7的音量滚动条　

　　3.2.15　切换器　

　　　实战18　制作iOS 7的闹钟界面　

　　3.2.16　文本框　

　3.3　制作图标　

　　3.3.1　程序图标　

　　　实战19　制作iOS 6的时钟图标　

　　3.3.2　小图标　

　　3.3.3　文档图标　

　　3.3.4　Web快捷方式图标　

　　3.3.5　导航栏、工具栏和Tab栏上用的图标　

　3.4　特效处理　

　　3.4.1　阴影和倒影　

　　　实战20　制作iOS 6的应用商店图标　

　　3.4.2　发光与描边　

　　　实战21　制作iOS 6的iCloud登录界面　

　　3.4.3　模糊　

　　　实战22　制作iOS 7的模糊界面　

　　3.4.4　折角效果　

　　　实战23　制作iOS 6的文档图标　

第4章　完整APP界面的制作　

　4.1　iOS 7与iOS 6的界面风格对比　

　　4.1.1　操作界面简洁清晰、依从用户　

　　4.1.2　全面弃用拟物化　

　　4.1.3　使用动态字体，提升易读性　

　　4.1.4　去掉按钮的边框　

　　4.1.5　导航元素半透明化　

　　4.1.6　大量的留白　

　　4.1.7　通过深度传递层次　

　　4.1.8　尽量不使用启动画面　

　4.2　iOS APP设计尺寸规范(iPhone)　

　　　实战1　制作iOS 6的滑动解锁界面--背景与状态栏　

　　　实战2　制作iOS 6的滑动解锁界面--其他　

　　　实战3　制作iOS 6的主界面--图标　

　　　实战4　制作iOS 6的主界面　

　　　实战5　制作iOS 6的计算器界面--状态栏和屏幕　

　　　实战6　制作iOS 6的计算器界面--按键　

　　　实战7　制作iOS 7的主界面--图标　

　　　实战8　制作iOS 7的主界面--图标2　

　　　实战9　制作iOS 7的主界面　

　　　实战10　制作iOS 7的快捷开关界面--背景处理　

　　　实战11　制作iOS 7的快捷开关界面--其他　

　　　实战12　制作iOS 7的短信发送界面--信息界面　

　　　实战13　制作iOS 7的短信发送界面　

第5章　商业综合案例的制作　

　5.1　iOS的文字排版　

　5.2　iOS的配色　

　　　实战1　制作精美的小游戏界面　

　　　实战2　制作音乐播放界面　

　　　实战3　制作文本编辑界面