pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

安卓APP新手設計教程:19條Android設計經驗大全

很榮幸,html5模版網(www.52vt.cn)收集到這么全的Android平臺設計規范大全,整整19條安卓設計經驗分享。同時也很感謝新浪博客的博主:追逐者設計的分享。

html5模版網(www.52vt.cn)的小編看完之后,非常適合作為安卓設計新手們的入門教程。值得推薦!
1、Android設計尺寸以及分辨率:
Android的界面尺寸比較流行的有:480*800、720*1280、1080*1920,我們在做設計圖的時候建議是以 720*1280的尺寸為標準;ps里面常用的分辨率是:72
2、Android界面基本組成元素:
界面基本組成元素包括:狀態欄+導航欄+主菜單欄+內容區域;以480*800的尺寸為標準下的 各個元素的高度(其實導航欄和菜單欄每一個應用都或許不一樣,android對于尺寸沒有太明確的 數據規范)如下:

134639Xv6

 

3、Android字體:
Android 系統中,Droid Sans 是默認字體,與微軟雅黑很像; ?字體設計大小:短標題:36-40之間。其他:24-32. 具體的根據整體視覺來設計字體大小。字體設計大小沒規范。

 

4、安卓的操作欄設計:
1、”操作欄”對于 Android 應用來說是最重要的設計元素,它通常在應用運行的所有時間都呆 在屏幕頂部;

2、 操作欄的基本布局:

002

1向上+2 Spinner視圖控制+3 重要操作按鈕+4 更多操作:其中,向上按鈕,點擊后是去到 當前界面的上一個層級,非第一層級界面有此按鈕,第一層級界面則無向上按鈕;Spinner 是 用于展示內容的下拉菜單,其內容包括視圖的快速切換和顯示相關內容的完整信息;更多操作 (action overflow)是集合操作欄中不常用的和非重要操作的地方。
5、多面板布局:
多面板布局更多的是針對平板電腦,把手機端的目錄視圖和詳情視圖兩個層級的界面,甚至更 多的頁面,復合展示在同一個界面中,有效地利用平板電腦的屏幕空間,扁平化層級結構,簡 化導航。這點在iPad上已經運用得相當嫻熟了。

003
6、選擇:
Android4.0中的長按與Android2.3及更早期的版本有很大的不同。早期版本長按操作后,是 出現情境菜單的浮出層。在Android4.0中,長按后在操作欄的位置會覆蓋一個臨時的情境操 作欄,不再彈出情境菜單浮出層。在臨時情境操作欄的環境下,當前界面的內容項允許被單個 處理,也允許被批量處理。

004

 

7、返回和向上等按鈕設計:

返回按鍵用在手機全局的虛擬導航欄中,基于用戶最近查看的界面歷史,采用時間倒序的方式, 連接界面間的關系。向上按鈕用在操作欄的左側,基于層級結構,點擊后是去到當前界面的上一 個層級,若當前界面已經是最高一級,則沒有向上按鈕。

005

 

8、主題樣式:
推出三套默認主題:Holo淺色主題、Holo深色主題、Holo淺色底+深色操作欄主題。主推app在 這三套默認主題的基礎上做設計,以加快app研發效率,但只是建議使用,并沒有完全強制。

006

9、觸摸與反饋:

用戶觸摸應用中的可操作區域,應當在視覺上有響應,微小的反饋會給用戶帶來很好地效果;

007
10、按鈕:
1、按鈕的3種表現形式如下圖:

008

 

2、對于僅包括圖標的按鈕,不需要使用背景色;

009
11、滑塊:
滑塊的幾種表現形式如下圖:

010
12、app進度條設計:
如果某個操作需要花費很長的時間,就需要用進度條的指示和旋轉圈的形式來表示:

1、如果你可以知道當前任務完成的比例,那么使用進度條,讓用戶了解大約還需要多久才能完成;

011

2、當使用旋轉圓圈時,不要配以文字標簽。旋轉的圓圈已經表明了正在進行后臺操作。

012
13、開關:
用戶通過開關作出選擇,包括3種形式:復選框+單選按鈕+開關;

1、復選框:用戶可以在一個集合中作出多個選擇:

013

2、單選按鈕:單選按鈕允許用戶在一個集合中做一次選擇;

014

3、開關:開關控制單個選項的狀態;

015
14、對話框:
應用通過對話框讓用戶作出決定或者填寫一些信息,

1、對話框的左邊一般情況下是取消按鈕,右邊是確定按鈕;

016

2、警告對話框:對于執行下一步操作前請求用戶確認或者提示用戶當前的狀態。內容不 同,布局也會不同;

A:沒有標題欄的警告對話框:內容區應當包括一個問句或與操作有明顯相關的陳述句:

017

B:有標題欄的警告對話框:僅在有可能引起數據丟失、連接斷開、收費等高風險的操作 時才使用。并且標題應當是一個明確的問題,內容區提供一些解釋。

018

3、彈出對話框:一般情況下用戶通過觸摸來作出選擇;

019

4、toast提示:toast提供了輕量級的反饋,顯示幾秒鐘之后會自動消失;

020

15、選擇器:

選擇器提供了一種簡單的方式,讓用戶在多個值中選擇一個;除了可以通過點擊向上/向下 按鈕調整值以外,也可以通過鍵盤或者手勢。

021
16、通知:
1、基本布局:主要包括的形式結構圖如下如:

022

2、擴展布局:可通過擴展布局顯示信息的前幾行或者圖片的預覽,來讓用戶了解更多的信息;

023

3、操作:將重要的操作按鈕圖標在通知欄目展現出來,這樣可以加快用戶的操作;

024

4、合并通知:如果正在等待處理的通知是同等類型,則就可以合并通知,合并的通知提供了 綜合信息的描述,并告訴用戶有多少條未處理的信息;

025

5、你可以使用擴展布局為合并的通知提供更多信息,這樣用戶可以知道被合并的消息細節, 并選擇在應用中閱讀通知內容;

026
17、寫作風格:
1、簡短:只告知用戶最必要的信息,避免冗余的描述,盡可能縮短文本長度;

027

2、簡明:使用短詞語、主動詞和簡單名詞;僅說明必要的信息,不要費力解釋,用戶不會care的;

028

3、友好:使用縮寫;使用第二人稱和用戶對話(您或你);保持隨意,輕松的腔調;

029

 

4、標點符號:

A:句號:如果toast、標簽或通知消息等控件中只包含一句話,無需使用句號作為結尾。 如果包含兩句或更多,則每一句都需以句號結尾;

B:省略號:省略號常用于未完成的狀態, 例如表示操作進行中 (“下載中…”) 或是表示文 本未能完全顯示。、

 

18、強調純粹的Android應用設計:
在Android4.0 app設計準則中,特別強調為Android設計純粹的Android app,切勿使用其 他平臺特定元素的注意事項,有以下5個方面:
A:強調視覺元素的樣式要符合android系統;

B:不用其它平臺特有的圖標;

C:區分向上和返回,不在操作欄上使用返回樣式的按鈕;

D:不在界面的下方使用選項卡tabs;

E:不在內容列表里使用向右箭頭。

030
19、其他Android設計細節:
增加許多新的交互細節、信息展示和視覺樣式等規范:

1、新增了橫滑移除內容的交互手勢。在部分模塊中,支持向左或向右橫滑移除內容的操作,如 最近任務和消息通知抽屜;

031

2、視覺的平面化用的越來越普遍了。也就是扁平化設計。

 

這篇博文轉載自追逐者設計博客:http://blog.sina.com.cn/s/blog_64ba65340101lcyo.html

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

今天html5模板網跟大家介紹一款計步器APP,該款APP的界面設計非常柔和舒適!作為一款針對女性運動的計步器APP是非常適合。什么是計步器?計步器通過統計步數、距
據目前的智能手機的2大操作系統之爭,拼的非常的火熱!今天,html5模板網跟大家來分享下,站在移動APP設計的角度來對比iOS7和Android4.4到底有什么區別?第一、iOS7和And
主站蜘蛛池模板: NM-02立式吸污机_ZHCS-02软轴刷_二合一吸刷软轴刷-厦门地坤科技有限公司 | 苏州西朗门业-欧盟CE|莱茵UL双认证的快速卷帘门品牌厂家 | 花纹铝板,合金铝卷板,阴极铝板-济南恒诚铝业有限公司 | 胃口福饺子加盟官网_新鲜现包饺子云吞加盟 - 【胃口福唯一官网】 | 蔬菜清洗机_环速洗菜机_异物去除清洗机_蔬菜清洗机_商用洗菜机 - 环速科技有限公司 | 尊享蟹太太美味,大闸蟹礼卡|礼券|礼盒在线预订-蟹太太官网 | 金属回收_废铜废铁回收_边角料回收_废不锈钢回收_废旧电缆线回收-广东益夫金属回收公司 | 接地电阻测试仪[厂家直销]_电缆故障测试仪[精准定位]_耐压测试仪-武汉南电至诚电力设备 | 高温链条油|高温润滑脂|轴承润滑脂|机器人保养用油|干膜润滑剂-东莞卓越化学 | 不锈钢拉手厂家|浴室门拉手厂家|江门市蓬江区金志翔五金制品有限公司 | 广东机电安装工程_中央空调工程_东莞装饰装修-广东粤标建设有限公司 | 智成电子深圳tdk一级代理-提供TDK电容电感贴片蜂鸣器磁芯lambda电源代理经销,TDK代理商有哪些TDK一级代理商排名查询。-深圳tdk一级代理 | 杭州顺源过滤机械有限公司官网-压滤机_板框压滤机_厢式隔膜压滤机厂家 | 卫生人才网-中国专业的医疗卫生医学人才网招聘网站! | 圆形振动筛_圆筛_旋振筛_三次元振动筛-河南新乡德诚生产厂家 | 滚珠丝杆升降机_螺旋升降机_丝杠升降机-德迈传动 | 致胜管家软件服务【在线免费体验】 | 预制直埋蒸汽保温管-直埋管道-聚氨酯发泡保温管厂家 - 唐山市吉祥保温工贸有限公司 | 沉降天平_沉降粒度仪_液体比重仪-上海方瑞仪器有限公司 | 诚暄电子公司首页-线路板打样,pcb线路板打样加工制作厂家 | 钣金加工厂家-钣金加工-佛山钣金厂-月汇好 | 真空包装机-诸城市坤泰食品机械有限公司 | 武汉刮刮奖_刮刮卡印刷厂_为企业提供门票印刷_武汉合格证印刷_现金劵代金券印刷制作 - 武汉泽雅印刷有限公司 | 河南中专学校|职高|技校招生-河南中职中专网 | 振动传感器,检波器-威海广达勘探仪器有限公司 | 高考志愿规划师_高考规划师_高考培训师_高报师_升学规划师_高考志愿规划师培训认证机构「向阳生涯」 | 变色龙PPT-国内原创PPT模板交易平台 - PPT贰零 - 西安聚讯网络科技有限公司 | 顶空进样器-吹扫捕集仪-热脱附仪-二次热解吸仪-北京华盛谱信仪器 | 东风体检车厂家_公共卫生体检车_医院体检车_移动体检车-锦沅科贸 | T恤衫定做,企业文化衫制作订做,广告T恤POLO衫定制厂家[源头工厂]-【汉诚T恤定制网】 | 加盟店-品牌招商加盟-创业项目商机平台 | 不锈钢拉手厂家|浴室门拉手厂家|江门市蓬江区金志翔五金制品有限公司 | LINK FASHION 童装·青少年装展 河南卓美创业科技有限公司-河南卓美防雷公司-防雷接地-防雷工程-重庆避雷针-避雷器-防雷检测-避雷带-避雷针-避雷塔、机房防雷、古建筑防雷等-山西防雷公司 | 广西资质代办_建筑资质代办_南宁资质代办理_新办、增项、升级-正明集团 | 模具硅橡胶,人体硅胶,移印硅胶浆厂家-宏图硅胶科技 | 电加热导热油炉-空气加热器-导热油加热器-翅片电加热管-科安达机械 | 万濠投影仪_瑞士TRIMOS高度仪_尼康投影仪V12BDC|量子仪器 | 净化板-洁净板-净化板价格-净化板生产厂家-山东鸿星新材料科技股份有限公司 | 达利园物流科技集团- | 巩义市科瑞仪器有限公司| 广州印刷厂_广州彩印厂-广州艺彩印务有限公司 |