企业及高校合作：010-59833514 ‬咨询电话：400-810-1418 服务与监督电话：400-810-1418转接2
北京
b

北京

g

广州

h

杭州

s

上海

w

武汉

火星网校
课程导航
元宇宙设计
虚幻引擎视效表现大师班 虚幻引擎交互开发工程师班
游戏设计
原画概念设计大师班 游戏UI设计师班 3D模型大师班 游戏动作设计师班 游戏特效大师班 VR视效与交互大师班
剪辑包装
影视剪辑包装广告大师班 影视剪辑大师班
影视后期
影视原画与模型渲染大师班 3D角色动画大师班 影视特效与合成大师班
游戏程序
Unity3D游戏开发工程师班 虚幻引擎交互开发工程师班
U I 设计
AI+UX设计大师班
商业插画
商业插画高级设计师班 艺术设计基础班
IT 学院
WEB前端+全栈工程师班 人工智能+Python开发工程师班
室内设计
室内设计表现大师班 室内高级设计师班 室内高级设计研修班 BIM全科班 VR建筑与室内表现设计师班
当前位置：首页 >教程首页 > U I 设计 > AI+UX设计大师班 >跟上色彩潮流！带你展望2015年的网页设计配色趋势

跟上色彩潮流！带你展望2015年的网页设计配色趋势

发布时间：2018-11-17 19:57:24

前几天分享的2015年春夏流行色人气很高，今天直接放干货，@AnyForWeb_UDC的同学根据2015年的色彩大致趋势走向，结合相关的设计经验，作出了以下网页配色预测分析，来看看有哪些亮点吧。

一、Metro和柔和鲜嫩的色彩

Odam Luiran的网站是Metro风格，这种风格尤其适合一些比较鲜嫩柔和的颜色，扁平化网页设计在2014年中的流行让柔和色彩的用途变得越来越广泛。这样的色彩基调将在2015年得到进一步的延续，马卡龙色系也许会常常出现在网页设计中。


二、偏灰的冷色系粉彩

偏灰的冷色系色彩是一种看起来比较百搭的颜色，但是实际上，要将这类颜色使用的恰如其分却并不是一件容易的事情。这类色彩表现的比较中性，所以搭配任何颜色都不会显得突兀，但也不算出挑，而要让色彩之间真正融合，应该选择清淡的粉彩系透明色，让网页看起来清新脱俗。


三、根据图片搭配背景色

网页设计需要看整体，而不能针对性的看局部。网页中显示的图片往往是表达网站思想和意图的一部分，属于网站元素中比较重要的环节，所以让背景色来适应图片的颜色是情理之中。如下案例所示，蓝色系的图片搭配蓝灰色的背景，整体表现的十分融洽。


四、只有一个重点色

一谈到色彩搭配，常常有人会说一个比较保守的搭配方法：一个区域范围里不能超过三种颜色。这句话并不算完全正确，更深层的含义是，只能有一个重点色。


五、以简单灰作为网页基调

用灰色作为网站的主基调是一种比较保守的做法。灰色属于所有色彩中最简单的颜色之一，所以设计师有充分的理由去选择使用灰色，以此来衬托出网页中内容的可读性，减少用户的阅读干扰。


六、低透明度色彩

透明度低的色彩也很有可能成为2015年网页设计的主要色彩趋势。如今的设计越来越追求用户的交互体验，因此低透明度的色块能让用户更加容易发现并且阅读。


七、用高亮色体现用户交互

一大片高亮色设计一定会造成用户的视觉疲劳，令人很反感，但小部分的高亮色设计却能起到突出重点的作用，既能将内容有效的区分开来，又能保证与整体色调保持一致。


八、不轻易减少亮度中的黑色

下面这个案例中很简单的使用了黑色和橙色。橙色作为很亮眼的一种颜色有时会给人带来一种比较刺眼的感觉，但案例中的橙色却令我们的视觉感觉很舒适。原因在于设计师在原本亮丽的颜色中加入了一些黑色，既能让颜色之间形成对比，又不会显得很招摇。


九、蓝色是网站的“基本款”

蓝色在网页设计中属于不会出错的颜色，当你举棋不定或是在色彩上产生困惑的时候，你可以用蓝色尝试一下，也许能顺利化解你的问题。


十、单色网页

单色网页设计看起来似乎不会存在色彩搭配方面的问题，但这里说的单色网页更应该理解为单色系网页。所以，要打造一个色彩统一的网页，设计师可以以一个基本色调来扩张色相、饱和度和亮度等条件。


色彩在任何一种设计中都起着很重要的作用，相差不多的色彩却能渲染出截然不同的情感效果。因此，好好利用色彩与生俱来的魅力，就能让你的网页设计更特别。

上一篇 紧跟潮流之布局篇！2015年至关重要的四种排版趋势

下一篇 终极指南！超全面的UI动效基本规则总结

返回列表
学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

热门课程

专业讲师指导 快速摆脱技能困惑

相关文章

多种教程 总有一个适合自己

专业问题咨询

你担心的问题，火星帮你解答

火星资讯

链接合作QQ : 1336151628
室内设计 游戏培训 ui设计培训 影视特效培训 插画培训 原画培训 动画培训 平面设计培训 建筑设计 动漫培训 火星问答 web前端培训 技校 学技术 中专 动漫绘画教程 通用培训
关于火星
关于我们 人才合作 建议和意见
内容分类
频道专区 热门标签
火星优势
师资团队 教学模式 课程研发 学员成果 图书出版 资质认证
帮助中心
专业选择 考察学校 学习方式 如何就业 如何退费
联系我们
课程咨询：400-810-1418 人力资源：010-59833585 总机电话：010-59833333 监督电话：400-810-1418转接2 就业部：010-59833202 企业及高校合作：010-59833514 市场合作：010-59833359
©2021, www.hxsd.com 北京火星时代网络技术有限公司 电信与信息服务业务经营许可证070738号 京ICP备09083002号-6  京ICP证061064号  京公网安备11010502025474
获取验证码

×

确定