• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 今年最受欢迎的7种色彩风格,全在这篇总结里!

今年最受欢迎的7种色彩风格,全在这篇总结里!

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含2017设计趋势,经验分享,色彩趋势等相关知识,希望在学习及工作中可以帮助到您

编者按:流行色彩每年都在变,年年都会有微妙的差异性,2016年在UI上的用色还没有那么大胆,但是2017年开始,色彩运用的越来越大胆了。比如新版淘宝,就采用了比较年轻态的渐变色,色彩的运用也趋于多元化,极简风与大胆扁平渐变色会共存,下面我们就来做个小小的归纳总结。

趋势 1:冷暖色相渐变

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

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

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

趋势 3:邻近色渐变

这类用色,在UI中用的也居多。使用邻近色渐变,会给人很微妙的感觉。一般采用邻近色渐变,会以一种色彩为主,其他色彩为辅,这样看起来,主次比较分明。

趋势 4:单一极简用色

这类用色在Web端居多,而且是在国外越来越多,此类用色跟“点线面”的几何形式配合使用,简直完美搭配。

趋势 5:黑白极简风

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

趋势 6:多色相渐变

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

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

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

这类配色的教程:《超人气教程!3分钟教你学会渐变新玩法》


欢迎关注译者微信公众号:设计夹

「2017年值得关注的UI设计趋势」

  1. 8个你需要知道的2017年UI设计流行趋势
  2. 2017年流行的UI风格,可能是你从未听过的「无框界面」
  3. 淘宝刚发布的新版本,可能会引领2017年的UI设计风格
  4. 这五条设计趋势将惊艳整个设计圈
设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。

优设大课堂

您可能想查找下面的文章:

  • 超全面总结!2017年UI设计领域流行过这21个设计趋势
  • 最后一个月,这3个设计趋势是网页设计师的最爱
  • 这10个趋势,是2018年用户体验设计关注的重心
  • 用这5个技巧在网页设计中玩转视差特效
  • 人工智能与设计零基础手册!发展历史和定义+底层设计阐述
  • 秋风渐起,大咖们都跟随这些趋势做网页设计
  • 从建筑到网页,粗野主义风格确实有着它独特的魅力
  • 2017年最后几个月,网页设计师值得注意的趋势
  • 这3个趋势,在接下来的9月会影响更多设计作品
  • 背后的分析!iOS 11的设计理念和3个设计方向总结

相关文章

  • 2017-08-06网页设计必备工具 firefox Web Developer插件 CSS工具组教程
  • 2018-08-23没有人带,设计师该如何自我成长(一)
  • 2018-08-2316个优点告诉你,为什么表单设计应该用这个方法?
  • 2017-08-06web前端网页开发一般过程简单认识
  • 2018-08-23配色高手系列!聊聊“黑色”在电商设计里的常用搭配技巧!
  • 2018-08-23超实用!Apple 官方的图层命名方法之控制器篇
  • 2018-08-23谷歌设计师:如何评价新版 iPhone X 的设计规范?
  • 2018-08-23语音交互智能产品该如何做设计?这篇可能是最全面的总结了!
  • 2018-08-23超全面!为什么越来越多的移动App 使用插画设计?
  • 2018-08-23基础小课堂!从零开始教你做高保真原型图+UI 设计规范

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • UCAN 2017回顾!8分钟看完设计大咖们的尖端干货
    • 表单元素垂直居中完美解决方案
    • 用一个实战案例,帮你学会讲述重设计作品的思路
    • 新手建站入门教程 域名的解析与绑定
    • 如何做好一个搜索体验流程?看这篇超全面的总结!
    • 从上亿人使用的阿里收藏夹迭代过程,总结视觉设计师应该拥有的体验思维
    • 2018 UCAN 大会官方全纪录——人工智能和新零售环境下的设计产业升级
    • 这些小小的改变,能够让UI动效更上一层楼
    • 在成熟的UI设计流程中,视觉稿是绕不开的环节
    • Google对话式交互规范指南(七):开启口语表达的力量

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有