在講安卓設計規范之前我們先來看看一下的問題:
公司主營業務:成都網站建設、做網站、移動網站開發等業務。幫助企業客戶真正實現互聯網宣傳,提高企業的競爭能力。創新互聯公司是一支青春激揚、勤奮敬業、活力青春激揚、勤奮敬業、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業文化,感謝他們對我們的高要求,感謝他們從不同領域給我們帶來的挑戰,讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創新互聯公司推出西和免費做網站回饋大家。
*規范是什么?
*規范的目的是什么?
*怎樣進行規范?
規范是什么
規范:意指明文規定或約定成俗的標準。或是按照標準,規范的要求進行操作,使某一行為或某一活動達到或是超越規定的標準。
也就是說 規范通過制定一些規定與約束 (如字體大小,界面尺寸,圖標大小等) 使某一行為 (如項目開發,組件庫的組件等) 達到標準 。
制定規范的目的是 確保設計的統一性與合理性 。規范維護的是項目的統一,而不是設計師個人的設計。想一想在公司里,除了設計,前有產品經理,后有程序員,還有用戶,你做的東西都是要交給他們的。產品經理看你的設計是否展現了她的需求(設計內容是否包括前期討論的內容),程序員問你要各種切圖(圖標、組件、布局、間距、字體大小等),用戶看你的設計(顏色,圖標使用的大小范圍等),如果設計師完全沒有規范,全憑自己的“天馬行空”設計出來的東西,是會帶來很大的麻煩的,舉個簡單的例子,切圖規范,如果你的命名只有自己能看懂,那你就不要發給程序員了吧~因為發給他他也找不到哪個是哪個,這個圖標應該放在哪里。你所做的設計是為了公司項目服務的,是為了客戶服務的,所以你設計的東西就得滿足項目中其他職位(產品經理、程序員)使用的需求,以及符合用戶的使用習慣。所以 規范是為了項目利益最大化,高效化而在團隊中制定成的約定。
不同的規范雖然內容不同但是包含的內容其實是差不多的,通常包括布局,顏色,圖標,組件,字體這幾個方面。接下來我們就來看看安卓中常見的設計規范,相信學習了之后,以后項目里的設計規范你都很清楚了,在設計中多加注意就行。一個產品設計完成之后,進行設計規范制作也是對項目總結的一個方法。能注意規范且會制定規范。
在進行app設計的時候,我們都會先建畫布大小,當然是根據安卓界面尺寸來建立的。安卓手機那么多,不必每一個都記住。只要記住一兩個,懂得之間的換算關系就行了。
目前安卓端主流尺寸主要是@1.5x,@2x以及@3x,記住下面三個就夠用了。
@1.5x? ? 480x854 /540x960
@2x? ? ? 720x1280( 這是我最常用的界面尺寸)
@3x? ? ? 1080x1920
考考你,那@1x是多少呢?
除了知道界面尺寸外,還得知道狀態欄,導航欄,菜單欄的高度是多少,設計時建立好相應的參考線。
建議取用 720 ×1280 這個尺寸,這個尺寸 720×1280中顯示完美,切圖后的圖片文件大小也適中,應用的內存消耗也不會過高。
對于圖標其實在規范上面有很多要注意的,比如圖標大小,圖標設計,圖標切圖規范,這里就重點講圖標大小,之后會再講圖標設計規范。
安卓系統中,中文使用的是谷歌思源,英文使用的是Roboto。思源字體,是一種非襯線字體,Adobe稱思源體為Source Han Sans,Google稱思源體為Noto Sans CJK. 思源體包含7個自重,也就是7中不同粗細的字體。
對于字體或許在設計過程中你會選用其他字體,但是需要注意你所用的字體是否利于用戶閱讀,是否舒服等問題。
對于字體的大小,在界面設計過程中,需要統一,比如所有正文是統一大小,所有標題是統一大小。
不同風格的字體大小,給人的感覺也是不同的,我們要學會靈活應用。安卓文字單位是sp,以下文字是按照@1x倍率來規范的
在安卓中,標注距離一般用dp,標注文字用sp,而知之間的換算關系為:
1dp=(屏幕ppi/160)px
不清楚單位的,可以去找上一篇文章了解px pt sp dp ppi。
Android開發需要的設計交付物至少要有:高保真UI圖,標注,切圖
這是最后,也是最重要的一點,因為你所切的圖是要交到程序員的手里的,他寫的程序達不到你想要的效果可能就是他看不懂你給他的規范~
1.切圖尺寸必須為雙數
2.單像素的圖會出現邊緣模糊的情況
3.命名需要規范
基本上 App 的切圖可分為下面幾大類: 背景、按鈕、圖示、圖片、照片、TabBar icon 等。
一般命名規范可以為:
前綴:位置 組件 用途
后綴:狀態
如用btn-xxx.png 來命名 。App 里的按鈕擁有 4 種屬性,分別為一般normal、點擊highlight、不能點擊disabled、選中(selected)。
但不追求精致與完整度的話,只出一般屬性按鈕圖檔就可以了。如果是點擊(hightlight)狀態就可以命名為:btn- cancel-hightlight.png? 表示取消按鈕點擊時圖標。
就算不是按照很嚴格的規范來命名,至少能讓程序員知道你這個圖標是在那種情況下使用的圖標,這就需要設計師跟程序員很好的溝通,方便整個團隊的開發,提高團隊的開發效率
iOS和Android兩個不同的平臺,肯定是有很多區別的,下面就從交互的角度,談談區別。
以前就讀過IOS和Android的規范,但是覺得沒啥大用處,因為現在APP為了保持一致性,通常在IOS和Android上的設計是一樣的,而且一些小公司只設計IOS的交互原型,因為只要IOS上能用,安卓上肯定沒問題,前段時間,和一個人聊,問我它倆的區別,當時一臉懵逼,不知從何說起。畢竟是兩個不同的平臺,肯定是有很多區別的,下面就從交互的角度,談談區別。
一、全局導航
IOS:通常放在底部,方便用戶點擊
Android:通常放在上面,下面有物理按鍵,防止誤操作。
解析:因為Android比IOS多了物理按鍵,為了防止誤操作,所以只能將全局導航放在上面,但是隨著屏幕越來越大,上面是手指無法觸及的區域,所以切換起來相對成本較高。
二、二級導航
IOS:通常放返回、上一級標題、標題(居中),操作通常只有一個
Android:通常返回控件、logo、下拉菜單、重要操作、更多操作
解析:IOS顯示了上一級的名稱,讓用戶點擊返回后,心里有預期,Android放了APP的logo,增加了品牌性,但是就使用來講,用戶不知道點擊會回到哪,下拉菜單和更多操作都需要點擊才能顯示,增加了操作步驟。
三、工具欄
IOS:通常放在最下面,方便操作
Android:放在導航欄里,將重要操作放在外面,其他放在更多里。
解析:IOS將操作都放在底部,區域更大,操作更方便。Android將操作放在了頂部,顯得很擁擠,并且還收起了一部分,需要用戶查找,但是卻節省了空間,讓內容顯示區更大。
四、提示框
IOS:出現在屏幕中間,可以帶圖標,可以不帶,可以是靜態的,也可以是動態的。
Android:不可以帶圖標,不能是動態的,最多只可以帶一個操作按鈕,最多只能出現一個提示,不能和低端的懸浮按鈕重合。
解析:IOS的設計理念是盡量不打擾用戶,只要用戶能看見變化,輕易不會出現提示,只有一些用戶無法感知時,才會出現提示框,所以可以是動態的,像調節音量。Android的提示要比IOS重一些,因為它可以帶一個按鈕。
五、警示框
IOS:標題和按鈕是必須的,可以有內容和輸入
Android:主要有四種:用途、內容、事件、表現。
1、用途包含了標題,內容和事件。
六、手勢定義
IOS的手勢規定有8種,如下:
解析:IOS只有8種手勢,Android有14種,但是很多都不常用,個人感覺IOS的8種已經完全夠用了,定義那么多種,用戶的學習成本就會提高,而且Android的有些手勢并沒有定義可以做什么,所以給出這么多手勢也沒有用。
結語
本文對IOS和Android的規范進行了對比,Android的規范那是相當詳細,但是IOS的只給出了設計原則,所以,一些是我自己總結的,可能對比的還不夠全面,歡迎大家一起討論。
從事UI設計行業的朋友都知道,每一張設計稿都是有規范尺寸的,并且IOS的和Android還不同,IOS UI設計規范為375*667 1x的尺寸,那么Android UI規范是什么呢,下面讓我們一起來了解一下。
01
在做Android UI設計的時候,畫布的尺寸我們一般都是選擇360*640 1x,也就是說是選擇720*1280這個尺寸。
02
我們從上到下來進行了解,最上邊的是狀態欄,狀態欄的高度是25。
03
在狀態欄中肯定就是信號、電源以及時間這些了,每個Android定制系統的擺放樣式都不同,這一點不用糾結。
04
狀態欄下邊就是導航欄了,導航欄起到的是導航作用,高度是45px。
05
導航欄中間一般都是有文字來起到提醒作用的,導航文字的大小一般都是18px。
06
在最下方就是我們的標簽欄了,標簽欄的作用就是給用戶提供切換界面的作用,標簽欄的高度為50px。
07
在標簽欄中擺放的肯定就是我們的ICON圖標了,要注意,圖標的切圖點擊區域不能夠小于24px。
08
一些ICON圖標的下方還會有文本,這里文本的大小一般就是10或者是11px了,因為范圍有限。
特別提示
本文尺寸均為1x。
分享標題:android設計規范,Android開發規范
鏈接URL:http://vcdvsql.cn/article28/dsdjocp.html
成都網站建設公司_創新互聯,為您提供全網營銷推廣、動態網站、網站策劃、軟件開發、網站導航、云服務器
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯