昨日重现画拟物,信息抽象归扁平.pdfVIP

昨日重现画拟物，信息抽象归扁平 前言 平化设计在数年的沉寂后，于近月烽烟突起，大有笑傲江湖，独领风骚之势头，而Apple公司最新 推出iOS7系统，更是将扁平化设计和拟物化设计的比较推上了风口浪尖，人人都是产品经理QQ群 8群（群号：217321639）2013年第24周的讨论就聚焦于此，本文是这次讨论的成果记录。 拟物化与扁平化 列位看官，让我们先来看看何为拟物化设计风格，何为扁平化设计风格。 如上图所示，直观来说，拟物化就是更加接近于真实的实物，而扁平化则是简化真实的物体，进行 平面化的表现。 更具体点来说，拟物设计就是追求模拟现实物品的造型和质感，通过叠加高光、纹理、材质、阴影 等各种效果对实物进行再现（也可适当程度变形和夸张）；扁平化设计就是摒弃以上对效果（尤其 是高光、阴影等能造成透视感的效果）的追求，转而通过抽象、简化、符号化的设计元素来表现。 拟物化更注重以假乱真，比如在移动端，书就做成书的样子，书架就做成书架的外观。 扁平化更注重视觉想象与搭配，看官可以想想最近很火的“疯狂猜图”，就用一个平面中的几个色彩 或者形状 ，联系出是什么。 而扁平化设计不仅仅是图标设计，其还需要包含如下几个方面： 1、拒绝特效 2、界面元素 3.、 优化排版 4、如何配色 5、最简方案 扁平化设计不该只是UI界面层次上的，还包括内容展现方式，所以拟物化设计被滥用顶多只会关乎 应用界面是否美观，但是如果使用扁平化设计时出现偏差，那将直接影响应用的可用性，不论选择 哪种应用设计风格，都应取决于实际功能。 一些高端设计师经常提及沉浸式浏览，认为这才是扁平化设计的核心所在，因为其更专注于内容层 面上的体验。 iOS7与扁平化拟物化 这里又回到开篇提到的iOS7系统，也许有的看官会问，Apple公司在坚持了多年的拟物化设计风格 之后，曾经作为该风格的引领者和受益者，为何会突然转向，热情地拥抱起扁平化设计来了呢？难 道是因为我们视觉疲劳了吗？（iPhone4S以来苹果大会上就一直没有太让人眼前一亮的 东西，iPhone 5销量下降，股价下跌，面对大屏幕手机和各种竞争对手，苹果鸭梨山大？） 小编也难窥得其中奥秘，也许只有iOS7的设计总监才能给出真正的解释吧，而拟物设计在直观感觉 上很有质感，Apple有相当多的用户正是被其虚拟的现实场景所吸引，更换设计风格难免会造成现 在的各种吐槽的情况 。虽然Apple吸引用户不仅仅是靠UI，设计风格的变化也许也会造成部分用户 的流失，但是也有观点认为iOS7的新设计是为了吸引年轻人，比如其中的糖果色和透明设计。看 官怎么看？ 某群友举了个不那么贴切的例子，拟物化相当于穿着小短裙的性感火辣，而扁平化则显得矜持一些 ，也不失诱惑和美感，而且对于普通人来说更容易接受。这就像在大马路上，多少人敢穿真正的性 感小短裙呢？更缺的是有些人穿着小短裙，但是外面却穿着其他的衣服让人兴致索然。iOS7 被 吐槽，就是因为它混合了扁平化和拟物。 下图是从iOS7中截取的几个图标 很明显，上面的图标设计不等于扁平化设计，反而其设计的理念是阴阳切换，一会儿凸出化，一会 儿扁平化。其色彩方面感觉太过拟物，视觉有光影就很难与扁平挂勾了，也就是说，iOS7在一定程 度上更扁平了而已。 其实很多的吐槽更多的是视觉层面，尤其是图标色彩上，但深入思考下，这次的改版还是有进步的 ： 1、6年的iOS采用拟物化对于用户来说学习成本是最低的，相当于启蒙教育，任何智力正常的人都 可以十分快速地接受和入手 2、拟物化对于现实场景的还原也能拉近用户的心里距离，具有温暖感，亲切感 3、现在经过6年的系统操作习惯的培养，用户都能对信息有个比较好的学习能力了，过去注重炫目 的视觉效果和动画在回归到信息的沟通本质下是不是应该有所克制和收敛 4、而这次最大的转变在于对技法的克制甚至是减法把最本质的信息呈现在了用户面前，注重内容 ，淡化形式，可以说是比较理性的一次升华 5、只是现在的iOS7有太多的功课需要加强，需要完善，需要全面统一地梳理 结语 扁平化风格的逐渐盛行固然有它的道理，但本质上它只是设计美学当中的一种，与仿古、高光、金 属质感、木质等视觉效果相同，对视觉风格的选择必须以良好的信息架构及交互模式为基础。也许 当满世界都是扁平化后，拟物化的设计却又变得更显眼了呢？ 最后让我们以文章的标题作为结语，算是对拟物化??计和扁平化设计的一个简单概括： 上联道：昨日重现画拟物， 下联云：信息抽象归扁平。 求横批~ 本文由人人都是产品经理原创，转载请注明出处。 附参与讨