查字典图书网
查字典图书网
本书介绍的是实用技巧——设计模式。本书介绍的设计模式建立在谷歌Android官方设计指南的基础之上，既传达最佳实践，又阐述实际设计问题的复杂性。Android官方指南（http://t.cn/z0dWSyN）是基石，而本书阐述如何将这些指南付诸实践，为现实世界的设计难题提供完的整解决方案。 本章... 查看全部[ 1.1 启动图标 ]
一般而言，操作栏及其功能图标是应用的神经中枢，在整个设计中的地位举足轻重。可惜，AutoTrader应用的当前设计在这方面存在很大的改进空间。正因为如此，这个案例研究才令人着迷。 1.2.1 重新设计前 请看默认主屏幕Car Search，其中最显眼的菜单功能是Settings，它位于右上角，显... 查看全部[ 1.2 操作栏与信息架构 ]
选项卡是必不可少的辅助导航元素，可用于各种Android应用。第8章将介绍“选项卡”模式。 在AutoTrader应用中，选项卡使用了iOS视觉设计风格：选项卡为圆角的，并利用斜边效果突显当前选定的选项卡，如图1-9所示。 图1-9 上图为AutoTrader应用中原来的选项卡，下图为根据A... 查看全部[ 1.3 选项卡 ]
专用选择页（Dedicated Selection Page）是一个重要的设计模式，用于从冗长清单中做出选择，第12章将对此进行更详细的介绍。AutoTrader应用采用了iOS选择风格：右箭头（>）指示如何选择，如图1-10所示。 iOS使用右箭头指示基于行的交互，而Android操作系统... 查看全部[ 1.4 专用选择页 ]
Android平台自带了一整套适合触摸的控件，适用于各种屏幕尺寸和设备配置。Ice Cream Sandwich提供了滑块、重新设计的文本框以及具有双重功能的全新选择器，这将在第10章更详细地讨论。这里要说的是，移植到Android后，AutoTrader依然使用iOS风格的表单控件和分区标题。下面... 查看全部[ 1.5 选择控件 ]
AutoTrader使用的是iOS风格的按钮，带圆角和斜边。这些按钮的高度不同，视觉效果也不同，且距离较大，让屏幕看起来很不匀称。另外，按钮的排列顺序如下：左边为Search、右边为Reset；换句话说，左边为确定按钮，右边为取消按钮，如图1-13所示。第11章将说明，相反的排列顺序更佳，即左边为取... 查看全部[ 1.6 按钮 ]
重新设计主屏幕和信息架构后，下面将注意力转向搜索结果屏幕，因为用户在主屏幕中执行搜索后，会立即显示搜索结果。 1.7.1 重新设计前 总体而言，将AutoTrader应用移植到Android时，也未按Ice Cream Sandwich和Jelly Bean设计指南修改其搜索结果屏幕，如图1-1... 查看全部[ 1.7 搜索结果屏幕 ]
用户进入汽车详情屏幕时，结果如何？结果表明，最后一个屏幕有很多需要针对Android重新设计的地方，包括信息架构、选项卡和按钮。 1.8.1 重新设计前 详情屏幕也包含很多iOS元素，如图1-17所示。前面说过，选项卡显示的是文本，有斜边和圆角。这个屏幕与搜索结果屏幕类似，也有Share按钮，... 查看全部[ 1.8 结果详情屏幕 ]
图1-20显示了AutoTrader原来的三个屏幕，请注意其信息架构及iOS风格的控件、字段和按钮。屏幕的不同部分用带圆角的容器分隔。而在每部分中，实现交互的元素都有一个箭头，将它们与非交互性元素区分开来，整体上呈现出厚重的视觉效果。 图1-20 AutoTrader原来的三个屏幕 图1-2... 查看全部[ 1.9 最终结果 ]
自面世以来，Android始终像荷尔蒙过剩的少年，成长速度十分迅猛，变化全面而深远。Ice Cream Sandwich发布后，相应的UI标准和设计元素发生了巨变，而这个平台本身也更成熟稳定。尽管如此，Android的反叛精神并未泯灭，仍然具有其他移动操作系统没有的一些特色。 2.1 这里是平面国... 查看全部[ 2.1 这里是平面国 ]
很久以前，我在使用大型机工作站时第一次见到“按任意键继续”的提示，它让我一时间有点不知所措。编程是一门精确的学科，想不到按任意键都行！但按哪个键最合适呢？有没有好坏之分？当然没有。我很快就学会了享受自由，想都不用想，就随便按一个键（但大多数情况下，我都用拇指按下空格键）。 Android把按钮的概... 查看全部[ 2.2 轻按任何地方 ]
简单地移植苹果菜单不可行，这一点在Android早期版本中就显而易见。其中一个原因是运行Android的设备种类繁多，有HTC Hero手机，有7英寸和10英寸的平板电脑，还有Android滑雪镜、智能住宅和车用触控面板，因此Android界面受制于众多空间约束。还记得第1章的案例AutoTrade... 查看全部[ 2.3 适合各种设备 ]
“轻按任何地方”和“适合各种设备”的理念带来了一个重要变化，即可以毫不留情地将各种容器从界面中删除！这与通常大量使用圆角容器的iOS形成了鲜明对比，如图2-9所示。 提到Windows Modern UI最鲜明的特征，不同颜色的方形容器（也叫贴片，tile）、全景视图（Panorama）控件的统一... 查看全部[ 2.4 摆脱空间限制 ]
在新的Android 4.0/4.1设计方案中，最有趣、最新颖的原则之一是局部操作优先原则。市面上其他所有移动操作系统（包括Android的早期版本）在确保随时可以访问全局导航功能方面，都特别留心。例如，为实现这个目标，iOS使用无处不在的选项卡栏，如图2-12所示。 图2-12 Amazon... 查看全部[ 2.5 大局着眼，小处着手 ]