;本章主要讲述当前移动设备的主流操作系统Android系统(谷歌)和IOS系统(苹果),了解其设计规范。;2.1IOS系统的组成要素及设计规范
2.1.1IOS系统简介;1.界面尺寸:3.5英寸(iPhone1/2/3/4/4S)、4英寸(iPhone5/5S/5C)、4.7英寸(iPhone6/6S)、5.5英寸(iPhone6plus/6Splus)等。2.分辨率:320*480像素(iPhone1/2/3)、640*960像素(iPhone4/4S)、640*1136像素(iPhone5/5S/5C)、750*1334像素(iPhone6/6S)、1080*1920像素(iPhone6plus/6Splus)等,
;点击添加文本;
状态栏(statusbar):就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40px
导航栏(navigation):显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,其高度为:88px
主菜单栏(submenu,tab)(标签栏):类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98px
内容区域(content):展示应用提供的相应内容,整个应用中布局变更最为频繁。
内部设计
1、所有能点击的图片不得小于44px(Retina需要88px)
2、单独存在的部件必须是双数尺寸
3、充分考虑每个控制按钮在4种状态下的样式,如图;;Iphone6图例;1.图标的圆角和光晕效果
;2.图标大小
;状态栏图标20—24px;导航栏、工具栏图标44x44px;设置图标58x58px;Spotlight图标80x80px;3.图标格式;点击添加文本;状态栏规范;点击添加文本;导航栏规范;搜索栏;工具栏;提示框;分段控制框;滑块;布局标准控件;标签栏;点击添加文本;点击添加文本;点击添加文本;
;4.常用屏幕尺寸;点击添加文本;UC浏览器界面