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

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

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

html5模版網(m.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
主站蜘蛛池模板: 蜂窝块状沸石分子筛-吸附脱硫分子筛-萍乡市捷龙环保科技有限公司 | 礼仪庆典公司,礼仪策划公司,庆典公司,演出公司,演艺公司,年会酒会,生日寿宴,动工仪式,开工仪式,奠基典礼,商务会议,竣工落成,乔迁揭牌,签约启动-东莞市开门红文化传媒有限公司 | NMRV减速机|铝合金减速机|蜗轮蜗杆减速机|NMRV减速机厂家-东莞市台机减速机有限公司 | 海南在线 海南一家| 锥形螺带干燥机(新型耙式干燥机)百科-常州丰能干燥工程 | 数控专用机床,专用机床,自动线,组合机床,动力头,自动化加工生产线,江苏海鑫机床有限公司 | 空气净化器租赁,空气净化器出租,全国直租_奥司汀净化器租赁 | 喷砂机厂家_自动除锈抛丸机价格-成都泰盛吉自动化喷砂设备 | 异噻唑啉酮-均三嗪-三丹油-1227-中北杀菌剂厂家 | 天津云仓-天津仓储物流-天津云仓一件代发-顺东云仓 | 定制防伪标签_防伪标签印刷_防伪标签厂家-510品保防伪网 | 传动滚筒,改向滚筒-淄博建凯机械科技有限公司 | 洁净实验室工程-成都手术室净化-无尘车间装修-四川华锐净化公司-洁净室专业厂家 | 玖容气动液压设备有限公司-气液增压缸_压力机_增压机_铆接机_增压器 | 分类168信息网 - 分类信息网 免费发布与查询 | 冷凝锅炉_燃气锅炉_工业燃气锅炉改造厂家-北京科诺锅炉 | 南京泽朗生物科技有限公司| 游戏版号转让_游戏资质出售_游戏公司转让-【八九买卖网】 | sfp光模块,高速万兆光模块工厂-性价比更高的光纤模块制造商-武汉恒泰通 | 北京京云律师事务所| 湖南成人高考报名-湖南成考网 | 沈阳网站建设_沈阳网站制作_沈阳网页设计-做网站就找示剑新零售 沈阳缠绕膜价格_沈阳拉伸膜厂家_沈阳缠绕膜厂家直销 | 橡胶粉碎机_橡胶磨粉机_轮胎粉碎机_轮胎磨粉机-河南鼎聚重工机械制造有限公司 | 衡阳耐适防护科技有限公司——威仕盾焊接防护用品官网/焊工手套/焊接防护服/皮革防护手套 | 流量检测仪-气密性检测装置-密封性试验仪-东莞市奥图自动化科技有限公司 | 胜为光纤光缆_光纤跳线_单模尾纤_光纤收发器_ODF光纤配线架厂家直销_北京睿创胜为科技有限公司 - 北京睿创胜为科技有限公司 | 南京和瑞包装有限公司| 实验室pH计|电导率仪|溶解氧测定仪|离子浓度计|多参数水质分析仪|pH电极-上海般特仪器有限公司 | 魔方网-培训咨询服务平台| 浴室柜-浴室镜厂家-YINAISI · 意大利设计师品牌 | 咿耐斯 |-浙江台州市丰源卫浴有限公司 | 木材烘干机,木炭烘干机,纸管/佛香烘干设备-河南蓝天机械制造有限公司 | 电动百叶窗,开窗器,电动遮阳百叶,电动开窗机生产厂家-徐州鑫友工控科技发展有限公司 | 软文发布-新闻发布推广平台-代写文章-网络广告营销-自助发稿公司媒介星 | 选宝石船-陆地水上开采「精选」色选机械设备-青州冠诚重工机械有限公司 | 粉末包装机,拆包机厂家,价格-上海强牛包装机械设备有限公司 | 慈溪麦田广告公司,提供慈溪广告设计。 | 湖南印刷厂|长沙印刷公司|画册印刷|挂历印刷|台历印刷|杂志印刷-乐成印刷 | 微型实验室真空泵-无油干式真空泵-微型涡旋耐腐蚀压缩机-思科涡旋科技(杭州)有限公司 | 砂石生产线_石料生产线设备_制砂生产线设备价格_生产厂家-河南中誉鼎力智能装备有限公司 | 塑料瓶罐_食品塑料瓶_保健品塑料瓶_调味品塑料瓶–东莞市富慷塑料制品有限公司 | 范秘书_懂你的范文小秘书|