天津UI培訓(xùn)班：敲黑板！安卓設(shè)計(jì)規(guī)范總結(jié) |
天津UI培訓(xùn)班：敲黑板！安卓設(shè)計(jì)規(guī)范總結(jié)
華為Mate 20 發(fā)布會(huì)后，外媒給予了“全球有史以來(lái)zui強(qiáng)大的Android手機(jī)”的高度贊譽(yù)。
也難怪華為Mate 20“穩(wěn)了”，據(jù)了解，該系列的設(shè)計(jì)研發(fā)周期長(zhǎng)達(dá)15個(gè)月，是同行業(yè)平均水平的2到3倍。
精心打磨的設(shè)計(jì)一定會(huì)在用戶體驗(yàn)中得到好的反饋。作為UI設(shè)計(jì)師，這些安卓的設(shè)計(jì)規(guī)范你不能不了解：
1、安卓機(jī)屏幕尺寸與分辨率
安卓手機(jī)的尺寸很多很雜，用戶量目前zui高的是720P和1080P。我們建圖時(shí)一般使用1080P的分辨率來(lái)進(jìn)行設(shè)計(jì)。 目前主流的安卓手機(jī)分辨率有以下幾種：
hdpi，對(duì)應(yīng)800*480的手機(jī)。主流機(jī)型，很多。如小米1 ，1s 三星 htc 等
xdpi，對(duì)應(yīng)1280*720的手機(jī)。三星Galaxy系列和華為p6.
xxdpi，對(duì)應(yīng)1080*1920的手機(jī)。小米手機(jī)，華為榮耀手機(jī)系列為主加上 htc one。
當(dāng)下主流安卓手機(jī)的屏幕尺寸和分辨率：
小米3和小米4屏幕尺寸和分辨率： 5英寸1920x1080像素
魅族MX2屏幕尺寸和分辨率： 4.4英寸1280x800像素
魅族MX3屏幕尺寸和分辨率： 5.1英寸1800x1080像素
HTC one屏幕尺寸和分辨率： 4.7英寸1920x1080像素
華為榮耀6屏幕尺寸和分辨率： 5英寸1920x1080像素
華為p6屏幕尺寸和分辨率： 4.7英寸1280x720像素
華為p7屏幕尺寸和分辨率： 5英寸1920x1080像素
在目前我們的安卓APP設(shè)計(jì)項(xiàng)目當(dāng)中，我們并不會(huì)去為每一種分辨率去設(shè)計(jì)一套UI界面，所以我們需要變通，為了適應(yīng)多分辨率，可以
1：在標(biāo)準(zhǔn)基礎(chǔ)（xdpi：1280*720）上開(kāi)始，然后放大或縮小，以適應(yīng)到其他尺寸。
2：從設(shè)備的zui大尺寸（xxdpi：1920x1080）開(kāi)始，然后縮小，并適應(yīng)到所需的zui小屏幕尺寸。
有些時(shí)候我們也會(huì)在實(shí)際開(kāi)發(fā)過(guò)程中，Android和IOS的設(shè)計(jì)稿若無(wú)太大差異，也可從IOS的分辨率（960*640）開(kāi)始，再調(diào)整設(shè)計(jì)稿的比例，適應(yīng)其他分辨率。但是這種方法在切圖的時(shí)候 需要做一些圖片的調(diào)整。如果不是矢量圖的元件需要重新按照1280*720的尺寸設(shè)計(jì)下。
2.桌面圖標(biāo)尺寸
不同的安卓手機(jī)系統(tǒng)對(duì)應(yīng)的桌面圖標(biāo)處理并不相同。并不是完全統(tǒng)計(jì)：除了小米手機(jī)，其他的安卓手機(jī)可能不容易直接找到規(guī)范，并不像ios系統(tǒng)提供直角即可。
那么設(shè)計(jì)師怎么辦？我們需要先搞清楚對(duì)桌面圖標(biāo)進(jìn)行統(tǒng)一剪裁的手機(jī)平臺(tái)規(guī)范，就可以知道圓角設(shè)置能保證在這些平臺(tái)可完全匹配，不出現(xiàn)白邊黑邊的情況。
這里提供一個(gè)簡(jiǎn)便的測(cè)試方法：在多個(gè)統(tǒng)一剪裁的手機(jī)里面裝上一些用戶多的app進(jìn)行比較，看是否都**的匹配未出現(xiàn)白邊黑邊的情況。
我的測(cè)試結(jié)果是：主流安卓手機(jī)在96x96px尺寸下圓角小于等于20px為安全值，供大家參考指正。
規(guī)范了解以后，怎么設(shè)計(jì)比較好？
以上提到的安卓設(shè)備的種種問(wèn)題，帶給設(shè)計(jì)師很多困擾。大家按照安卓zui新的Material Design規(guī)范來(lái)進(jìn)行單獨(dú)的安卓版界面設(shè)計(jì)，它可能比較費(fèi)時(shí)，但它是zui規(guī)范、效果zui好的。知乎、印象筆記等產(chǎn)品均采用了Material Design的設(shè)計(jì)方式。
Material Design——非扁平化設(shè)計(jì)
Material Design是安卓陣營(yíng)產(chǎn)品的設(shè)計(jì)規(guī)范和風(fēng)格，它并不是簡(jiǎn)單的扁平設(shè)計(jì)，而是一種注重卡片式設(shè)計(jì)、紙張的模擬、使用了強(qiáng)烈對(duì)比色彩的設(shè)計(jì)風(fēng)格。
先為大家介紹一個(gè)亮點(diǎn)：
Z軸的概念
手機(jī)界面是一個(gè)平面二維空間，而Material Design通過(guò)二維的一些表達(dá)手段，比如投影、動(dòng)效等構(gòu)建出了Z軸（前后）的概念。
Z軸的投影
不同投影暗示了不同元素的高度，我們可以理解為如同我們桌子上的幾張紙層疊在一起，那么我們認(rèn)為重要的紙?jiān)谄渌垙堉�，它的投影是zui高的。所以在Material Design中投影zui高的代表Z軸zui高值，也是zui重要的內(nèi)容。
不同的功能使用不同的Z軸高度可以表明他們的重要性和邏輯層級(jí)關(guān)系。界面中的Z軸應(yīng)用可以是這樣的：
Material Design還藏著很多驚喜，比如懸浮球 FAB是Material Design中zui明顯的標(biāo)志了，雖然很小卻在視覺(jué)表現(xiàn)和功能承載上非常重要。我們應(yīng)該怎么使用它？
由于篇幅原因，今天就先聊到這里。想要知道問(wèn)題的答案，繼續(xù)了解Material Design的話，請(qǐng)關(guān)注誠(chéng)筑說(shuō)UI設(shè)計(jì)培訓(xùn)！
資訊來(lái)源：誠(chéng)筑說(shuō)
|
友情提示：
信息由用戶自行發(fā)布，如果發(fā)現(xiàn)錯(cuò)誤或不符合法規(guī)或造成侵權(quán)，請(qǐng)及時(shí)通知本站更正或刪除，具體聯(lián)系方式見(jiàn)頁(yè)面底部聯(lián)系我們，謝謝。 |
|
當(dāng)前頁(yè)在本站[名站在線]7天內(nèi)點(diǎn)擊次數(shù)(點(diǎn)擊次數(shù)為零的日期不顯示)： |
|
信息評(píng)估： |
（還沒(méi)有網(wǎng)友對(duì)該信息作出評(píng)估，你想為該信息提供第一個(gè)評(píng)估嗎？） |
北京到阜陽(yáng)搬家公司13366754911北京到阜陽(yáng)搬家公司13366754911北京到阜陽(yáng)搬家公司**選擇鵬輝〈零擔(dān)整車〈準(zhǔn)時(shí),不誤點(diǎn),隨時(shí)隨地保持聯(lián)系!價(jià)格更優(yōu)13366754911010-56194475北京鵬輝物流有限公司愿成為客戶事業(yè)成功的助手，生活中的好朋友。物流公司/北京到阜陽(yáng)搬家公司/北京到阜陽(yáng)搬家公司公司五大優(yōu)勢(shì)服務(wù)規(guī)范取緩本公司接到客戶委托后兩個(gè)小時(shí)內(nèi)安排相關(guān)人員。發(fā)緩所有貨物均按照不同的運(yùn)輸方式當(dāng)天發(fā)車。派送貨到之后立即通報(bào)收貨人、按時(shí)送貨上門。包裝嚴(yán)格遵...洗衣店選擇要注意什么洗衣店選擇要注意什么?任何干洗連鎖店店鋪所選擇的地址會(huì)對(duì)會(huì)對(duì)經(jīng)營(yíng)業(yè)務(wù)產(chǎn)生影響，那么洗衣店選擇要注意什么?UCC洗衣今天給大家分析一下這個(gè)問(wèn)題。
注意洗衣店周邊人流
人流量大的地區(qū)自然為開(kāi)店的有利地方，但是不要一概而論，投資者還要具體分析一下人流量的規(guī)律如何。首先要了解這個(gè)地區(qū)其他的主要建筑物是有關(guān)什么的，過(guò)往人流的年齡，比如這個(gè)地區(qū)兒童來(lái)往較大，更好是開(kāi)間玩具店。類同這些的人們就不會(huì)是干洗連鎖店的顧客。其...北京到余姚物流專線物流公司北京到余姚貨運(yùn)公司24小時(shí)服務(wù)熱線010-89943312//13241824658北京瑞華貨運(yùn)物流有限公司“厚德載物專線運(yùn)輸創(chuàng)造品牌，以誠(chéng)信取勝。熱烈廠商蒞臨洽談北京瑞華貨運(yùn)物流有限公司，經(jīng)北京市工商、稅務(wù)注冊(cè)登記，陸管部門核準(zhǔn)的專業(yè)汽車運(yùn)輸企業(yè)。公司具有高素質(zhì)駕駛員，完善的管理程序，現(xiàn)有長(zhǎng)途貨車、市內(nèi)配送車、集裝箱、半封閉、平板車等各類特種車型，備有3T、5T、10T、50T的進(jìn)口貨車，6米到20米的各類車型，。本公司是北京一家自備...北京到慈溪物流專線物流公司北京到慈溪貨運(yùn)公司24小時(shí)服務(wù)熱線010-89943312//13241824658北京瑞華貨運(yùn)物流有限公司“厚德載物專線運(yùn)輸創(chuàng)造品牌，以誠(chéng)信取勝。熱烈廠商蒞臨洽談北京瑞華貨運(yùn)物流有限公司，經(jīng)北京市工商、稅務(wù)注冊(cè)登記，陸管部門核準(zhǔn)的專業(yè)汽車運(yùn)輸企業(yè)。公司具有高素質(zhì)駕駛員，完善的管理程序，現(xiàn)有長(zhǎng)途貨車、市內(nèi)配送車、集裝箱、半封閉、平板車等各類特種車型，備有3T、5T、10T、50T的進(jìn)口貨車，6米到20米的各類車型，。本公司是北京一家自備...北京到奉化物流專線物流公司北京到奉化貨運(yùn)公司24小時(shí)服務(wù)熱線010-89943312//13241824658北京瑞華貨運(yùn)物流有限公司“厚德載物專線運(yùn)輸創(chuàng)造品牌，以誠(chéng)信取勝。熱烈廠商蒞臨洽談北京瑞華貨運(yùn)物流有限公司，經(jīng)北京市工商、稅務(wù)注冊(cè)登記，陸管部門核準(zhǔn)的專業(yè)汽車運(yùn)輸企業(yè)。公司具有高素質(zhì)駕駛員，完善的管理程序，現(xiàn)有長(zhǎng)途貨車、市內(nèi)配送車、集裝箱、半封閉、平板車等各類特種車型，備有3T、5T、10T、50T的進(jìn)口貨車，6米到20米的各類車型，。本公司是北京一家自備...
|
|
|
|
|
您當(dāng)前的位置: 首頁(yè) > 行業(yè)資訊
