iOS和Android的app界面設計規范

2022-05-28 分類：網站建設

記錄一下iOS和Andoird的界面設計規范，方便進行標準的產品設計，并與設計師順暢溝通。iPhone 上的字體英文為：HelveticaNeue 至于中文，Mac下用的是黑體-簡，Win下則為華文黑體，所有字體要用雙數字號。

　　百度用戶體驗部做過一個小調查，對于app字體大小的調查結論如下：

　　記錄一下iOS和Andoird的界面設計規范，方便進行標準的產品設計，并與設計師順暢溝通。

iOS篇

圖標尺寸

字體

　　iPhone 上的字體英文為： HelveticaNeue 至于中文，Mac下用的是黑體-簡，Win下則為華文黑體，所有字體要用雙數字號。

　　百度用戶體驗部做過一個小調查，對于app字體大小的調查結論如下：

顏色值

　　IOS顏色值取 RGB各顏色的值比如某個色值，給予IOS開發的色值為 R:12 G:34 B:56 給出的值就是 12,34,56(有時也要根據開發的習慣，有時也用十六進制)

　　內部設計

　　1、所有能點擊的圖片不得小于44px(Retina需要88px)

　　2、單獨存在的部件必須是雙數尺寸

　　3、兩倍圖以@2x作為命名后綴

　　4、充分考慮每個控制按鈕在4中狀態下的樣式，如圖

Android篇

界面尺寸

　　android的尺寸眾多，建議使用分辨率為720×1280 的尺寸設計。這個尺寸 720×1280中顯示好，在 1080×1920 中看起來也比較清晰;切圖后的圖片文件大小也適中，應用的內存消耗也不會過高。

　　狀態欄高度：50 px

　　導航欄高度：96 px

　　標簽欄高度：96 px

　　Android最近出的手機都幾乎去掉了實體鍵，把功能鍵移到了屏幕中，當然高度也是和標簽欄一樣的：96 px

　　內容區域高度為：1038 px (1280-50-96-96=1038)

圖表尺寸

　　ps: Android設計規范中，使用的單位是dp， dp在安卓機上不同的密度轉換后的px 是不一樣的

字體

　　Android 上的字體為： Droid sans fallback ，是谷歌自己的字體，與微軟雅黑很像。

　　Android的字體大小調查結論是：

顏色值

　　Android顏色值取值為十六進制的值比如一綠色的值，給開發的值為 #5bc43e

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片