android設計規范
Ⅰ 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 或 Android 設計規范對用戶來說很重要嗎
廢話不多說,希望大家耐心看完後,不要再糾結於尺寸相關的東西了! 一、尺寸及解析度iPhone界面尺寸:320*480、640*960、640*1136 iPad界面尺寸:1024*768、2048*1536 單位:像素72dpi,在設計的時候並不是每個尺寸都要做一套,尺寸按自己的手機來設計,比較方便預覽效果,一般用640*960或者640*1136的尺寸來設計。 Ps:作圖的時候確保都是用形狀工具(快捷鍵:U)畫的,這樣更方便後期的切圖或者尺寸變更。 二、界面基本組成元素iPhone的app界面一般由四個元素組成,分別是:狀態欄、導航欄、主菜單欄、內容區域。 這里取用640*960的尺寸設計,那我們就說說在這個尺寸下這些元素的尺寸。 狀態欄:就是我們經常說的信號、運營商、電量等顯示手機狀態的區域,其高度為:40px 導航欄:顯示當前界面的名稱,包含相應的功能或者頁面間的跳轉按鈕,其高度為:88px 主菜單欄:類似於頁面的主菜單,提供整個應用的分類內容的快速跳轉,其高度為:98px 內容區域:展示應用提供的相應內容,整個應用中布局變更最為頻繁,其高度為:734px [下圖為了說明我不是瞎掰的:960-40-88-98=734] 至於我們經常說的iPhone5/5s的640*1136的尺寸,其實就是中間的內容區域高度增加到910px。 PS:在最新的iOS7的風格中,蘋果已經開始慢慢弱化狀態欄的存在,將狀態欄和導航欄合在了一起,但是再怎麼變,尺寸高度也還是沒有變的,只不過大家在設計iOS7風格的界面的時候多多注意下~ 三、字體大小Phone上的字體英文為:HelveticaNeue 。至於中文Mac下用的是黑體,Win下則為華文黑體。 下圖是網路用戶體驗做過的一個小調查,可以看出用戶可接受的文字大小。 其實還有個更簡單的方法就是找你覺得好的app應用,手機截圖後放進PS自己比對調節字體大小咯。 我的音樂——34px 我的、淘歌、發現——30px Muxx——34px 本地音樂——30px 泡沫、鄧紫棋——24px 總之,方法是自己找到的,想辦法解決問題,自己實踐,比別人告訴你印象更深刻不是么? 一、尺寸及解析度Android界面尺寸:480*800、720*1280、1080*1920。[單位:像素] Android比iPhone的寸尺多了很多套,建議取用720*1280這個尺寸,這個尺寸720*1280中顯示完美,在1080*1920中看起來比較清晰,切圖後的圖片文件大小也適中,應用的內存消耗也不會過高。 二、界面基本組成元素Android的app界面和iPhone的基本相同:狀態欄、導航欄、主菜單、內容區域。 Android中我們取用的720*1280的尺寸設計,那我們就說說在這個尺寸下這些元素的尺寸。 狀態欄高度為:50px 導航欄高度為:96px 主菜單欄高度為:96px 內容區域高度為:1038px(1280-50-96-96=1038) Android最近出的手機都幾乎去掉了實體鍵,把功能鍵移到了屏幕中,當然高度也是和菜單欄一樣的:96px Ps:寫之前我翻了好多關於Android的界面尺寸教程,都沒找到像iOS一樣具體的規范,或許因為在安卓中這些控制項的高度都能用程序自定義,都沒有提到具體的尺寸數值,所以就自己找了Android的設計規范,尺寸都是自己在PS中量的。 Android為了在界面上區別於iOS,Android4/s/1gdqoSJh
Ⅲ 安卓和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設計字體大小規范
Android UI設計字體,由於android廠商和設備之多,目前沒有特定的標准,但根據設備的尺寸,有一個建議的原則,如下:
sp和dp一樣,是android開發里特有的單位,設計師在做UI設計的時候通常最初是建立320*480這個尺寸的畫布開始的,這個尺寸的畫布在android解析度的分類中稱為mdpi,在這個尺寸下,ps里的1px就等於android中的1dp,同樣,這個時候1點的字就等於android中1sp。
Ⅳ ios界面設計規范和android界面設計規范的區別
IOS扁平,安卓說不定,像oppo是擬物化,CM是原生,MIUI是扁平
Ⅵ 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、對話框的左邊一般情況下是取消按鈕,右邊是確定按鈕;
Ⅶ Android的UI界面設計,誰知道 現在最新Android系統,例如4.2.2有新規范嗎 求分享 求賜教~~~
我們專注做界面UI,有一個很強的團隊。希望能幫助到你
Ⅷ 安卓UI界面設計規范標准
簡單來說Mobile GUI設計就是手持設備的圖形用戶界面設計,狹義上來看是手機和PPC,廣義上可以推廣至手機,移動電視,車載系統,手持游戲機,MP3,GPS等一切手持移動設備。
Mobile GUI的設計基於對手持設備產品的使用特性的理解,對用戶的研究和對界面使用情景的深入研究。GUI的設計分為平台內置和主題設計部分,前者需要專業的design house根據廠家的實際產品進行設計分析後進行整體設計,後者則可以經由任何用戶進行自主設計,當然後者的設計限制和平台限制都比較大。
目前索愛和三星以及Nokia的S60平台支持用戶的Theme自定義設計。
設計研究的流程為:產品特性--用戶心理--市場背景--圖形設計策略--設計檢驗--實際設計投放
Ⅸ android系統界面設計最小安全距離是
設計上來說這兩個系統有些東西越來越通用了,目前很多Android的應用偏蘋果風格,也就是說基本都是採用一套iOS設計模板來適配Android系統。
術語解讀和系統平台對比
android是Google公司開發的操作系統。
iOS是蘋果公司的移動操作系統。
導航方式不一樣
iOS的Tab放在頁面底部,不能通過滑動來切換,只能點擊。也有放在上面的,也不能滑動,但有些Tab本身可以滑動,比如天貓的。還有新聞類的應用。
Android一般放在頁面頂端,可以通過滑動頁面來切換Tab,當然Tab可以點擊切換,Tab多的話,Tab本身也可以滑動。比如豌豆莢,網路貼吧,。總之,Android啥都可以有。
UI設計規范不一樣
比如現在通常設計的尺寸對比如下:
iOS: 750*1334 或者 1242*2208
android:720*1280 或者 1080*1920
單條item的操作
iOS單條item的操作有兩種,點擊和滑動,點擊一般進入一個新的頁面,滑動會出現對這條item的一些常用操作,如微信里滑動一條對話,會出現標記未讀和刪除。
Android中,單條item的操作也有兩種,點擊和長按,點擊一般進入一個新的頁面。長按進入一個編輯模式,可以在裡面進行批量和其他一個操作,比如刪除,頂置等等。比如小米的簡訊頁面;長按也可以彈出情境操作欄dialog,進行操作,比如Android版的微信。
例外的是,Android裡面也可以有單條item的滑動,如新版,這種比較少見。AndroidL的簡訊,可以滑動進行歸檔。大Android啥都可以有。
實體鍵
iOS只有一個實體鍵(音量,電源不算哈),home鍵,這個鍵有這么幾個功能:
1、按一次,回到桌面。
2 、雙擊,出現多任務界面
3、iOS8裡面,輕觸兩下Home鍵,調出單手模式
4 、指紋解鎖
Android有四個實體鍵(現在很多被屏幕上的虛擬鍵代替,但功效是一樣的)4.4一下的分別是back鍵,home鍵,menu鍵,和搜索鍵。4.4及以上,是back鍵,home鍵,多任務鍵。Android原生是這樣,經過優化的Android就不一定了,比如魅族的smart bar,根據當前頁面情景變化,不過蠻好用。
Android的back鍵,在大部分情況下,和頁面上的返回功效一樣。不過,Android的back鍵可以在應用件切換,還可以返回主屏幕。這個iOS裡面的鍵不能在應用間直接切換。
浮窗設計元素不一樣
Android里可以看到各種浮窗,流量,清理內存等等。iOS暫時還不支持這樣的浮窗。越獄的貌似可以。
iOS和Android的UI區別七:圖標尺寸和命名規范不一樣
1、iOS和Android手機的APP圖標尺寸規范和圖標命名規范
2、對比PC、iOS、Android等終端APP的交互設計的差異化