IOS UI設計規范
來源:www.xwczgs.cn 作者:東方智啟科技 時間: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
tag標簽:手機軟件開發
上一篇:IOS APP開發優勢
下一篇:蘋果APP開發優勢
熱門點評()