蘋果iphone APP界面設(shè)計尺寸官方版
一：iphone界面設(shè)計尺寸（640*960）px
該Iphone界面設(shè)計是從蘋果官方網(wǎng)站幫助中心提取過來，這也是我第一次幫公司產(chǎn)品設(shè)計iphone版的UI使用的尺寸。由于之前接觸的比較少，只知道蘋果手機(jī)的界面尺寸是640*960，其實真正的大小是320*480，因為人的視網(wǎng)膜關(guān)系，蘋果公司放大了2倍。
所以，我們在設(shè)計的時候，需要按照該圖上的尺寸來放大2倍作為我們設(shè)計的尺寸。
或者說，我們初學(xué)者可以模仿，可以借鑒蘋果公司成熟的案例。我們導(dǎo)出一張完整的iphone手機(jī)界面。作為我們設(shè)計的底版。
25學(xué)堂教程原創(chuàng)二：Android界面通常設(shè)計尺寸（480*800）px
系統(tǒng)會根據(jù)你手機(jī)的分辯率分別到如下幾個文件來里來找對應(yīng)的圖片：
hdpi(hign-dpi) 這個文件平里放置高分辯率的圖片，即如下尺寸的文件：480×800、480X854
mdpi(middle-dpi)這個文件平里放置中等分辯率的圖片，即如下尺寸的文件：320×480
ldpi(lower-dpi)這個文件平里放置低分辯率的圖片，即如下尺寸的文件：240×320
Ipad 和Iphone APPUI設(shè)計尺寸和參考手冊
愛上設(shè)計之APPUI設(shè)計，在此為大家?guī)淼脑撛O(shè)計參考手冊的說明是“開發(fā)者不懂圖形設(shè)計，設(shè)計師討厭返工，本參考手冊旨在幫助設(shè)計師設(shè)計超贊的 iPad 和Iphone APP UI 設(shè)計，并且告訴設(shè)計師如何為開發(fā)者提供一個正確的設(shè)計文件�！北驹O(shè)計手冊按照尺寸、圖標(biāo)、小貼士和傳遞這幾個部分鋪展開來，希望能幫到大家~同時也是初做APP設(shè)計師的基本寶典！目睹為快吧！
ipad界面設(shè)計規(guī)范,新手設(shè)計iPad的必備寶典
平臺特點(diǎn)
1 大屏幕，分辨率 1024×768
2 再次強(qiáng)調(diào)沒有固定的方向，必須四個方向都支持。
3 可以外接鍵盤
4 可以放置設(shè)備，與臺式機(jī)同步
iPhone與iPad的共同特點(diǎn)
- 內(nèi)存有限
- 同時運(yùn)行單個程序
- 在設(shè)置功能里放置程序選項
- 設(shè)備方向可以改變
- 最小化的幫助，讓用戶直接就能看懂
- 程序響應(yīng)手勢而不是鼠標(biāo)
- 運(yùn)行源生程序、Web程序或者二者兼?zhèn)?/span>
- 圖片深度24位(RGB各8位)，另帶8位alpha通道，建議使用PNG格式圖片
ipad界面設(shè)計簡單建議
1、 支持所有方向
注意要為每個方向都提供一個啟動圖片
2、 增強(qiáng)交互而非只增加功能
3、 使用split view, 導(dǎo)航和彈出窗口來平整信息層級
4、 減少全屏切換，僅僅改變需要改變的部分
5、 支持協(xié)作和互聯(lián)
6、如果可能，增加真實感以及物理維度到應(yīng)用程序里，盡可能像真實世界的物品以便用戶易于上手
7、 界面漂亮 用戶喜愛
8、 盡量讓用戶更關(guān)注內(nèi)容而不是界面
9、 盡可能減少強(qiáng)制用戶模式化操作
10、 減少使用列表，改變?yōu)槠渌问?/span>
11、 盡量支持多手指手勢
12、 讓用戶模式化操作的地方可以用彈出窗口
13、 限制復(fù)雜的模式化操作
14、 減小文件操作尤其盡量讓用戶感覺不到文件系統(tǒng)的存在
15、 僅僅在必須的情況才提示用戶保存
16、 將工具條整合在界面上部
17、盡可能快速啟動程序
盡量使用截圖作為啟動畫面
不要在啟動時顯示關(guān)于或者splash screen
恢復(fù)上次運(yùn)行狀態(tài)
盡量不要讓用戶提供設(shè)置信息
18、 程序可能隨時停止
19、 為每個方向都準(zhǔn)備啟動畫面
20、 建立漂亮的圖標(biāo)
尺寸：72×72
和iPhone程序類似，iPad程序的圖標(biāo)會自動增加：圓角、陰影和高光。
圖標(biāo)標(biāo)準(zhǔn)：
> 90度直角邊
> 沒有高光
> 不帶alpha通道透明
另外要提供48×48圖標(biāo)一個，用于spotlight搜索和設(shè)置
|
