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