導航:首頁 > 操作系統 > android設計規范

android設計規范

發布時間:2022-02-06 19:08:53

① 安卓和iOS在設計規范上的區別

OS設計規范圍繞一個核心,就是「模態」
安卓設計規范如果總結成一句話,就是「任何地方均可點擊」

區別iOS和安卓設計的10個check points

1. 如何全局導航:
iOS導航tab bar放在底部(頂部手短摸不著)
安卓導航tab個數少用固定tab,個數多用滾動tab,都在頂部(安卓的硬按鍵在底部,防止誤操作)
(如果種類太多,都可以使用左側抽屜設計)

2. 二級頁頁頭導航條是什麼順序:
iOS導航
1 向上箭頭+上級頁面標題
2 當下頁面標題(居中,可以沒有)
3 操作(一般就一個)
iOS不需要給出logo

安卓導航
1 向上箭頭+logo+當下頁面標題
2 Spinner(optional)
3 重要操作(可能多個)
4 更多操作 (省略號豎向)
安卓不需要指出上一級頁面標題

3. 搜索框設計
安卓搜索點擊放大鏡進入搜索
搜索框=非模態窗口+左箭頭+LOGO+輸入框(佔位符)
iOS7搜索下拉滑出搜索框進入搜索
搜索框=模態窗口,沒有左箭頭,沒有搜索按鈕

4. 管理列表條目
iOS左滑能刪掉條目
安卓長按操作條目(展現contextual menu或者contextual action bar)
ps:安卓4.0已經逐步接受手勢操作,不那麼嚴格

5. 批量管理條目
iOS右上角有編輯按鈕,點擊進入批量管理
安卓長按條目進入批量管理模態

5. 視覺
iOS主要內容白色,背景淡色,內容與背景襯線分割
安卓不使用背景,一切區域皆可點

6. 選擇分類
iOS使用scope bar或者左上角抽屜設計(漢堡包)
安卓使用下拉菜單spinner(但是很少設計師喜歡)

7. 子頁面操作工具欄
iOS一律放在底部,叫split action bar
安卓一律放在頂部右端,叫contextual action bar

8. 產品LOGO
iOS不在導航中顯示logo
安卓每一個頁面左側頂部都應該顯示logo

9. 列表樣式
iOS在條目上提供右箭頭,提醒更多內容(optional)
安卓不放右箭頭,一切區域皆可點擊,不需要額外提醒

10. 按鈕
安卓使用扁平方型按鈕設計
iOS7建議borderless按鈕設計
兩者圓角尺寸也不同

android UI 的設計規則

一. Launcher(啟動圖標):
1.在背景下易見;
2.尺寸 Phone: 48*48 dp
Google Play: 512*512 pixels
3.風格:任意輪廓。三維,正視圖,稍微透視看起來像從頂部往下看(使用戶有深度感)。
二. Action Bar(工具欄):工具欄圖標為圖片按鈕
1.尺寸: phone下為32*32dp
2.焦點區比例: 光學直角區可為24*24dp
3.風格: 象形,平淡,不要太詳細,光滑曲線或尖銳的形狀。若圖片偏窄,可轉動45度角以填充焦點區,筆畫寬度與空白寬度至少為2dp
4.顏色: #333333 激活:60%不透明 禁用:30%不透明
#FFFFFF 激活:80%不透明 禁用:30%不透明
三. Small/Contextual Icons(小的上下文圖標):用於為動作和狀態提供特殊項目
1.尺寸: 16*16dp
2.焦點區域與比例: 全部為16*16dp, 光學直角區域為12*12dp
3.風格: 中性,平淡,簡單。填充的形狀比簡單的筆畫易見。使用簡單的視覺暗示以便用戶能輕易讀懂。
4.顏色: 使用少量的非中性顏色。激活時與背景形成對比。
四. Notification Icons(通知圖標)
1.尺寸: 必須為24*24dp
2.焦點區域與比例: 全部區域24*24dp 光學直角區域22*22dp。
3.風格: 平實簡單,與啟動圖標一樣使用視覺暗示。
4.顏色: 全白,也可以使其根據系統變暗。

專題二、設計原則:
一. 使用戶著迷:
1.用驚艷吸引人:漂亮界面、動畫、聲音……
2.實際對象比按鈕和菜單更有趣:使用戶能直接觸摸和控制App中的對象
3.使成為自己的:既有默認的,又可以進行自定義設置
4.了解學慣用戶所需:學慣用戶愛好與習慣,而不是要求用戶單調的做
二. 讓生活簡單化:
1.保持簡潔:用短語
2.圖片比文字更快:用圖片解釋想法
3.替用戶做決定,但最終決定權在於用戶:不是一開始就問,先猜測,允許撤銷
4.只顯示用戶正需要的:將任務和信息分塊,隱藏不是必須的選項
5.用戶一直要知道自己在哪:在屏幕間用切換顯示關系,提供任務反饋
6.從不丟失:保存用戶花時間創建的,並讓他們可以從任何地方接入,記住設置、個人觸摸和創建
7.看起來一樣,功能也一樣:外觀、模式差不多的操作都要相近
8.重要的時候才打擾用戶:一個好的個人助手,會避免掉不重要的事情,使用戶能集中精力
三. 讓用戶興奮起來:
1.給用戶所有地方都能使用的技巧:使應用程序簡單易學
2.不是我的錯:紳士的讓用戶做修正,如果出錯,給出恢復指導但省略科技細節
3.給出鼓勵(回饋):將復雜任務切成易於完成的小步驟,在用戶動作後給出回饋,例如一個光暈
4.為用戶完成繁重的事務:使新手做他們認為自己不會做的事情,而且做得像專家一樣。例如多種照相功能的快捷鍵使業余愛好者通過簡單幾步就能完成
5.讓重要的事情更快:將App中最重要的部分更容易找到,更快使用,像照相機的快捷鍵、音樂播放器的暫停鍵等。
專題三、書寫風格:
一. 使用戶著迷:
1.保持簡潔:簡明、簡單、精確
2.保持簡單:使用簡短單詞、動詞和名詞
3.友好:用第二人稱你稱呼用戶,使用戶感覺安全、快樂和激情
4.重要的事放在前
5.避免重復

③ Android設計規范為什麼不推崇底部標簽了

1、尺寸以及解析度: Android的界面尺寸比較流行的有:480*800、720*1280、1080*1920,我們在做設計圖的 時候建議是以 480*800的尺寸為標准; 2、界面基本組成元素: 界面基本組成元素包括:狀態欄+導航欄+主菜單欄+內容區域;以480*800的尺寸為標准下的 各個元素的高度(其實導航欄和菜單欄每一個應用都或許不一樣,android對於尺寸沒有太明確的 數據規范)如下: 3、字體: Android 系統中,Droid Sans 是默認字體,與微軟雅黑很像; 4、操作欄: 1、”操作欄”對於 Android 應用來說是最重要的設計元素,它通常在應用運行的所有時間都呆 在屏幕頂部; 2、 操作欄的基本布局: 1向上+2 Spinner視圖控制+3 重要操作按鈕+4 更多操作:其中,向上按鈕,點擊後是去到 當前界面的上一個層級,非第一層級界面有此按鈕,第一層級界面則無向上按鈕;Spinner 是 用於展示內容的下拉菜單,其內容包括視圖的快速切換和顯示相關內容的完整信息;更多操作 (action overflow)是集合操作欄中不常用的和非重要操作的地方。 5、多面板布局: 多面板布局更多的是針對平板電腦,把手機端的目錄視圖和詳情視圖兩個層級的界面,甚至更 多的頁面,復合展示在同一個界面中,有效地利用平板電腦的屏幕空間,扁平化層級結構,簡 化導航。這點在iPad上已經運用得相當嫻熟了。 6、選擇: Android4.0中的長按與Android2.3及更早期的版本有很大的不同。早期版本長按操作後,是 出現情境菜單的浮出層。在Android4.0中,長按後在操作欄的位置會覆蓋一個臨時的情境操 作欄,不再彈出情境菜單浮出層。在臨時情境操作欄的環境下,當前界面的內容項允許被單個 處理,也允許被批量處理。 7、返回和向上: 返回按鍵用在手機全局的虛擬導航欄中,基於用戶最近查看的界面歷史,採用時間倒序的方式, 連接界面間的關系。向上按鈕用在操作欄的左側,基於層級結構,點擊後是去到當前界面的上一 個層級,若當前界面已經是最高一級,則沒有向上按鈕。 8、主題樣式: 推出三套默認主題:Holo淺色主題、Holo深色主題、Holo淺色底+深色操作欄主題。主推app在 這三套默認主題的基礎上做設計,以加快app研發效率,但只是建議使用,並沒有完全強制。 9、觸摸與反饋: 用戶觸摸應用中的可操作區域,應當在視覺上有響應,微小的反饋會給用戶帶來很好地效果; 10、按鈕: 1、按鈕的3種表現形式如下圖: 2、對於僅包括圖標的按鈕,不需要使用背景色; 11、滑塊: 滑塊的幾種表現形式如下圖: 12、進度條: 如果某個操作需要花費很長的時間,就需要用進度條的指示和旋轉圈的形式來表示: 1、如果你可以知道當前任務完成的比例,那麼使用進度條,讓用戶了解大約還需要多久才能完成; 2、當使用旋轉圓圈時,不要配以文字標簽。旋轉的圓圈已經表明了正在進行後台操作。 13、開關: 用戶通過開關作出選擇,包括3種形式:復選框+單選按鈕+開關; 1、復選框:用戶可以在一個集合中作出多個選擇: 2、單選按鈕:單選按鈕允許用戶在一個集合中做一次選擇; 3、開關:開關控制單個選項的狀態; 14、對話框: 應用通過對話框讓用戶作出決定或者填寫一些信息, 1、對話框的左邊一般情況下是取消按鈕,右邊是確定按鈕; 2、警告對話框:對於執行下一步操作前請求用戶確認或者提示用戶當前的狀態。內容不 同,布局也會不同; A:沒有標題欄的警告對話框:內容區應當包括一個問句或與操作有明顯相關的陳述句: B:有標題欄的警告對話框:僅在有可能引起數據丟失、連接斷開、收費等高風險的操作 時才使用。並且標題應當是一個明確的問題,內容區提供一些解釋。 3、彈出對話框:一般情況下用戶通過觸摸來作出選擇; 4、toast提示:toast提供了輕量級的反饋,顯示幾秒鍾之後會自動消失; 15、選擇器: 選擇器提供了一種簡單的方式,讓用戶在多個值中選擇一個;除了可以通過點擊向上/向下 按鈕調整值以外,也可以通過鍵盤或者手勢。 16、通知: 1、基本布局:主要包括的形式結構圖如下如: 2、擴展布局:可通過擴展布局顯示信息的前幾行或者圖片的預覽,來讓用戶了解更多的信息; 3、操作:將重要的操作按鈕圖標在通知欄目展現出來,這樣可以加快用戶的操作; 4、合並通知:如果正在等待處理的通知是同等類型,則就可以合並通知,合並的通知提供了 綜合信息的描述,並告訴用戶有多少條未處理的信息; 5、你可以使用擴展布局為合並的通知提供更多信息,這樣用戶可以知道被合並的消息細節, 並選擇在應用中閱讀通知內容; 17、寫作風格: 1、簡短:只告知用戶最必要的信息,避免冗餘的描述,盡可能縮短文本長度; 2、簡明:使用短詞語、主動詞和簡單名詞;僅說明必要的信息,不要費力解釋,用戶不會care的; 3、友好:使用縮寫;使用第二人稱和用戶對話(您或你);保持隨意,輕松的腔調; 4、標點符號: A:句號:如果toast、標簽或通知消息等控制項中只包含一句話,無需使用句號作為結尾。 如果包含兩句或更多,則每一句都需以句號結尾; B:省略號:省略號常用於未完成的狀態, 例如表示操作進行中 (“下載中…”) 或是表示文 本未能完全顯示。 18、強調純粹的Android應用設計: 在Android4.0 app設計准則中,特別強調為Android設計純粹的Android app,切勿使用其 他平台特定元素的注意事項,有以下5個方面: A:強調視覺元素的樣式要符合android系統; B:不用其它平台特有的圖標; C:區分向上和返回,不在操作欄上使用返回樣式的按鈕; D:不在界面的下方使用選項卡tabs; E:不在內容列表裡使用向右箭頭。 19、其他細節: 增加許多新的交互細節、信息展示和視覺樣式等規范: 1、新增了橫滑移除內容的交互手勢。在部分模塊中,支持向左或向右橫滑移除內容的操作,如 最近任務和消息通知抽屜; 2、視覺的平面化用的越來越普遍了。

④ 安卓UI界面設計規范標准

簡單來說Mobile GUI設計就是手持設備的圖形用戶界面設計,狹義上來看是手機和PPC,廣義上可以推廣至手機,移動電視,車載系統,手持游戲機,MP3,GPS等一切手持移動設備。
Mobile GUI的設計基於對手持設備產品的使用特性的理解,對用戶的研究和對界面使用情景的深入研究。GUI的設計分為平台內置和主題設計部分,前者需要專業的design house根據廠家的實際產品進行設計分析後進行整體設計,後者則可以經由任何用戶進行自主設計,當然後者的設計限制和平台限制都比較大。
目前索愛和三星以及Nokia的S60平台支持用戶的Theme自定義設計。
設計研究的流程為:產品特性--用戶心理--市場背景--圖形設計策略--設計檢驗--實際設計投放

⑤ 安卓手機ui設計尺寸規范

眾所周知,安卓系統是開源的,國內又有超多的手機廠商,小米、魅族、華為、oppo、三星等,每一個品牌有屬於自己的UI設計規范,但是我們主要分析UI界面尺寸規范。
1、字體
安卓系統中文採用的是思源黑體,英文字體為robot字體。
只使用偶數單位 24 pt,28 pt,36 pt等字體大小
2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什麼意思?
講圖標之前先來分析一下一排英文的意思:
mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小,依次數值越大,其解析度越高。常用的是xxhdpi和xxxhdpi。
dp是安卓系統專用的長度單位,設備獨立像素的意思。不同設備有不同的顯示效果,這個和設備硬體有關。多為圖標使用,文字則用sp(放大像素),主要用於字體顯示best for textsize。
px是像素的意思, 不同設備顯示效果相同。
從左到右依次是:① 應用欄高度:56dp;應用欄左右內邊距為16dp;應用欄圖標上下左內邊距為16dp;應用欄標題左內邊距為72dp;應用欄標題下邊距:20dp;
②應用欄高度為128dp;
③操作欄高度為56dp;標題欄高度:80dp;標題欄底部內邊距:8dp;描述區域高度:72dp;描述區底部內邊距:16dp。
5、列表高度
垂直邊框、水平外邊距、邊框左右外邊距各16dp;帶有圖標或者頭像的內容有72dp的左邊距。
垂直邊距
①狀態欄:24dp;②工具欄:56dp;③子標題:48dp;④列表項:72dp

⑥ iOS和安卓的設計規范有何不同

iOS設計規范圍繞一個核心,就是「模態」
安卓設計規范如果總結成一句話,就是「任何地方均可點擊」

區別iOS和安卓設計的10個check points

1. 如何全局導航:
iOS導航tab bar放在底部(頂部手短摸不著)
安卓導航tab個數少用固定tab,個數多用滾動tab,都在頂部(安卓的硬按鍵在底部,防止誤操作)
(如果種類太多,都可以使用左側抽屜設計)

2. 二級頁頁頭導航條是什麼順序:
iOS導航
1 向上箭頭+上級頁面標題
2 當下頁面標題(居中,可以沒有)
3 操作(一般就一個)
iOS不需要給出logo

安卓導航
1 向上箭頭+logo+當下頁面標題
2 Spinner(optional)
3 重要操作(可能多個)
4 更多操作 (省略號豎向)
安卓不需要指出上一級頁面標題

3. 搜索框設計
安卓搜索點擊放大鏡進入搜索
搜索框=非模態窗口+左箭頭+LOGO+輸入框(佔位符)
iOS7搜索下拉滑出搜索框進入搜索
搜索框=模態窗口,沒有左箭頭,沒有搜索按鈕

4. 管理列表條目
iOS左滑能刪掉條目
安卓長按操作條目(展現contextual menu或者contextual action bar)
ps:安卓4.0已經逐步接受手勢操作,不那麼嚴格

5. 批量管理條目
iOS右上角有編輯按鈕,點擊進入批量管理
安卓長按條目進入批量管理模態

5. 視覺
iOS主要內容白色,背景淡色,內容與背景襯線分割
安卓不使用背景,一切區域皆可點

6. 選擇分類
iOS使用scope bar或者左上角抽屜設計(漢堡包)
安卓使用下拉菜單spinner(但是很少設計師喜歡)

7. 操作工具欄
iOS一律放在底部,叫split action bar
安卓一律放在頂部右端,叫contextual action bar

8. 產品LOGO
iOS不在導航中顯示logo
安卓每一個頁面左側頂部都應該顯示logo

9. 列表樣式
iOS在條目上提供右箭頭,提醒更多內容(optional)
安卓不放右箭頭,一切區域皆可點擊,不需要額外提醒

10. 按鈕
安卓使用扁平方型按鈕設計
iOS7建議borderless按鈕設計
兩者圓角尺寸也不同

以上是想到的10處不同,大家可以拿著它去看安卓和iOS上哪些app是符合規范的,哪些app又完全不懂規范?

⑦ iOS和安卓的設計規范有何不同

是一種基於Linux的自由及開放源代碼的操作系統。主要使用於移動設備,如智能手機和平板電腦,由Google公司和開放手機聯盟領導及開發。
iOS是蘋果公司的移動操作系統。
iOS是由蘋果公司開發的移動操作系統,蘋果公司最早於2007年1月9日的Macworld大會上公布這個系統,最初是設計給iPhone使用的,後來陸續套用到iPod touch、iPad以及Apple TV等產品上。
iOS和安卓的ui區別二:UI設計規范不一樣。
具體的UI設計規范詳解請點擊閱讀:iOS、Android、WindowsPhone官方設計規范匯總
比如現在通常設計的尺寸對比如下:
iOS: 750*1334 或者 1242*2208
android 720*1280 或者 1080*1920
iOS和安卓的ui區別三:導航方式不一樣
iOS的Tab放在頁面底部,不能通過滑動來切換,只能點擊。也有放在上面的,也不能滑動,但有些Tab本身可以滑動,比如天貓的。還有新聞類的應用。
Android一般放在頁面頂端,可以通過滑動頁面來切換Tab,當然Tab可以點擊切換,Tab多的話,Tab本身也可以滑動。比如豌豆莢,網路貼吧,QQ。總之,Android啥都可以有。
iOS和安卓的UI區別四:單條item的操作
iOS單條item的操作有兩種,點擊和滑動,點擊一般進入一個新的頁面,滑動會出現對這條item的一些常用操作,如微信里滑動一條對話,會出現標記未讀和刪除。
Android中,單條item的操作也有兩種,點擊和長按,點擊一般進入一個新的頁面。長按進入一個編輯模式,可以在裡面進行批量和其他一個操作,比如刪除,頂置等等。比如小米的簡訊頁面;長按也可以彈出情境操作欄dialog,進行操作,比如Android版的微信。
OS和安卓的UI區別五:實體鍵
iOS只有一個實體鍵(音量,電源不算哈),home鍵,這個鍵有這么幾個功能:
1、按一次,回到桌面。
2 、雙擊,出現多任務界面
3、iOS8裡面,輕觸兩下Home鍵,調出單手模式
4 、指紋解鎖
Android有四個實體鍵(現在很多被屏幕上的虛擬鍵代替,但功效是一樣的)4.4一下的分別是back鍵,home鍵,menu鍵,和搜索鍵。4.4及以上,是back鍵,home鍵,多任務鍵。安卓原生是這樣,經過優化的Android就不一定了,比如魅族的smart bar,根據當前頁面情景變化,不過蠻好用。
Android的back鍵,在大部分情況下,和頁面上的返回功效一樣。不過,Android的back鍵可以在應用件切換,還可以返回主屏幕。這個iOS裡面的鍵不能在應用間直接切換。
iOS和安卓的UI區別六:浮窗設計元素不一樣
安卓里可以看到各種浮窗,流量,清理內存等等。iOS暫時還不支持這樣的浮窗。越獄的貌似可以。
iOS和安卓的UI區別七:圖標尺寸和命名規范不一樣
1、iOS和安卓手機的APP圖標尺寸規范和圖標命名規范
2、對比PC、iOS、Android等終端APP的交互設計的差異化

閱讀全文

與android設計規范相關的資料

熱點內容
手機軟體加密了怎麼解開 瀏覽:883
linux中的ln命令例子 瀏覽:139
為什麼玩cf第一次進入伺服器很慢 瀏覽:965
工作單源碼 瀏覽:617
安卓如何關閉app自動升級 瀏覽:135
new文件夾怎麼打開 瀏覽:633
安卓51如何優化 瀏覽:177
活塞式壓縮機原理圖 瀏覽:845
水環式壓縮機工作原理 瀏覽:715
阿里雲伺服器安裝後怎麼使用 瀏覽:933
去做APP開戶有什麼危險沒得啊 瀏覽:696
8分之1乘58演算法 瀏覽:171
php提交過濾 瀏覽:357
豪斯曼檢驗stata命令 瀏覽:769
雲看地是什麼APP 瀏覽:885
數學指南pdf 瀏覽:858
phpcurldll64位 瀏覽:982
程序員脫產一年半 瀏覽:852
hr招程序員有什麼條件 瀏覽:590
android開源集合 瀏覽:872