美文网首页闺房设计
UI Color trend 2017/2018

UI Color trend 2017/2018

作者: Nicebook | 来源:发表于2017-04-14 21:55 被阅读722次
原文地址:https://medium.muz.li/@usemuzli

Tips:

阅读完本文,大概需要3分钟。

UI色彩每年都在变,年年都会有微妙的差异性,2016年在UI上的用色还没有那么大胆,但是2017年开始,色彩运用的越来越大胆了,比如新版淘宝,就采用了比较年轻态的渐变色,可以看得出来接下来会有更多的产品会采用丰富饱满的色彩,而色彩的运用呢,也趋于多元化,极简风与大胆扁平渐变色会共存,还有就是界面视觉元素的几何化,点线面的运用呢,会更多~~没毛病。

下面我们就从当下UI色彩的角度,做个归纳总结,这也将代表着2017/2018的色彩趋势哦。

趋势一:冷暖色相渐变

此类在UI中运用的较多,比如新版淘宝就是采用暖色单色相的渐变色,这也是2017-2018年产品界面用色的趋势之一。

趋势二:饱和度较高的纯色

这类用色在品牌、插画等领域用的居多,不过在个人网站或创意设计网站慢慢的也多了起来,对于纯色的运用,比如橙色也居多。这类用色如果把我不好色彩之间的平衡度,很容易适得其反哦。

趋势三:邻近色渐变

这类用色,在UI中用的也居多,特别是banner、插画。使用临近色渐变,会给人很微妙的感觉,使得UI更加的细致,一般采用邻近色渐变,会以一种色彩为主,其他色彩为辅,这样看起来,主次比较分明。可以肯定在2017-2018会有个更多的产品采用这种配色。

趋势四:不同色相的后退色渐变

这种冷色调之间的搭配,也是比较常见的形式,一般在web端用的居多些,比如一些官网,会采用这种偏冷静的配色方案,当然啦,在APP中也场景,主要体现在banner或者一些视觉元素上。

趋势五:单一极简用色

这类用色在web端居多,而且是在国外越来越多,此类用色跟“点线面”的几何形式配合使用,兼职完美搭配,所以此类用色也会用于banner、平面、品牌的等方面。在APP中还是比较少见的形式,有点过于小众化了,不过这也是接下来的趋势。

趋势六:黑白极简风

这类配色,跟上面的很类似,不过灰色调属于中性色,采用极简的形式更有气质。所以现在不少的小众APP均采用单一的灰色调,比如阅读类的APP,这类配色用户在视觉、品牌中也比较多

趋势七:多色相的渐变

渐变用色,前面说到了同色相渐变、邻近色相渐变,多色相渐变在视觉上变现力会更强一些,多色相的配色在web端运用的居多。

趋势八:不同色相、色阶强对比渐变

此类配色在这几类里,是最难掌控的,涉及到的内容居多,色相的掌控、色阶的掌控,我们一般看到的此类配色会带来很强的视觉冲击力,不同色相搭配,同色相的色阶差异很大,所以视觉效果更加的立体、饱满。比如Instagram的icon就是个很好的例子。

相关文章

  • Web design trend 2017/2018

    前几天给大家介绍了下2017年的UI设计趋势《UI Color trend 2017/2018》,这次给大家带来的...

  • UI Color trend 2017/2018

    Tips: 阅读完本文,大概需要3分钟。 UI色彩每年都在变,年年都会有微妙的差异性,2016年在UI上的用色还没...

  • AI Color Trend FAQ

    产品简介 色彩趋势:查看更加专业的色彩流行趋势,激发你的灵感 可能是国内最专业的色彩流行趋势分析 品牌色彩:查看更...

  • Jetpack Compose 基础-Theme

    ui/theme/Theme.kt 主题需要的资源和定义 ui/theme/Color.kt 颜色管理 ui/th...

  • 【Vue3+Vite+TS】6.0 组件四:趋势标记

    必备UI组件 图标选择器将用到的组件:无 组件设计 新建src\components\baseline\trend...

  • 为什么界面设计大多喜欢用蓝色?

    译自:The Most Important Color In UI Design by Nick Babich 你...

  • git配置

    color.ui=autocore.editor=vimpull.rebase=true

  • UI新手指南

    新手适用的UI界面配色方法http://www.xueui.cn/tutorials/ui-color-match...

  • 自定义git

    让Git显示颜色 git config --global color.ui true

  • 2018 Design Trend

    设计应当结合更加丰富的场景重新定义交互,设计工具结合技术将更加智能化,帮助设计师给用户带来更加个性化的体验。 1....

网友评论

本文标题:UI Color trend 2017/2018

本文链接:https://www.haomeiwen.com/subject/wbugattx.html