Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）

     <div id="news_body">     <p style="text-align:center;"><a><img style="width:571px;height:202px;" alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/7103f4e319ea1040b97f64a887ae4ff8.jpg" /></a></p>     <p>        在拜读和翻译了 Android design 设计指导后，对比 Android 4.0 与 Android2.3 及之前版本的 app 设计指导，总结了 Android 4.0 设计的 10 大改变：</p>     <p>        <strong>1. 导航栏</strong> (详见模式 PATTERNS>导航 Navigation)</p>     <p>        由之前的物理按键导航（返回、菜单、搜索、主页）变成了嵌入屏幕的虚拟按键（返回、主页、最近任务）。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/04c8539f7b8f8863acfab5f658502e36.jpg" width="412" height="389" /></p>     <p>        左侧为早期有 4 个物理按键的手机，右侧为新版只有 3 个虚拟按钮的手机</p>     <p>        把菜单项和搜索项从导航栏去掉，把之前通过长按主页键才出现的最近任务直接展示在导航栏中。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/78fd469becaf5d49e5c2975c9e16e7df.jpg" width="220" height="400" /></p>     <p>                最近任务的界面</p>     <p>        把菜单收起的同时，在软件界面的操作栏上增加了“更多操作”（action overflow），如下图中的黄色圆点所示。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/6c1f10590067795740e8a1b861bf5fca.jpg" width="203" height="340" /></p>     <p>        黄色圈部分为“更多操作”（action overflow）的位置和点击后内容的展示方式</p>     <p>        <strong>2. 操作栏</strong> (详见模式 PATTERNS>操作栏 Action bar)</p>     <p>        操作栏从之前的 app 图标＋操作，变成如下图所示：</p>     <p>        1向上＋2 Spinner＋3 重要操作＋4 更多操作。</p>     <p>        其中，向上按钮，点击后是去到当前界面的上一个层级，非第一层级界面有此按钮，第一层级界面则无向上按钮；Spinner 是用于展示内容的下拉菜单，其内容包括视图的快速切换和显示相关内容的完整信息；更多操作（action overflow）是集合操作栏中不常用的和非重要操作的地方。</p>     <p style="text-align:center;"><img style="width:580px;height:117px;" alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/13d4640f8855b2c2864efc71ab1c4d93.jpg" /></p>     <p>        操作栏可以拆分成下图中的 1 主操作栏、2顶部栏和 3 底部栏。如果需要，顶部栏可以承载选项卡 tabs，底部栏可以承载主要操作和被收起的更多操作（action overflow）。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/cdfd419792dac78c2fbe970f30d94654.jpg" width="280" height="450" /></p>     <p>        在空间足够的横向屏幕展示界面时，被拆分的操作栏，可以灵活合并在一起。如下图中的手机端横竖屏操作栏所示。</p>     <p style="text-align:center;"><img style="width:621px;height:409px;" alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/216a9339647d038b66e16526c0d55a42.jpg" /></p>     <p>        <strong>3. 多面板布局</strong> (详见模式 PATTERNS>多面板布局 Multi-pane layouts)</p>     <p>        多面板布局更多的是针对平板电脑，把手机端的目录视图和详情视图两个层级的界面，甚至更多的页面，复合展示在同一个界面中，有效地利用平板电脑的屏幕空间，扁平化层级结构，简化导航。这点在 iPad 上已经运用得相当娴熟了。</p>     <p style="text-align:center;"><img style="width:579px;height:366px;" alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/b0f01ae21e113d0cf667f27265c297ae.jpg" /></p>     <p>        <strong>4. 选择</strong> (详见模式 PATTERNS>选择 Selection)</p>     <p>        Android4.0中的长按与 Android2.3 及更早期的版本有很大的不同。早期版本长按操作后，是出现情境菜单的浮出层。在 Android4.0 中，长按后在操作栏的位置会覆盖一个临时的情境操作栏，不再弹出情境菜单浮出层。在临时情境操作栏的环境下，当前界面的内容项允许被单个处理，也允许被批 量处理。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/6cb56c4acf0b2487c89f54ab882f8101.jpg" width="400" height="300" /></p>     <p>        长按 Android2.3 及更早期系统版本的内容项时，出现情境菜单的浮出层。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/836426f51011532934b2c29e2b2ed82b.jpg" width="400" height="340" /></p>     <p>        长按 Android4.0 系统版本的内容项时，情境菜单栏覆盖在操作栏上。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/27c3e95d1c630a4219179631518ff169.jpg" width="400" height="340" /></p>     <p>        在情境菜单环境下，支持批量操作。</p>     <p>        <strong>5. 返回和向上</strong> (详见模式 PATTERNS>返回和向上 Navigation with Back and Up)</p>     <p>        返回按键用在手机全局的虚拟导航栏中，基于用户最近查看的界面历史，采用时间倒序的方式，连接界面间的关系。向上按钮用在操作栏的左侧，基于层级结构，点击后是去到当前界面的上一个层级，若当前界面已经是最高一级，则没有向上按钮。</p>     <p style="text-align:center;"><img style="width:580px;height:107px;" alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/e3c02b98143638e1ffd2a28e4930031a.jpg" /><img style="width:600px;height:310px;" alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/4b1c2faea30bd032a6d47b59547e00ae.jpg" /></p>     <p>        黄色部分为点击向上按钮后的页面路径，红色部分为点击返回按钮后的页面路径</p>     <p>        <strong>6. 主题样式</strong> (详见风格 STYLE>主题样式 Themes)</p>     <p>        推出三套默认主题：Holo 浅色主题、Holo 深色主题、Holo 浅色底+深色操作栏主题。主推 app 在这三套默认主题的基础上做设计，以加快 app 研发效率，但只是建议使用，并没有完全强制。视觉设计师们可以重点看下 STYLE 和 BUILDING BLOCKS 这两章。</p>     <p style="text-align:center;"><img style="width:583px;height:305px;" alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/a17c9757d68be53150aa24ab21d133df.jpg" /></p>     <p>        <strong>7. Widgets</strong> (详见开始吧 GET STARTED>UI 概览 UI Overview)</p>     <p>        在原 apps 页里，用选项卡 tabs 的方式增加了 widgets 内容。一改用隐晦方式添加 widget 的操作和把 widgets 零散放在桌面呈现的方式。在 app 设计中，应该提高对 widget 设计的重视程度。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/194d376fddeb29bf5fbeb2f3ba6ff8a7.jpg" width="220" height="400" /></p>     <p>        <strong>8. 兼容性</strong> (详见模式 PATTERNS>兼容性 Compatibility)</p>     <p>        向后兼容，考虑到物理导航按键手机如何兼容 Android 4.0 系统和虚拟导航手机如何兼容 Android2.3 和更早期版本的 apps。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/fe1c0a34d9809eff3319eafc0266225f.jpg" width="400" height="355" /></p>     <p>        在物理导航按键手机上安装 android4.0 系统，点击物理按键，在屏幕下方出现 action overflow 的内容。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/3e9d55a9d2e94afe81037d7d5b4b72bb.jpg" width="400" height="380" /></p>     <p>        在新的虚拟导航手机上安装为 android2.3 及更早版本系统设计的 app，会在屏幕下方的虚拟导航的右侧出现 action overflow 按钮（如上图的黄色部分）。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/d1e119e8f3e5042e97e4cbb20bba9510.jpg" width="400" height="385" /></p>     <p>        在新的虚拟导航手机上安装 android4.0，点击 action overflow 后的展示状态如上图。</p>     <p>        <strong>9. 强调纯粹的 Android 应用设计</strong> (详见模式 PATTERNS>纯粹的 Android)</p>     <p>        在 Android4.0 app 设计准则中，特别强调为 Android 设计纯粹的 Android app，切勿使用其他平台特定元素的注意事项，有以下 5 个方面：</p>     <p>        （1）强调视觉元素的样式要符合 android 系统；</p>     <p>        （2）不用其它平台特有的图标；</p>     <p>        （3）不在界面的下方使用选项卡 tabs；</p>     <p>        （4）区分向上和返回，不在操作栏上使用返回样式的按钮；</p>     <p>        （5）不在内容列表里使用向右箭头。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/22bf7415c4ac0c2a0004bf37041d1bd8.jpg" width="460" height="174" /></p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/546baa8777466e9a59ee6d685436a1b5.jpg" width="460" height="400" /></p>     <p>        Android 系统里，选项卡（tabs）会固定放在屏幕上方，不会放在下方。这点与 ios 系统不同。</p>     <p>        <strong>10. 其它细节</strong></p>     <p>        增加许多新的交互细节、信息展示和视觉样式等规范，详细见翻译。其中，有几点在此强调下：</p>     <p>        （1）新增了横滑移除内容的交互手势。在部分模块中，支持向左或向右横滑移除内容的操作，如最近任务和消息通知抽屉。</p>     <p style="text-align:center;"><img alt="Android 4.0设计规范 优先导读 十大改变 （附全文翻译pdf）" src="https://simg.open-open.com/show/a43562a2aafb249f16d3109da461a4d6.jpg" width="520" height="310" /></p>     <p>        （2）视觉的平面化，栅格风正在4.0中上演。</p>     <p>        （3）在 writing style 中明确指出写 wording 时，要直接使用第二人称“你”。</p>     <p>        原文见 <a href="/misc/goto?guid=4958325525937916984">http://developer.android.com/design/index.html</a></p>     <p>        快速查阅，Android Design 全文翻译 下载地址：<a href="/misc/goto?guid=4958326184675408922">http://cdc.tencent.com/?download=Android-Design-4.0</a></p>     <p>        Android Design 全文翻译由 CDC D3 多媒体小组（江宁、张云）出品。<br /> </p>     <div id="come_from">      来自:      <a id="link_source2" href="/misc/goto?guid=4958326185483346102" target="_blank">cdc.tencent.com</a>     </div>     <p></p>    </div>