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

人可以说是一种受感官支配的动物,我们被食物的香味吸引,被悦耳的音乐吸引,更容易吸引我们的是透过视觉看到的东西。因此人也可以说是一种视觉动物,我们很容易通过视觉来判断很多的东西,美丑甚至是善恶。再进一步来说,色彩是抓住我们视觉的核心。

互联网技术发达的今天,我们打开电脑、手机就能看到许多的网站、应用,最先吸引我们的应该不是它们的性能而是色彩。因此对于网站设计来说,界面色彩的设计也是不得马虎的重要环节。

说到设计,扁平化设计应该算是现下的设计热门词,无论是一个网站还是一个应用程序,扁平化和极简的设计已经成为新的趋势。越来越多的网站设计在UI上走扁平化设计的路线, “扁平化设计”已是当下网页设计的流行趋势。扁平化设计中又会用到很多的色彩,但是色彩总的来说是不变的,那怎样才能使用色彩让设计变得各有不同?其实归根结底就是色调与饱和度的匹配。

我们不难发现大多的设计师通常会选择大胆的和鲜亮的来使用,意在第一时间抓住人的眼球。设计师们打开调色板,多数时会选鲜亮的,饱和度高的来用,偶尔也会使用灰色或黑色 。而包括彩虹调色板在内的很多传统配色规则都被抛出窗外。

我们可以从亮色、复古色到单一色来把握一下扁平化设计的色彩方案,当然这不是说扁平化设计就只有这三种方案可选,只是就现在的配色设计来说它们是流行的趋势。

不得否认的是,鲜亮的色彩为扁平化设计创造出一明媚的感觉。因为鲜艳的色彩不管是在亮背景下,还是在暗背景下都能获得很好的对比度,以吸引用户的注意。可以说,这正是它成为扁平化设计色彩趋势的原因。

亮色:可以尝试把这些色彩组合,或混合在一起使用。它们在白色或黑色背景上都有很好表现。

比较流行的有:蓝色,绿色和紫色。

复古色

复古色 也是扁平化设计中一种流行的方案。

复古(vintage)也是现在年轻人争抢着要赶的一种时髦,复古风确实有着一种莫名的吸引力。复古色,这些建立在鲜亮颜色基础上的不饱和色彩,加之白色内容的反差,看起来更柔和。相较于亮色来说显得俏皮中带着沉稳,看起来更有格调。复古色的配色方案往往包含大量的橙色和***,偶尔也有红和蓝。

复古色很常见的是用在主色和辅色上,因为它们给人感觉很舒缓。

复古色:这类色彩适合作为主色元素出现,配以图案或柔和的色彩,效果最佳。

比较流行的有:橙色,桃色,梅子色和深蓝色。

单一色 方案正在被日益普及。它依赖于黑色和白色的单一颜色来创造新的色调。

我们所处的世界纷繁复杂,不管是大人还是小孩子每天可以说都在积累疲惫。上述的两种色彩方案都是基于明亮鲜艳的颜色来配色的,看久了眼睛自然会累。虽然像上文说到的那样,设计师通常都会选择的是大胆鲜亮的颜色来使用,但是今天我要推荐的却是这种单一色的色彩方案。其实,不一定是用特别鲜艳的颜色来设计才能算得上是大胆创新,现在的年轻一代越来越崇尚的是简约的格调,过于鲜艳的颜色不免俗套。

大多单一色彩方案都是一个基本色搭配另外2-3种其他色调。最流行的色调就是蓝色,但也有设计师采用黑色(或灰色)作为基色,用红色代表按钮或动作。另一种做法是利用颜色差异。比如蓝色,你可以添加绿色调进去,来创建一个蓝绿色的方案。

单一色:与其他色调方案一样,通过调节对比度,可以在父颜色基础上得到很多不同的色调。比如原始颜色对比度是100%,你可以看看调成50%,20%和8%后分别是什么样子。

比较流行的有:蓝色,灰色和绿色。

我们来看一个很符合这一调色方案的案例,一个名为OpenCenter的用户中心框架的色彩设计。扁平化设计,用户界面简洁清新。我们由下面的界面图可以看到最主流的不饱和的蓝色和绿色的搭配组合,没有过分鲜艳的颜色使整个画面看起来非常柔和,同时也不会显得特别沉闷。就好像是清晨一起床拉开窗帘就是见到的是和煦的冬日阳光,清新自然。

值得一提的是,OpenCenter这个项目不仅在色彩方面表现得亲切柔和。它是一个开源项目,提供一套介于框架与应用之间的中间产品,它所面向的客户群是PHP语言的开发者。

就现有的资料来看OpenCenter去除了冗余的CMF部分,保留了核心的用户系统,扩展了模块的装卸机制,开发者就只需要专注于业务系统的开发。并且为开发者提供一套无限制的用户中心解决方案来快速构建任何产品。在我看来可以形象得理解为盖房子,地基都打好了,并且这个地基是免费的,我们要做的只需在地基上建造房子即可。

如果在这样一个框架上来开发,不仅是色彩上符合潮流趋势,其功能也注定成为开发者最强大的助力。

结论

让我们的感官承受一个舒适柔和的环境,让我们脑子解放,只用来思考最有价值的问题。OpenCenter应该说很能满足上诉的两个需求,并且很新,且有趣。你可以在项目中体会这一点。一个好的用户中心框架,能够引导开发者开发出更好的产品,这是一件很酷的事情。

来吧,下载 www.OCenter.cn或使用现有的配色方案,开始你的项目吧。

时间: 2024-11-05 02:18:18

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

扁平化设计的历史

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

扁平化设计与配色方案Flat UI

这篇文章将展示很多很酷的范例,甚至还提供了一个免费的用户界面工具包供你下载和使用.但如果是你自己的话,你打算怎么做?给点提示,色彩是扁平化趋势中最重要的一部分. 扁平化设计进修 扁平化设计你可以通俗的理解为:使用简单特效,或者无特效来创建的设计方案,它不包含三维属性.诸如投影.斜面.浮雕.渐变等特效都不要在设计中使用. 扁平化设计给人的感觉通常都很简洁,即使它可以做的很复杂.简单.直接.友好的特性也使得它广受移动界面和时尚网站设计的青睐. 想了解更多扁平化设计趋势,可以看之前的这篇文章.分享一个

扁平化设计

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

扁平化设计的优势

目前,在市场上的视觉设计中,扁平化的设计的占比在持续上升,这其中究竟藏着有什么样的秘密,今天就来一起探讨一下吧. 首先,研究一样东西,我觉得都要从它的历史开始,因为可以了解它,并且清楚知道它的变化在哪里. 一.扁平化的开始和发展 在很多国内的人的心里,对扁平化的认识估计就是从微软的WINDOWS 8 和 WINDOWS PHONE 等界面开始,而后苹果的产品中也开始使用这样扁平化的视觉设计,由于微软和苹果产品在市场上的占比比较高,因此也一定程度上推动了整个移动端扁平化的设计进程. 二.扁平化的定

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

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

扁平化设计美学探讨

“扁平化设计”的使用正逐渐成为网页和UI设计近期的大趋势,同时也是时下的一个热门话题,各种探讨和学习研究纷至沓来.鉴于我本身一直钟情于极简主义,所以扁平化设计中的美学对我极有启发,特别是在近期对QuoteRobot(我在2010年与他人共同完成的一个提案书写应用)进行重新设计时. 在本篇文章中,我将与大家探讨什么是扁平化设计,并审视其他设计师对扁平化设计的看法,然后为大家提供一些能用于自己设计工作的小建议. 什么是扁平化设计? 从实践角度说,扁平化设计就是指不采用近几年流行的渐变.像素完美阴影和

扁平化设计2.0

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

扁平化设计发展

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

子数涵数&#183;UI设计——扁平化设计

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