APP界面設計尺寸（ui設計手機界面尺寸）
本篇文章給大家談談APP界面設計尺寸，以及ui設計手機界面尺寸對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
androidapp界面設計按什么尺寸
androidapp界面設計是按720*1280的，切圖上可以點9切圖做到所有手機的適配。
狀態(tài)欄、導航欄和主菜單欄，以720*1280的尺寸來設計，那么狀態(tài)欄的高度應為50px，導航欄的高度96px，主菜單欄的高度96px，因為是開源的系統(tǒng)，這里的數值也只能作為參考。
Android為了區(qū)別于IOS，從4.0開始提出了一套HOLO的UI風格設計風格，鼓勵將底部的主菜單欄放到導航欄下面，從而避免點擊下方材料誤點虛擬按鍵，很多APP的新版中也采用了這一風格。
擴展資料：
注意事項：
1、通常情況要定位一個Icon只需給出上/下邊距，左/右邊距，標注圖標距離只需標到可點擊范圍外
通用型顏色、字體單獨標明一份，通用型模塊只需單獨標明一份，如導航欄。
2、手機可視區(qū)域通常為寬度固定，長度超出邊界可滑動，所以標注物體寬度時可按比例說明，如果要標注內容上下居中，左右居中，或等比可不標注。
3、當交付的是一張完整圖片時，不需做機型適配，只需給高清圖(1920*1080)即可，注意進行壓縮。
4、若圖標在不同頁面重復出現(xiàn)，且尺寸相差不大，直接給出最大一份切圖，并在圓形圖標明尺寸，程序會根據需求縮放。
5、當背景是純色時只需給出色值，Android使用16進制色值。
參考資料來源：百度百科-Android
參考資料來源：百度百科-界面設計
參考資料來源：百度百科-狀態(tài)欄
參考資料來源：百度百科-導航欄
參考資料來源：百度百科-開源系統(tǒng)
參考資料來源：百度百科-切圖
參考資料來源：百度百科-UI設計
ios app界面設計用什么尺寸？
界面尺寸規(guī)范
1、界面尺寸大小是：750x1334px。
2、狀態(tài)欄(status bar)：就是電量條，其高度為：40px;
3、導航欄(navigation)：就是頂部條，其高度為：88px;
4、主菜單欄(submenu，tab)：就是標簽欄，底部條，其高度為：98px;
5、內容區(qū)域(content)：就是屏幕中間的區(qū)域，其高度為：1334px-40px-88px-98px=1108px
iOS是由蘋果公司開發(fā)的移動操作系統(tǒng) 。蘋果公司最早于2007年1月9日的Macworld大會上公布這個系統(tǒng)，最初是設計給iPhone使用的，后來陸續(xù)套用到iPod touch、iPad以及Apple TV等產品上。
iOS與蘋果的Mac OS X操作系統(tǒng)一樣，屬于類Unix的商業(yè)操作系統(tǒng)，原本這個系統(tǒng)名為iPhone OS，因為iPad，iPhone，iPod touch都使用iPhone OS，所以2010WWDC大會上宣布改名為iOS(iOS為美國Cisco公司網絡設備操作系統(tǒng)注冊商標，蘋果改名已獲得isco公司授權。
淺談iOS APP設計規(guī)范-按照iphone6尺寸
現(xiàn)在iOS app 的尺寸也變多了，要適配到各種尺寸需要選擇一個折中的尺寸來向上向下適配，以前一般用的是iphone5的尺寸，iPhone6 plus出現(xiàn)后，iPhone6尺寸成了大多數設計師的選擇。
一、iPhone6的界面布局是：
屏幕是4.7英寸的，設計稿的大小750x1334px
☆ 狀態(tài)欄(status bar)：就是電量條，其高度為：40px；
☆ 導航欄(navigation)：就是頂部條，其高度為：88px；
☆ 主菜單欄(submenu，tab)：就是標簽欄，底部條，其高度為：98px；
☆ 內容區(qū)域(content)：就是屏幕中間的區(qū)域，其高度為：1334px-40px-88px-98px=1108px
二、關于iPhone6的圖標的尺寸是：
☆導航欄的圖標高度為44px（絕大部分功能按鈕）左右，標簽欄的圖標尺寸為50x50px左右，最大為96x64px。
☆關閉按鈕34px*34px，返回按鈕26px，簡單筆畫圖標40px。
三、常用的可點擊高度-登陸框、密碼框、功能列表等，統(tǒng)一設成88px。
四、搜索欄、輸入框、評論框、地址框的高度，在iPhone6的原型圖上，統(tǒng)一設成58px或60px。
五、在iPhone6設計稿中，界面元素之間的常用距離。
常用間距-親密距離：20px（與邊緣距離）；疏遠距離：30px；
其它距離-10px，44px等；
區(qū)塊間隔：30-40px。
A、疏遠距離：比如，改圖標距離手機屏幕最左邊的距離；
B、親密距離：比如，左邊圖標與右邊文字之間的距離。
六、黑白灰顏色常用的數值是：
① 文字黑色#333
② 文字深灰色#666
③ 文字淺灰色#999
④ 邊框淺灰色#e5e5e5
⑤ 背景淡灰色#f2f2f2
⑥ 按鈕背景純白色#ffffff
一、注意事項
1、在每個項目設計中只使用1-2個字體樣式，而在品牌字有明確的規(guī)范的情況下，只需要一種字體貫穿全文，通過對字體放大來強調重點文案。字體用的太多，越顯得不夠專業(yè)。
2、不同的樣式的字體，形狀或系列最好相同，保證字體風格的一致性。
3、字體與背景的層次要分明,確保字體樣式與色調氣氛相匹配
二、界面中文字選用的規(guī)則
在不同平臺的界面設計中規(guī)范的字體會有不同，像移動界面的設計就會有固定的字體樣式，網頁中會有常用的幾個字體。
以下是在72像素/英寸下的規(guī)范
移動端常規(guī)字體
IOS:常選擇華文黑體或者冬青黑體，尤其是冬青黑體效果最好， 方正蘭亭黑和方正黑體簡 、方正中等線也運用的比較多。
三、字體的大小
1、導航欄的文字大小是36-38px；
2、標題字號：32px ，34px；
3、內容區(qū)域的正文文字大小是：28px，30px；
4、輔助性文字：20px ， 24px，26px；
5、標簽欄（或主菜單欄）的圖標下方的文字大小為20px；
6、終極原則：不大于所在要件高度的一半;
7、行間距：字號的1.2-1.5倍。
下圖是百度用戶體驗做過的一個小調查，可以看出用戶可接受的文字大?。?/p>
關于APP界面設計尺寸和ui設計手機界面尺寸的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。
