扁平化设计用什么做的(什么是扁平化设计)

扁平化设计用什么做的,什么是扁平化设计

内容导航：

扁平化设计是什么设计

拟物化设计与扁平化设计哪个更好

扁平化设计中的阴影效果怎样做的呢

想体验一次好的设计冲刺你需要先避开这 8 个雷区

一、扁平化设计是什么设计

ui设计中的扁平化设计是二维视觉的平面性设计。一维是一个点或一条线。二维是一个面，只会所占面积的大小。三维是一个体，是所占空间的大小。扁平化就是单纯的二维设计，没有立体感。

二、拟物化设计与扁平化设计哪个更好

真正的极简不仅仅是抛去了多余的修饰，它给复杂带来了秩序。
为了追求极简主义，iOS 7做了一个艰难的决定，将苹果多年来一直坚持的拟物化设计风格转变为由Win8 metro界面发扬光大的扁平化设计。
下面我们来浅析一下有关扁平化设计与拟物化设计的那些事儿。
拟物设计简单来说就是对实际物体的模仿重现，来帮助用户获得自然的心理感觉。
拟物化设计是已故CEO乔布斯所推崇的，他在Mac OS
设计之初就始终坚持这种做法，因为他认为只有通过类比的方式才能弱化用户在操作电脑时产生的恐惧感，而在交互场景中，拟物化设计可以最大化类比的效果，通过对材质的真实呈现以及通过设计来解决问题的思想，可以更友好地引导用户使用触摸屏，使触摸屏变得更亲切，更真实。
因此，拟物化的界面通常都具备纹理、阴影、高光等设计元素，而苹果以秀色可餐为主题的广告恰恰正是拟物化设计的一个缩影。
拟物化设计的特性： 1、感知性。
通过对实际物体虚拟设计的恰当拟物化，可以帮助用户在情感层面上易于接受，减低学习成本。
但过分的滥用也会物极必反，可能会由于不同用户的不一致行为，产生对功能的误解，反而增加了学习成本和挫伤了用户的心理期望。
2、逻辑性。
拟物化设计更为本质的可能不在于外观的好看，而在于组织和交流信息的逻辑形式，或者是交互。
例如，设计纸张时，不是模拟纸张的样式和材质，而是模拟纸张的叠加、覆盖、抽拉等空间关系，如此，纸张的裂口和阴影是必要的拟物设计，它产生的虚拟逻辑更有效果地区别和组织信息。
扁平化设计通俗来说就是拟物化设计的一个相对面，扁平化设计更注重视觉的极简主义，抛弃了渐变、阴影、纹理、高光等拟真视觉效果，而采用简单的图形与色彩，从而打造出一种看上去更平的界面。
在Win8 Metro
界面中，则完全使用了扁平化设计，使内容信息中心化，减少不必要的元素来突显本质，这也是扁平风格的一个优势，简单直接，减少认知障碍的产生。
扁平化设计的特性： 1、极简性。
纯粹的视觉图形，Less is
more的极简理念，正是扁平化设计的核心风格，特别是在手机屏幕有限的空间内完成复杂的交互，扁平化设计可以在复杂的交互中保持设计上的一致性，减少噪音，从而达到化繁为简的效果。
2、实用性。
扁平化设计虽然没有拟物化设计的视觉冲击，但去除花哨的效果就是实用至上。
简洁的设计语言，精准的感知定位，可以使用户的深度操作变得有序而明确，从而在情感与效率上取得平衡。
对设计人员来说，拟物化的设计既繁琐又费时，而扁平化设计将大大减低设计成本，兼容性更佳，不可谓不实用。
其实，拟物化设计与扁平化设计是不同的设计风格，本质上是没有好坏之分，只存在结合实际应用时恰当不恰当之别。
而在苹果iOS 7的发布中，我们看到了部分扁平化设计影子，这是一个从更好看风格向更适用风格的靠拢。
而从网站建设与网页设计的角度，扁平化设计的极简性与条理性可以说是大势所趋。

三、扁平化设计中的阴影效果怎样做的呢

答：扁平化这个词来自于这种设计所使用的样式和形状，它完全属于二次元世界，一个简单的形状加没有景深的平面，不叫扁平化都浪费这个词了。这个概念最核心的地方就是放弃一切装饰效果，诸如阴影、透视、纹理、渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净俐落，没有任何羽化、渐变或者阴影。这一设计趋势极力避免任何拟物化的元素，这导致这一设计风格在其它平台有时候显得突兀，前景图片、按钮、文本和导航栏与背景图片格格不入，各成一派。

四、想体验一次好的设计冲刺你需要先避开这 8 个雷区

在我们昨天的文章《这家美国创业公司，为什么也爱用「设计冲刺」？》中，我们看到了设计冲刺给美国一家创业公司带来的帮助。

但是，并不是所有人都能把设计冲刺用好，也有一些变了形的、失败的设计冲刺。
光涧实验室翻译了 Prototypr 博客上的这篇文章，作者 Skjoldbroder
分享了他从一次失败的设计冲刺中得到的收获，希望能帮助大家更好地理解和处理设计冲刺中的细节。

设计冲刺（Design
Sprint）现在正风靡一时，组织设计冲刺活动的人很多，但是要谨防碰到卖「狗皮膏药」的！这是我在参加了一次设计冲刺工作坊后的感触，组织者对设计冲刺的活动流程和细节进行了改动，但是他们对于这种由
Google 风投部门最早倡导的「设计冲刺」方法，理解并不全面和深入。

《设计冲刺》一书的作者、来自 Google 风投的 Jake Knapp，将设计冲刺形容为工作效率、决策、创新、创造和设计之间的大碰撞——我认为确实是这样。
但是我最近参加了一个设计冲刺工作坊，它把这个「大碰撞」的配方修改得面目全非。
直觉告诉我，这些修改并不好，但是因为我只是一名参与者，无法改变活动进程，所以我选择将其视为一次收集数据的机会，把这次设计冲刺和《设计冲刺》这本书中概述的
Google 风投倡导的流程做个比较——看看能学到什么，然后为下一次设计冲刺活动做好准备。

关于 Google 风投倡导的设计冲刺工作坊的详细流程，在这里我不打算赘述，所有这些内容都在那本书中，你应该去仔细地看看——但这里有一个简明扼要的流程展示：

注：设计冲刺是一个学习闭环，你可以在其中定义和创造一些东西。
你需要通过真实的用户进行测试，然后获得有价值的反馈和洞察。

下面的内容，就是我从那场「糟糕的」设计冲刺活动中学到的东西。

1 整个活动过程中，不能改变要挑战的命题

这应该是一个完全不用思考的事情，即在任何情况下，都一定不要修改在设计冲刺活动一开始就定义好的挑战命题。
在我们的案例中，在设计冲刺的最后一天，大家对本场设计冲刺的挑战命题和目标进行了字面上的修改，这使得之前的大部分过程都变得毫无意义，因为设计冲刺活动中的所有内容都是建立在这个基础之上的。
把地基整坏了——整个房子接着就塌了。

2 画草图时不要赶时间

我们只有非常有限的时间（每次 10 分钟左右）来画草图（sketch），这让我们几乎没有时间拓展想法。
产生的想法似乎都是「浅薄」和无趣的。
这削弱了画草图阶段的威力：它是一种能让新点子不断产出和让现有点子更加细化的活动。
画草图是一种能把写在纸上的想法梳理出来，然后激发出新想法的语言——但它需要时间来探索，然后才能产出真正破除了思维定势的好想法。

3 在活动过程中别倒退

我参加这场活动中，在我们小组已经选择并细化了自己的解决方案之后，活动主持人又要求我们重新审视选好的解决方案。
这导致了一些功能被随意添加进来，大家普遍抓不到重点，以及一部分小组成员这时候表现得过于强势，破坏了平等讨论的氛围。

4 不要在一场设计冲刺中尝试多个解决方案

我们的冲刺历时三天，但是每天专注的都是不同的解决方案。
这导致了两个问题。
首先，同样的想法会从第一天「溢出」到下一天。
在第一天已经被丢弃了的想法，在第二天和第三天又会死灰复燃。
人们总是会坚守自己的想法，让自己的想法再次出现在讨论中。
其次，这会使设计冲刺的目的不够明确，从而使设计冲刺不够聚焦。

5 不要错过创造产品原型的过程

在我们的这场设计冲刺活动中，主办方安排了专业人士帮助每个小组把草图变成产品线框图。
这样看起来我们是方便又轻松的，但对于我们自己而言，能够亲自动手制作真实用户要测试的产品特别重要！它教育我们在画草图时尽可能具体和详细的重要性，它会展现出在此过程中新问题是如何产生的，并且可以给我们提供第一手经验，告诉我们开发出一个「仅仅真实到足以测试」的产品模型实际上是多么容易。

6 如果你是活动主持人，请始终保持中立

我们的活动主持人积极地参与到这场设计冲刺活动中。
这可能看上去是个好主意，但是因为他们也在主持活动，处于权威地位，最终会影响许多本应该由设计冲刺参与团队控制的决策。
主持人也会像我们其他人一样——总是坚持自己的想法，难免存在偏见。
所以，如果你正在主持一场设计冲刺活动，请不要积极参与到小组讨论中——应该始终保持中立。

7 防止「人情」影响到投票公正性

在我们这场设计冲刺活动中，投票过程是在大家阐释了他们的想法和理念之后才完成的。
因此，大家都知道是具体哪位成员提供了哪个想法——这会使大家更容易受到「人情」的影响，不够客观，投票的时候存在偏见。

8 参加设计冲刺活动时应抱着什么态度

可能是最重要的一个教训，特别当你是在跟那些对于设计思维和一般意义上的设计都很陌生的人一起参加设计冲刺活动的时候：要尤其注意提前声明，大家应该在活动中采用什么样的态度。
具体来说，给他们概述设计是什么，棘手的问题又是什么。
可以提前做一个热身活动，比如「30 个圈挑战」——用 3 分钟时间，看你能填满多少个圈，画出的物体需要是可辨认的，只求数量，不求质量。
特别要强调的是，一定不要被自己的想法牵着鼻子走，永远应该关注设计冲刺中要挑战的命题是什么，能找到的解决方案又是什么，而不是总在为自己的想法「辩护」。

· 总结 ·

那场设计冲刺活动也不能说一无是处，毕竟还是产出了三个可以接受测试的产品原型。
看看原型可以产生什么样的真实用户反馈，将会很有趣。
但老实讲，我没抱太多希望。

尽管这是一篇批判的文章，但是我其实一直都相信，设计冲刺活动可以给大部分团队带来一次很好的体验。
某种程度上说，在设计新产品时，设计冲刺会让人体验到多人创意协作的过程，以及用产品原型给真实用户测试带来的直观效果。

文中第 4、5、6 张图片来自 Design Sprint Kit

原文：

网页链接

标题：

A Google Design sprint gone wrong (and what it taught me)

翻译：王子颖

校对：郝晓茹

光涧实验室专注于实践和分享

「创造美好产品的系统化创业方法论」。

我们希望帮助那些有同样愿景的团队掌握创业方法论，

并为他们提供切实可行的解决方案。

创业孵化|创业咨询|创业方法论，关于创业咨询、创业孵化，欢迎发送邮件至。
更多、更系统的方法论，欢迎关注「光涧实验室」（ID：lightstream0）微信公众号