2016流行这2种色彩!附优秀网页设计案例
@十萬個為什麽 :潘通为2016年选出的“年度色彩”令人拍案叫绝,融合了蔷薇粉与宁静蓝来构成这组色调。这组柔和的配色很可能会成为接下来一年的配色趋势。正如潘通往年的选择,这些颜色通常都会成为设计、时尚与其他项目的标杆。对于某些设计师而言,柔和色彩可能不太好处理。不过,今天我们来看看,有哪些方法能够在项目中充分运用这些色彩。
蔷薇粉与宁静蓝
自2000年起,潘通就开始推选年度色彩,其中多数都是明亮的色彩——从去年的玛萨拉酒红,到2013年的翡翠绿和2008年的鸢尾蓝。所以今年发布的色彩,某种程度上来说是一种惊喜,因为它包含了两种柔和色彩,共同构成了今年的年度代表色。
下面是潘通对今年所选颜色的定义:
「人们不懈追求正能量与幸福安乐,以缓解现代社会的压力。为此,我们非常需要迎来一款能够给予人们心灵慰藉与安定的色彩。蔷薇粉与宁静蓝相互结合,在温暖的玫瑰色调与清凉宁静的蓝色之间,呈现出一种与生俱来的平衡,象征连接与健康,还有抚慰人心的秩序与平和。
蔷薇粉与宁静蓝的流行组合,对于色彩联想的传统认知是一种挑战。
在时尚圈,世界各地都在经历一场去性别化运动,它也通过色彩的趋势逐一影响了其他设计领域。这种色彩上的归一,恰恰迎合了许多社会现实:性别平等与流动,人们更习惯于将颜色作为一种表达方式,这个时代不必担心千篇一律或是被妄加评判,数字信息的开放交流让我们见识了丰富的色彩运用。」
蔷薇粉
蔷薇粉是一种淡粉色,这种颜色很容易使人联想到小女孩与新生命。
- Pantone: 9281 C
- RGB: 242 R, 221 G, 222 B
- CMYK: 0 C, 14 M, 9 Y, 0 K
- HTML: F2DDDE
宁静蓝
宁静蓝是一种淡蓝色,略微偏向紫色。
- Pantone: 7451 C
- RGB: 137 R, 171 G, 227 B
- CMYK: 46 C, 23 M, 0 Y, 0 K
- HTML: 89ABE3
有了这些颜色样本,你可以将这个色彩概念运用于各种类型的项目。也不必拘泥于它们给人的第一印象(例如这两种颜色都是非常流行的发色)。用上这些颜色、或者它们的变种(在下面的案例中你会看到),玩得开心!
背景底纹
Christmas
Carandache
Labs.convoy.me
潘通今年的代表色可以作为很好的背景。这种色彩组合很容易在自然界找到,如果你拍摄晚霞,就能看到它充满了粉色与蓝色。将它用作一种背景底纹,你可以最大限度地用这种色彩营造出自然的环境。
得益于它们的柔和天性,这两种色彩也能很好地用作背景色,因为色彩融入背景中,不会从前景和图片上夺走注意力。
上面这个Camper的案例演示了蔷薇粉与宁静蓝的运用。注意两种色彩之间的美妙渐变,衬托出了前面的小狗图片。这种色彩营造了一种平和的视觉,与白色的小狗相得益彰,并没有形成干扰。
图片与色彩叠加
Gonebraskacity
Katafarkas
(该网站搭梯子访问)
Loveholidays
使用这些颜色最简单的方法,就是用在主画面中。从照片到插画,蔷薇粉与宁静蓝都可以结合到设计中,不会有生硬的感觉。上图的案例,展示了这种色彩组合能在照片(Nebraska City)或更艺术化的色彩表现(Kata Farkas)中呈现出怎样的华丽。
还有一种方案,可以通过这种色调来创造温暖或清凉的颜色叠加。Holiday Memories的网站熟练运用了粉色调来遮盖整张图片,蓝色的文字与之相称。得益于照片的处理和清凉酷爽的文字颜色,这样的搭配极具魅力。色彩相互协调,营造出阴阳的效果,感觉恰到好处。
强调元素
Totallywaggedout
通常,你考虑将红色作为按钮颜色时,较柔和的色彩或许是正确选择。柔和色彩也能用于按钮的设计,尤其按钮元素或行动号召面积太大的时候。而蓝色按钮,则是一种普遍存在,将颜色改为宁静蓝轻而易举。
还有个很有趣的做法,选定潘通的年度代表色,与它衍生出的梯度色彩相结合,然后用在按钮或其他元素上。
这些颜色能用于文字元素(尤其在深色背景上)或是链接、粗体文字,这取决于整体美感。注意上图的网站中,使用了多种近似的粉色与蓝色元素,包括文字左侧的小爪印。
颜色的变种
Holmmarcher
(该网站搭梯子访问)
虽然你已经迫不及待要在项目中运用这些颜色了,但它或许并不适合所有情况。这时候就更应该使用其变种。可以考虑加入黑色营造更暗沉的美感,或者增加白色创造更柔和的色调。
这正是年度代表色有趣的地方,可以看到这股潮流会将我们引向何方。最终方向完全取决于你。并非要死守着精确的色彩搭配,才算搭上了这趟潮流列车,你也可以实验创造出属于自己的东西。
来自Design Shack Gallery的一组设计灵感
Design Shack Gallery里充满了各种案例——还能通过颜色搜索——可以看到其他人如何处理这些颜色。下面这些项目,可以帮助你思考应该如何运用粉色与蓝色。
Byanise
Appon Calendar
Mel Louie
Melodrama Boutique
FForever
NeatFolio
Dockpop
结论
年度代表色为我们打开一扇未来之窗,让我们见证接下来这一年的潮流趋势。如何将其运用于项目中取决于你,但还要敢于打破常规,以非传统的方式运用这组颜色。(这本就是非传统的年度代表色)。
2016流行这2种色彩!附优秀网页设计案例相关推荐
- html3d互动页面,体验3D互动!30个使用WEBGL技术的优秀网页设计案例
英文:cssdesignaward 出处:设计达人 链接:http://www.shejidaren.com/30-best-webgl-demo-examples.html 网站开发人员通过 Web ...
- 【案例】10个视觉系优秀网页设计让你打破灵感的僵局
设计是一种归于内心世界的创造又是趋于大众喜爱的展现,尤其是优秀网页设计这一块更是如此.往往在这方面的设计上要考虑大多数人的爱好.与用户的交互以及人机对话的逻辑等等,而作为资源整合的操盘手--设计师就会 ...
- 35佳以字体为核心的优秀网页设计作品
在现代网页设计中,字体也常会被当做重要的设计元素融入网页设计之中,以一种新颖的方式传达信息.设计师们发现了不依赖于图片.阴影和背景等元素去设计漂亮网站的新方法,那就是以字体为核心的网页设计,而且效果令 ...
- 优秀网页设计:带给你灵感的联系页面设计
在设计网站的时候,我们需要考虑到各个方面,从页眉到脚,从着陆页(landing page)到关于页(about us page),还有联系页面(contact page)都要考虑.联系页面是网站重要的 ...
- 30个与众不同的国外优秀网站设计案例
当你开始设计网站的时候,脑海中应该有一个丰富的配色方案和字体方案.这个网络竞争激烈的时代,如何吸引用户到你的网站是非常有挑战是一件事.从设计角度来说,精美的有创意的网站能吸引住用户并让用户记住你的网站 ...
- 优秀网页设计:30个优秀的汽车网站设计欣赏
梦想天空和大家分享过各种类型的优秀网页设计,包括餐饮网站,旅游网站,电子商务网站等等.今天这篇文章和大家分享国外30个优秀的汽车网站设计作品欣赏,希望能带给你网站设计灵感. 您可能还喜欢 10套精美的 ...
- 《优秀网页设计速查与赏析》464
%D%A%A<优秀网页设计速查与赏析>摘录%A%A%A一个不懂得欣赏优秀网页作品的设计师可能永远都无法懂得鉴戒的真谛:一个无法将优秀作品的精华融进到现有需求中的设计师可能永远都无法找到真正 ...
- php教育网站设计案例_南广东区优秀网站设计案例集锦第四期
南广东优秀网站设计案例集锦第四期 第一名:吴嘉文 佛山资深设计师 01 个人介绍 亚里士多德曾经说过:"我们每一个人都是由自己一再重复的行为所铸造的.因而优秀不是一种行为,而是一种习惯.&q ...
- 灵感专题—2019年优秀网页设计作品赏析#4月
设计领域时时刻刻在发生着你我意想不到的变化.许多看似熟悉的设计趋势,于不同的设计师而言,经过灵活的创意设计也许就意味着不同的可能性.而这些可能性则来源于设计灵感的持续涌现.及时汲取设计灵感,是设计师们 ...
最新文章
- 从零开始 Mask RCNN 实战:基于 Win10 + Anaconda 的 MaskRCNN 环境搭建
- 什么是ABAP的STATE_READ_ACCESS
- Access-Ctrol-Allow-Headers:*兼容问题导致的跨域失败
- UML之涉众/参与者(角色/执行者)(Actor)/业务主角(BusinessActor)/业务工人(BusinessWorker)/用户/角色辨析【图解】...
- Adobe 2022软件安装错误代码107解决办法
- E72上安装fring使用skypeout拨打电话
- 项目中关于IFRAME引发的问题【出现率很高】
- 简述apache和php工作流程,php工作流程
- 游戏策划试题(1)——摘自牛客网
- 机器学习与算法(13)--分类和回归树(CART)
- lookup无序查找_查找引用之王——Lookup函数实用技巧解读!
- 用知识图谱解读抑郁症——树洞
- 先验分布、后验分布、共轭先验分布
- Qt QPlainTextEdit和QTextEdit区别
- 51单片机 | 外部中断实验
- 微分电路与积分电路分析
- sim卡在苹果手机显示无服务器,iPhone手机没有信号怎么办 手机提示无服务怎么解决...
- 人大金仓(kingbase8)安装与初始化超详细教程
- QT 显示动态GIF
- 看不懂的程序员,蹲墙角反思去!