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

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