Android应用UI设计模式2.1 这里是平面国_Android应用UI设计模式2.1 这里是平面国试读-查字典图书网
查字典图书网
当前位置: 查字典 > 图书网 > 交互设计 > Android应用UI设计模式 > 2.1 这里是平面国

Android应用UI设计模式——2.1 这里是平面国

自面世以来,Android始终像荷尔蒙过剩的少年,成长速度十分迅猛,变化全面而深远。Ice Cream Sandwich发布后,相应的UI标准和设计元素发生了巨变,而这个平台本身也更成熟稳定。尽管如此,Android的反叛精神并未泯灭,仍然具有其他移动操作系统没有的一些特色。 2.1 这里是平面国 如果将Android应用和iOS 应用进行比较,你首先可能注意到的是前者是一个平面国:按钮是平的,内容区域是平的,所有工具栏和控件也都是平的。就像Rudy Rucker的短篇小说Message Found in a Copy of Flatland中的平面国国民,Android“看到”的一切都是二维的。另外,Android不做任何装扮,完全是纯人工数字制品:通过想象创造出来的东西,非实物。Android就是一款运行在硬件上的软件,而不是相反。在我看来,这是天大的好事。为什么呢?因为不需要让界面看起来“真实”、“漂亮”,那么内容便显得更重要,有助于向用户提供最基本的数字体验。Windows Modern UI 是另一款与iOS形成鲜明对比的移动操作系统,从很多方面说,它和Android 4.0采用的平面数字视觉方案很像。 下面来比较一下Android和iOS的“信息”应用,如图2-1所示。 首先印入眼帘的是信息密度:在Android版中,屏幕上罗列的内容要多很多。原因之一是iOS使用“气泡”来表示短信,而Android只在表格中简单地列出短信。是不是很乏味?在有些人看来也许如此。然而,Android未做任何装饰,整个“信息”应用就是一部简单纯粹而又强大的短信机器。整个视觉方案显得保守,几乎到了刻板的程度。另外,请注意工具栏:iOS规定工具栏元素必须是三维的,让它们看起来就想要从屏幕中跳出来。这是使用渐变实现的,让工具栏等数字对象看起来栩栩如生。相反,Android工具栏(乃至整个页面)完全是二维的,一点也不像实物。Android毅然决然地拥抱“平面国”,“远离三维世界”,这为创建半透明菜单(见图2-2)、全身心地践行“内容至上”理念打开了大门。第13章将更详细地介绍各种菜单样式。 图2-1 iOS和Android 4.0的“信息”应用 图2-2 谷歌Earth应用Android 4.0版中半透明的菜单栏与iOS版中模拟实物的菜单 整个Android屏幕呈现灰色调,只使用了刚刚够的颜色让工具栏较暗,而内容区域几乎保持了屏幕的亮度。在色彩方面,Windows Modern UI等众多移动操作系统都与Android Ice Cream Sandwich操作系统形成了鲜明对比。虽然这两种设计语言都秉承“平面国”理念,但Windows Modern UI在色彩和交互性方面其实非常突出:通过巧妙的变换和色彩对比,每个元素都像在振动、翻转和滑动,这种动感让主屏幕几乎“呼之欲出”。而常见的Android屏幕简洁、严肃、一本正经,只提供必不可少的元素,就像典型的线框。更有趣的是,这种“平面国”理念也体现在按钮和轻按目标上。Android按钮也未使用渐变,这将在下一节讨论。

展开全文

推荐文章

猜你喜欢

附近的人在看

推荐阅读

拓展阅读

《Android应用UI设计模式》其他试读目录

• 1.1 启动图标
• 1.2 操作栏与信息架构
• 1.3 选项卡
• 1.4 专用选择页
• 1.5 选择控件
• 1.6 按钮
• 1.7 搜索结果屏幕
• 1.8 结果详情屏幕
• 1.9 最终结果
• 2.1 这里是平面国 [当前]
• 2.2 轻按任何地方
• 2.3 适合各种设备
• 2.4 摆脱空间限制
• 2.5 大局着眼,小处着手