APP设计风格对比：扁平化、极简、Material Design

今天25学堂跟大家聊聊移动APP的设计风格。主要的APP设计风格大致分为以下三种：

扁平化（Flat Design ）、极简、Material Design（谷歌APP设计风格）

APP设计风格是指APP通过主要的几种颜色搭配、页面布局和界面交互体验等给用户呈现出的整体视觉感受。

 

下面我们就来重点分析下这三种目前主流的APP设计风格的区别。

 

APP设计风格一、扁平化设计   Flat Design

首先，扁平化设计是一个大的范畴。它既包含了极简设计风格和Material Design、微软的metro风格。是相对之前的苹果拟物化设计风格发展至今的。

1、什么是扁平化设计

去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素，这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上，则强调了抽象、极简和符号化。

更少的按钮和选项，这样使得UI界面变得更加干净整齐，使用起来格外简洁，从而带给用户更加良好的操作体验。

 

优点

》   降低移动设备的硬件需求，延长待机时间；

》   可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生；

》   适应如今的越来越多不同的屏幕尺寸，创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计，你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约，条理清晰，最重要的一点是，更好的适应性。

缺点

》   降低用户体验，在非移动设备上令人反感；意思就是比较抽象

》   缺乏直观，需要一定的学习成本和意思的表达不清晰。

》   传达的感情不丰富，不直观。

 

设计技巧分享

》  简单的设计元素

》 强调字体的使用

》 关注色彩

》 简化的交互设计

》 伪扁平化设计

扁平化设计推荐阅读：

1、 APP配色学习：3个扁平化配色方案酷站推荐

2、 如何设计移动APP的扁平化及扁平化设计技巧

3、 APP图标设计教程：扁平化设计风格分析

 

APP设计风格二、极简设计风格

极简在摄影中是一种突出主体取简去繁的摄影手法，在生活中是一种放松的生活态度，在设计中是一种简洁的设计手法。

简约正是极简设计风格的代表产物。极简设计以简单，易用为原则，满足人们生活需要原则简单，易于掌握。

简约正在成为当代人的审美标准，无论是排版还是交互，越简单的设计反而更加吸引人。不仅用户的审美在发生改变，移动APP设计师们也在为此而努力着。

APP的极简设计风格如下：

界面：简洁整齐大方，回归自然，尊重自然规律，依据形态自然体现。明快而富视觉冲击力的个性图形，用色单纯洗练，删繁就简，以少胜多，视觉中心点明确。大面积的留白，使图、文、底主次分明，更具有强烈的视觉冲击力。交互：核心在于以人为本，更加重视用户自然的感受。通过交互来设计出用户希望出现的界面效果。

 

之前介绍的《 爱玩动图和喜欢极简主义风格的APP推荐：挖豆 》和《APP产品秀： 一款手机上制作简历的神器【极简APP】 》

 

 

APP设计风格三、Material Design设计

Material   Design 设计风格是兴起于谷歌安卓系统的5.1以后的。也是谷歌安卓手机操作系统的风格。也是谷歌推出了全新的设计语言Material Design。

Material Design设计代表是卡片化设计风格。

如今Material Design将会慢慢成为全平台设计规范和APP设计风格的趋势。

下面我们看下微博APP的Material Design设计风格。

当然还有国外的一些设计网站的Material Design的设计风格的APP案例。例如：追波网的APP界面设计风格。

现在让我们回顾下Material Design的九大设计原则：

扩展阅读： 最全安卓Material Design的设计原则和设计规范

 

1、材料是个隐喻 

（所谓的“材料”是基于触觉现实，灵感来自于对于纸张和墨水的研究，也加入了想象和魔法的因素。）

2、表面是直观和自然的

（表面和边缘为现实经验提供了视觉线索。使用熟悉的触觉属性，可以直观地感受到使用情景。）

3、维度提供交互

光、表面和运动是展现交换的关键因素。逼真的光影效果显出了各部分分离，划分了空间，指示了哪些部分可以进行操作。

4、适应性设计

底层设计系统包括了交互和空间两部分。每一个设备都能反映出同一底层系统的不同侧面。每一设备的界面都会按照大小和交互进行调整。

5、目录用黑体和图形设计，并带有意图

黑体能突出层次、意义，显现焦点。深思熟虑的色彩选择，层次分明的图像，大范围的铺陈和有意的留白可以创造出浸入感和也能让表达更清晰。

6、颜色、表面和图标都强调动作效果

用户行为就是体验设计的本质。基本动作效果是转折点，他们可以改变整个设计，可以让核心功能变得更加明显，更为用户指明了“路标”。

7、  用户发起变化

操作界面中的变化来自于用户行为。用户触摸操作产生的效果要反应和强化用户的作用。

8、  动画效果要统一

所有动画效果都在统一的环境下显示。即使发生了变形或是重组，对对象的呈现也不能破坏用户体验的连续性。

9、动作富有情感和一致性

动作是有意义的，而且是恰当的，动作有助于集中注意力和保持连续性。

总之，手机APP界面设计的重点无非就是两个：一个是界面视觉设计，一个是考虑界面设计的用户体验。以上就是25学堂跟各位对如今最流行的三种APP设计风格的对比分析。

扁平化、极简、Material Design也是APP设计师目前常用的设计风格。