1. 共生网络
  2. 运营学院
  3. 网站优化
  4. 内容

一直进化的扁平化设计,在2017年这么玩儿

更新时间:2022-03-06 阅读人数:109

 

平面化 VS 拟物化 的战争已经过去好几年了。扁平化设计彻底占据了如今的主流设计趋势。但是,大局已定的扁平化设计,是否已经固化不乱了呢?并非如此。在过去的几年傍边,扁平化设计风悄然地进化,变得越来越多样,也越来越有吸引力。

如今再来重新审视早期的扁平化设计,渐变、暗影和纹理的缺乏,让它在视觉上显得略为单调,而几年的时间沉淀,扁平化设计中开始适时地融入了许多其他的设计元素,丰富了整个扁平化设计的思想,而且创造了不少值得一体的独特扁平化设计分支。岂论你所设计的是APP还是网站,在 2017 年所处的这个时间节点,枝叶繁茂的扁平化设计中,总会有那么几种风味独特的设计风尚,能够让你倾心。

扁平化设计缘起

曾一直被苹果公司所引领的拟物化设计风潮,在 2010 年的时候开始受到扁平化设计的冲击。传神的纹理、多样的渐变和繁复的细节逐渐为人所厌倦,线条简约的2D扁平化设计开始取代“抄现实”的设计手法,一时间,是拟物还是扁平的争论充斥设计和技术圈,并快速蔓延到圈外的普通用户,各执一词,莫衷一是。

随着乔布斯的过世、iOS7 和Android 4. 0 的发布,设计趋势最终还是向着扁平化迈出了关键性的一步。醒目而高饱和度的色彩和形式感更强的排版取代细节和纹理成为抓人眼球的元素。

最初的扁平化设计,对于细节的剥离是非常彻底的,这使得设计师能用的元素大多只剩下色彩和图形,这种局面对于设计师和用户都是困扰,细节的缺失让设计并不足以支撑全部的信息传达,,这种局面下,许多微妙的扁平化分支就诞生了。

一直进化的扁平化设计,在2017年这么玩儿

扁平化设计仍然是近 10 年来最具革命性的视觉设计趋势,而且它还将一直向前推进。

Material Design

想要系统了解扁平化设计的快速发展历程,Material Design 是最值得研究的案例。这一扁平化设计语言是谷歌为其旗下的数字产品的界面所创造的统一的视觉设计语言。

一直进化的扁平化设计,在2017年这么玩儿

Material Design 吸取了扁平化设计最精华的部分,还巧妙地保存了拟物化的隐喻——纸,从而创建出如今所看到的Material Design,其中扁平化的元素被加上了一个微妙的维度,其外化的表示就是微妙的暗影。贴合物理运动规律的动效和微妙的视觉维度令Material Design 仿佛能够跳出界面同用户进行互动,在扁平化的风尚之下,它让数字产品拥有了和现实世界在质感上有了某些相通的地方。

仔细审视 Material Design ,你会发现它许多“拟物”的特征很好地软化了近乎苛刻的早期扁平化设计。

Material Design 有着明确的概念,同时又随着Google 旗下产品的演进而不停地优化和更新。从某种意义上而言,Material Design 是扁平化设计的主要和重要的鞭策者,如果你想第一时刻了解它的变革,你可以跟着Android 的版本更新还适时查看它的调整。

扁平化 2.0

一直进化的扁平化设计,在2017年这么玩儿

扁平化设计在几年的时间沉淀之后逐步成熟,最终在 2015 年被设计师们阶段性地归纳为“扁平化 2.0 ”。

“扁平化2.0 具有更强的易用性,因为它将扁平化设计的主要特征和高度可用的视觉线索结合到了一起,兼顾到设计的美不雅观和功能。同时,扁平化2.0 的高适用性,让它几乎可以和任何概念结合起来使用。和早期的纯粹扁平化设计差别,扁平化 2.0 中融入了不少微妙的渐变和不久不多的纹理,提高了它的整体可用性。”

扁平化 2.0 的说法最早源于设计师 Ryan Allen :“扁平化 2.0 是演变的结果,它并非革命性的改变。扁平化设计和之前疯狂流行的拟物化设计截然差别,而扁平化 2.0 是扁平化设计上的一个分支。如果说扁平化设计是圣诞树的话,那么扁平化 2.0 就是圣诞树上的礼盒与糖果。它并不是浮华的装饰,但是让整个圣诞树充满了趣味和惊喜。”

扁平化 2.0 和 Material Design 一样,打破了早期扁平化设计中的生硬规定,而且通过适度的调整让视觉效果更加吸引人了:

·高亮和强调

·适度的渐变

·同色系下多种色调和色度

·微妙的暗影

·更广泛的配色方案

扁平化 2.0 自己并不存在于UI和图标设计的世界傍边,实际上它已经延伸到视频、摄影和图片傍边。

2017 的扁平化设计

进入 2017 年之后,扁平化设计仍然是主流,在设计手法和细节上,随着时代的发展而演进,越来越成熟和多样。

下面,是属于 2017 年扁平化设计的特征:

扁平化元素

一直进化的扁平化设计,在2017年这么玩儿

热门文章

新站怎么做SEO优化,很多新上线或者刚开始做SEO优化的朋友都会有这样的问题,拿到一个新的网站,看半天也不知道怎么着手,那么,陵小宇今天就给大家说一说,新站怎么做SEO优化。一、完善所有的网站页面标题根据确定好的网站关键词,完善所有页面的TDK,(网站标题、网站描述和网站关键词)。二、检查网站链接并修改1. 网站URL结构检查,网站层级越浅越好,URL地址伪静态

6098

SEO新站排名要多久时间?对于网站优化,网站的搜索排名是大家最关心的问题。一个新站优化需要面临的调整很多,具体多久会有排名与站长的经验,采用的优化策略等诸多因素相关,下面我们就来分析一下,新站SEO优化怎样做,以及要多久?网站构建从网站的开始搭建到网站页面全部搭建完成,我们需要花费的时间包括有,对域名的挑选和注册、主机的租用,如果有一定的

事实上,搜索关键词排名优化一直是有一定市场需求的,很多企业利用这种方法来提高网站排名,或者可以获得更好的产品曝光率,所以利用它来实现产品的实现还是很有效的。知识面上,很多企业也会犹豫搜索关键词排名优化的成本和效果,怕优化资金上浮,也怕投资资金,但没有实际效果。因此,今天我们关注的是共享搜索关键词相关知识点的成本。一、搜索关键词排名

企业的官网一般都是展示型或营销型的网站,以企业品牌营销为主,展示企业的形象与实力。可往往这样的图片多过的文章内容的网站,要怎么做网站的排名优化呢?技巧一:优化标签网站页面优化中各项标签都需要合理应用,页面标签中关键词标签是页面的主要核心关键词,描述标签可以利用一段话描述该页面的意思,尽量做到每个页面都出现不同的描述标签技巧二:优化

很多运营推广人员都会问的一个问题是做seo需要哪些技能呢,其实作为一个seo比起技能更应该的是学会使用更多的seo工具。因为这些工具可以在你优化的过程中提升你工作的效率。同时还可以帮助你分析更多的网站数据,对网站进行优化!今天就和你分享一下:常见的seo工具有哪些?如何利用工具提升网站排名?1、5118seo工具5118可以对网站的各个方面数据进行分析和整理,同

5802

在整站优化行业,大家总是在谈论关键词和如何提高关键词排名,因为这是重中之重。早些时候,我们还解释了关键词挖掘、分类和关键词选择的问题。今天,我们将讨论如何提高关键词排名的一些具体方法:1、通过简化标题提高关键词排名我们知道,当用户搜索关键词或长尾关键词时,搜索引擎将显示较高的匹配程度,当然,一些不特别匹配的关键词也会排名第一,但这是

网站优化排名计划制作需要以下几个方面来做:站内结构优化:合理规划站点结构1、扁平化结构2、辅助导航、面包屑导航、次导航内容页的结构设置最新文章、推荐文章、热门文章、增加相关性、方便自助根据链接抓取更多内容);较快的加载速度;简洁的页面结构;代码优化:Robot.txt、次导航、404页面设置、301重定向、网站地图、图片Alt、title标签、标题、关键词、描述、关键字

现如今移动端流量的增长是非常迅速的。这也让越来越多的企业和公司,渐渐的重视起了移动端用户的流量。就目前的状态而言,做好移动端的排名优化是刻不容缓的。带移动端与pc端相比,优化方式和推广方式有很大的差异。如果用以往pc端的方式来做移动端关键词排名的优化,这样的排名或许很难有较大的提升,那么我们应该如何对待移动端关键词优化的工作呢?1、页面布

免费SEO工具,为什么要用seo工具,因为seo工具可以快速让网站收录以及排名以及检查网站出现的状况,今天给大家分享一款万能免费seo工具多个功能集合。一键建站+内容以及资源采集+伪原创+主动推送给搜索引擎收录+网站详情查询以及各种内容处理等下会以图片的形式给大家展示。大家注意看图。一、h1标签的作用1、引导用户:网站中任何一个标签都有它本身的作用,而H1标

怎样优化网站关键字指数?下面来听听杭州共生网络小编的分享:1、常规优化与自刷率的利弊这是每一位网站管理者和SEOER从业人员最关心的问题。这个指数是关键字的热度表现。假如一个站点指数上

4350

站点优化的目标是希望企业网站在搜索引擎上排名靠前,增加网站曝光,给企业带来在线订单转化。什么因素会影响网站优化排名呢?下面来听听杭州共生网络小编的分享:1.稳定性空间是网站排名的基

4326

无论什么网站优化,总是不那么简单和容易,也会遇到各种问题,点击率就是其中之一,那么网站SEO优化影响点击率的方面是什么?下面来听听杭州共生网络小编的分享:1、页面跳出率对点击效果的影

4309

   网络不计其数的站点,为什么有的综合排名NO.1,有的翻查了几十页也没有找到。这是由于,综合排名靠前的公司使用了各大搜索引擎优化技术手段,它就是指根据合理有效的技术手段

3859

   对每个SEOer来说,网站上的每个关键字都能很好的进入TOP10的搜索引擎,但是在实际操作中,不同的行业,我们需要注意很多细节。一是专业问答。就现在来说,对于百度小程序或者H5

3824

营销性网站所具有的功能是符合SEO原则的,重视这些标签等于在做好网站优化,是每一位推广人员不可忽视的工作。所以什么标签对网站SEO优化是有益的?下面来听听杭州共生网络小编的分享:1.atl标签

3808

网站关键词排名尤为重要,关键词排名优化是指通过各种搜索引擎优化(搜索引擎优化),使您的网站关键词在再搜索引擎的自然排名中排名第一。用户通过搜索引擎搜索世界上最多只有10个关键

3798

很多新手站长做好网站后,最期待的就是网站能被搜索引擎收录,那么网站首页一直没有收录是怎么回事?如何解决?下面来听听杭州共生网络小编的总结分享:1、网站robots文件的错误操作屏蔽了搜索引

3796

为了实现SEO优化关键词的快速排名,我们需要了解SEO优化的原理。只有这样,我们才能在短时间内将大量正确的长尾关键词放在百度下面来听听杭州共生网络小编的分享吧!1、搜索引擎喜欢静态页面,

3784

1.使用网站首页的关键词这一要素是指网站竞争关键字的定位,在网站上线前,你要仔细考虑一下该网站什么字最重要。许多做企业站因为公司的产品多,便把网站设成几个指数大但互不相关的

3779

在网站优化的过程中,关键词也是一个非常重要的关键点,每天都会进行查询的基本工作,但害怕关键词不稳定,那么做SEO优化如何稳定网站关键词的排名?下面来听听杭州共生网络小编的分享:1.网站

3754

最新文章