Photoshop移動UI設計

第1章 手機UI設計基本概念　1 1.1　關于手機　2 1.1.1　手機的分類　2 1.1.2　手機的分辨率　3 1.1.3　手機的色彩級別　3 1.2　了解UI設計　3 1.2.1　什么是UI設計　4 1.2.2　手機UI設計　4 1.2.3　手機UI設計的特點　4 1.2.4　手機UI與平面UI的區(qū)別　5 1.3　手機界面設計的原則　5 1.3.1　界面效果的整體性和一致性　5 1.3.2　界面效果的個性化　5 1.3.3　界面視覺元素的規(guī)范　6 1.4　手機界面設計的流程　6 1.4.1　確認設計對象　6 1.4.2　繪制設計草稿　7 1.4.3　完成界面繪制　7 1.4.4　輸出正確格式　8 1.5　圖標的格式和大小　8 1.5.1　PNG、GIF和JPEG格式　8 1.5.2　其他格式　9 1.5.3　圖標的大小　9 1.6　設計尺寸的單位　10 1.6.1　分辨率　10 1.6.2　英寸　10 1.6.3　網點密度　11 1.6.4　屏幕密度　11 1.7　常用軟件工具　12 1.7.1　Photoshop　12 1.7.2　Illustrator　12 1.7.3　Flash　12 1.7.4　3DS Max　12 1.7.5　Iconcool studio和Image Optimizer　13 1.8　本章小結　13 練習題　14 第2章　常見的手機系統(tǒng)　15 2.1　蘋果系統(tǒng)（iOS）　16 2.1.1　iOS界面特色　16 2.1.2　iOS的基礎UI組件　16 2.1.3　iOS開發(fā)工具　16 2.1.4　iOS的設備　17 2.1.5　iOS 8與iOS 9　18 2.2　安卓系統(tǒng)（Android）　22 2.2.1　Android優(yōu)勢　23 2.2.2　Android界面特色　23 2.2.3　Android的基礎UI組件　23 2.2.4　關于深度定制系統(tǒng)　23 2.3　Windows Phone操作系統(tǒng)　26 2.3.1　了解Windows Phone　26 2.3.2　Windows Phone 7與Windows Phone 8系統(tǒng)　26 2.3.3　Windows Phone 8系統(tǒng)特色　26 2.3.4　Windows Phone的基礎UI組件　28 2.4　其他系統(tǒng)　28 2.4.1　Symbian操作系統(tǒng)　28 2.4.2　黑莓系統(tǒng)　28 2.5　本章小結　29 練習題　30 第３章　iOS系統(tǒng)應用　31 3.1　iOS App設計概述　32 3.1.1　關注主任務　32 3.1.2　提升用戶關注內容的權重　32 3.1.3　使用方法明顯、易顯　32 3.1.4　使用以用戶為中心的術語　33 3.1.5　界面元素要一致　33 3.2　iOS系統(tǒng)界面設計規(guī)范　33 3.2.1　確保程序通過　33 3.2.2　確保程序在iPhone和iPad上通用　34 3.2.3　重新考慮基于Web的設計　34 3.3　iOS系統(tǒng)基本圖形繪制　34 案例　繪制iOS 9的解鎖界面　35 案例　繪制iOS 9小圖標　38 3.4　iOS系統(tǒng)控件的繪制　40 案例　繪制iOS 9日期拾取器　44 案例　繪制iOS 9的分段控件　47 3.5　iOS圖標繪制　48 3.5.1　設計圖標的特點　48 3.5.2　設計圖標的標準　49 3.5.3　圖標的分類　49 案例　繪制iOS 9的撥號圖標　52 3.6　設計中的圖片　54 案例　繪制扁平化圖標　55 3.7　iOS 8與iOS 9界面對比　58 3.7.1　新字體　58 3.7.2　應用切換　59 3.7.3　Spotlight　59 3.7.4　電池使用細節(jié)　59 3.7.5　相機應用　59 3.7.6　分享界面　60 3.7.7　Siri界面　60 3.7.8　鍵盤大小寫切換　60 3.7.9　聽寫界面　60 3.7.10　圓角　61 3.8　綜合案例　61 綜合案例——繪制滑動界面　61 綜合案例——繪制iOS　9 游戲中心界面　64 綜合案例——繪制游戲小界面　70 3.9　本章小結　76 練習題　77 第４章　Android系統(tǒng)應用　78 4.1　Android App UI概論　79 4.2　Android App UI設計原則　80 4.3　Androd界面設計風格　83 4.3.1　設備與顯示　83 4.3.2　主題樣式　83 4.3.3　單位和網格　83 4.3.4　觸摸反應　84 4.3.5　字體　85 4.3.6　顏色　85 4.3.7　圖標　85 案例　繪制Android通知圖標　87 4.3.8　寫作風格　89 4.4　Android App常用結構　89 4.5　控件設計　90