扁平化设计：交互篇

扁平化设计

有人说“只有交互扁平了，视觉才好做扁平⋯⋯”

还有人说 “如果一个产品把希望寄托于视觉上，想靠视觉来表现产品的扁平化，显然是不靠谱的⋯⋯”

确实是这样的，扁平化不仅仅是界面视觉扁平无立体感，更应该是交互体验的扁平化，信息架构的扁平化。

在进入正题之前，我们先来看一个例子，我发现有人用科幻电影中的UI 画面来和扁平化视觉相比较，他们说这是未来界面的一个发展趋势，确实这和现在的UI画面有一定的相似地方，来看一些电影画面截图。投影光感和色块的组合简洁明了，看起来很有未来感和设计感。

可以看到这里的界面视觉表现是以投影光感和色块为主非常扁平，但是如果它的交互操作和信息展现不够扁平的话，副驾的美女点半天也找不到位置，甚至在一眼看上去不知道这个界面要怎么操作的话，呵呵，不要谈追逐恐怖分子了，估计自己都抓狂了！

同样，如果一个产品你拿到后不知道他想表达什么，也不知道要怎么用的，点了半天也找不到你想找的信息的时候，估计这会儿你已经没有耐心了，要不了一分钟你就会把它卸载掉。如果视觉好看一点的话或许能吸引你停留的久一点，但最终你不会成为他的忠实用户。

但是我更认为这应该是交互扁平化的代表，还记得在《谍中谍4》里面有个场景：

汤姆·克鲁斯的敞篷轿跑车与恐怖分子在迪拜的沙暴中追逐，带来了影片的高潮。我自己当时对这一段的印象非常深刻。

在追逐开始的时候，副驾的美女就用投影在挡风玻璃上显示出了导航，追逐的位子速度等相关信息，并开始相关操作，给阿汤哥指挥。最后成功追到恐怖分子。

所以，交互扁平化和信息扁平化的重要性不言而喻。

【关键词标签】扁平化设计    (PC+手机)营销型网站建设    做营销型网站多少钱

• 网站能干什么？整个网站要多少钱?
• 五金营销型网站建设——图文并茂!
• 电子元件营销型网站建设！简洁清晰、一目了..
• 建材企业营销型网站建设！一站式制作！
• 无纺布袋——营销型网站建设
• 饰品礼品网站建设——倾力打造！
• 门户网站分为几个类型？有什么区别
• 什么样的网站设计比较适合百度搜索引擎
• 有什么办法加速百度快照更新
• 什么是WAP网站？WAP上网,WAP网站..
• 什么是网站前台后台?网站前台后台的诠释
• 邮箱系统附件大小是怎么限制的
• 图片Alt和Title属性有什么区别?
• 怎样让别人不能复制自己网站的图片内容
• 怎样在网页中使用图标字体 - icon ..