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

19條ANDROID平臺設(shè)計規(guī)范

   1、尺寸以及分辨率:

  Android的界面尺寸比較流行的有:480*800、720*1280、1080*1920,我們在做設(shè)計圖的 時候建議是以 480*800的尺寸為標(biāo)準(zhǔn);

  2、界面基本組成元素:

  界面基本組成元素包括:狀態(tài)欄+導(dǎo)航欄+主菜單欄+內(nèi)容區(qū)域;以480*800的尺寸為標(biāo)準(zhǔn)下的 各個元素的高度(其實(shí)導(dǎo)航欄和菜單欄每一個應(yīng)用都或許不一樣,android對于尺寸沒有太明確的 數(shù)據(jù)規(guī)范)如下:

19條ANDROID平臺設(shè)計規(guī)范 三聯(lián)

  3、字體:

  Android 系統(tǒng)中,Droid Sans 是默認(rèn)字體,與微軟雅黑很像;

  4、操作欄:

  1、”操作欄”對于 Android 應(yīng)用來說是最重要的設(shè)計元素,它通常在應(yīng)用運(yùn)行的所有時間都呆 在屏幕頂部;

  2、 操作欄的基本布局:

002

  1向上+2 Spinner視圖控制+3 重要操作按鈕+4 更多操作:其中,向上按鈕,點(diǎn)擊后是去到 當(dāng)前界面的上一個層級,非第一層級界面有此按鈕,第一層級界面則無向上按鈕;Spinner 是 用于展示內(nèi)容的下拉菜單,其內(nèi)容包括視圖的快速切換和顯示相關(guān)內(nèi)容的完整信息;更多操作 (action overflow)是集合操作欄中不常用的和非重要操作的地方。

  5、多面板布局:

  多面板布局更多的是針對平板電腦,把手機(jī)端的目錄視圖和詳情視圖兩個層級的界面,甚至更 多的頁面,復(fù)合展示在同一個界面中,有效地利用平板電腦的屏幕空間,扁平化層級結(jié)構(gòu),簡 化導(dǎo)航。這點(diǎn)在iPad上已經(jīng)運(yùn)用得相當(dāng)嫻熟了。

003

  6、選擇:

  Android4.0中的長按與Android2.3及更早期的版本有很大的不同。早期版本長按操作后,是 出現(xiàn)情境菜單的浮出層。在Android4.0中,長按后在操作欄的位置會覆蓋一個臨時的情境操 作欄,不再彈出情境菜單浮出層。在臨時情境操作欄的環(huán)境下,當(dāng)前界面的內(nèi)容項(xiàng)允許被單個 處理,也允許被批量處理。

004

  7、返回和向上:

  返回按鍵用在手機(jī)全局的虛擬導(dǎo)航欄中,基于用戶最近查看的界面歷史,采用時間倒序的方式, 連接界面間的關(guān)系。向上按鈕用在操作欄的左側(cè),基于層級結(jié)構(gòu),點(diǎn)擊后是去到當(dāng)前界面的上一 個層級,若當(dāng)前界面已經(jīng)是最高一級,則沒有向上按鈕。

005

  8、主題樣式:

  推出三套默認(rèn)主題:Holo淺色主題、Holo深色主題、Holo淺色底+深色操作欄主題。主推app在 這三套默認(rèn)主題的基礎(chǔ)上做設(shè)計,以加快app研發(fā)效率,但只是建議使用,并沒有完全強(qiáng)制。

006

  9、觸摸與反饋:

  用戶觸摸應(yīng)用中的可操作區(qū)域,應(yīng)當(dāng)在視覺上有響應(yīng),微小的反饋會給用戶帶來很好地效果;

007

  10、按鈕:

  1、按鈕的3種表現(xiàn)形式如下圖:

008

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

009

  11、滑塊:

  滑塊的幾種表現(xiàn)形式如下圖:

010

  12、進(jìn)度條:

  如果某個操作需要花費(fèi)很長的時間,就需要用進(jìn)度條的指示和旋轉(zhuǎn)圈的形式來表示:

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

011

  2、當(dāng)使用旋轉(zhuǎn)圓圈時,不要配以文字標(biāo)簽。旋轉(zhuǎn)的圓圈已經(jīng)表明了正在進(jìn)行后臺操作。

012

  13、開關(guān):

  用戶通過開關(guān)作出選擇,包括3種形式:復(fù)選框+單選按鈕+開關(guān);

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

013

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

014

  3、開關(guān):開關(guān)控制單個選項(xiàng)的狀態(tài);

015

  14、對話框:

  應(yīng)用通過對話框讓用戶作出決定或者填寫一些信息,

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

016

  2、警告對話框:對于執(zhí)行下一步操作前請求用戶確認(rèn)或者提示用戶當(dāng)前的狀態(tài)。內(nèi)容不 同,布局也會不同;

  A:沒有標(biāo)題欄的警告對話框:內(nèi)容區(qū)應(yīng)當(dāng)包括一個問句或與操作有明顯相關(guān)的陳述句:

017

  B:有標(biāo)題欄的警告對話框:僅在有可能引起數(shù)據(jù)丟失、連接斷開、收費(fèi)等高風(fēng)險的操作 時才使用。并且標(biāo)題應(yīng)當(dāng)是一個明確的問題,內(nèi)容區(qū)提供一些解釋。

018

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

019

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

600

  15、選擇器:

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

021

  16、通知:

  1、基本布局:主要包括的形式結(jié)構(gòu)圖如下如:

022

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

023

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

024

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

025

  5、你可以使用擴(kuò)展布局為合并的通知提供更多信息,這樣用戶可以知道被合并的消息細(xì)節(jié), 并選擇在應(yīng)用中閱讀通知內(nèi)容;

026

  17、寫作風(fēng)格:

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

027

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

028

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

029

  4、標(biāo)點(diǎn)符號:

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

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

  18、強(qiáng)調(diào)純粹的Android應(yīng)用設(shè)計:

  在Android4.0 app設(shè)計準(zhǔn)則中,特別強(qiáng)調(diào)為Android設(shè)計純粹的Android app,切勿使用其 他平臺特定元素的注意事項(xiàng),有以下5個方面:

  A:強(qiáng)調(diào)視覺元素的樣式要符合android系統(tǒng);

  B:不用其它平臺特有的圖標(biāo);

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

  D:不在界面的下方使用選項(xiàng)卡tabs;

  E:不在內(nèi)容列表里使用向右箭頭。

030

  19、其他細(xì)節(jié):

  增加許多新的交互細(xì)節(jié)、信息展示和視覺樣式等規(guī)范:

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

031

  2、視覺的平面化用的越來越普遍了。

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實(shí)現(xiàn)照片墻3D效果的示例代碼,可以實(shí)現(xiàn)鼠標(biāo)經(jīng)過圖片實(shí)現(xiàn)改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實(shí)現(xiàn)文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 天空彩票天下彩,天空彩天空彩票免费资料,天空彩票与你同行开奖,天下彩正版资料大全 | 工业冷却塔维修厂家_方形不锈钢工业凉水塔维修改造方案-广东康明节能空调有限公司 | 上海电子秤厂家,电子秤厂家价格,上海吊秤厂家,吊秤供应价格-上海佳宜电子科技有限公司 | 论文查重_免费论文查重_知网学术不端论文查重检测系统入口_论文查重软件 | 医疗仪器模块 健康一体机 多参数监护仪 智慧医疗仪器方案定制 血氧监护 心电监护 -朗锐慧康 | 胶泥瓷砖胶,轻质粉刷石膏,嵌缝石膏厂家,腻子粉批发,永康家德兴,永康市家德兴建材厂 | 国产液相色谱仪-超高效液相色谱仪厂家-上海伍丰科学仪器有限公司 | 郑州水质检测中心_井水检测_河南废气检测_河南中环嘉创检测 | 红立方品牌应急包/急救包加盟,小成本好项目代理_应急/消防/户外用品加盟_应急好项目加盟_新奇特项目招商 - 中红方宁(北京) 供应链有限公司 | 学考网学历中心| SRRC认证_电磁兼容_EMC测试整改_FCC认证_SDOC认证-深圳市环测威检测技术有限公司 | 彩超机-黑白B超机-便携兽用B超机-多普勒彩超机价格「大为彩超」厂家 | 挤出熔体泵_高温熔体泵_熔体出料泵_郑州海科熔体泵有限公司 | 云南成人高考网| 高柔性拖链电缆-聚氨酯卷筒电缆-柔性屏蔽电缆厂家-玖泰电缆 | 杭州顺源过滤机械有限公司官网-压滤机_板框压滤机_厢式隔膜压滤机厂家 | 工业废水处理|污水处理厂|废水治理设备工程技术公司-苏州瑞美迪 今日娱乐圈——影视剧集_八卦娱乐_明星八卦_最新娱乐八卦新闻 | 北京自然绿环境科技发展有限公司专业生产【洗车机_加油站洗车机-全自动洗车机】 | 博客-悦享汽车品质生活| 飞利浦LED体育场灯具-吸顶式油站灯-飞利浦LED罩棚灯-佛山嘉耀照明有限公司 | 重庆网站建设,重庆网站设计,重庆网站制作,重庆seo,重庆做网站,重庆seo,重庆公众号运营,重庆小程序开发 | 无菌实验室规划装修设计-一体化实验室承包-北京洁净净化工程建设施工-北京航天科恩实验室装备工程技术有限公司 | 北京百度网站优化|北京网站建设公司-百谷网络科技 | 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库-首页-东莞市傲马网络科技有限公司 | 3d打印服务,3d打印汽车,三维扫描,硅胶复模,手板,快速模具,深圳市精速三维打印科技有限公司 | 金属软管_不锈钢金属软管_巩义市润达管道设备制造有限公司 | 宁波普瑞思邻苯二甲酸盐检测仪,ROHS2.0检测设备,ROHS2.0测试仪厂家 | 挤塑板-XPS挤塑板-挤塑板设备厂家[襄阳欧格] | 广东燎了网络科技有限公司官网-网站建设-珠海网络推广-高端营销型外贸网站建设-珠海专业h5建站公司「了了网」 | 珠光砂保温板-一体化保温板-有釉面发泡陶瓷保温板-杭州一体化建筑材料 | 定量包装秤,吨袋包装称,伸缩溜管,全自动包装秤,码垛机器人,无锡市邦尧机械工程有限公司 | 无线遥控更衣吊篮_IC卡更衣吊篮_电动更衣吊篮配件_煤矿更衣吊篮-力得电子 | 立刷【微电签pos机】-嘉联支付立刷运营中心 | 上海赞永| 金现代信息产业股份有限公司--数字化解决方案供应商 | 亚克力制品定制,上海嘉定有机玻璃加工制作生产厂家—官网 | 不锈钢管件(不锈钢弯头,不锈钢三通,不锈钢大小头),不锈钢法兰「厂家」-浙江志通管阀 | 刚性-柔性防水套管-橡胶伸缩接头-波纹管补偿器-启腾供水材料有限公司 | 镀锌角钢_槽钢_扁钢_圆钢_方矩管厂家_镀锌花纹板-海邦钢铁(天津)有限公司 | 马尔表面粗糙度仪-MAHR-T500Hommel-Mitutoyo粗糙度仪-笃挚仪器 | 成都网站建设制作_高端网站设计公司「做网站送优化推广」 |