IOS的设计规范及分辨率尺寸
一:iphone设计规范(以750*1334px为准)
画布:750*1334px (4.7英寸)
布局: statusbar:状态栏:40px
navigationbar:导航栏:88px
Tab bar:菜单栏:98px
字体:中文:苹方 英文:San Francisco
状态栏:24px
标题栏:36px 返回按钮:44*44px
按钮文字,小标题:28px
正文:28px / 26px
底部菜单栏:22px 菜单图标:44*44px
提示信息,小文字:24px / 22px
(这只是自己的一些规范,具体的字体大小需根据设计来定)
按钮: 普通屏幕中所有能点击的按钮/图片,最小可点击区域为:44x44 px;Retia屏幕中所有能点击 的按钮/图片,最小可点击区域为:88x88px;
按钮状态及样式:按钮状态主要分为普通(normal)、选中(selected)、按下 (highlighted)、不可点(disabled)四种,大部分按钮 都包含了这4种状态。
按钮样式包括三种:第一种是直角;第二种是圆角(圆角为8px);第三种是全圆角。
图标logo: 画布:1024*1024px
切图大小:44*44px58*58px75*75px 80*80px114*114px120*120px
1024*1024px
切图和标注:750*1334px:@2X 在此基础上面标注与切图,目前只需切@2X,@3X
命名常用的单词:
normal(正常)、pressed(按下)、selected(选中)、disabled(禁用)、visited(已访问)、hover(悬停)、btn(按钮)、icon(图标)、sign(标记)、list(列表)、menu(菜单)、view(视图)、panel(面板)、sheet(薄板)、bar(栏)、statusbar(状态栏)、navbar(导航栏)、tabbar(标签栏)、toolbar(工具栏)、switch(切换开关)、slider(滑动器)、radio(单 选框)、 checkbox(复选框)、bg(背景)、mask(蒙版/遮罩)
附:以其他分辨率设计的规范 :
二:分辨率
750*1334px(4.7英寸)——iPhone 6,6S,7
320*480px(3.5英寸)——iPhone1G,3G,3GS
640*960px(3.5英寸)——iPhone4,4S
640*1136px(4英寸) ——iPhone5,5S , 5C , SE
1242*2208px(5.5英寸)——iPhone6 Plus,6S Plus , 7Plus (开发应按照1242x2208适配)
iphone3以前都是@1X ;
iphone4,5,5s,6,6s,7都是@2X;
iphone6 plus,6s plus ,7plus都是@3X
三:其他ios设备