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