QQ咨询
官方微信扫一扫
官方微信二维码

动力无限视角

关注互联网,关注技术开发,透析与分享移动互联网行业最新动态

IOS App设计规范?

2018-07-09 15:27:19 507 0 分类:IOS开发

...

 开发过app的小伙伴们都知道,app开发设计需要苹果和安卓两个界面,在设计这2个界面时候,不管是从布局还是字体上要求都比较严格,尤其是ios app开发时候,苹果6或者7和iPhone6Plus尺寸区别很大,IOS App设计规范怎样?下面郑州app开发公司动力无限技术人员为大家分享IOS 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。


 四、界面中文字选用的规则
 在不同平台的界面设计中规范的字体会有不同,像移动界面的设计就会有固定的字体样式,网页中会有常用的几个字体。
 移动端IOS常规字体:
 常选择华文黑体或者冬青黑体,尤其是冬青黑体效果最好,方正兰亭黑和方正黑体简、方正中等线也运用的比较多。

相关阅读

  • App和小程序的功能区别?

    随着现在人们对移动手机的依赖,不管去哪里都会随身带着手机,它成为我们生产中必不可少的电子产品,很多时候我们需要手机是因为可以用手机来娱乐,被里面的各种app或者...

  • 免费的app靠什么盈利?

    随着现在移动互联网的不断发展,越来越多的人加入的App创业的潮流中,现在很多手机上的app都以免费的形式运营,像抖音、今日头条等这些免费的app靠什么盈利?下面...

  • 哪些行业和领域需要app开发?

    随着现在智能手机的不断升级,现在人们使用手机的频率会比电脑多,全国使用手机的用户量已经超过的电脑用户量,很多企业为了脱颖而出开始开发app软件,app能帮助企业...