扁平化设计的优势

目前,在市场上的视觉设计中,扁平化的设计的占比在持续上升,这其中究竟藏着有什么样的秘密,今天就来一起探讨一下吧。

首先,研究一样东西,我觉得都要从它的历史开始,因为可以了解它,并且清楚知道它的变化在哪里。

一、扁平化的开始和发展

在很多国内的人的心里,对扁平化的认识估计就是从微软的WINDOWS 8 和 WINDOWS PHONE 等界面开始,而后苹果的产品中也开始使用这样扁平化的视觉设计,由于微软和苹果产品在市场上的占比比较高,因此也一定程度上推动了整个移动端扁平化的设计进程。

二、扁平化的定义

在网络上许多的资料中,例如百度百科、知乎、各大设计网站中的文章对扁平化的描述,大概可以分为两个方向;一个是设计风格的扁平化,另一个是信息层级的扁平化。

1、设计风格的扁平化

一些设计师认为:扁平化设计就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。尤其在手机上,更少的按钮和选项使得界面干净整齐,使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。但是完全没有装饰性也太过于极端,现在比较流行的扁平化还是有一些渐变和阴影的,也就是大家所说的轻拟物化,但轻拟物化更多的还是要归为扁平化风格。

那大家觉得扁平化和拟物是对立的吗?完全不是。扁平化是拟物化发展到一定程度的产物,就像你学习绘画一样,你必先学会一笔一划的把物体的每个细节都描绘出来,经过反复多次的练习,你对物体的结构、形态、动作烂熟于心时,你才能用最简单的线条来表达。

下图是Kellas Campbell的猫作品,寥寥几笔,形神兼备,将猫咪的高贵、慵懒描绘的淋漓尽致.台上一分钟,台下十年功,越是这样简单的线条越能体现作者的功底.

我相信,真正能把扁平化做到创新、优秀的设计师,在拟物化上的表达也是非常纯熟的。深厚的美术功底、对拟物的极致表达,才造就了今天在扁平化上简洁大气。当然,模仿别人的作品出来的扁平化设计、一定是缺少个人灵魂的、千篇一律的,这也是为什么扁平化被人诟病、呼喊拟物不死的原因。

当然,拟物确实不会死,它在扁平化上简洁的活着,只是不是每个设计师都有能力将它表达出来。

2、信息层级的扁平化

但是把扁平化设计单纯理解成为是一种视觉风格的选择,是不够的——不是错,是不够。

信息层级的扁平化代表着用户在第一层级界面只需要看到核心内容区,和最稳固最根本的功能。其他的内容是收起到第二层级第三层级甚至更深的。如果都铺出来的话,恰好是扁平化的反方向了。不做到区分核心层级和其他层级这个点的话,视觉风格再扁平化,内容也是一大锅乱炖,看着心烦意乱找不到该找的操作。

这样的话,风格上的扁平化做的再好,用户体验也是糟糕的。

关于这一点我觉得QQ5.0的改版能说明这个问题。

不知道大家是否还记得QQ4.0版本的界面,当时QQ有4个tab,除了最重要的“消息”和“联系人”保持简单以外,它的”动态“和”设置“页面做的都非常冗杂,尤其是动态页面的“会员中心”、“游戏中心”、“阅读中心”、“应用中心”…真是恨不得把能铺的全铺进去;而令我每次打开APP都会迷茫的是“会员中心”和”气泡、主题、表情“,我内心潜意识的认为这是关于“我”的个性设置,应该在设置里面,所以每次都会设置tab里面找。当时QQ给人的感觉就是臃肿,远没有微信轻盈。这样对应了那就话:如果都铺出来的话,恰好是扁平化的反方向了。(没能找到QQ4.0高质量的图,原谅我的无能,凑合着吧,O(∩_∩)O~~)

而从QQ5.0版本开始,QQ做了非常大的转变,将QQ层级分类为“我的私人空间“和”我的外部世界“,比如会员、钱包、营业厅、个性装扮、收藏、相册等全部收进抽屉栏,就像关上了我的私密空间一样。而最重要的、最常用的放在外层动态里,而比较小众的、个性化的如阅读、动漫、新闻、健康这些收纳入“更多”,页面层级非常清晰。

尽管5.0开始,QQ增加了兴趣部落、同城服务、吃喝玩乐这些重量级延伸服务、但页面给人的感觉却不再臃肿,而是非常轻盈。因此可以得出:用户感知上的轻盈才是真正的扁平化,而不是内容。而感知上的轻盈,是可以用层级来表达和优化的。

三、未来扁平化会持续下去吗?

1、  扁平化更适应信息碎片化的今天

一个小小的屏幕里面蕴含了如此丰富的信息量,这是前所未有的,也带来了人们认知上负担的加重。试想一下,如果华丽的拟物化充斥着界面,你第一时间要面对的不是区分每个APP图标的不同,而是先把背景图片和拟物化进行分层,这一定是糟糕的体验。

我有段时间非常迷恋Android手机上更换主题的功能,很多酷炫、唯美、风格独特的主题深得我心,特别凸显个性。但往往我用不了太久就会厌倦。因为每下载一个新的APP我难以找到它在哪里,还是切换到系统默认得扁平化主题更容易辨识。

2、扁平化在多平台、多屏幕尺寸上有更好的适应性

最重要的一点是,更好的适应性。随着多平台和碎片化的屏幕尺寸碎片化而发展的,创建多个屏幕尺寸和分辨率的拟物化设计既繁琐又费时,设计才朝着更加扁平化的设计,你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约,条理清晰。

而watch的出现更加坚定了扁平化持续的趋势,大家看一个APPwatch的主屏幕就知道了,尽管那么多小图标挤在一起,扁平化还是比较容易辨识的。如果都换成拟物化,我想一定会是一场灾难-闪瞎了眼了。

总结

1.扁平化的创新在不仅在风格上的扁平,也包含理论信息层级的扁平

2.扁平化的设计不是拟物的方向,而是它的一个延伸

3.信息碎片化和多平台、多屏幕尺寸导致了扁平化将会持续发展下去

因此扁平化依旧会是未来发展的趋势,不是什么人们暂时看厌了拟物图个新鲜,也不是什么风格的更迭,而在于只有充分简洁的界面,才能够适应未来的终端碎片化、界面碎片化。

但正如Android手机可更换主题、老罗坚果手机的拟物情怀也有很多人推崇一样,人人喜好不同,风格必定是多元化的,拟物不会死,但只不过不会再是主流。

原文来自:中国ui

时间: 2024-10-13 06:18:54

扁平化设计的优势的相关文章

扁平化设计2.0

时至今日,扁平化已不再是流行一时的设计风潮,而是一种美学风格.扁平化大胆的用色,简洁明快的界面风格一度让大家耳目一新,当它对元素效果抛弃的如此彻底之际,它又将效果捡起来,改装成另一番模样,使得扁平化进化为扁平化2.0. 扁平化设计特质 对于扁平化的定义,依然没有一个固定范式,但概括起来有下面四个特征: 1)没有多余的效果,例如投影.凹凸或渐变等 2)使用简洁风格的元素和图标 3)大胆丰富且明亮的配色风格 4)尽量减少装饰的极简设计 扁平化所追随的细节依然不变,然而这些"规范"开始松懈了

扁平化设计的历史

[摘要]"扁平化设计"是一种设计风格术语,它抛弃任何能使得作品突显3D效果的特性. 如今一提到网站设计,就会不可避免地碰到"扁平化设计"(flat design)这个词.近几年扁平化设计趋势风生水起,也受到很多大公司的青睐. 但扁平化设计来源是哪里?为什么它风靡网站设计?在设计中,我们只有知道一种风格和技术的来源以及它背后的历史,我们在使用这种美学风格时才能更加得心应手.下面让我们追根溯源,了解扁平化设计的前世今生. 究竟什么是扁平化设计 对于没接触过的人来说,&q

扁平化设计

扁平化概念的核心意义是:去除冗余.厚重和繁杂的装饰效果.而具体表现在去掉了多余的透视.纹理.渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来.同时在设计元素上,则强调了抽象.极简和符号化. 例如:Windows.Mac OS.iOS.Android等操作系统的设计已经往“扁平化设计”发展.其设计语言主要有Material Design.Modern UI等. 扁平化的设计,尤其是手机的系统直接体现在:更少的按钮和选项,这样使得UI界面变得更加干净整齐,使用起来格外简洁,

子数涵数·UI设计——扁平化设计

一.基本资料 1.由来 扁平化设计这个概念,是由Google(谷歌)在2008年提出的:它的首个实践者是microsoft(微软),microsoft在2012年发行了win8系统,这个系统的外观主题就是扁平化设计. 2.核心 去除冗余.厚重和繁杂的装饰效果.而具体表现在去掉了多余的透视.纹理.渐变以及能做出3D效果的元素,这样可以让"信息"本身重新作为核心被凸显出来.同时在设计元素上,则强调了抽象.极简和符号化. 3..优劣 优:降低硬件需求,延长待机时间.信息的展示更为简洁,减少了

扁平化设计肿么流行起来的

近两年,苹果.微软等公司把扁平化设计炒的风生水起.人们不禁要问了,扁平化设计是啥?这一概念缘何而来?今天小编就带大家回溯一下扁平化设计简史. 何谓扁平化设计? 简言之,舍弃一切3D元素的设计,阴影.纹理.透视神马的统统不要.这种设计简洁高效.富有现代感. 与之相反的风格叫做复合设计(Rich Design),即使用尽可能多的效果元素(如反射.投影和纹理变化等),给用户带来一种触觉感知.这种设计风格在实际应用或浏览网页时很实用.不过,与拟物化设计(Skeuomorphism)不同之处在于,复合设计

扁平化2.0:扁平化设计以前从未有的6个设计风格

时至今日,扁平化已不再是流行一时的设计风潮,而是一种美学风格.扁平化大胆的用色,简洁明快的界面风格一度让大家耳目一新,当它对元素效果抛弃的如此彻底之际,它又将效果捡起来,改装成另一番模样,使得扁平化进化为扁平化2.0. 扁平化设计特质 对于扁平化的定义,依然没有一个固定范式,但概括起来有下面四个特征: 没有多余的效果,例如投影.凹凸或渐变等 使用简洁风格的元素和图标 大胆丰富且明亮的配色风格 尽量减少装饰的极简设计 扁平化所追随的细节依然不变,然而这些“规范”开始松懈了.随着扁平化进化到2.0时

扁平化设计发展

[PConline 欣赏]现在说起网页.UI设计,都会谈论扁平化设计(Flat Design)这个概念,一些大型公司和组织在网页设计都将风格偏向了它,而iOS 7又推上了一个高峰. 在苹果与微软的青睐与推动下,扁平化设计日益盛行,但是很少有人知道扁平化设计这个概念由何而来?为什么将这个概念用在了网页设计上?对于设计的新概念来说,搞清楚一个风格和一项技术的历史背景很重要,因为在我们觉得是否采用这个新的设计概念的时候,对它来由的了解可以帮助我们做出更明智的决定. 到底什么是扁平化设计? 对于那些从来

扁平化设计的流行配色方案

扁平化设计的流行配色方案 扁平化设计从2012年开始就已经流行起来,我觉得flat design有点类似极简主义设计,同样是追求简洁.简约,不同的是,扁平化设计是一项运用简单效果,或者是刻意进行一个不使用三维效果的设计方案.一个好的扁平化设计必然不可能出现阴影.浮雕和渐变等效果. 扁平化设计看上去非常简单.直观,并且使用方便,所以在手机界面和网页设计中变得越来越受欢迎. 让我们来学习一下,如何进行扁平化设计吧. 什么是扁平化设计?<探讨扁平化设计之美><使用扁平化设计的网页设计欣赏>

扁平化设计:赶一种叫“简约”的时髦

人可以说是一种受感官支配的动物,我们被食物的香味吸引,被悦耳的音乐吸引,更容易吸引我们的是透过视觉看到的东西.因此人也可以说是一种视觉动物,我们很容易通过视觉来判断很多的东西,美丑甚至是善恶.再进一步来说,色彩是抓住我们视觉的核心. 互联网技术发达的今天,我们打开电脑.手机就能看到许多的网站.应用,最先吸引我们的应该不是它们的性能而是色彩.因此对于网站设计来说,界面色彩的设计也是不得马虎的重要环节. 说到设计,扁平化设计应该算是现下的设计热门词,无论是一个网站还是一个应用程序,扁平化和极简的设计