IOS UI设计规范
来源:www.zhiqiapp.com 作者:东方智启科技 时间:2015-02-02 14:31 阅读:
深圳手机软件开发公司专家称,在竞争激烈的市场环境中,开发者面对每一次开发工作都需要踏踏实实地遵循应用开发的基本规范。那么,在应用的开发中,UI设计应该遵循哪些规范呢?
在移动互联时代的背景下,使得开发者纷纷投入应用的开发中,为此应用市场呈现一派繁荣的景象。深圳手机软件开发公司专家称,在竞争激烈的市场环境中,开发者面对每一次开发工作都需要踏踏实实地遵循应用开发的基本规范。那么,在应用的开发中,UI设计应该遵循哪些规范呢?
一、尺寸及分辨率
iPhone界面尺寸:320*480、640*960、640*1136
iPad界面尺寸:1024*768、2048*1536
二、界面基本组成元素
iPhone的app界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏、内容区域。
这里取用640*960的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。
状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40px
导航栏:显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,其高度为:88px
主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98px
内容区域:展示应用提供的相应内容,整个应用中布局变更最为频繁,其高度为:734px
三、字体大小
Phone上的字体英文为:HelveticaNeue 。至于中文Mac下用的是黑体,Win下则为华文黑体。
长文本:32px-34px
短文本:32px
注释:28px
iPhone界面尺寸:320*480、640*960、640*1136
iPad界面尺寸:1024*768、2048*1536
二、界面基本组成元素
iPhone的app界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏、内容区域。
这里取用640*960的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。
状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40px
导航栏:显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,其高度为:88px
主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98px
内容区域:展示应用提供的相应内容,整个应用中布局变更最为频繁,其高度为:734px
三、字体大小
Phone上的字体英文为:HelveticaNeue 。至于中文Mac下用的是黑体,Win下则为华文黑体。
长文本:32px-34px
短文本:32px
注释:28px
上一篇:IOS APP开发优势
下一篇:苹果APP开发优势
热门点评()