Photoshop移動(dòng)UI設(shè)計(jì)

第1章 手機(jī)UI設(shè)計(jì)基本概念　1 1.1　關(guān)于手機(jī)　2 1.1.1　手機(jī)的分類　2 1.1.2　手機(jī)的分辨率　3 1.1.3　手機(jī)的色彩級別　3 1.2　了解UI設(shè)計(jì)　3 1.2.1　什么是UI設(shè)計(jì)　4 1.2.2　手機(jī)UI設(shè)計(jì)　4 1.2.3　手機(jī)UI設(shè)計(jì)的特點(diǎn)　4 1.2.4　手機(jī)UI與平面UI的區(qū)別　5 1.3　手機(jī)界面設(shè)計(jì)的原則　5 1.3.1　界面效果的整體性和一致性　5 1.3.2　界面效果的個(gè)性化　5 1.3.3　界面視覺元素的規(guī)范　6 1.4　手機(jī)界面設(shè)計(jì)的流程　6 1.4.1　確認(rèn)設(shè)計(jì)對象　6 1.4.2　繪制設(shè)計(jì)草稿　7 1.4.3　完成界面繪制　7 1.4.4　輸出正確格式　8 1.5　圖標(biāo)的格式和大小　8 1.5.1　PNG、GIF和JPEG格式　8 1.5.2　其他格式　9 1.5.3　圖標(biāo)的大小　9 1.6　設(shè)計(jì)尺寸的單位　10 1.6.1　分辨率　10 1.6.2　英寸　10 1.6.3　網(wǎng)點(diǎn)密度　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　本章小結(jié)　13 練習(xí)題　14 第2章　常見的手機(jī)系統(tǒng)　15 2.1　蘋果系統(tǒng)（iOS）　16 2.1.1　iOS界面特色　16 2.1.2　iOS的基礎(chǔ)UI組件　16 2.1.3　iOS開發(fā)工具　16 2.1.4　iOS的設(shè)備　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的基礎(chǔ)UI組件　23 2.2.4　關(guān)于深度定制系統(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的基礎(chǔ)UI組件　28 2.4　其他系統(tǒng)　28 2.4.1　Symbian操作系統(tǒng)　28 2.4.2　黑莓系統(tǒng)　28 2.5　本章小結(jié)　29 練習(xí)題　30 第３章　iOS系統(tǒng)應(yīng)用　31 3.1　iOS App設(shè)計(jì)概述　32 3.1.1　關(guān)注主任務(wù)　32 3.1.2　提升用戶關(guān)注內(nèi)容的權(quán)重　32 3.1.3　使用方法明顯、易顯　32 3.1.4　使用以用戶為中心的術(shù)語　33 3.1.5　界面元素要一致　33 3.2　iOS系統(tǒng)界面設(shè)計(jì)規(guī)范　33 3.2.1　確保程序通過　33 3.2.2　確保程序在iPhone和iPad上通用　34 3.2.3　重新考慮基于Web的設(shè)計(jì)　34 3.3　iOS系統(tǒng)基本圖形繪制　34 案例　繪制iOS 9的解鎖界面　35 案例　繪制iOS 9小圖標(biāo)　38 3.4　iOS系統(tǒng)控件的繪制　40 案例　繪制iOS 9日期拾取器　44 案例　繪制iOS 9的分段控件　47 3.5　iOS圖標(biāo)繪制　48 3.5.1　設(shè)計(jì)圖標(biāo)的特點(diǎn)　48 3.5.2　設(shè)計(jì)圖標(biāo)的標(biāo)準(zhǔn)　49 3.5.3　圖標(biāo)的分類　49 案例　繪制iOS 9的撥號圖標(biāo)　52 3.6　設(shè)計(jì)中的圖片　54 案例　繪制扁平化圖標(biāo)　55 3.7　iOS 8與iOS 9界面對比　58 3.7.1　新字體　58 3.7.2　應(yīng)用切換　59 3.7.3　Spotlight　59 3.7.4　電池使用細(xì)節(jié)　59 3.7.5　相機(jī)應(yīng)用　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 綜合案例——繪制滑動(dòng)界面　61 綜合案例——繪制iOS　9 游戲中心界面　64 綜合案例——繪制游戲小界面　70 3.9　本章小結(jié)　76 練習(xí)題　77 第４章　Android系統(tǒng)應(yīng)用　78 4.1　Android App UI概論　79 4.2　Android App UI設(shè)計(jì)原則　80 4.3　Androd界面設(shè)計(jì)風(fēng)格　83 4.3.1　設(shè)備與顯示　83 4.3.2　主題樣式　83 4.3.3　單位和網(wǎng)格　83 4.3.4　觸摸反應(yīng)　84 4.3.5　字體　85 4.3.6　顏色　85 4.3.7　圖標(biāo)　85 案例　繪制Android通知圖標(biāo)　87 4.3.8　寫作風(fēng)格　89 4.4　Android App常用結(jié)構(gòu)　89 4.5　控件設(shè)計(jì)　90