带来更好的信息传达 现在,软件的UI设计,也开始像webUI一样,走由繁至简的路子了。无论是 Metro Design 或是 Holo Theme,都在更努力的让UI隐形或简化,而信息本身的排版又能呈现出UI本身,特别是 Metro 本身就是一门基于排版的设计语言。在杂志中,Metro design 得以很好的体现,杂志不可能都以生硬的有形框架来固定内容的位置,而是用合理的方式排版让信息以比较自然的方式呈现。 上图是 National Geographic 的一期排版设计,左侧的排版比较传统,右侧则是图片和文字的叠加排版,它们表现在 web 或是 软件的交互UI上,就是所谓的扁平化设计。这种设计风格可以在满足传达大量信息的需求同时兼顾美感。但也正如这份杂志页面一样,简约的设计让文字更突出, 所以在这种设计风格中,字体尤为重要,有很大一部分美感是字体带来的。 一样可以立体而真实 上图是 Yahoo Weather 的UI设计,它也是iOS7中的默认天气服务。天气资讯是作为“信息交互”的一个层在距离用户最近的地方,底部则有另外一个层显示与天气相关的图像,这种 设计与传统拟物的最大区别是,它将信息表现简化或抽象化,而在全局体现比拟物更接近现实的效果。相比拟物设计,信息展现更直观也可以更生动。在信息量大的 时候,不会产生过多的视觉干扰,现在iOS上已经有不少软件采用扁平化的设计方案。 呈现和应用方式广泛 微软曾展示过一些对于未来展望的UI设计,这篇文章发布之前我已经看到有人提到它了,未来交互的设备可能更千奇百怪,交互界面也存在于许许多多不同 的表面上,就像视频中的玻璃幕墙,或者一面镜子,类似我在上段提到的 Yahoo Weather,在这种玻璃幕墙上表现的时候,可以只保留“信息交互”这个层,而底部的图像可以就是镜子反射的景象,或是透过玻璃本身可以见到的东西,使 交互界面能够完美融合在现实之中,或者说更适合未来的虚拟现实、增强现实系统的设计。同时这里也纠正下许多人对 Metro Design 的误区,由于 Windows Phone 和 Windows 8 的开始界面是由方块构成,以至于不少人(还有许多为这些系统设计软件的人)以为它的设计元素只有方块和直线,实际上也包括各种设计形态。 这款App采用了实物图片与UI相结合的设计 627.AM 的UI设计采用了不同形态的图形(实际上是有动画效果的,使用 Windows Phone 的用户可以在市场下载体验) |