IOS UI設(shè)計規(guī)范
來源:m.7n7k.cn 作者:東方智啟科技 時間:2015-02-02 14:31 閱讀:
深圳手機軟件開發(fā)公司專家稱,在競爭激烈的市場環(huán)境中,開發(fā)者面對每一次開發(fā)工作都需要踏踏實實地遵循應(yīng)用開發(fā)的基本規(guī)范。那么,在應(yīng)用的開發(fā)中,UI設(shè)計應(yīng)該遵循哪些規(guī)范呢?
在移動互聯(lián)時代的背景下,使得開發(fā)者紛紛投入應(yīng)用的開發(fā)中,為此應(yīng)用市場呈現(xiàn)一派繁榮的景象。深圳手機軟件開發(fā)公司專家稱,在競爭激烈的市場環(huán)境中,開發(fā)者面對每一次開發(fā)工作都需要踏踏實實地遵循應(yīng)用開發(fā)的基本規(guī)范。那么,在應(yīng)用的開發(fā)中,UI設(shè)計應(yīng)該遵循哪些規(guī)范呢?
一、尺寸及分辨率
iPhone界面尺寸:320*480、640*960、640*1136
iPad界面尺寸:1024*768、2048*1536
二、界面基本組成元素
iPhone的app界面一般由四個元素組成,分別是:狀態(tài)欄、導航欄、主菜單欄、內(nèi)容區(qū)域。
這里取用640*960的尺寸設(shè)計,那我們就說說在這個尺寸下這些元素的尺寸。
狀態(tài)欄:就是我們經(jīng)常說的信號、運營商、電量等顯示手機狀態(tài)的區(qū)域,其高度為:40px
導航欄:顯示當前界面的名稱,包含相應(yīng)的功能或者頁面間的跳轉(zhuǎn)按鈕,其高度為:88px
主菜單欄:類似于頁面的主菜單,提供整個應(yīng)用的分類內(nèi)容的快速跳轉(zhuǎn),其高度為:98px
內(nèi)容區(qū)域:展示應(yīng)用提供的相應(yīng)內(nèi)容,整個應(yīng)用中布局變更最為頻繁,其高度為:734px
三、字體大小
Phone上的字體英文為:HelveticaNeue 。至于中文Mac下用的是黑體,Win下則為華文黑體。
長文本:32px-34px
短文本:32px
注釋:28px

iPhone界面尺寸:320*480、640*960、640*1136
iPad界面尺寸:1024*768、2048*1536
二、界面基本組成元素
iPhone的app界面一般由四個元素組成,分別是:狀態(tài)欄、導航欄、主菜單欄、內(nèi)容區(qū)域。
這里取用640*960的尺寸設(shè)計,那我們就說說在這個尺寸下這些元素的尺寸。
狀態(tài)欄:就是我們經(jīng)常說的信號、運營商、電量等顯示手機狀態(tài)的區(qū)域,其高度為:40px
導航欄:顯示當前界面的名稱,包含相應(yīng)的功能或者頁面間的跳轉(zhuǎn)按鈕,其高度為:88px
主菜單欄:類似于頁面的主菜單,提供整個應(yīng)用的分類內(nèi)容的快速跳轉(zhuǎn),其高度為:98px
內(nèi)容區(qū)域:展示應(yīng)用提供的相應(yīng)內(nèi)容,整個應(yīng)用中布局變更最為頻繁,其高度為:734px
三、字體大小
Phone上的字體英文為:HelveticaNeue 。至于中文Mac下用的是黑體,Win下則為華文黑體。
長文本:32px-34px
短文本:32px
注釋:28px
tag標簽:手機軟件開發(fā)
熱門點評()