Android系統(tǒng)UI設(shè)計規(guī)則

1、lbs 定位導(dǎo)航 android系統(tǒng) ui 設(shè)計規(guī)則googelandroid ui設(shè)計規(guī)則1. android ui技巧1.1 不該做什么1.2 該做什么2. android ui設(shè)計理念和注意事項2.1 android ui設(shè)計理念2.2 優(yōu)秀 ui 設(shè)計準(zhǔn)則2.3 設(shè)計需要考慮3. android ui框架特性 / 界面布局4. android ui圖標(biāo)設(shè)計原則4.1 圖標(biāo)的尺寸規(guī)則和密度4.2 圖標(biāo)的設(shè)計規(guī)則5. android ui開發(fā)的 gui 工具包，圖標(biāo)，字體和工具5.1 視覺開發(fā)工具5.2 android模板、 psd 、矢量工具5.3 android的圖形用戶界面圖標(biāo)集5.

2、4 android的字體工具1. android ui技巧1.1 不該做什么不要照搬你在其它平臺的ui 設(shè)計，應(yīng)該讓用戶使用感覺是在真正使用一個android軟件，在你的logo 顯示和平臺整體觀感之間做好平衡不要過度使用模態(tài)對話框不要使用 px 單位，使用 dp 或者為文本使用 sp不要使用固定的絕對定位的布局不要使用太小的字體1.2 該做什么要為高分辨率的屏幕創(chuàng)建資源要使用適當(dāng)?shù)拈g距要正確管理活動（ activity） 要正確處理屏幕的方向變化需要點(diǎn)擊的元素要夠大圖標(biāo)設(shè)計要遵循android的準(zhǔn)則要支持 d-pad和 trackball導(dǎo)航使用主題 / 樣式，尺寸和顏色資源來減少多余的2.

3、 android ui設(shè)計理念和注意事項2.1 android ui設(shè)計理念干凈而不過簡單 關(guān)注內(nèi)容而非修飾保存一致，讓用戶容易投入其中，可附加少許變化使用云端服務(wù)（存儲和同步用戶資料）來加強(qiáng)用戶體驗(yàn)2.2 優(yōu)秀 ui 設(shè)計準(zhǔn)則關(guān)注用戶了解你的用戶年齡，技能文化，對你的應(yīng)用的需求沒使用的設(shè)備何時何地如何使用設(shè)備用戶優(yōu)先的設(shè)計心態(tài)，用戶通常是任務(wù)導(dǎo)向的行為模式更早，更頻繁的由真是用戶來測試顯示正確的內(nèi)容最常用的操作需要最快被用戶看到并且可用不太長用的功能可以放到菜單里面給予用戶適當(dāng)?shù)幕仞伣换サ?ui 元素最少要反映 4 種不同的狀態(tài)保證操作的結(jié)果清晰可見多給予用戶進(jìn)度提示，但不要干擾他們當(dāng)前的操

4、作有章可循的行為模式行為模式遵循用戶的期望，正確的操作活動，顯示用戶期望看到的信息和動作使用合適的方式來加強(qiáng)功能的可見性，可以點(diǎn)擊的元素看起來是可以點(diǎn)擊的 如果用戶完成一項需要復(fù)雜的操作，重新思考你的設(shè)計容忍錯誤只允許有意義的操作，適當(dāng)禁用一些按鈕盡量減少不可回退的操作允許回退比使用確定的對話框更好，實(shí)際上，應(yīng)該盡量少用確定對話框，它是對用戶是一種干擾如果有錯誤發(fā)生，那就會有人犯錯誤2.3 設(shè)計需要考慮了解屏幕尺寸和密度的分類屏幕的方向（豎向和橫向） 主要的 ui 交互方式軟鍵盤還是物理鍵盤了解不同設(shè)備之間的相異之處是非常重要的android主流機(jī)型分辨率 :常用主流機(jī)型分辨率320x4804

5、80x800640x960480x854320x240600x10243. android ui框架特性 / 界面布局相對布局和線性布局是android里面常用的兩種布局，線性布局比較簡單，而相對布 局可以做出比較復(fù)雜的布局管理，所以僅僅了解線性布局，很多時候是不夠的。 為了適應(yīng)各式各樣的界面風(fēng)格，android系統(tǒng)提供了5 種布局，這 5 種布局分別是：linearlayout(線 性 布 局 ) tablelayout(表 格 布 局 ) relativelayout(相對布局 ) absolutelayout(絕對布局 ) framelayout(框架布局 )利用這五種布局， 可以在屏幕

6、上將控件隨心所欲的擺放，而且控件的大小和位置會隨著屏幕大小的變化作出相應(yīng)的調(diào)整。下面是這五個布局在view的繼承體系中的關(guān)系：4. android ui圖標(biāo)設(shè)計原則android系統(tǒng)被設(shè)計在一系列屏幕尺寸和分辨率不同的設(shè)備上運(yùn)行的。當(dāng)你為自己的應(yīng)用設(shè)計圖標(biāo)時， 必須知道，你的應(yīng)用有可能在任何設(shè)備上安裝運(yùn)行。正如支持多屏幕，android為你直接提供這樣的圖標(biāo)，他們會在任何設(shè)備上正確的顯示，無論這些設(shè)備的屏幕大小和分辨率如何。一般來說， 推薦的方式是為三種普遍的屏幕密度中的每一種都創(chuàng)造一套獨(dú)立的圖標(biāo)。然后，把他們儲存在你的應(yīng)用中特定的資源目錄下。當(dāng)你的應(yīng)用運(yùn)行時，android平臺將會檢查設(shè)備屏

7、幕的特性，從而加載特定密度資源目錄下相應(yīng)的圖標(biāo)。4.1 圖標(biāo)的尺寸規(guī)則和密度android設(shè)備的屏幕密度基線是中等。因此，一種被推薦的為多種屏幕密度創(chuàng)造圖標(biāo)方式是：首先為基準(zhǔn)密度設(shè)計圖標(biāo)（看表一為實(shí)際的像素尺寸設(shè)計的圖標(biāo)）。把圖標(biāo)放在你的應(yīng)用的默認(rèn)可繪制資源中，然后在android可視化設(shè)備（ avd ）或者 hvga 設(shè)備如 t-mobile g1中運(yùn)行應(yīng)用。根據(jù)需要測試和調(diào)整你的基準(zhǔn)圖標(biāo)。當(dāng)你對在基準(zhǔn)密度下創(chuàng)建的圖標(biāo)感到滿意的時候，為其他密度創(chuàng)造副本。把基準(zhǔn)圖標(biāo)按比例增加為150 ，創(chuàng)造一個高密度版本。把基準(zhǔn)圖標(biāo)按比例縮小為75 ，創(chuàng)造一個低密度版本。把圖標(biāo)放入你的應(yīng)用的特定密度資源目錄中

8、。例如： 中密度版本在 res/drawable-mdpi/ 目錄下運(yùn)行高密度版本在 res/drawable-hdpi/ 目錄下運(yùn)行。高密度版本在 res/drawable-ldpi/ 目錄下運(yùn)行。（或在默認(rèn) res/drawable/目錄下運(yùn)行） 如果需要，測試和調(diào)整高密度和低密度的圖標(biāo)。對于普遍的屏幕密度標(biāo)準(zhǔn)版本尺寸分類低密度屏幕(像素表示(ldpi)中密度屏幕(mdpi)高密度屏幕 (hdpi)啟動器36 x 36 px48 x 48 px72 x 72 px菜單36 x 36 px狀態(tài)欄24 x 24 px48 x 48 px32 x 32 px72 x 72 px48 x 48 p

9、x標(biāo)簽24 x 24 px對話24 x 24 px32 x 32 px32 x 32 px48 x 48 px48 x 48 px列表視圖24 x 24 px32 x 32 px48 x 48 px4.2 圖標(biāo)的設(shè)計規(guī)則android 2.0和以后的平臺的新規(guī)定: android啟動器圖標(biāo)應(yīng)該面向前方， 透視非常小， 而且應(yīng)該頂部照明。此外， 注意所有圖標(biāo)應(yīng)該有獨(dú)立的文字標(biāo)簽，而不是把文字設(shè)計嵌入到圖標(biāo)里面，把努力用在使圖標(biāo)有特色和難忘中去。android圖標(biāo)是 .現(xiàn)代的，簡約的，不平坦的，有觸感，和質(zhì)感的面向前方和頂部明亮，整體而言，色彩在一定的色譜中android圖標(biāo)不是 .過時的，過分復(fù)

10、雜，光滑的，平坦的,旋轉(zhuǎn)的 , 剪裁不正的 ,過于深色的" 做這些和不要做這些 "在為你的應(yīng)用做菜單圖標(biāo)時，下面是一些“做這些和不要做這些”要考慮的例子。狀態(tài)5. android ui開發(fā)的 gui 工具包，圖標(biāo)，字體和工具android視覺開發(fā)工具，可視化開發(fā)工具，包括設(shè)計圖形用戶界面，圖標(biāo)圖標(biāo)，visio在設(shè)計，字體等的工具集合，5.1 視覺開發(fā)工具：droiddraw：圖形用戶界面編輯器的機(jī)器人（ android的圖形界面編輯器droiddraw）官網(wǎng)地址：/androiddraw是 droiddraw的一款內(nèi)嵌插件，讓你

11、設(shè)計的用戶界面能直接運(yùn)行在模擬器上：官網(wǎng)地址： /androiddraw.html5.2 android模板、 psd 、矢量工具：android的線框模板： 機(jī)器人模擬器模板設(shè)計，用來設(shè)計不同分辨率，不同虛擬鍵盤的手機(jī)用的，能讓你的應(yīng)用程序的測試環(huán)境更加貼近真機(jī)。下載地址：android的圖形用戶界面 psd 的矢量工具包：下載地址：谷歌 android的圖形用戶界面密碼：矢量化的圖形用戶界面設(shè)計工具官網(wǎng)地址： android的模板： 模板，界面圖像都被重繪，而且文件夾也加上了機(jī)器人的獨(dú)有元素官網(wǎng)地址： http:/unitid.nl/2009/

12、11/fireworks-template-for-android/谷歌 android的模板為 omnigfaffle官網(wǎng)地址： 素描模具版本的 android 1.0 omnigfaffle官網(wǎng)地址： android的圖形用戶界面原型的visio模具：機(jī)器人 visio的界面設(shè)計器官網(wǎng)地址： 5.3 android的圖形用戶界面圖標(biāo)集android開發(fā)圖標(biāo)模板包該 機(jī)器人圖標(biāo)模板包是一個集合，模板設(shè)計準(zhǔn)則，過濾器和設(shè)置，使您更容易地創(chuàng)建圖標(biāo)符合 android的設(shè)計給出的一般規(guī)格。有三個圖標(biāo)， 在下載套餐， 標(biāo)準(zhǔn)發(fā)射器的圖標(biāo)，標(biāo)準(zhǔn)菜單圖標(biāo)和狀態(tài)欄圖標(biāo)的標(biāo)準(zhǔn)包括套。您可以預(yù)覽圖標(biāo)集如下。下載

13、?下載?下載?android開發(fā)者共同圖標(biāo)集在這些圖標(biāo)的設(shè)計和風(fēng)格都基于對那些在android sdk中包含的一些圖標(biāo)?？偣灿?4 個巴紐銘文與以下尺寸的選項：。16 × 16 ， 24 ×24 ， 32 和 32 × 48 × 48 像素。下載?android開發(fā)者共同圖標(biāo)集二此圖標(biāo)集包含中使用的圖標(biāo)設(shè)計的菜單，列表，標(biāo)簽（選擇和反選）或?qū)υ捒颍眠m當(dāng)?shù)臉?biāo)記的文件夾到正確的大小排序。總共有 15 個象形文字，所有以。 png格式。下載?android的圖標(biāo)這個機(jī)器人開發(fā)一套包括30 個圖標(biāo)。巴紐菜單圖標(biāo)，加上其他源文件（。集）為進(jìn)一步定制。下載glyp

14、hish該 glyphish圖標(biāo)集設(shè)計并精心設(shè)計就在iphone應(yīng)用程序的工具欄和標(biāo)簽欄使用專門的，但也將android的發(fā)展完善。130 個圖標(biāo)是 24 位。 png 圖像約 30 × 30 像素的標(biāo)簽欄圖標(biāo)，大約20 × 20 像素的android應(yīng)用程序圖標(biāo)集下載?android的 idroid圖標(biāo)下載?圖標(biāo)，工具欄和導(dǎo)航。下載?android的圖標(biāo)模板下載?android的圖標(biāo)套裝 ii下 載 ?gesturecons -多觸摸圖標(biāo)這些基于矢量圖標(biāo)的建立都是為了幫助設(shè)計，開發(fā)，實(shí)施和多點(diǎn)觸摸界面推廣。您可以使用在你的應(yīng)用程序gesturecons為了向用戶展示如何完成的行動或促使他們與應(yīng)用程序交互時，他們的做法了。您可以縮放到任意大小和它們以任何方式改變你想他們。下載包內(nèi)有52 個高分辨率矢量圖標(biāo)完全可擴(kuò)展和可變（。pdf 格式。人工智能。 eps文件類型。）。下載?5.4 android的字體工具android字體家庭套餐這是一個 android的字體下載包