高大上扁平化交互设计.pdfVIP

高大上的扁平化交互设计 写在前面的话 ：（看正文请直接跳到分割线处 ） 写完“做好扁平化设计 ：视觉篇”给到各位设计师看求指点的时候。 大家吐槽了 ： 有人说“只有交互扁平了 ，视觉才好做扁平⋯⋯” 还有人说 “如果一个产品把希望寄托于视觉上 ，想靠视觉来表现产品的扁平化 ，显然是不靠谱的⋯⋯ ” 确实是这样的 ，扁平化不仅仅是界面视觉扁平无立体感 ，更应该是交互体验的扁平化 ，信息架构的 扁平化。 在进入正题之前 ，我们先来看一个例子 ，我发现有人用科幻电影中的UI 画面来和扁平化视觉相比较 ，他们说这是未来界面的一个发展趋势 ，确实这和现在的UI画面有一定的相似地方 ，来看一些电影 画面截图。投影光感和色块的组合简洁明了 ，看起来很有未来感和设计感。 但是我更认为这应该是交互扁平化的代表 ，还记得在 《谍中谍4 》里面有个场景 ： 汤姆·克鲁斯的敞篷轿跑车与恐怖分子在迪拜的沙暴中追逐 ，带来了影片的高潮。我自己 时对这一 段的印象非常深刻。 在追逐开始的时候 ，副驾的美女就用投影在挡风玻璃上显示出了导航 ，追逐的位子速度等相关信息 ，并开始相关操作 ，给阿汤哥指挥。最后成功追到恐怖分子。 可以看到这里的界面视觉表现是以投影光感和色块为主非常扁平 ，但是如果它的交互操作和信息展 现不够扁平的话 ，副驾的美女点半天也找不到位置 ，甚至在