安卓設(shè)計(jì)規(guī)范

在講安卓設(shè)計(jì)規(guī)范之前我們先來看看一下的問題：

公司主營業(yè)務(wù)：成都網(wǎng)站建設(shè)、做網(wǎng)站、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出西和免費(fèi)做網(wǎng)站回饋大家。

*規(guī)范是什么？

*規(guī)范的目的是什么？

*怎樣進(jìn)行規(guī)范？

規(guī)范是什么

規(guī)范：意指明文規(guī)定或約定成俗的標(biāo)準(zhǔn)?；蚴前凑諛?biāo)準(zhǔn)，規(guī)范的要求進(jìn)行操作，使某一行為或某一活動(dòng)達(dá)到或是超越規(guī)定的標(biāo)準(zhǔn)。

也就是說 規(guī)范通過制定一些規(guī)定與約束 （如字體大小，界面尺寸，圖標(biāo)大小等） 使某一行為 （如項(xiàng)目開發(fā)，組件庫的組件等） 達(dá)到標(biāo)準(zhǔn) 。

制定規(guī)范的目的是 確保設(shè)計(jì)的統(tǒng)一性與合理性 。規(guī)范維護(hù)的是項(xiàng)目的統(tǒng)一，而不是設(shè)計(jì)師個(gè)人的設(shè)計(jì)。想一想在公司里，除了設(shè)計(jì)，前有產(chǎn)品經(jīng)理，后有程序員，還有用戶，你做的東西都是要交給他們的。產(chǎn)品經(jīng)理看你的設(shè)計(jì)是否展現(xiàn)了她的需求（設(shè)計(jì)內(nèi)容是否包括前期討論的內(nèi)容），程序員問你要各種切圖（圖標(biāo)、組件、布局、間距、字體大小等），用戶看你的設(shè)計(jì)（顏色，圖標(biāo)使用的大小范圍等），如果設(shè)計(jì)師完全沒有規(guī)范，全憑自己的“天馬行空”設(shè)計(jì)出來的東西，是會(huì)帶來很大的麻煩的，舉個(gè)簡單的例子，切圖規(guī)范，如果你的命名只有自己能看懂，那你就不要發(fā)給程序員了吧~因?yàn)榘l(fā)給他他也找不到哪個(gè)是哪個(gè)，這個(gè)圖標(biāo)應(yīng)該放在哪里。你所做的設(shè)計(jì)是為了公司項(xiàng)目服務(wù)的，是為了客戶服務(wù)的，所以你設(shè)計(jì)的東西就得滿足項(xiàng)目中其他職位（產(chǎn)品經(jīng)理、程序員）使用的需求，以及符合用戶的使用習(xí)慣。所以 規(guī)范是為了項(xiàng)目利益最大化，高效化而在團(tuán)隊(duì)中制定成的約定。

不同的規(guī)范雖然內(nèi)容不同但是包含的內(nèi)容其實(shí)是差不多的，通常包括布局，顏色，圖標(biāo)，組件，字體這幾個(gè)方面。接下來我們就來看看安卓中常見的設(shè)計(jì)規(guī)范，相信學(xué)習(xí)了之后，以后項(xiàng)目里的設(shè)計(jì)規(guī)范你都很清楚了，在設(shè)計(jì)中多加注意就行。一個(gè)產(chǎn)品設(shè)計(jì)完成之后，進(jìn)行設(shè)計(jì)規(guī)范制作也是對項(xiàng)目總結(jié)的一個(gè)方法。能注意規(guī)范且會(huì)制定規(guī)范。

在進(jìn)行app設(shè)計(jì)的時(shí)候，我們都會(huì)先建畫布大小，當(dāng)然是根據(jù)安卓界面尺寸來建立的。安卓手機(jī)那么多，不必每一個(gè)都記住。只要記住一兩個(gè)，懂得之間的換算關(guān)系就行了。

目前安卓端主流尺寸主要是@1.5x，@2x以及@3x，記住下面三個(gè)就夠用了。

@1.5x? ? 480x854 /540x960

@2x? ? ? 720x1280( 這是我最常用的界面尺寸)

@3x? ? ? 1080x1920

考考你，那@1x是多少呢？

除了知道界面尺寸外，還得知道狀態(tài)欄，導(dǎo)航欄，菜單欄的高度是多少，設(shè)計(jì)時(shí)建立好相應(yīng)的參考線。

建議取用 720 ×1280 這個(gè)尺寸，這個(gè)尺寸 720×1280中顯示完美，切圖后的圖片文件大小也適中，應(yīng)用的內(nèi)存消耗也不會(huì)過高。

對于圖標(biāo)其實(shí)在規(guī)范上面有很多要注意的，比如圖標(biāo)大小，圖標(biāo)設(shè)計(jì)，圖標(biāo)切圖規(guī)范，這里就重點(diǎn)講圖標(biāo)大小，之后會(huì)再講圖標(biāo)設(shè)計(jì)規(guī)范。

安卓系統(tǒng)中，中文使用的是谷歌思源，英文使用的是Roboto。思源字體，是一種非襯線字體，Adobe稱思源體為Source Han Sans,Google稱思源體為Noto Sans CJK. 思源體包含7個(gè)自重，也就是7中不同粗細(xì)的字體。

對于字體或許在設(shè)計(jì)過程中你會(huì)選用其他字體，但是需要注意你所用的字體是否利于用戶閱讀，是否舒服等問題。

對于字體的大小，在界面設(shè)計(jì)過程中，需要統(tǒng)一，比如所有正文是統(tǒng)一大小，所有標(biāo)題是統(tǒng)一大小。

不同風(fēng)格的字體大小，給人的感覺也是不同的，我們要學(xué)會(huì)靈活應(yīng)用。安卓文字單位是sp，以下文字是按照@1x倍率來規(guī)范的

在安卓中，標(biāo)注距離一般用dp，標(biāo)注文字用sp，而知之間的換算關(guān)系為：

1dp＝（屏幕ppi／160）px

不清楚單位的，可以去找上一篇文章了解px pt sp dp ppi。

Android開發(fā)需要的設(shè)計(jì)交付物至少要有：高保真UI圖，標(biāo)注，切圖

這是最后，也是最重要的一點(diǎn)，因?yàn)槟闼械膱D是要交到程序員的手里的，他寫的程序達(dá)不到你想要的效果可能就是他看不懂你給他的規(guī)范~

1.切圖尺寸必須為雙數(shù)

2.單像素的圖會(huì)出現(xiàn)邊緣模糊的情況

3.命名需要規(guī)范

基本上 App 的切圖可分為下面幾大類： 背景、按鈕、圖示、圖片、照片、TabBar icon 等。

一般命名規(guī)范可以為：

前綴：位置 組件 用途

后綴：狀態(tài)

如用btn-xxx.png 來命名 。App 里的按鈕擁有 4 種屬性，分別為一般normal、點(diǎn)擊highlight、不能點(diǎn)擊disabled、選中(selected)。

但不追求精致與完整度的話，只出一般屬性按鈕圖檔就可以了。如果是點(diǎn)擊（hightlight）狀態(tài)就可以命名為：btn- cancel-hightlight.png? 表示取消按鈕點(diǎn)擊時(shí)圖標(biāo)。

就算不是按照很嚴(yán)格的規(guī)范來命名，至少能讓程序員知道你這個(gè)圖標(biāo)是在那種情況下使用的圖標(biāo)，這就需要設(shè)計(jì)師跟程序員很好的溝通，方便整個(gè)團(tuán)隊(duì)的開發(fā)，提高團(tuán)隊(duì)的開發(fā)效率

淺談iOS與Android設(shè)計(jì)規(guī)范：6類交互設(shè)計(jì)規(guī)范對比

iOS和Android兩個(gè)不同的平臺，肯定是有很多區(qū)別的，下面就從交互的角度，談?wù)剠^(qū)別。

以前就讀過IOS和Android的規(guī)范，但是覺得沒啥大用處，因?yàn)楝F(xiàn)在APP為了保持一致性，通常在IOS和Android上的設(shè)計(jì)是一樣的，而且一些小公司只設(shè)計(jì)IOS的交互原型，因?yàn)橹灰狪OS上能用，安卓上肯定沒問題，前段時(shí)間，和一個(gè)人聊，問我它倆的區(qū)別，當(dāng)時(shí)一臉懵逼，不知從何說起。畢竟是兩個(gè)不同的平臺，肯定是有很多區(qū)別的，下面就從交互的角度，談?wù)剠^(qū)別。

一、全局導(dǎo)航

IOS：通常放在底部，方便用戶點(diǎn)擊

Android：通常放在上面，下面有物理按鍵，防止誤操作。

解析：因?yàn)锳ndroid比IOS多了物理按鍵，為了防止誤操作，所以只能將全局導(dǎo)航放在上面，但是隨著屏幕越來越大，上面是手指無法觸及的區(qū)域，所以切換起來相對成本較高。

二、二級導(dǎo)航

IOS：通常放返回、上一級標(biāo)題、標(biāo)題（居中），操作通常只有一個(gè)

Android：通常返回控件、logo、下拉菜單、重要操作、更多操作

解析：IOS顯示了上一級的名稱，讓用戶點(diǎn)擊返回后，心里有預(yù)期，Android放了APP的logo，增加了品牌性，但是就使用來講，用戶不知道點(diǎn)擊會(huì)回到哪，下拉菜單和更多操作都需要點(diǎn)擊才能顯示，增加了操作步驟。

三、工具欄

IOS：通常放在最下面，方便操作

Android：放在導(dǎo)航欄里，將重要操作放在外面，其他放在更多里。

解析：IOS將操作都放在底部，區(qū)域更大，操作更方便。Android將操作放在了頂部，顯得很擁擠，并且還收起了一部分，需要用戶查找，但是卻節(jié)省了空間，讓內(nèi)容顯示區(qū)更大。

四、提示框

IOS：出現(xiàn)在屏幕中間，可以帶圖標(biāo)，可以不帶，可以是靜態(tài)的，也可以是動(dòng)態(tài)的。

Android：不可以帶圖標(biāo)，不能是動(dòng)態(tài)的，最多只可以帶一個(gè)操作按鈕，最多只能出現(xiàn)一個(gè)提示，不能和低端的懸浮按鈕重合。

解析：IOS的設(shè)計(jì)理念是盡量不打擾用戶，只要用戶能看見變化，輕易不會(huì)出現(xiàn)提示，只有一些用戶無法感知時(shí)，才會(huì)出現(xiàn)提示框，所以可以是動(dòng)態(tài)的，像調(diào)節(jié)音量。Android的提示要比IOS重一些，因?yàn)樗梢詭б粋€(gè)按鈕。

五、警示框

IOS：標(biāo)題和按鈕是必須的，可以有內(nèi)容和輸入

Android：主要有四種：用途、內(nèi)容、事件、表現(xiàn)。

1、用途包含了標(biāo)題，內(nèi)容和事件。

六、手勢定義

IOS的手勢規(guī)定有8種，如下：

解析：IOS只有8種手勢，Android有14種，但是很多都不常用，個(gè)人感覺IOS的8種已經(jīng)完全夠用了，定義那么多種，用戶的學(xué)習(xí)成本就會(huì)提高，而且Android的有些手勢并沒有定義可以做什么，所以給出這么多手勢也沒有用。

結(jié)語

本文對IOS和Android的規(guī)范進(jìn)行了對比，Android的規(guī)范那是相當(dāng)詳細(xì)，但是IOS的只給出了設(shè)計(jì)原則，所以，一些是我自己總結(jié)的，可能對比的還不夠全面，歡迎大家一起討論。

Android UI規(guī)范是什么

從事UI設(shè)計(jì)行業(yè)的朋友都知道，每一張?jiān)O(shè)計(jì)稿都是有規(guī)范尺寸的，并且IOS的和Android還不同，IOS UI設(shè)計(jì)規(guī)范為375*667 1x的尺寸，那么Android UI規(guī)范是什么呢，下面讓我們一起來了解一下。

01

在做Android UI設(shè)計(jì)的時(shí)候，畫布的尺寸我們一般都是選擇360*640 1x，也就是說是選擇720*1280這個(gè)尺寸。

02

我們從上到下來進(jìn)行了解，最上邊的是狀態(tài)欄，狀態(tài)欄的高度是25。

03

在狀態(tài)欄中肯定就是信號、電源以及時(shí)間這些了，每個(gè)Android定制系統(tǒng)的擺放樣式都不同，這一點(diǎn)不用糾結(jié)。

04

狀態(tài)欄下邊就是導(dǎo)航欄了，導(dǎo)航欄起到的是導(dǎo)航作用，高度是45px。

05

導(dǎo)航欄中間一般都是有文字來起到提醒作用的，導(dǎo)航文字的大小一般都是18px。

06

在最下方就是我們的標(biāo)簽欄了，標(biāo)簽欄的作用就是給用戶提供切換界面的作用，標(biāo)簽欄的高度為50px。

07

在標(biāo)簽欄中擺放的肯定就是我們的ICON圖標(biāo)了，要注意，圖標(biāo)的切圖點(diǎn)擊區(qū)域不能夠小于24px。

08

一些ICON圖標(biāo)的下方還會(huì)有文本，這里文本的大小一般就是10或者是11px了，因?yàn)榉秶邢蕖?/p>

特別提示

本文尺寸均為1x。

分享標(biāo)題：android設(shè)計(jì)規(guī)范,Android開發(fā)規(guī)范
鏈接URL：http://www.rwnh.cn/article28/dsdjocp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、動(dòng)態(tài)網(wǎng)站、網(wǎng)站策劃、軟件開發(fā)、網(wǎng)站導(dǎo)航、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)