iOS和Android的app界面設計規範

點擊數: 【字體: 列印文章 查看評論

  記錄一下iOS和Andoird的界面設計規範,方便進行標準的產品設計,並與設計師順暢溝通。iPhone 上的字體英文為:HelveticaNeue 至於中文,Mac下用的是黑體-簡,Win下則為華文黑體,所有字體要用雙數字型大小。

  iOS篇

IOS界面設計規範

各IOS產品對應的設計規範

  圖標尺寸

IOS產品各圖標尺寸

  字體

  iPhone 上的字體英文為: HelveticaNeue 至於中文,Mac下用的是黑體-簡,Win下則為華文黑體,所有字體要用雙數字型大小。

  百度用戶體驗部做過一個小調查, 對於app字體大小的調查結論如下:

百度對於IOS app字體大小的調查結論

  顏色值

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

  內部設計

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

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

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

  4、充分考慮每個控制按鈕在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)

  圖表尺寸

安卓android圖表尺寸

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

  字體

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

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

Android的字體大小調查結論

  顏色值

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


關於我們 |  站點地圖 |  聯繫方式 |  投稿指南 |  廣告服務 

Copyright © 2005 dn580.com Inc. All rights reserved. 永乐国际 版權所有

手機:15871451580 郵編:430000 EMail:fuanping@163.com

鄂ICP備12003384