移动APP设计风格分析—扁平化、极简风、metro

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

史蒂芬说：自从2011年window开始扁平化，到2013年IOS7开始扁平化，就突然变成了设计

潮流。我们来对比下扁平化和拟物化设计的优缺点。

什么是扁平化

摒弃高光、阴影等能造成透视感的效果，通过抽象、简化、符号化的设计元素来表现。界面上极简

抽象、矩形色块、大字体、光滑、现代感十足，让你去意会这是个什么东西。其交互核心在于功能

本身的使用，所以去掉了冗余的界面和交互。扁平化设计的优点

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

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

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

扁平化设计的缺点

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

那为什么扁平化设计能战胜拟物化设计呢？看看以下这张图你就明白了。

什么是拟物化

模拟现实物品的造型和质感，通过叠加高光、纹理、材质、阴影等效果对实物进行再现，也可适当

程度变形和夸张，界面模拟真实物体，拟物设计会让你第一眼就认出这是个什么东西。交互方式也

模拟现实生活的交互方式。

拟物化计的优点

1. 认知和学习成本低：外婆级的人也能看懂iOS里面几乎所有原生应用的图标。

2. 各种按钮的视觉质感和按下去之后的交互效果，养成用户对这类“东西”的统一认知和使用习惯。

3. 人性化的体贴：我相信有很多同学都非常喜欢ibooks的体验，用它来阅读确实是一种享受。

拟物化设计的缺点

大多数拟物化界面并没有实现功能化，只是花费大量时间在视觉的阴影和质感效果。

为何扁平化能够逆袭拟物化呢，主要原因有以下三点：

1.开发更加简单

数码设备普及度不高的时代，拟物化是有效果的，尤其对于孩子和老人来说拟物化设计更直观有趣。但是随着数码科技的发展，拟物化的好处会越来越少，随之带来的是开发成本增加。

第 1 页 / 共 5 页 ui设计现在众多设计中的主要类型之一，随着人们对ui设计的要求越来越高，ui设计也有了很多新的变化，比如扁平化ui设计就区别于拟物化ui设计的一种新的设计。就让为家介绍扁平化ui设计和拟物化ui设计的区别，扁平化ui设计的8个技巧。

扁平化ui设计和拟物化ui设计的区别

1、概念

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

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

2、特

拟物化设计的特，界面模拟真实物体的材质、质感、细节、光亮等；人机交互也拟物化，模拟现实中的交互。拟物设计的会让你认出这个什么东西。

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

3、优

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

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

扁平化ui设计

4、缺

拟物化本身就个约束，会限制功能本身的设计。

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

扁平化ui设计的8个技巧 第 3 页 / 共 5 页 1、关于高光、渐变和投影

网上所说扁平化风的三要素：去高光、去渐变、去阴影。这么说有了，小编认为应该去掉过渡式高光、过渡式渐变、过渡式阴影。在这篇文章里，扁平化高光、阶梯式渐变以及所谓的长投影允许的。

- 1 - 扁平化设计名词解释

扁平化设计，也称作Flat Design，是一种新兴的网页设计风格，它试图把复杂的用户界面设计（UI）变得简单、友好和有吸引力。换言之，扁平化设计是一种把流行的用户界面细节（如2D图形、图标、图像、按钮）拆分成极简元素，使其不显繁琐和复杂，更加美观大方的设计风格。

扁平化设计的历史可以追溯到19世纪，当时Paul Rand已经开始采用扁平化设计。从左小右大的排列和色彩等基本元素为基础，Paul Rand使用精简、简洁的手段来传达品牌的内涵，从而让扁平化设计成为当时最流行的设计风格之一。

随后，Tom Geismar也曾使用扁平化设计，制作出一些充满活力的作品，为众多公司和品牌树立起了新的标准。他运用了简洁的线条、图形和文字，把用户界面设计拆分成精致的元素，并以更鲜明的颜色来突出视觉效果。这些设计作品以其简洁时尚的外观而著称，受到了当时客户的欢迎。

随着近些年移动设备快速崛起，以及移动应用的出现，扁平化设计又成为了现今最受欢迎的设计模式之一。与传统的3D设计风格相比，它简洁的界面风格受到了广泛的欢迎，因为它能够更好地被移动设备识别，更容易被用户接受和理解。

此外，扁平化设计的另一个重要优点是它能够有效提高页面的加载速度，从而使网站的浏览体验更加顺畅，也更加利于移动设备的使用。相比于繁琐的3D设计，扁平化设计要轻松得多，元素及其排列 - 2 - 方式与诸多分辨率等因素几乎不受影响，从而节省了开发者的时间和精力。

总的来说，扁平化设计是一种无与伦比的设计风格，它以简洁的外观和优质的用户体验，为当今网页设计带来了新的风采。它不仅能够极大地提升用户体验，同时也能够有效提高网站的加载速度，从而使网站在视觉上更加优美、简洁大方。随着当今网页设计的发展，越来越多品牌和网络平台开始采用扁平化设计，以提升用户实际体验。

移动终端应用UI设计与用户体验研究

随着智能手机的普及，移动终端的应用程序也越来越多，应用程序的UI设计成为影响用户体验的重要因素。UI设计是指用户界面设计，在移动终端应用中，主要是指应用软件的图标、按钮、文本框、滑动条、下拉菜单、标签等界面元素及其排版布局、颜色、字体等设计。应用的UI设计决定了用户使用应用的方便程度和用户的使用体验，是应用程序设计的重要组成部分。

一、 移动终端应用UI设计的基本原则

移动应用程序的UI设计需要遵循以下基本原则：

1.用户友好性：UI设计应该符合用户使用习惯和心理需求，考虑用户使用行为和思维模式，以提高用户的使用体验和满意度。

2.一致性：UI设计应该保持界面元素的一致性，颜色、字体、排版布局应该尽量保持一致，用户即使换了一个应用程序也能够很快地适应。

3.简洁性：UI设计应该尽量简洁明了，不应该过于繁杂，排版布局尽量合理，功能和内容要尽量精简。中国古人说得好，少即是多。

4.可读性：UI设计需要考虑准确显示信息和字体的易读性。尽量采用清晰简洁的字体，排版布局要合理，界面元素的大小、颜色、字体应该符合人眼视觉舒适度。

5.美观性：UI设计需要符合美学要求，色彩搭配、图标设计要美观大方，实用和美观的UI设计可以提高用户的体验感和品牌形象。

二、 移动终端应用UI设计的具体实践

1.输入框设计：输入框一定要有清晰的提示信息，界面元素的排列要直观，输入框的大小、颜色、字体要符合用户的阅读习惯，方便用户输入。 2.按钮设计：按钮的大小、颜色、字体等需要符合用户的视觉要求。按钮的位置和样式需要符合用户的使用习惯，方便用户使用。

3.用户反馈：设计者应该为用户提供反馈信息，如进度条、加载提示等，以便用户能够看到操作状态和进度。

4.滑动条设计：滑动条的颜色、大小、字体、进度要符合用户的使用习惯和心理需求，以便用户可以清晰地看到滑动条的信息和进度。

5.字体设计：字体的大小、颜色、字型、间距等都需要符合视觉习惯，要具有良好的易读性和美学要求，以便用户可以方便地阅读信息。