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

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

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

*規(guī)范是什么？

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

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

規(guī)范是什么

規(guī)范：意指明文規(guī)定或約定成俗的標準?；蚴前凑諛藴?，規(guī)范的要求進行操作，使某一行為或某一活動達到或是超越規(guī)定的標準。

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

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

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

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

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

@1.5x? ? 480x854 /540x960

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

@3x? ? ? 1080x1920

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

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

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

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

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

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

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

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

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

1dp＝（屏幕ppi／160）px

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

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

這是最后，也是最重要的一點，因為你所切的圖是要交到程序員的手里的，他寫的程序達不到你想要的效果可能就是他看不懂你給他的規(guī)范~

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

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

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

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

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

前綴：位置 組件 用途

后綴：狀態(tài)

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

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

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

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

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

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

一、全局導航

IOS：通常放在底部，方便用戶點擊

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

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

二、二級導航

IOS：通常放返回、上一級標題、標題（居中），操作通常只有一個

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

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

三、工具欄

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

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

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

四、提示框

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

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

解析：IOS的設(shè)計理念是盡量不打擾用戶，只要用戶能看見變化，輕易不會出現(xiàn)提示，只有一些用戶無法感知時，才會出現(xiàn)提示框，所以可以是動態(tài)的，像調(diào)節(jié)音量。Android的提示要比IOS重一些，因為它可以帶一個按鈕。

五、警示框

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

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

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

六、手勢定義

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

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

結(jié)語

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

Android UI規(guī)范是什么

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

01

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

02

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

03

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

04

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

05

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

06

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

07

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

08

一些ICON圖標的下方還會有文本，這里文本的大小一般就是10或者是11px了，因為范圍有限。

特別提示

本文尺寸均為1x。

分享標題：android設(shè)計規(guī)范,Android開發(fā)規(guī)范
鏈接URL：http://jinyejixie.com/article28/dsdjocp.html

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

廣告

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