开发过app的小伙伴们都知道,app开发设计需要苹果和安卓两个界面,在设计这2个界面时候,不管是从布局还是字体上要求都比较严格,尤其是ios app开发时候,苹果6或者7和iPhone6Plus尺寸区别很大,IOS App设计规范怎样?下面郑州app开发公司郑州知网技术人员为大家分享IOS App设计规范.
一、字体的大小设计
1、导航栏的文字大小是36-38px;
2、标题字号:32px ,34px;
3、内容区域的正文文字大小是:28px,30px;
4、辅助性文字:20px , 24px,26px;
5、标签栏(或主菜单栏)的图标下方的文字大小为20px;
6、行间距:字号的1.2-1.5倍。
二、iPhone6的界面布局
屏幕是4.7英寸的,设计稿的大小750x1334px
状态栏(status bar):就是电量条,其高度为:40px;
导航栏(navigation):就是顶部条,其高度为:88px;
主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;
内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px
三、iPhone6Plus的@3x,iPhone6的@2x, iPhone5的@2x的介绍
1、iPhone6Plus是5.5英寸屏幕,1242x2208px-@3x的像素分辨率,逻辑分辨率是414x736pt-@1x。物理尺寸是1080x1920px。这个物理尺寸,也是安卓机目前最流行的大屏设计稿尺寸。
2、iPhone6是4.7英寸屏幕,750x1334px-@2x的像素分辨率,逻辑分辨率是375x667pt-@1x。
3、iPhone5是4英寸屏幕,640x1135px-@2x的像素分辨率,逻辑分辨率是320x568pt-@1x。