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

时至今日,扁平化已不再是流行一时的设计风潮,而是一种美学风格。扁平化大胆的用色,简洁明快的界面风格一度让大家耳目一新,当它对元素效果抛弃的如此彻底之际,它又将效果捡起来,改装成另一番模样,使得扁平化进化为扁平化2.0。

扁平化设计特质

对于扁平化的定义,依然没有一个固定范式,但概括起来有下面四个特征:

  1. 没有多余的效果,例如投影、凹凸或渐变等
  2. 使用简洁风格的元素和图标
  3. 大胆丰富且明亮的配色风格
  4. 尽量减少装饰的极简设计

扁平化所追随的细节依然不变,然而这些“规范”开始松懈了。随着扁平化进化到2.0时代,我们再来看看2016年,有哪些是扁平化设计以前从未有的。

扁平化2.0的全新细节

为了避免纯粹的扁平化设计,一些细微的效果逐渐被运用其中。

扁平化历来被人所诟病的方面即交互不够明显,按钮难以找到等。现在这些问题都可以通过增加一些小小的效果而得以解决。但这些效果的运用也是符合扁平化的简洁美学的。

一、微阴影

微阴影,就是极其微弱的投影,这是一种几乎不被人所立刻察觉的投影,它可以增加元素的深度,使其从背景中脱颖而出,引起用户的注意。但在使用这一效果时候需要注意,要让它保持柔和感和隐蔽性。

利用元素的形状,使其从背景中独立出来。即使元素与背景有着同样的颜色,依然可以通过微阴影加以区分,而视觉上还能保持色调一致的简洁性。

有人这时会提到长阴影,但长阴影通常运用的地方只是在LOGO、图标等元素的内部,它是扁平化的一种设计风格的延伸。

二、幽灵按钮

这不是指一个幽灵形状的按钮。恰恰相反,这类按钮的形状非常简单,仅仅是一个矩形或一个圆角矩形的边框,内部为透明。看上去若有若无,类似于幽灵的出没方式。

也许你已经在很多扁平化设计风格中见过它们了。它们通常会设计得比普通的按钮略大,浮动于大图背景、视频的上方。你可以在饱览整张图片或整个视频的同时也能看到它的存在,为了让它获得聚焦,通常它位于比较显眼的位置,例如屏幕的中间。

幽灵按钮的颜色通常为黑或白,这是因为它需要和周围环境所协调。如果可以,试试别的色彩也未尝不可。例如无色的黑白图片搭配有色的幽灵按钮。

同时,也需要注意,与幽灵按钮搭配的也多半是无衬线的字体,中文也是细黑等类似的字体。这样就让按钮和其字体都在外观上取得一致性。

三、低调渐变

谈到避免极端的扁平主义,渐变的运用就有回暖之势。而新的渐变不同以往,它往往是以更为低调的姿态出现的,比如只用于背景色或氛围色,不再喧兵夺主,并且只在两种颜色之间渐变过渡。下面是双色渐变的实例。

可以看出这一案例中,网页已经让渐变成为了一种设计元素。霸占整个屏幕的图片充满震撼,而让其也参与到过度的渐变中,让图片散发出霓虹灯一样的效果,搭配幽灵按钮,这几乎是信手拈来的绝佳创意。

四、圆形

毫无疑问,扁平化设计就是Google的Material Design的前身,这在Material Design的设计风格中可以看出扁平化的影子,但后者不但继承其简洁的优势,还进一步在用户体验上得以发挥。

最明显的是,除了模拟现实环境里纸质重叠的微投影,那恐怕就要数圆的运用了。扁平化中圆形的元素越来越多,可以说圆形在移动端的优势是特别明显的。由于圆形很好的模拟了手指印,因此一个圆的存在看似就是一个可触的地方。这对于唤起用户的操作发挥了极大的作用。

由于圆形本身的特殊性,使它极易从背景中分离出来,因此将重要的元素设计为圆形也是心机满满。例如下面这家餐厅的网页设计,圆形本身具有一种亲和感,非常契合餐厅这类温馨休闲的品牌氛围。

五、双色搭配

早期的扁平化配色是非常鲜艳大胆的,它可以在高饱和度中挑选六到七种颜色进行搭配。如今,扁平化设计的配色选择虽然仍然朝明亮大胆的方向走,但只局限于有限的颜色选择,双色调配色是目前逐渐流行起来的另一种配色方向。

大家都知道通过配图来强调配色。最初的扁平化的设计,只有十分有限的素材资源,因此色彩的选择相对也有限。近来,扁平化项目包含了大量的影像。由于这一转变,就能从众多明亮或鲜艳的色系中进行选择配色。

六、动态要素

更多的视频和动画特效的运用,使得扁平化更加生动活泼。然而这些让网页看起来更生动的手段,无一独立于整体页面的风格而独立存在。它们依然是简洁的,符合网站整体的审美方向的。

与其把新趋势看作是一种方向,不如将其视为过程。扁平化的未来还需要在此基础上不断发展新的创意。

时间: 2024-10-06 03:36:39

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

扁平化2.0

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

Surfer8.0 汉化注册版 1CD(地质工作者必备的专业成图软件)中文版

ABZ.Design.Flow.Solutions.DesigNet.v4.16 1CD Aspen Economic Evaluation Family v7.3.2-ISO 1DVD Avenza Geographic Imager 4.0 for Phtotoshop CS6 1CD Avenza Mapublisher v9.0 for Phtotoshop CS6 Win64 1CD Bentley Map Enterprise SS3 V8i 08.11.09.91 1CD Data

基于墨刀的视频编辑软件Xedit 1.0原型化系统

该产品基于墨刀设计,运行环境ios,运行平台ipad,以下是设计思路. 共有登陆.注册.视频.主页.播放.个人信息这六模块. 首先是登陆和注册模块,登陆分为账号登陆和访客登陆,账号登陆可以将用户的视频保存到服务器上,而访客登陆只能将视频保存到用户本地.之后进入主页端,这将是我们的工作目录,在这里我们可以新建项目并导入视频,主页的顶部状态栏共有三个按钮,分别是视频,项目和个人信息.视频用于查看已经编辑过的视频,项目用于查看已经建立的项目,个人信息用于查看账号的信息.演示如下. 接下来我新建一个项目

Axure7.0汉化方法

下载汉化包 AxureRP7CN_汉化包.rar 首先退出正在运行中的 Axure (如果您正在使用). 将 汉化包.rar 文件解压, 得到 lang 文件夹,  然后将其复制到 Axure 安装目录.然后重新打开Axure,就OK Axure7.0汉化方法,布布扣,bubuko.com

Androidstudio2.0.0汉化教程及汉化包。

()Eric为大家带来Androidstudio2.0.0的简单汉化教程,许多小伙伴喜欢使用中文版的AS那么没有中文的AS只能靠自己汉化取得更好的体验. 第一步下载AS2.0.0汉化包,我有链接给大家分享下,点击下载 http://pan.baidu.com/s/1o8BDn8Q 如有资源过期现象请联系qq1489259653   我会第一时间为您解决. 第二部打开汉化包,打开zh_CN 打开后这样子,不要关闭窗口. 现在打开AS的安装路径.是这个样子的,打开lib目录. 下拉找到resourc

UPX3.03+UpolyX.5 Shell v1.0 汉化绿色版

软件名称:UPX3.03+UpolyX.5 Shell v1.0 汉化绿色版软件类别:汉化软件运行环境:Windows软件语言:简体中文授权方式:免费版软件大小:635 KB软件等级:整理时间:2012-10-18 08:49:15插件情况:无插件,放心使用! 该软件经过四种杀毒软件检测,结果如下:卡巴检测:安全 瑞星检测:安全 江民检测:安全 麦咖啡检测:安全 下载地址:点击开始下载 软件截图: 软件简介: UPX3.03+UpolyX.5 Shell 非常经典的软件压缩.加壳加密软件,欢迎程

【转】MyEclipse 6.0 汉化

1:汉化:(假设安装路径是:E:/MyEclipse 6.0)首先,运行目录<E:/MyEclipse 6.0/eclipse/>下的“eclipse.exe”应用程序,进入到主界面后,在主菜单栏处依次点:“help”-->“software update”-->“Find And Install”,这时弹出一个界面,要你选择要安装的功能部件,选择第2项(搜索要安装的新功能部件),然后点next,进入下一步.然后选择New Remote Site(新建远程站点),弹出一个对话框,有

企业云化2.0的深度思考与展望

伴随着IT新技术的发展,像虚拟化.云计算和大数据对大家来说已经不再陌生了.在企业里面进行云化实施的时候,各种新技术在优势显现的同时,随之而来的问题也比较多.上了云之后,有时候我们没有感觉到轻松反而更累了.那么问题出现在哪儿?我们的IT是变得简单还是复杂了?我们的思维是否还禁锢在传统的IT模式里面?下面分享下我们在云化过程当中的思考与实践. 一.企业云化演进的阶段分析 云计算从2006年出现到现在已经发展了有10余年的时间,在这期间硬件资源虚拟化及其管理技术获得繁荣发展,推动人们对云的概念和认识不

刚刚汉化了一个app——NoteBox V1.0汉化版---随机阅读笔记的app

NoteBox V1.0汉化版---随机阅读笔记的app大小:950KB软件性质:免费无广告 软件简介:NoteBox 可以创建和编辑笔记.NoteBox 可以随机的展示你的笔记给你阅读.NoteBox 功能作用:-保存心里鸡汤给自己加油打气-保存笔记随机阅读,提高你的记忆力-当你犯选择困难症的时候可以把你需要选择的东西记录下来,随机选择-选择你将要吃什么饭喝什么饮料啦-决定应该看什么电影听什么歌曲啦...和其他任何你所想到的事情都可以随机!如果在使用中遇到错误.有建议.或其他任何东西想法随时与