Android Design 4.0

移动端产品学习，开发学习必备描述超过20个字确实是个问题啊Android DesignTranslated by CDC|江宁张云2.操作栏(详见模式 PATTERNS>操作栏 Action bar)操作栏从之前的app图标十操作,变成如卜图所示:1向上+2 Spinner+3重要操作+4更多操作。其中,向上按钮,点击后是去到当前界面的上个层级,非第·层级界面有此按钮,第层级界面则无向上按钮: Spinner是用于展小内容的下拉菜单,其内容包括视图的快速切换和显示相关内容的完整信息;更多操作( action overflow)是集合操作栏中不常用的和非重要操作的地方。(IsI Action Bar操作栏π以拆分成下图中的1主操作栏、2顶部栏和3底部栏。如果需要,顶部栏可以承载选项卡tabs,底部栏可以承载主要操作和被收起的更多操作( action overflow)。Action BarTAB ONETAB TWOTAB THREE23在空间足够的横向屏幕展示界面时,被拆分的操作栏,可以灵活合并在一起。如下图中的于机端横竖屏操作栏所示Android DesignTranslated by CDC|江宁张云M ArborNeed adyustment lo ry Meaus trry belt通日400awar meniSomething a wong th the quick release tor the appin how Can rou please swing by laterInboxaiT Holiday Te昏nmAP了心Hresh Freshener知时011 Halide ci Teamm,轮m2aLany Pane成oan53.多面板布局(详见模式 PATTERNS>多面板布局 Multi-pane layouts多面板布局更多的是针对平板电脑,把手机端的目录视图和详情视图两个层级的界面,甚至更多的页面,复合展示在同一个界面中,有效地利用平板电脑的屏幕空间,扁平化层级结构,简化导航。这点在iPad上已经运用得相当娴熟了际wRMatias★PRECENIT UPDATESDuarteacegrstyMarissa MayeracefgrstyMartha stewartTo kick off the new year, here's a very niceMatias duarein depth piece on RobotopHoNEDomo Animate, Mir Raboto Born boiMatt Ntli650)555-1234Domo Arigato Mr Roboto. By GlennFleishman Manday, January 2 2012Prefer dark tex? 'I cant wake tp oneMatt Waddell65123-1234morning ane say. Scr sw the letter B, "typedesigner Matthew Carter told reEMA且1a hours ago ris Google1回Michael singerxw2h5meaardiod.comO三Mike cleorxyz.hamc@android.comNatascha BackWLBSSTEwww.google.com4:00学4.选择(详见模式 PATTERNS>选择 SelectionAndroid4.0中的长按与 Android2.3及更早期的版本有很大的不同。早期版本长按操作后,是出Android DesignTranslated by CDC|江宁张云现情境菜单的浮岀层。在 Android4.0中,长按后在操作栏的位置会覆盖一个临时的情境操作栏,不再弹出情境菜单浮出层。在临时情境操作栏的环境下,当前界面的内容项允许被单个处理,也允许被批量处理nox(3)sememes e comv SubiectSubjSender Name304pmReadSender Name249cmArchivesender ac2:49pmSubjectMuteSender name2-3pmv SubjectI Mark unreadM SubjectDelete5e币 def Nami11:293mSubjectSender Name11253mAdd starv Subjdandan长按 Android2.3及更早期系统版本的内容项时,出现情境菜单的浮出层d12:30Applicav 1 selectedTitleTitleL erem ipsum dLep5m的el回 nel costlieradinitienn itempor laboeadpisicing elit sed do esmod tepoe aboreTitleTitleLorem ipsum door st amet connecterLowrm ipsum dolor sit amet, consectetursdipisicng e it sed do e usad tempor laboe4幅弱中包币odTi山eTitleLorem ipsum dolor st amet conpecteiurLovem ipsum dolor sit met consecteturadipinic ing eit, red do esmod tempor laboea sins Hi sh de usman IrgH laberTitleTitleL orem ipsum dolor s t amet conceitLorem ipsum dolor sit amet, oonsecteturadipsic ng it d do eidsmoe tempor Ipbo'ead cising Hi Ed do esmod teror aboreTitleTitleLorem ipsum dolor sit amet conTacteLaem ipsum dolar sit wmet, coeteteturadipisicing eit, sed do e smed tempor laboreadpis cinn dit std do esmod temper laboreTitleTitleLorem ipsum dolor s t amet connectLotm ipsumgolg的e的burad ipisieing eit sed do ismed tempur laboresdpisieing eli sed do esmod temper aboreTitleTitleLorem ipsum dolor sa amet eansecleausLoe ipsum dolor sit ymt Dwecteturadipisiong e it, sed do esmod tempor laboreadpaseing eli sed do esmod imper abore长按 Android4.0系统版本的内容项时,情境菜单栏覆盖在操作栏上。Android DesignTranslated by CDC|江宁张云I selected2 selected MEditRotate leftRotate leftRotate rightRotate nightSet picture as在情境菜单环境下,攴持批量操作。5.返回和向上(详见模式 PATTERNS>返回和向上 Navigation with Back and Up)返回按键用在手机全局的虚拟导航栏中,基于用户最近查看的界面历史,采用时间倒序的方式,连接界面间的关系。向上按钮用在操作栏的左侧,基于层级结构,点击后是去到当前界面的上·个层级,岩当前界面已经是最高级,则没有向上按钮主题样式 Theme)推出三套默认主题:Holo浅色主题、Hoo深色主题、Holo浅色底+深色操作栏主题。主推app在这三套默认⊥题的基础上做设计,以加快app研发效率,但只是建议使用,并没有完全强制。视觉设计师们可以重点看下 STYLE和BULD| NG BLOCKS这两章。U|概览 Ul Overview)在原apps里,用选项卡tabs的方式增加∫ widgets内容。一改用隐晦方式添加 widget的操作和把 widgets零散放在桌面呈现的方式在app设计中,应该提高对 widget设计的重视程度n4oA宿③7Android DesignTranslated by CDC|江宁张云8.兼容性(详见模式 PATTERNS>兼容性 Compatibility向后兼容,考虑到物理导航按键手札如何兼容 Android4.0系统和虚拟导航手机如何兼容Android23和更早期版本的appsidealEditDetaileSet picture aMenu ke在物理导航按键手机上安装 android4.0系统,点击物理按键,在屏幕下方出现更多菜单 actionoverflow的内容。IMDiHomeHome画口0回日國彐幽N-men pyo: lt tstew世111感ed图heCo图em结ee生个陆恒nvD:1tS IT6■ Action overflowAndroid DesignTranslated by CDC|江宁张云在新的虚拟导航于机上安装为 android2.3及更早版本系统设计的app,会在屏幕下方的虚拟导航的右侧出现 action overflow按钮(如上图的黄色部分)Action overflowePitome独在新的虚拟导航手机上安装 android4.0,点击 action overflow后的展示状态如上图。9.强调纯粹的 Android应用设计(详见模式 PATTERNS>纯粹的 Android在 Android4.0app设计准则中,特别强调为 Android设计纯粹的 Android app,切勿使用其他平台特定元素的注意事项,有以下5个方面(1)强调视觉元素的样式要符合 android系统(2)不用其它平台特有的图标;(3)不在界面的下方使用选项卡tabs(4)区分向上和返回,不在探作栏上使用返回样式的按钮:(5)不在内容列表里使用向右箭头Android DesignTranslated by CDC|江宁张云1:26PM356192=3s89TUVHTK45=60#78m9t Call0#★⊙皇Android系统里,选项卜(tabs)会固定放在屏幕上方,不会放在下方。这点与ios系统不同。10.其它细节增加许多新的交互细节、信息展小和视觉样式竽规范,详细见翻详。其中,有几点在此强调(1)新增了横滑移除內容的交互手势。在部分模垬中,支持向左或向右横滑移除內容的操作,如最近任务和消息通知抽屉。Larry Page commented on your statusVideo mp4305PMgoogle. com72%Andy Rubin3:10PMExcepteur minim helvetica, wayfarers es. 68 new messagesandyr(@android.com(2)视觉的平面化,枥格风正在4.0中上演。(3)在 writing style中明确指出写 wording时,要直接使用第二人称“你”以下部分为规范全文翻译。