移動(dòng)UI界面設(shè)計(jì)-05-Android系統(tǒng)UI設(shè)計(jì)規(guī)范-1課件

Android系統(tǒng)UI設(shè)計(jì)規(guī)范-1Android系統(tǒng)UI設(shè)計(jì)規(guī)范-1課程回顧擬物化設(shè)計(jì)的概念擬物化啟動(dòng)圖標(biāo)設(shè)計(jì)的流程啟動(dòng)圖標(biāo)的設(shè)計(jì)原則2/46課程回顧擬物化設(shè)計(jì)的概念2/46本章任務(wù)掌握移動(dòng)端手機(jī)界面設(shè)計(jì)原則了解Android系統(tǒng)掌握Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范3/46本章任務(wù)掌握移動(dòng)端手機(jī)界面設(shè)計(jì)原則3/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則Android系統(tǒng)基本介紹Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范4/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則4/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔高效反饋情感化一致性5/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔5/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔高效反饋情感化一致性6/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔6/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔高效反饋情感化一致性7/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔7/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔高效反饋情感化一致性8/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔8/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔高效反饋情感化一致性9/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔9/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則Android系統(tǒng)基本介紹Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范10/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則10/46Android系統(tǒng)基本介紹Android系統(tǒng)“安卓”或“安致”Android是一種基于Linux的自由及開(kāi)放源代碼的操作系統(tǒng)主要使用于移動(dòng)設(shè)備，如智能手機(jī)和平板電腦，由Google公司和開(kāi)放手機(jī)聯(lián)盟領(lǐng)導(dǎo)及開(kāi)發(fā)11/46Android系統(tǒng)基本介紹Android系統(tǒng)11/46Android系統(tǒng)基本介紹安卓手機(jī)熱門(mén)品牌12/46Android系統(tǒng)基本介紹安卓手機(jī)熱門(mén)品牌12/46Android系統(tǒng)基本介紹Android的歷史版本從2009年5月開(kāi)始，Android操作系統(tǒng)改用甜點(diǎn)來(lái)作為版本代號(hào)：紙杯蛋糕（Cupcake）甜甜圈（Donut）閃電泡芙（éclair）凍酸奶（Froyo）姜餅（Gingerbread）蜂巢（Honeycomb）冰淇淋三明治（IceCreamSandwich）果凍豆（JellyBean）奇巧（KitKat）棒棒糖（Lollipop）棉花糖（Marshmallow）牛軋?zhí)牵∟ougat）奧利奧（Oreo）13/46Android系統(tǒng)基本介紹Android的歷史版本果凍豆（J目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則Android系統(tǒng)基本介紹Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范14/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則14/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)Andorid系統(tǒng)界面尺寸和分辨率15/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)Andorid系統(tǒng)Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)界面尺寸和分辨率就目前市場(chǎng)狀況而言ldpi、mdpi如今已絕跡，市場(chǎng)份額不足5%，新手機(jī)不會(huì)有這種倍率，不用考慮hdpi[480x800]市場(chǎng)份額不到20%xhdpi[720x1280]市場(chǎng)比例最大xxhdpi[1080x1920]數(shù)量逐漸擴(kuò)大xxxhdpi[1440x2560]極少數(shù)2K屏手機(jī)科技發(fā)達(dá)，屏幕會(huì)越來(lái)越大尺寸到達(dá)極限后，會(huì)有所收斂16/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)界面尺寸和分辨率1Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)界面尺寸和分辨率在實(shí)際工作中推薦使用XHdpi或XXHdpi的尺寸進(jìn)行設(shè)計(jì)即畫(huà)布新建為

720*1280px或1080*1920px或者根據(jù)測(cè)試機(jī)尺寸進(jìn)行設(shè)計(jì)分辨率為72ppi17/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)界面尺寸和分辨率1Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)常用術(shù)語(yǔ)dp(dip)deviceindependentpixel基于屏幕物理分辨率一個(gè)抽象的單位，用于說(shuō)明與密度無(wú)關(guān)的尺寸和位置在進(jìn)行Android系統(tǒng)的App開(kāi)發(fā)時(shí)，都是以dp（也可寫(xiě)為dip，屏幕密度）為單位的設(shè)計(jì)師要熟知px與dp之間的換算，為之后的切圖和標(biāo)注工作做好準(zhǔn)備在720*1280px，1dp=2px在1080*1920px，1dp=3px18/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)常用術(shù)語(yǔ)18/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)常用術(shù)語(yǔ)spScale-independentPixel與縮放無(wú)關(guān)的抽象像素，用于設(shè)置文字的大小當(dāng)文字尺寸是“正?！睍r(shí)，1sp=1dp在720*1280px，1sp=2px在1080*1920px，1sp=3px19/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)常用術(shù)語(yǔ)19/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則Android系統(tǒng)基本介紹Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范20/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則20/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范不需要為每一種分辨率單獨(dú)設(shè)計(jì)一套UI界面在主流尺寸的基礎(chǔ)上進(jìn)行設(shè)計(jì)，然后再與其他尺寸進(jìn)行適配在實(shí)際工作中，可以使用720*1280px，1080*1920px

21/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范21/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄狀態(tài)欄導(dǎo)航欄/操作欄標(biāo)簽欄物理鍵或虛擬鍵22/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄22課堂練習(xí)：你手機(jī)中的App需求描述將Android系統(tǒng)手機(jī)中的App界面進(jìn)行截屏導(dǎo)入電腦中，查看界面中的界面尺寸欄高按鈕的大小文字的大小實(shí)現(xiàn)思路選區(qū)至少兩個(gè)App，每個(gè)App至少截取兩個(gè)界面23/46課堂練習(xí)：你手機(jī)中的App需求描述23/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄狀態(tài)欄一般出現(xiàn)在屏幕頂端一般包含網(wǎng)絡(luò)情況、時(shí)間、電量、信號(hào)強(qiáng)弱、通知等用戶需要的信息在設(shè)計(jì)沉浸型應(yīng)用（如視頻、游戲）的時(shí)候，為了增強(qiáng)用戶體驗(yàn)可以將狀態(tài)欄隱藏，隱藏之后的狀態(tài)欄要能實(shí)時(shí)顯示出來(lái)24/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄24Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄操作欄（導(dǎo)航欄）操作欄起到導(dǎo)航、切換視圖和操作菜單等作用整個(gè)操作欄上有應(yīng)用圖標(biāo)、下拉列表控件，用來(lái)快速切換視圖；溢出（更多）按鈕25/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄25Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄操作欄（導(dǎo)航欄）當(dāng)下拉列表中的類(lèi)目較多時(shí)，

可以使用側(cè)邊欄展開(kāi)26/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄26Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄標(biāo)簽欄提供整個(gè)應(yīng)用的分類(lèi)內(nèi)容的快速跳轉(zhuǎn)27/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄27Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄Android設(shè)備的物理鍵或者虛擬鍵28/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄28Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄Android控件高度都支持自定義，所以沒(méi)有嚴(yán)格的尺寸數(shù)值設(shè)備屏幕大小px狀態(tài)欄高度

px導(dǎo)航欄高度

px標(biāo)簽欄高度

pxXHdpi720x1280509696XXHpid1080x19207514414429/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄AnAndroid系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)的按鈕與可點(diǎn)擊區(qū)域Android系統(tǒng)的按鈕與可點(diǎn)擊區(qū)域在尺寸上并沒(méi)有嚴(yán)格的規(guī)定，可以由設(shè)計(jì)師自行設(shè)計(jì)與制作考慮用戶手指接觸屏幕的最小可點(diǎn)擊區(qū)域按鈕與可點(diǎn)擊區(qū)域的不得小于48dp每個(gè)UI元素之間的空白間隔建議是8dp30/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)的按鈕與可Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)的按鈕與可點(diǎn)擊區(qū)域?yàn)榭紤]適配，所有按鈕和可點(diǎn)擊區(qū)域的尺寸，

必須是4的倍數(shù)一般把48dp作為可觸摸的ui元素的標(biāo)準(zhǔn)換算到XHdpi中，48dp=96px換算到XXHdpi中，48dp=144px31/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)的按鈕與可Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)的按鈕與可點(diǎn)擊區(qū)域32/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)的按鈕與可Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范對(duì)于初學(xué)者可以借鑒Android系統(tǒng)已經(jīng)上線的App：

導(dǎo)入一張完整的Android手機(jī)界面作為設(shè)計(jì)底板原生AndroidApp界面按照自己的手機(jī)/測(cè)試機(jī)尺寸來(lái)制作，方便觀看預(yù)覽效果33/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范對(duì)于初學(xué)者可以借鑒AndroAndroid系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范建立適合Android系統(tǒng)的網(wǎng)格系統(tǒng)xhdpi：

1dp=____px

最小間隔____px

最小可點(diǎn)擊區(qū)域____px

可以建立____px網(wǎng)格系統(tǒng)34/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范建立適合Android系統(tǒng)的Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)默認(rèn)英文字體：Roboto默認(rèn)中文字體：Droidsansfallback

是谷歌自己的字體，與微軟雅黑很像在設(shè)計(jì)上可以使用微軟雅黑、方正蘭亭等筆畫(huà)無(wú)襯線末端和轉(zhuǎn)折為直角筆畫(huà)無(wú)粗細(xì)或粗細(xì)變化很小35/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)支持內(nèi)嵌字體考慮字體文件的大小一般而言：中文字體比較大英文字體相對(duì)比較小字號(hào)最好為4的倍數(shù)保證識(shí)別度為第一任務(wù)用顏色來(lái)區(qū)分重點(diǎn)用大小來(lái)區(qū)分重點(diǎn)36/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)中文字體體積比較大，占據(jù)更大的空間，所以并不建議使用內(nèi)嵌中文字體可以將文字進(jìn)行切圖處理，將它們切成一張張的圖片，這樣也可以達(dá)到相同的效果37/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)一般而言，以720x1280px的界面中sp：安卓的字體單位px：像素用途sppx極小的、注釋性文字1224小文本、輔助性文字1428正常文本16、18、2032、36、40標(biāo)題文字、大文本224438/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)演示案例：

制作Android系統(tǒng)手機(jī)UI模板需求描述制作Android系統(tǒng)手機(jī)UI模板繪制狀態(tài)欄，標(biāo)明導(dǎo)航欄、標(biāo)簽欄的位置高度實(shí)現(xiàn)思路建立適合Android系統(tǒng)的網(wǎng)格系統(tǒng)編輯-首選項(xiàng)-參考線、網(wǎng)格和切片xxhdpi：1dp=3px，最小間隔8dp=24px，最小可點(diǎn)擊區(qū)域48dp=144px可以建立24px網(wǎng)格系統(tǒng)39/46演示案例：

制作Android系統(tǒng)手機(jī)UI模板需求描述39/演示案例：

制作Android系統(tǒng)手機(jī)UI模板新建1080x1920像素的畫(huà)布使用矩形工具繪制黑色的狀態(tài)欄（高度75像素），并繪制顯示的文字和圖標(biāo)使用矩形工具分別繪制出導(dǎo)航欄和標(biāo)簽欄，高度為144像素提示：可以參考自己的Android手機(jī)進(jìn)行繪制40/46演示案例：

制作Android系統(tǒng)手機(jī)UI模板新建1080xAndroid系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范結(jié)論Android系統(tǒng)對(duì)于欄高并沒(méi)有特別嚴(yán)格的限制大都可以通過(guò)自定義進(jìn)行欄高的控制設(shè)計(jì)師可以根據(jù)項(xiàng)目要求，進(jìn)行個(gè)性化的定制41/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范結(jié)論41/46演示案例：

制作Android系統(tǒng)郵箱界面需求描述制作Android系統(tǒng)郵箱界面界面尺寸要求：1080x1920px實(shí)現(xiàn)思路拖拽輔助線，使用矩形工具繪制整體布局注意欄高和各個(gè)元素之間的位置關(guān)系使用鋼筆工具繪制圖標(biāo)、使用文字工具制作文字添加細(xì)節(jié)，調(diào)整界面的整體效果42/46演示案例：

制作Android系統(tǒng)郵箱界面需求描述42/46課堂練習(xí)：

擬物風(fēng)格Android界面設(shè)計(jì)需求描述制作擬物風(fēng)格Android系統(tǒng)用戶詳細(xì)信息列表頁(yè)界面尺寸要求：640x960px實(shí)現(xiàn)思路使用輔助線或矩形工具劃分整體區(qū)域通過(guò)給圖層添加圖層樣式增加界面的擬物化風(fēng)格表現(xiàn)輸入文字、注意文字的識(shí)別度43/46課堂練習(xí)：

擬物風(fēng)格Android界面設(shè)計(jì)需求描述43/46本章總結(jié)移動(dòng)端手機(jī)界面設(shè)計(jì)原則是什么？在Android系統(tǒng)手機(jī)中，dp代表什么？在Android系統(tǒng)手機(jī)中，sp與dp、px的換算關(guān)系是？在設(shè)計(jì)Android系統(tǒng)手機(jī)界面時(shí)，使用什么字體來(lái)設(shè)計(jì)？44/46本章總結(jié)移動(dòng)端手機(jī)界面設(shè)計(jì)原則是什么？44/46Android系統(tǒng)UI設(shè)計(jì)規(guī)范-1Android系統(tǒng)UI設(shè)計(jì)規(guī)范-1課程回顧擬物化設(shè)計(jì)的概念擬物化啟動(dòng)圖標(biāo)設(shè)計(jì)的流程啟動(dòng)圖標(biāo)的設(shè)計(jì)原則46/46課程回顧擬物化設(shè)計(jì)的概念2/46本章任務(wù)掌握移動(dòng)端手機(jī)界面設(shè)計(jì)原則了解Android系統(tǒng)掌握Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范47/46本章任務(wù)掌握移動(dòng)端手機(jī)界面設(shè)計(jì)原則3/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則Android系統(tǒng)基本介紹Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范48/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則4/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔高效反饋情感化一致性49/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔5/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔高效反饋情感化一致性50/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔6/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔高效反饋情感化一致性51/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔7/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔高效反饋情感化一致性52/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔8/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔高效反饋情感化一致性53/46移動(dòng)端手機(jī)界面設(shè)計(jì)原則簡(jiǎn)潔9/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則Android系統(tǒng)基本介紹Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范54/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則10/46Android系統(tǒng)基本介紹Android系統(tǒng)“安卓”或“安致”Android是一種基于Linux的自由及開(kāi)放源代碼的操作系統(tǒng)主要使用于移動(dòng)設(shè)備，如智能手機(jī)和平板電腦，由Google公司和開(kāi)放手機(jī)聯(lián)盟領(lǐng)導(dǎo)及開(kāi)發(fā)55/46Android系統(tǒng)基本介紹Android系統(tǒng)11/46Android系統(tǒng)基本介紹安卓手機(jī)熱門(mén)品牌56/46Android系統(tǒng)基本介紹安卓手機(jī)熱門(mén)品牌12/46Android系統(tǒng)基本介紹Android的歷史版本從2009年5月開(kāi)始，Android操作系統(tǒng)改用甜點(diǎn)來(lái)作為版本代號(hào)：紙杯蛋糕（Cupcake）甜甜圈（Donut）閃電泡芙（éclair）凍酸奶（Froyo）姜餅（Gingerbread）蜂巢（Honeycomb）冰淇淋三明治（IceCreamSandwich）果凍豆（JellyBean）奇巧（KitKat）棒棒糖（Lollipop）棉花糖（Marshmallow）牛軋?zhí)牵∟ougat）奧利奧（Oreo）57/46Android系統(tǒng)基本介紹Android的歷史版本果凍豆（J目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則Android系統(tǒng)基本介紹Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范58/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則14/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)Andorid系統(tǒng)界面尺寸和分辨率59/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)Andorid系統(tǒng)Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)界面尺寸和分辨率就目前市場(chǎng)狀況而言ldpi、mdpi如今已絕跡，市場(chǎng)份額不足5%，新手機(jī)不會(huì)有這種倍率，不用考慮hdpi[480x800]市場(chǎng)份額不到20%xhdpi[720x1280]市場(chǎng)比例最大xxhdpi[1080x1920]數(shù)量逐漸擴(kuò)大xxxhdpi[1440x2560]極少數(shù)2K屏手機(jī)科技發(fā)達(dá)，屏幕會(huì)越來(lái)越大尺寸到達(dá)極限后，會(huì)有所收斂60/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)界面尺寸和分辨率1Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)界面尺寸和分辨率在實(shí)際工作中推薦使用XHdpi或XXHdpi的尺寸進(jìn)行設(shè)計(jì)即畫(huà)布新建為

720*1280px或1080*1920px或者根據(jù)測(cè)試機(jī)尺寸進(jìn)行設(shè)計(jì)分辨率為72ppi61/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)界面尺寸和分辨率1Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)常用術(shù)語(yǔ)dp(dip)deviceindependentpixel基于屏幕物理分辨率一個(gè)抽象的單位，用于說(shuō)明與密度無(wú)關(guān)的尺寸和位置在進(jìn)行Android系統(tǒng)的App開(kāi)發(fā)時(shí)，都是以dp（也可寫(xiě)為dip，屏幕密度）為單位的設(shè)計(jì)師要熟知px與dp之間的換算，為之后的切圖和標(biāo)注工作做好準(zhǔn)備在720*1280px，1dp=2px在1080*1920px，1dp=3px62/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)常用術(shù)語(yǔ)18/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)常用術(shù)語(yǔ)spScale-independentPixel與縮放無(wú)關(guān)的抽象像素，用于設(shè)置文字的大小當(dāng)文字尺寸是“正?！睍r(shí)，1sp=1dp在720*1280px，1sp=2px在1080*1920px，1sp=3px63/46Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)常用術(shù)語(yǔ)19/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則Android系統(tǒng)基本介紹Android系統(tǒng)手機(jī)的設(shè)計(jì)尺寸與常見(jiàn)術(shù)語(yǔ)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范64/46目錄移動(dòng)端手機(jī)界面設(shè)計(jì)原則20/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范不需要為每一種分辨率單獨(dú)設(shè)計(jì)一套UI界面在主流尺寸的基礎(chǔ)上進(jìn)行設(shè)計(jì)，然后再與其他尺寸進(jìn)行適配在實(shí)際工作中，可以使用720*1280px，1080*1920px

65/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范21/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄狀態(tài)欄導(dǎo)航欄/操作欄標(biāo)簽欄物理鍵或虛擬鍵66/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄22課堂練習(xí)：你手機(jī)中的App需求描述將Android系統(tǒng)手機(jī)中的App界面進(jìn)行截屏導(dǎo)入電腦中，查看界面中的界面尺寸欄高按鈕的大小文字的大小實(shí)現(xiàn)思路選區(qū)至少兩個(gè)App，每個(gè)App至少截取兩個(gè)界面67/46課堂練習(xí)：你手機(jī)中的App需求描述23/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄狀態(tài)欄一般出現(xiàn)在屏幕頂端一般包含網(wǎng)絡(luò)情況、時(shí)間、電量、信號(hào)強(qiáng)弱、通知等用戶需要的信息在設(shè)計(jì)沉浸型應(yīng)用（如視頻、游戲）的時(shí)候，為了增強(qiáng)用戶體驗(yàn)可以將狀態(tài)欄隱藏，隱藏之后的狀態(tài)欄要能實(shí)時(shí)顯示出來(lái)68/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄24Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄操作欄（導(dǎo)航欄）操作欄起到導(dǎo)航、切換視圖和操作菜單等作用整個(gè)操作欄上有應(yīng)用圖標(biāo)、下拉列表控件，用來(lái)快速切換視圖；溢出（更多）按鈕69/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄25Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄操作欄（導(dǎo)航欄）當(dāng)下拉列表中的類(lèi)目較多時(shí)，

可以使用側(cè)邊欄展開(kāi)70/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄26Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄標(biāo)簽欄提供整個(gè)應(yīng)用的分類(lèi)內(nèi)容的快速跳轉(zhuǎn)71/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄27Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄Android設(shè)備的物理鍵或者虛擬鍵72/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄28Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄Android控件高度都支持自定義，所以沒(méi)有嚴(yán)格的尺寸數(shù)值設(shè)備屏幕大小px狀態(tài)欄高度

px導(dǎo)航欄高度

px標(biāo)簽欄高度

pxXHdpi720x1280509696XXHpid1080x19207514414473/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)中的欄AnAndroid系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)的按鈕與可點(diǎn)擊區(qū)域Android系統(tǒng)的按鈕與可點(diǎn)擊區(qū)域在尺寸上并沒(méi)有嚴(yán)格的規(guī)定，可以由設(shè)計(jì)師自行設(shè)計(jì)與制作考慮用戶手指接觸屏幕的最小可點(diǎn)擊區(qū)域按鈕與可點(diǎn)擊區(qū)域的不得小于48dp每個(gè)UI元素之間的空白間隔建議是8dp74/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)的按鈕與可Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)的按鈕與可點(diǎn)擊區(qū)域?yàn)榭紤]適配，所有按鈕和可點(diǎn)擊區(qū)域的尺寸，

必須是4的倍數(shù)一般把48dp作為可觸摸的ui元素的標(biāo)準(zhǔn)換算到XHdpi中，48dp=96px換算到XXHdpi中，48dp=144px75/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)的按鈕與可Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)的按鈕與可點(diǎn)擊區(qū)域76/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)的按鈕與可Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范對(duì)于初學(xué)者可以借鑒Android系統(tǒng)已經(jīng)上線的App：

導(dǎo)入一張完整的Android手機(jī)界面作為設(shè)計(jì)底板原生AndroidApp界面按照自己的手機(jī)/測(cè)試機(jī)尺寸來(lái)制作，方便觀看預(yù)覽效果77/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范對(duì)于初學(xué)者可以借鑒AndroAndroid系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范建立適合Android系統(tǒng)的網(wǎng)格系統(tǒng)xhdpi：

1dp=____px

最小間隔____px

最小可點(diǎn)擊區(qū)域____px

可以建立____px網(wǎng)格系統(tǒng)78/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范建立適合Android系統(tǒng)的Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)默認(rèn)英文字體：Roboto默認(rèn)中文字體：Droidsansfallback

是谷歌自己的字體，與微軟雅黑很像在設(shè)計(jì)上可以使用微軟雅黑、方正蘭亭等筆畫(huà)無(wú)襯線末端和轉(zhuǎn)折為直角筆畫(huà)無(wú)粗細(xì)或粗細(xì)變化很小79/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)支持內(nèi)嵌字體考慮字體文件的大小一般而言：中文字體比較大英文字體相對(duì)比較小字號(hào)最好為4的倍數(shù)保證識(shí)別度為第一任務(wù)用顏色來(lái)區(qū)分重點(diǎn)用大小來(lái)區(qū)分重點(diǎn)80/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)中文字體體積比較大，占據(jù)更大的空間，所以并不建議使用內(nèi)嵌中文字體可以將文字進(jìn)行切圖處理，將它們切成一張張的圖片，這樣也可以達(dá)到相同的效果81/46Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)Android系統(tǒng)手機(jī)的設(shè)計(jì)規(guī)范Android系統(tǒng)字體與字號(hào)一般而言