扁平化设计-扁平化与拟物设计对比

合集下载

扁平化设计-扁平化与拟物设计对比

扁平化设计Байду номын сангаас优点
1. 简约而不简单，搭配一流的网格、色彩设计，让看久了拟物化的用户感觉焕然一新。 2. 突出内容主题，减弱各种渐变、阴影、高光等拟真视觉效果对用户视线的干扰，让用户更加专注于内容本身，简单易用。 3. 设计更容易，优秀扁平的设计只需保证良好的架构、网格和排版布局，色彩的运用和高度一致性。
拟物化计的优点
1. 认知和学习成本低：外婆级的人也能看懂iO S里面几乎所有原生应用的图标。 2. 各种按钮的视觉质感和按下去之后的交互效果，养成用户对这类“东西”的统一认知和使用习惯。 3. 人性化的体贴：我相信有很多同学都非常喜欢ibooks的体验，用它来阅读确实是一种享受。
拟物化设计的缺点
大多数拟物化界面并没有实现功能化，只是花费大量时间在视觉的阴影和质感效果。为何扁平化能够逆袭拟物化呢，主要原因有以下三点： 1.开发更加简单数码设备普及度不高的时代，拟物化是有效果的，尤其对于孩子和老人来说拟物化设计更直观有趣
文章来源：Lofter 人人都是产品经理（）中国最大最活跃的产品经理学习、交流、分享平台
扁平化设计-扁平化与拟物设计对比
史蒂芬说：自从2011年window 开始扁平化，到2013年IO S7开始扁平化，就突然变成了设计潮流。我们来对比下扁平化和拟物化设计的优缺点。
什么是扁平化
摒弃高光、阴影等能造成透视感的效果，通过抽象、简化、符号化的设计元素来表现。界面上极简抽象、矩形色块、大字体、光滑、现代感十足，让你去意会这是个什么东西。其交互核心在于功能本身的使用，所以去掉了冗余的界面和交互。
。但是随着数码科技的发展，拟物化的好处会越来越少，随之带来的是开发成本增加。
2.使用更加高效拟物化是时代过渡中的一个不得已。在未来人眼中，一个温度计的app要特地设计成实体温度计的样子，一定傻透了。拟物≠高效，刻意拟物有时反而降低了效率。

扁平化ui设计和拟物化ui设计的区别,扁平化ui设计的8个技巧

ui设计现在众多设计中的主要类型之一，随着人们对ui设计的要求越来越高，ui设计也有了很多新的变化，比如扁平化ui设计就区别于拟物化ui设计的一种新的设计。

就让为家介绍扁平化ui设计和拟物化ui设计的区别，扁平化ui设计的8个技巧。

扁平化ui设计和拟物化ui设计的区别1、概念拟物化设计就追求模拟现实物品的造型和质感，通过叠加高光、纹理、材质、阴影等各种对实物进行再现（也可适当程度变形和夸张）。

扁平化设计就摒弃以上对（尤其高光、阴影等能造成透视感的）的追求，追求通过抽象、简化、符号化的设计元素来表现。

2、特拟物化设计的特，界面模拟真实物体的材质、质感、细节、光亮等；人机交互也拟物化，模拟现实中的交互。

拟物设计的会让你认出这个什么东西。

扁平化设计的特，界面上单色极简的抽象矩形色块、字体、光滑、现代感十足；交互的核心在于功能本身的使用，所以去掉了冗余的界面和交互，而使用更直接的设计来完成任务；扁平化设计则让你意会这个什么东西。

3、优拟物化设计的优认知和学习成本低，各种按钮的视觉质感和按下去之后的交互强，比较人性化的体验。

拟物化设计的优简约而不简单，扁平的设计搭配的网格、色彩设计，让看久了拟物化的用户感觉焕然一新；突出内容主题，减弱各种渐变、阴影、高光等拟真视觉对用户视线的干扰，让用户更加专注于内容本身，减少用户使用这类产品的负担，在扁平化的视觉和优秀的架构设计下显得非常简单易用；设计更容易，优秀扁平的设计只需要包含良好的架构、网格和排版布局，色彩的运用，高度的一致性，而不需要考虑更多的阴影、高光、渐变等等。

扁平化ui设计4、缺拟物化本身就个约束，会限制功能本身的设计。

扁平化设计需要一定的学习成本，且传达的感情不丰富，甚至过于冰冷。

扁平化ui设计的8个技巧1、关于高光、渐变和投影网上所说扁平化风的三要素：去高光、去渐变、去阴影。

这么说有了，小编认为应该去掉过渡式高光、过渡式渐变、过渡式阴影。

在这篇文章里，扁平化高光、阶梯式渐变以及所谓的长投影允许的。

重看图形界面“扁平化”与“拟物化”之争——关于设计思维的探讨

163设计艺术与理论丨学术平台丨背景介绍1美间年9月10日（年国时当地时间2013北京时间2013月11日），苹果公司在总部加州库比蒂诺发布移动操作系统9问世以来系统最大的一次升级。

iOS7，这被视为自智能手机iPhone 在其上百项改动升级中最为直观的变化就是全新的图标设计，有别于先前系统所倡导的立体效果和实物模拟，这次的图标变得更1（b）。

这是苹果公司在图形界面方面第一次为锐利和平面，图大张旗鼓地将拟物化设计（Skeuomorphism）转向扁平化设计（FlatDesign）。

对于上述改动，舆论众说纷纭。

表面上，这似乎是苹果公司首席设计师乔纳森·伊夫（Jonathan Ive）在“后乔布斯时代”抛弃乔布斯倡导的视觉仿真理念的一个冒进举动。

更在使用者和智能设备互动上被视为“不让人满意的巨大变化”。

在几乎被苹果公司把持的手持智能设备的设计领域，这样的变动带来其他厂商的质疑、批评或者仿效在此不表。

但随之而来的变化显而易见：使用安卓（Android）系统的手持智能设备厂商中的大部分在手机界面上提供了扁平化图标和界面的选择，与其他“拟物化”主题一起供使用者选择；而以锤子科技（Smartisan）为例的同业者坚，并将其标榜为公司产品拥有“情持“拟物化”的图标设计（图2）怀”之处。

在跟风和对立间，很难分辨两种设计手法的优劣。

对比分析“拟物”与“扁平”2细究拟物化和扁平化在设计上的不同和带来的效果。

iOS7之前的拟物化图标主要分为四层，包括处于最底部的阴影层、稍微靠上的图标信息层、再上方的光泽层和顶部的圆角层，通过叠加高光、纹理、材质、阴影等效果以模拟现实物品的造型和质感，对实物进行再现。

这样的设计会让使用者轻易辨别和猜测出程序的功能且模拟现实生活的交互方式。

似的对于图标和界面的认知和学习成本低，各种按钮的视觉质感和按下去之后的交互效果也养成用户对设备操作形成统一认知和使用习惯。

但是，大多数拟物化界面并没有在功能上拥有拟物的延续，只是在强调视觉的阴影和质感效果。

UI设计中的扁平化与拟物化视觉传达解析

UI设计中的扁平化与拟物化视觉传达解析随着移动互联网时代的到来，用户界面设计(UI设计)越来越受到关注。

在UI设计中，扁平化与拟物化是两种常见的视觉传达风格。

它们分别代表着设计中的两种不同趋势，都有着自己的特点和优势。

本文将分析扁平化与拟物化的设计风格，探讨它们在UI设计中的应用和优缺点。

一、扁平化设计1. 扁平化设计概述扁平化设计是指在UI设计中去掉繁杂的立体效果，将界面元素简化为二维平面，突出简洁、清晰、直观的设计风格。

扁平化设计在一定程度上遵循了“简约至上”的设计理念，强调简洁、明了的设计风格。

这种设计理念的提出来源于对用户体验，用户界面的关注和追求，要求设计师在设计界面时应当更注重用户体验。

扁平化设计最大的特点就是简洁和直观。

它去掉了繁杂的阴影、渐变、立体效果等，使得界面元素更加纯粹、简洁。

扁平化设计中的颜色和图标尺寸都相对较大，这可以使用户更容易地将注意力聚焦在重要的界面元素上。

扁平化设计侧重于图形和文字的表现，更多地强调了内容的价值和信息的传达。

扁平化设计的优点在于简洁、直观、便于理解和操作。

这样的设计风格使得用户更容易地找到需要的信息，提高了用户的使用效率。

扁平化设计也更适合移动设备，它的简洁风格可以使得用户在小屏幕上更方便地操作。

扁平化设计也存在一些缺点，比如界面元素缺乏层次感，容易导致用户在界面中丧失方向感。

加之扁平化设计对颜色、图标的运用要求较高，如果设计不当，可能会使得界面显得单调乏味。

二、拟物化设计拟物化设计是以模仿真实世界物体的形态和行为为目标而设计的。

在拟物化设计中，界面元素呈现出仿真的阴影、质感和动画效果，使得界面元素更具有真实的视觉效果。

拟物化设计的提出在一定程度上弥补了扁平化设计在层次感和真实感上的不足，也更符合用户对界面真实性的期待。

2. 拟物化设计的特点拟物化设计最大的特点就是真实感和层次感。

通过添加阴影、质感和动画效果，拟物化设计可以使得界面元素更加贴近真实世界的感觉。

扁平化3

装饰元素
立体、渐变、阴影对比度、色彩
层次、纹理、质感元素风格、
时代背景
光影、透视、反射透明度……
扁平化设计的配色和用色
1、科技色—以蓝色、灰色、湖蓝、绿色为主，在一个色相范围里变化 2、亮彩色—以纯度很高的几个颜色搭配起来，背景多以黑或白色 3、淡浅色—以明度很高的几个颜色搭配起来，乳白色为主，高雅简洁 4、糖果色—色相丰富，且用色甜美可人，轻松愉悦 5、复古色—配色比较古典，且明度和纯度不太高，舒适有内涵 ……
WIN PHONE 7
ANDROID 4.0
IOS 7
扁平化产生的契机
1、设计界的流行趋势，屏幕越来越大 2、大量写实拟物标，造成视觉上产生疲劳 3、大量的纹理和高光阴影细节对基本功能进行干扰 4、写实的图标很难表现出一个抽象的概念
图标：分享 Share
必要功能
层级、布局、跳转操作区域、功能提示区块化、视觉引导线文字、图形寓意反馈/交互响应……
反馈
当点击行为发生时，要立刻向用户提供清晰明确的视觉反馈。动画过渡效果就是一种比较常见的反馈方式，例如在用户执行操作后，使用旋转图标提示用户系统正在进行响应。
在设计扁平化界面的时候，容易犯的问题：
1、同类功能的图标风格不统一，用色不统一 2、功能块零碎，导致简洁的画面变得零碎 3、可操作的按钮等和背景区分不出来 4、操作后没有交互提示，层级跳转混乱 5、布局看起来很死板，图形没有亲和力，很简陋 6、做错了用户群体的定位 7、图形过于抽象化
为了实现扁平化设计美学，我们设计师必须专注于产品是干嘛的，而不是它们要看起来像什么。
一致性
通过使用通用的UI元素和样式，你可以帮助用户了解什么是可以期待的，然后使得更容易使用你的应用。

UI设计中的扁平化与拟物化视觉传达解析

UI设计中的扁平化与拟物化视觉传达解析扁平化和拟物化是两种在UI设计中常见的视觉传达风格，它们分别代表了现代风格和传统风格，各有其独特的特点和应用场景。

首先来解析扁平化风格。

扁平化风格强调简洁、平面和直观的设计元素，它去除了过多的阴影、渐变和细节，使界面看起来更加干净和现代化。

扁平化设计风格通过利用明亮的色彩、简洁的图标和简单的图形来引导用户的目光，减少了视觉混乱，提高了用户的使用体验。

扁平化风格的主要特点包括：1.简约而干净的设计：扁平化设计注重简单的线条和形状，去除了多余的装饰和细节，使界面更加直观和易于理解。

2.鲜明的色彩：扁平化设计使用大胆明亮的色彩，强调对比和饱和度，使界面更加生动和吸引人。

4.响应式布局：扁平化设计使用响应式布局，自动适应不同的设备和屏幕尺寸，使用户在不同的平台上都能获得良好的使用体验。

扁平化风格适用于需要强调内容和功能的应用，例如移动应用、网页设计和系统界面等。

它的简洁和直观的设计元素能够更好地引导用户的注意力，提高用户的使用效率。

扁平化风格也存在一些挑战，例如在表达层次和交互反馈方面相对有限，需要设计者更加精确地使用颜色和形状等元素来传达信息。

接下来是拟物化风格的解析。

拟物化风格是模仿真实物体的外观和行为，使界面看起来更加真实和有质感。

拟物化设计通过使用阴影、渐变和纹理等视觉效果来模拟真实的物体和材质，使界面更加生动和吸引人。

2.丰富的细节：拟物化设计注重细节和纹理的表达，通过加入更多的阴影和渐变等效果来增加界面的层次感和深度。

3.物理现象的模拟：拟物化设计模拟真实物体的行为和交互，例如按钮按下后会有反馈效果、滑动时会有惯性等，使用户更加有身临其境的感觉。

4.熟悉的界面元素：拟物化设计使用熟悉的图标和界面元素，例如文件夹、按钮和开关等，使用户更容易理解和操作。

拟物化风格适用于需要强调真实感和沉浸感的应用，例如游戏界面、产品展示和虚拟现实等。

它通过模拟真实物体和行为来增加用户的参与感和互动性，提高用户的使用体验。

UI设计中的扁平化与拟物化视觉传达解析

UI设计中的扁平化与拟物化视觉传达解析扁平化设计和拟物化设计是现代UI（用户界面）设计中常见的两种视觉传达风格。

在进行UI设计时，选择何种风格取决于设计师的偏好以及设计项目的需求。

下面是对扁平化和拟物化设计的解析。

一、扁平化设计扁平化设计是一种视觉风格，强调使用简洁的图形元素，去除繁琐的细节和装饰，以平面化的形式呈现信息。

扁平化设计的主要特点包括：1. 简洁明了：扁平化设计采用简洁明了的图形元素和颜色，使界面看起来干净、整洁。

2. 强调内容：扁平化设计将重点放在内容上，尽量减少装饰性的元素和效果，使用户能够更专注于信息本身。

3. 色彩鲜艳：扁平化设计通常使用饱和度较高的颜色，使界面更加鲜艳、生动。

4. 平面化：扁平化设计强调平面化视觉效果，减少使用渐变和阴影等立体感效果。

扁平化设计的优点在于简洁、直观，能够提供清晰的用户体验。

它适用于移动应用、网页设计等需要快速传达信息的场景。

二、拟物化设计拟物化设计是一种模拟物体真实感的视觉风格，以模仿现实世界中的物体和材质为特点。

拟物化设计的主要特点包括：1. 仿真效果：拟物化设计通过使用阴影、渐变、纹理等效果，模拟物体的真实质感，使界面具有立体感。

3. 层级感：拟物化设计通过叠加不同的图层和阴影效果，使界面元素更具层次感，提供更好的用户导航体验。

4. 手势化：拟物化设计还强调通过手势和触摸等交互方式，增加用户与界面的互动性。

拟物化设计的优点在于增强了用户对界面的沉浸感和可信度，使用户更容易理解和操作界面。

它适用于需要模拟物理操作的应用，如游戏界面、电子商务平台等。

三、扁平化与拟物化的结合运用在实际的UI设计中，扁平化和拟物化并不是完全独立的两种风格，往往会结合使用。

设计师可以根据项目需求和用户体验考虑，在扁平化的基础上适当添加拟物化的元素，以增强界面的可视化效果和用户交互体验。

在一个旅游应用界面中，可以使用扁平化的图标和颜色方案，强调内容的直观性和信息的清晰性；在展示地图和景点介绍等部分，可以适当使用拟物化的效果，增加真实感和沉浸感。

UI设计中的扁平化与拟物化视觉传达解析

UI设计中的扁平化与拟物化视觉传达解析随着科技的不断发展，用户界面（UI）设计也在不断演化和改变。

在UI设计中，扁平化和拟物化是两种常见的视觉传达风格，它们分别代表着不同的设计理念和表现形式。

本文将对这两种视觉传达方式进行解析，探讨它们的特点、优缺点，以及在实际设计中的应用场景和注意事项。

扁平化设计扁平化设计是一种简洁、直观的设计风格，它强调简约、图形化和大胆的颜色。

扁平化设计最早是由微软在Windows 8操作系统中引入的，后来被Google和苹果等公司广泛应用于他们的产品和服务中。

扁平化设计的特点包括：1. 简洁明了：扁平化设计通过去除繁复的装饰和细节，强调简单的图形和颜色，使界面看起来更加清晰和易于理解。

2. 图形化：扁平化设计倾向于使用简单的图标和符号来代替真实的物体和材质，使界面更具图形化或抽象化的特点。

3. 大胆的颜色：扁平化设计喜欢使用鲜艳而大胆的颜色，使界面看起来更加饱满和生动。

扁平化设计的优点在于能够简化界面，降低用户认知负担，提升用户体验。

但在实际应用中，扁平化设计也存在一些挑战和问题，例如过于简洁可能导致信息传达不清晰，大胆的颜色使用可能会让部分用户感到不适。

拟物化设计拟物化设计（也称作真实感设计）是一种更加贴近真实世界的设计风格，它强调物体的真实材质和质感，使界面更具有真实感和触感。

拟物化设计最早是由苹果公司在iOS 7中引入的，它的特点包括：1. 真实感：拟物化设计力求使界面更加贴近真实世界，包括使用真实物体的材质和质感、动态效果和过渡效果等。

2. 触感：拟物化设计注重界面上的触感和交互效果，例如按钮的按下效果、图标的拖动效果等。

3. 细节丰富：拟物化设计追求细节的丰富性，包括阴影、光照、纹理等，使用户能够更加直观地感受到界面的真实性。

拟物化设计的优点在于能够提供更加真实和直观的用户体验，让用户更容易理解和操作界面。

拟物化设计也存在一些问题，例如过于注重细节可能会增加界面的复杂度，使用户感到困惑，同时也可能会增加界面的加载时间和性能消耗。

扁平化与拟物化小辩论的总结

扁平化与拟物化小辩论的总结：持有观点：认为扁平化会持续下去扁平化概念的核心意义去除冗余、厚重和繁杂的装饰效果，具体表现在去掉了多余的透视、纹理、渐变以及能做出 3D 效果的元素，这样可以让“信息”本身重新作为核心被凸显出来。

同时在设计元素上，则强调了抽象、极简和符号化。

扁平化设计可以被看作极简主义的表弟，不过这位表弟更加精致、复杂、多功能。

他可以是很好看的极简主义，也可以在此基础上更加的复杂。

扁平化设计摆脱了复杂的立体效果，从而凸显了视觉元素锐利和清晰。

本质上，扁平化设计有两个目标：①适应越来越多的屏幕尺寸和相应参数，而不是用一些技巧性的设计企图掩饰；②以简单作为出发点，简化设计，使网站（包括其他互联网产品）速度更快，拥有更多功能。

扁平化设计并不意味完全去掉立体效果。

不过，既然叫扁平化设计，总体的趋势还是以简单和最少化为主。

不是明显的阴影，斜面浮雕，或者是轻易就能看出来的渐变。

扁平化设计是对拟物主义问题的回应在设计领域中，面对拟物化风格，扁平的画面总是站在对立的一边，但是扁平化设计不仅仅只是艺术风格的处理，它更是对拟物主义所带来的功能性问题的回应。

在设计中，拟物主义是指将设计对象的外观设计成另外一种物品。

具体到用户界面设计，就是模仿真实世界的实物纹理、光线，质感等，也就是通俗的拟物化设计。

当新的理念、工具、应用程序出现时，拟物化设计可以帮助人们唤起熟悉感，减少使用的学习成本。

扁平化设计的优点1、简约而不简单，搭配一流的网格、色彩设计，让看久了拟物化的用户感觉焕然一新。

2、突出内容主题，减弱各种渐变、阴影、高光等拟真视觉效果对用户视线的干扰，让用户更加专注于内容本身，简单易用。

3、设计更容易，优秀扁平的设计只需保证良好的架构、网格和排版布局，色彩的运用和高度一致性。

扁平化设计的缺点1、需要一定的学习成本，且传达的感情不丰富，甚至过于冰冷。

什么是拟物化模拟现实物品的造型和质感，通过叠加高光、纹理、材质、阴影等效果对实物进行再现，也可适当程度变形和夸张，界面模拟真实物体，拟物设计会让你第一眼就认出这是个什么东西。

UI设计中的扁平化与拟物化视觉传达解析

UI设计中的扁平化与拟物化视觉传达解析随着移动互联网的快速发展和智能终端的横空出世，UI设计已经逐渐成为了产品设计中的关键部分。

在UI设计中，扁平化和拟物化是两种常见的视觉传达风格。

它们分别代表了对于设计元素和风格的不同取向，对于产品视觉传达的独特性也由此呈现出来。

本文将从扁平化与拟物化两方面对UI设计进行解析，探讨其优缺点以及应用场景，为UI设计师提供更多的创作思路和设计灵感。

一、扁平化设计扁平化设计最初是由微软公司在手机操作系统Windows Phone上首先推出的，其概念是通过去除多余的视觉装饰和繁琐的图形效果，强调简约、干净的设计风格。

扁平化设计的核心在于“平面化”，其主要特点包括：1. 色彩鲜艳：扁平化设计强调鲜艳、醒目的色彩，通过简单而明快的颜色搭配来吸引用户的注意力，为页面注入活力和生机。

2. 极简图标：扁平化设计的图标通常采用简约的线条和色块组成，形状简单，清晰易懂，易于辨识和记忆。

3. 统一风格：扁平化设计追求界面元素的一致性和统一性，强调整体的视觉平衡和和谐，避免繁杂、杂乱的视觉效果。

4. 平面化风格：扁平化设计弃用了传统的立体效果和阴影，界面元素呈现出扁平、二维的风格，让用户更加集中注意力于功能和内容本身。

在UI设计中，扁平化设计的应用得到了广泛的认可与推广。

其中最经典的案例莫过于苹果公司的iOS界面设计，从iOS 7开始，苹果便引入了扁平化的设计风格，废弃了之前浮夸的立体效果和阴影，转而采用简约、清新的扁平化设计元素，使得整个系统更加清爽、简洁。

微软的Windows界面设计也是扁平化设计的代表作品，其清晰而独特的平面化界面设计更是为其赢得了众多用户的青睐。

扁平化设计的优势在于其简约、清新的设计风格，能够为用户带来简洁明了的视觉感受，提高用户界面的易用性和可理解性。

而且扁平化设计更适合移动设备的视觉呈现，不仅能够提高页面加载速度，还能够让用户更加专注于内容本身。

扁平化设计也存在一些不足之处，比如缺乏了色、彩、深度等层次感，导致一些界面缺乏张力，容易让用户感到审美疲劳。

拟物VS扁平？请别终结这个话题!

我们先假设一下，如果没有相机，人们想识别鸟类，这些是某设计师设计的“拟物”鸟类图标，相信看到名字再加上形象，大家已经能够识别了。

如果没有拟物设计的发展，直接扁平化呢？我们感受一下。

一定不是。

而是因为被日常生活所需要。

接下来我要说的这个例子是：虽然大家很少看到，但是一定知道这是twitter的logo，它足够扁平了对吗？它能看出来是一只小鸟，能想象到大家在twitter上叽叽喳喳的说话，非常成功，而且采用了扁平化设计也是非常正确，它让每个用户自己联想自己是什么样的鸟，雄鹰还是孔雀还是麻雀；可以让用户设定自己是什么颜色，是幸福的蓝色还是七彩的还是其他。

扁平带给人无限的想象空间，说的俗一点就是个性化定制。

如果将其拟物化，它的定位就是准确的“蓝色麻雀”，而这个形象会因为大众的不同审美存在不同的喜好，它不会优于扁平化的设计。

而这，和科技本身似乎没什么关系。

接着，我要说相机。

苹果的相机icon，从拟物进化到“扁平”（我一直觉得苹果的设计不能叫纯扁平，我不能肯定，windows8的纯色块在我看来才叫真正意义的扁平），抛除美感的因素，它的识别性足够了，让用户第一眼知道，这是相机，可以了，可以说最新的ios 7设计让更多的人知道，这是一个相机，因为它将相机的外形完美呈现了，只是它不够严谨，不够美。

这个建立在系统功能上，让大众用户快速了解熟知图标定义，扁平能更好的达到其效果。

那么，如果我们要做一款相机应用呢？都用扁平吗？差异化在哪儿？如果应用商店里都是这些icon，它起到的就是告诉你：这是一个相机应用。

其他并没有更多的信息传达了，用户能区分的，只有应用截图或者其他广告渠道。

如果你将你的应用图标设计的非常棒，用户是否也会联想到，它的应用也非常棒呢？会不会被其icon所吸引呢？候扁平的优势就来了，因为扁平设计哪怕设计师功底并不高，但是做了不会像拟物难度那么大。

再比如，我们在某个应用中看到这样一个图标：它要传达给用户的意思：和汽车或者驾驶有关的功能，这个图标表达准确，没问题。

关于风格那点事儿：扁平化设计VS拟物化设计

我从不认为哪种风格或哲学立场更正确或者说更优于其他，我更中庸一些，我认为答案通常不是极端的；我也认为，使用得当的就是好的。

当下被讨论的很火热的用户界面设计风格有两种：扁平化设计和拟物化设计。

在实际的案例中我们应该怎样取舍呢？
我要说的第二件事，还是过犹不及。

检查一下UI视图中“选中”状态的设计。

我们使用浅蓝色的背景来表明这个部分被选中了，而不是复杂的特效。

这个设计很好地给了用户操作反馈，既不会太显眼
，又不会引不起用户的注意。

我们需要有目的性地、科学合理地使用扁平化和拟物化风格，而不是生硬地套用某种风格，更不是一条路走到黑。

这样才能让我们的用户界面设计看起来更高端！更大气！更有品味！更国际范儿！亲，你们懂的！
来源：uisdc
人人都是产品经理（）中国最大最活跃的产品经理学习、交流、分享平台。

《设计元素.平面设计样式》摘抄

设计元素——平面设计样式一、概述平面设计是一门综合性的艺术学科，它不仅仅是美术创作的一种形式，更是一门以传达信息为主要目的的艺术表现方式。

在平面设计中，设计元素的运用至关重要，其中设计样式更是直接决定了作品的风格和效果。

下面将对设计元素中的平面设计样式进行深入探讨。

二、基本概念平面设计样式是指在平面设计中所采用的风格和表现形式。

它包括了图形、色彩、文字、布局等各个方面，并通过这些元素的组合运用，形成了不同的设计样式。

常见的设计样式有扁平化设计、拟物化设计、简约设计、复古设计等。

三、扁平化设计1. 特点：扁平化设计是一种简洁、直观的设计风格，它强调视觉上的平面感和简单明了的图形元素表达。

扁平化设计常常采用明快的颜色和简单的几何图形，以及扁平的界面布局，给人一种清晰、现代的感觉。

2. 应用：扁平化设计被广泛运用于网页设计、移动应用设计以及标识设计等领域，特别是在当今流行的UI设计中，扁平化设计已成为一种主流趋势。

3. 实例：以谷歌的Material Design为代表的扁平化设计风格，以其简洁、直观的视觉效果，获得了设计界的高度认可。

四、拟物化设计1. 特点：拟物化设计是一种模拟真实物体的设计风格，它运用逼真的图形和细节表现，使平面设计作品呈现出立体感和真实感。

拟物化设计常常采用阴影、光影和纹理等手法，让设计元素看起来更加逼真。

2. 应用：拟物化设计常见于应用界面、产品封面以及广告设计中，它能够为作品提供更加真实的展现形式，增强用户的使用体验和视觉感受。

3. 实例：苹果公司的iOS界面设计便采用了拟物化设计风格，通过细致逼真的图标和界面元素，为用户营造了一种仿佛触手可及的真实感。

五、简约设计1. 特点：简约设计是一种极简主义的设计风格，它追求简单、纯粹的表现形式，去除繁杂和多余的元素，使作品呈现出简洁、大气的美感。

2. 应用：简约设计在海报设计、包装设计以及品牌logo设计中应用广泛，它能够凸显出作品的重点和主题，让观众能够更直接地获取信息和情感。

UI设计中的扁平化与拟物化视觉传达解析

UI设计中的扁平化与拟物化视觉传达解析随着移动互联网的发展和用户体验需求的不断提升，UI设计在网络应用和移动应用中扮演了越来越重要的角色。

在UI设计中，扁平化和拟物化是两种常见的视觉传达风格，它们在不同的设计场景中有着不同的应用和表现形式。

本文将对扁平化和拟物化的视觉传达特点进行分析，探讨它们在UI设计中的应用和价值。

扁平化和拟物化是两种不同的设计概念，它们在UI设计中有着各自独特的特点和表现形式。

扁平化设计强调简洁、干净和直观，取消了过多的阴影、渐变和纹理，注重图形元素的简化和色彩的鲜艳。

拟物化设计则更强调真实感和质感，通过模拟真实物体的材质、纹理和光影效果，使用户在界面中产生熟悉和自然的感觉。

这两种设计风格在表现形式上有明显的差异，但在UI设计中都有着各自独特的价值和应用场景。

扁平化设计的特点主要包括简洁、直观和鲜艳。

在扁平化设计中，图形元素通常采用简洁的线条和饱满的色彩，取消了过多的阴影和纹理，使整体界面显得轻盈、干净和简洁。

扁平化设计强调用户操作的直观性和易懂性，通过简化和抽象化的图形元素，使用户更容易理解和使用界面。

扁平化设计还注重色彩的运用，通过鲜艳的色彩搭配和对比，增加界面的吸引力和辨识度。

这些特点使扁平化设计在移动应用和网络界面中得到了广泛的应用和认可，成为当下UI设计中的热门风格。

扁平化设计在UI设计中的应用和价值主要体现在以下几个方面。

扁平化设计可以增强界面的简洁性和直观性。

通过简化和抽象化的图形元素，取消过多的阴影和纹理，使界面看起来更加简洁、干净和美观，减少了用户在使用界面时的干扰和分散。

这种简洁的设计风格能够帮助用户更容易地理解和使用界面，提高用户的操作效率和满意度。

扁平化设计可以增强界面的一致性和辨识度。

通过饱满的色彩搭配和对比，使界面的各个元素在视觉上更加突出和醒目，增强了界面的辨识度和易识别性。

这种一致的设计风格能够帮助用户更容易地辨认和记忆界面，提高用户对产品品牌的认知和忠诚度。

浅述界面设计中的设计风格——扁平化设计和拟物化设计

简洁，可以使用字体来创建设计者所期望的风格。
３、色彩：扁平化设计中，配色是最重要的一环，扁平化设计所采用的色彩模式与其他的调色板相比倾向于更加醒目、更加明亮。同时，扁平化设计中的配色还意味着更多的色调。４、简化的交互设计：设计师要尽量简化设计方案，避免不
的用户体验。
不断追求的标准。能够始终以一种文雅而易于理解的方式传
达信息，并且向用户展现我们真正希望他们看到的东西，是保
持交互设计内在的和谐的不二法则。
３、顺应的情感认知：越来越多的产品设计开始追求某个单一的用户渴求，既凌驾于用户需求之上的一种情感追求，但很多时候追求的单一性，往往会失掉了产品最基本的用户感知和认可。顺应用户的情感认知，才能调动用户的情感。
２、字体：从精美装饰性的字体，到简洁的非衬线字体，漂
亮的字体是优秀的扁平设计的关键组成之一。由于界面更加
二、扁平化与拟物化的区别
扁平化设计给人的感觉是简洁、明了，让看久了拟物化设计的用户有了焕然一新的感觉，扁平化设计更突出主要内容，减弱简便、高光等拟真效果对用户视觉感Байду номын сангаас 的干扰，让用户更加专注于内容本身，从用户体验上来说也更为简单易用。
必要的元素出现在设计中。简化界面的同时，更重要的是做到
认知和学习成本低是拟物化设计的一大优点，拟物化设计展示了识别和熟悉的好处，其引入用户在现实世界中使用使用上的简洁方便。五、形式服务于功能的熟悉的对象作为用户界面控制的元素，能让用户很容易地

UI设计中的扁平化与拟物化视觉传达解析

UI设计中的扁平化与拟物化视觉传达解析在UI设计中，视觉传达是非常重要的一个部分。

其中，扁平化和拟物化是两种常见的设计风格。

扁平化倾向于简化元素，使其具有现代感和简洁感；而拟物化则更加强调真实感和立体感。

下面将对这两种设计风格的视觉传达做一个简要的解析。

一、扁平化的视觉传达1.简洁、清爽：扁平化设计风格最大的特点就是它的简洁、清爽，采用平面化的形式，不过分强调真实感，摒弃多余的装饰和视觉元素，从而让用户更加集中于产品的核心内容。

2.使用明亮、清新的颜色：扁平化设计通常采用鲜明、明亮的颜色，这种颜色可以给人带来愉悦感、清新感、轻松感。

采用粉色、橙色等颜色，可以让页面更加活泼生动。

3.不同的颜色可以传达不同的信息：扁平化设计风格中，不同的颜色往往代表着不同的意义和信息，例如：红色常表示警告、注明、删除，绿色则常表示成功、确认等。

4.简单的图标、图形：扁平化的设计风格中，使用简洁、线条简单的图标和图形，使得用户能够更好地理解界面上的功能和含义，同时也能更加快捷的查找和使用。

5. 极简主义：扁平化设计中，极简的概念十分重要。

极简主义通过在细节上删减、降低复杂度来实现简洁、明快的效果。

简而不减是扁平化风格设计的核心特点。

1. 追求真实的感觉：拟物化的设计风格追求真实感，以仿照物理世界中的物体为创意灵感。

它的目标旨在让用户感到可接受性和易用性更具可信度。

2. 展现立体感：拟物化的设计风格更强调空间的概念，力求展现出物品的质感和立体感，让设计感更加强烈明显，这是关键的视觉传达手段。

3. 描述权重，强调重点：拟物化的设计风格通过阴影、纹理等形式来描述权重大小，并且通过放大、扁平化等手段来强调重点，这些都是传达设计理念的关键点。

4. 色彩更加真实：拟物化风格的UI设计在使用颜色时，更强调真实感，不局限于亮堂色的鲜艳和颜色组合。

它把色彩组合的目标从视觉传达提升到更加丰富的表现层面上。

总结：扁平风和拟物风都有各自的独立特色。

扁平化拟物化设计的概念

扁平化拟物化设计的概念扁平化和拟物化是现代设计中广泛使用的两种设计风格，它们都有各自的特点和优劣势。

扁平化设计风格（Flat design）源于微软公司2010年发布的Windows Phone界面设计，其核心理念就是去除多余的阴影、纹理、渐变和3D效果，简化元素的设计，突出内容的重要性。

扁平化设计通常使用简洁明快的颜色，大块的简单图像和明显的排版来传达信息。

这种设计风格的优点是视觉干净简洁，易理解，易于执行和移植。

扁平化设计适用于大一般性的设计项目，如企业标识、图标、网页设计等。

拟物化设计风格（Skeuomorphism）是将自然或真实世界的物体或贴图应用于图形设计中，目的是让用户还原真实环境中的体验感觉。

例如，当你切换到iBooks阅读器的书架视图时，你会看到一个木纹框架放在一个虚构的书架上，这种视觉效果是拟物化设计风格的一个典型示例。

该设计风格的优点是可视化效果逼真，具有更高的现实感，更加有吸引力和压倒性的交互体验。

拟物化设计适用于更具体和具有情感色彩的设计项目，如游戏设计、音乐播放器等。

虽然扁平化和拟物化是两种截然不同的设计风格，但是设计师们也可以将它们两者相结合，形成新的设计风格，这也是扁平化拟物化设计的概念。

扁平化拟物化设计（Flat-skeuomorphic design）是一种将扁平化和拟物化两种设计风格融合在一起的新形式。

这种设计风格将传统的视觉元素和现代的风格进行了适度的融合，以达到更好的视觉效果和更好的用户体验。

它的核心思想是保持熟悉的外观和感觉，同时通过去除多余的阴影和渐变、简化图标等方式来简化和现代化一些元素。

例如，当你用iOS7以上的系统打开Safari浏览器时，你会看到地址栏消失了，替换成了一个简单的文本按钮，这就是扁平化拟物化设计的一个示范。

扁平化拟物化设计的优势在于，它结合了扁平化和拟物化的优点，既有清晰简洁的界面，又有真实世界的体验感受。

这种设计风格对于各种类型的设计项目都适用，可以用于企业标识、游戏设计、音乐播放器、APP界面等。

扁平化设计 vs 拟物化设计

拟物化设计vs. 扁平化设计拟物化设计，其视觉美感无与伦比，给人一种带入感，当可视化对象和操作按照现实世界中的对象与操作仿造，用户就能快速领会如何使用它。

它将实物的一些特性加入到设计中，即使这些特性并不具有任何功能性的需求。

拟物化设计方式，有时会降低用户体验。

采用拟物化设计，都会试图模仿一个现实物品的外观与功能，也在一定程度上放弃了数字媒介的独特优势，使模拟行为束缚了能力的发挥。

而且，两者的工作方式不同，当用户按操作实物的方式去操作应用并得不到应有的反馈时，疑惑就产生了。

这会直接影响产品的用户体验，出现所谓的“恐怖谷”现象（uncanny valley：1970年由日本机器人专家森昌弘提出，当机器人与人类相像超过95%的时候，哪怕她与人类有一点点的差别，都会显得非常显眼刺目，让整个机器人显得非常僵硬恐怖，让人有面对行尸走肉的感觉）。

当你从参照物身上汲取设计元素时，同时也不可避免地把参照物本身的局限性带到产品中，即使这些限制已经没有存在的理由了。

对于一个采用拟物化设计的产品来说，如果做得足够好，产品在视觉上将于真实世界的物品产生强烈的共鸣。

但同时，拟物化设计的优势也是其劣势：共鸣越是强烈，越像真实的物品，它所带来的局限性也就越发明显，这也阻碍了产品的改进与革新。

尽管拟物化设计存在着一些问题，我们仍需要以人的方式与设备进行交互。

设计风格只是工具，最终的目标才是关键。

扁平化设计，体现了视觉极简主义，避开纹理与光影效果，而是采用简单的图形与色彩。

首先，拟物化设计被滥用顶多只会关乎应用界面是否美观，但是如果使用扁平化设计时出现偏差，那将直接影响应用的可用性。

界面中的每个元素都被置于同一水平面，用户在使用时将不可避免地产生疑惑：这是一个按钮吗？不论选择哪种设计风格，都应取决于实际功能。

扁平化风格本质上只是设计美学当中的一种，与仿古、高光、金属质感、木质等视觉效果相同，对视觉风格的选择必须以良好的信息架构及交互模式为基础。

UI设计中的扁平化与拟物化视觉传达解析

UI设计中的扁平化与拟物化视觉传达解析UI设计中，扁平化与拟物化是两种视觉传达方式，它们分别强调了不同的设计理念和风格。

下面将从不同的层面对它们进行详细的解析。

一、基础概念扁平化（Flat Design）是一种简化的设计风格，常见于UI设计、网页设计、字体设计等领域。

扁平化设计取消了过多的阴影、渐变、纹理等视觉元素，使设计更加简洁、直观和干净。

扁平化设计还注重排版、色彩和图标的传达效果，使得设计更具立体感和时尚感。

拟物化（Skeuomorphism）则是一种模拟真实物品的设计风格。

这种风格的设计更贴近真实，视觉元素更多，常模拟棕树纹、水波纹、翘边等真实效果。

拟物化常被应用于游戏设计、手机APP设计等领域，让用户更容易理解和操作。

二、颜色运用扁平化设计注重色彩的表达和搭配，色块化特点更加鲜明。

扁平化设计强调颜色的简洁、明快和个性化，更注重颜色的鲜艳感和娱乐性。

通常采用大胆的颜色、饱和度高的彩色、单色或多色的配色方案。

拟物化设计则更加注重颜色的逼真和真实感。

通常注重用色和光源的运用，模拟出物品的立体感和表面细节。

所用颜色与真实物品的颜色比较吻合，使得用户能够更容易地理解、记忆和使用。

三、设计元素扁平化设计最大的特点就是“扁平”，即任何视觉元素都不能有立体感。

扁平化设计中，将字体、图标、按钮、线条等简化，并采用简洁的线条、平面图形、色块和基础图形，避免繁琐和冗余的设计，为用户创造简便清新的视觉效果。

拟物化设计中，则注重像真实物品一样进行设计。

在设计过程中，可以采用纹理、光影等技术来创造物品的真实感和立体感。

因此，在拟物化设计中，可以看到各种模拟纹理贴图、模拟阴影、渐变等元素。

四、用户体验扁平化设计注重用户体验的简单、快速、直观和个性化，提供更加人性化和自由化的交互方式。

扁平化设计强调在保持简约风格的同时，提供必要的视觉反馈，使得设计更加清晰、易懂、快速操作。

拟物化设计则注重模拟真实体验，尽可能地减少用户的学习成本和阻碍，极力模拟真实生活中的交互方式，使得用户感到亲切、生动、舒适。

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

如上图所示，直观来说，拟物化就是更加接近于真实的实物，而扁平化则是简化真实的物体，进行平面化的表现。

更具体点来说，拟物设计就是追求模拟现实物品的造型和质感，通过叠加高光、纹理、材质、阴影等各种效果对实物进行再现（也可适当程度变形和夸张）；扁平化设计就是摒弃以上对效果（尤其是高光、阴影等能造成透视感的效果）的追求，转而通过抽象、简化、符号化的设计元素来表现。

拟物化更注重以假乱真，比如在移动端，书就做成书的样子，书架就做成书架的外观。

扁平化更注重视觉想象与搭配，看官可以想想最近很火的“疯狂猜图”，就用一个平面中的几个色彩或者形状，联系出是什么。

而扁平化设计不仅仅是图标设计，其还需要包含如下几个方面：1、拒绝特效2、界面元素3.、优化排版4、如何配色5、最简方案扁平化设计不该只是UI界面层次上的，还包括内容展现方式，所以拟物化设计被滥用顶多只会关乎应用界面是否美观，但是如果使用扁平化设计时出现偏差，那将直接影响应用的可用性，不论选择哪种应用设计风格，都应取决于实际功能。

一些高端设计师经常提及沉浸式浏览，认为这才是扁平化设计的核心所在，因为其更专注于内容层面上的体验。

iOS7与扁平化&拟物化这里又回到开篇提到的iOS7系统，也许有的看官会问，Apple公司在坚持了多年的拟物化设计风格之后，曾经作为该风格的引领者和受益者，为何会突然转向，热情地拥抱起扁平化设计来了呢？难道是因为我们视觉疲劳了吗？（iPhone4S以来苹果大会上就一直没有太让人眼前一亮的东西，iPhone 5销量下降，股价下跌，面对大屏幕手机和各种竞争对手，苹果鸭梨山大？）小编也难窥得其中奥秘，也许只有iOS7的设计总监才能给出真正的解释吧，而拟物设计在直观感觉上很有质感，Apple有相当多的用户正是被其虚拟的现实场景所吸引，更换设计风格难免会造成现在的各种吐槽的情况。

虽然Apple吸引用户不仅仅是靠UI，设计风格的变化也许也会造成部分用户的流失，但是也有观点认为iOS7的新设计是为了吸引年轻人，比如其中的糖果色和透明设计。