添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 设计分享 >

UI设计色彩与扁平化设计的应用

时间:2014-11-02      来源:互联网     

        UI设计看似简单的设计结构与为数不多的形状和颜色组成,但是它背后却有深刻的含义,不是随便的颜色和结构就能称得上是UI设计,什么的设计都能算是扁平化,那么,UI设计色彩与扁平化设计是如何应用的呢?

  一、扁平化设计温故知新

UI设计色彩与扁平化设计的应用-【科e互联】

UI设计色彩与扁平化设计的应用-【科e互联】

UI设计色彩与扁平化设计的应用-【科e互联】

 

  扁平化设计技巧,是指使用简单的效果(或省去某些效果)来打造不包含三维属性的设计方案。在扁平化设计项目中,不采用阴影、斜面、浮雕和渐变等效果。

  有的人觉得扁平化设计外观很简单,但其实做起来很复杂。扁平化设计外观简单、直接,让用户一目了然,因此正日渐成为移动端用户界面以及web设计的流行趋势之一。

  有关扁平化设计趋势的更多内容请见Designmodo早先的文章。

  二、制定调色板

  在颜色方面,扁平化设计可以采用各?#25351;?#26679;的颜色,但一般来说设计师倾向于大胆的亮色。

  扁平化设计在颜色方面的另一出众之处,在于设计师能够将调色板从简单的一种两种颜色扩展到三种、四种乃至更多种颜色。其大多数选择都采用了明亮饱满的色调,并有时使用这种色调对称灰色或黑色。

  就颜色和扁平化设计而论,很多有关色彩搭配的传统规则都被设计师抛出了脑外以求让调色板能够拥有更多色彩。

  但是,我们在扁平化设计和颜色选择方面越来越多的看到了色调和饱和度的搭配。虽然设计师可能会选择使用不少的阴影,但同时?#19981;?#23558;不同的阴影对比审查看颜色是否够深、颜色组合属于主要组合还是次要组合、是否来自不同的色调或者颜色中包含的黑白组合是否较多。

  在颜色方面,扁平化设计方案的趋势通常是超高的饱和度、明亮、比较复古或单调。倒并不是说这些是唯一的办法,但随着趋势的演化,这些风格已成为最为流行的风格。

  三、亮色

UI设计色彩与扁平化设计的应用-【科e互联】

UI设计色彩与扁平化设计的应用-【科e互联】

UI设计色彩与扁平化设计的应用-【科e互联】

 

  亮色通常是扁平化设计的标志性特征,因为其能够带来一种很独到的感觉。明亮的色彩在亮色和暗色背景上一般都能够适用,并能够形成对比感同时吸引用户。?#26434;?#25153;平化设计来说,其可谓是最为流行的颜色趋势。

  四、如何着手?

  FlatUICoors.com 上提供了很多扁平化设计流行色调的新手示例。从亮蓝色和绿色到黄色橙色,这些颜色能够完美地呈现出我们眼中的颜色和趋势。这个网站是个绝佳的出发点,你可以在网站上免费选择下载不同的色值。

  Designmodo在其近期发布的Flat UI Free工具包中对这一亮色设计进行了进一步的解读,并使用相同的亮色色调打造了一个很棒且使用简单的界面轮廓包。这一扁平化且风格十足的图标可适用于各种不同的项目,而?#19968;?#25552;供了颜色样本(如果你是色彩搭配新手,那就有福了)。

  亮色扁平化设计的调色板中很少采用严格的主色调,例如纯红色、蓝色和黄色一般很少见,取而代之的是更加丰富的混合色。

  如果你想在扁平化设计方案中搭配自己选择的亮色,请注意一定要保持简单。选择色泽与饱和度相似的颜色。另外我们也为你提供了几个颜色样本以供你入门。

UI设计色彩与扁平化设计的应用-【科e互联】
 

  亮色颜色样本:尝试一下使用上面这些颜色组合或者?#25105;?#28151;搭来打造自己的扁平化调色板。这些颜色在白色或黑色背景上都能达到最大的冲击力。

  流行颜色:蓝色、绿色和紫色

web前端视频教程
标签 UI设计
相关文章
web前端视频教程


最新更新

网页特效

web前端视频教程
切尔西女球迷索菲萝丝
即时比分足球赛比分直播 百年3肖6码资料网站 非凡炸金花最新版本 28全包模式分配 二八杠怎么看生死门 重庆时时实时开奖结果 江西快三计划软件科技有限公司 中国山东时时 冰球突破赢钱技巧 富宝彩论坛 时时彩计划软件手机版 重庆开奖号码查询结果 高博体育 口袋棋牌下载安装 重时时彩三星综合走势 鼎龙娱乐场