响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年网页设计 粉绿(汇总5篇)

网页设计 粉绿 第1篇

邻近色对比好理解一些,好比黄色跟橙色可以称为邻近色,草绿和果绿也可称为邻近色。色相环上相邻的二至三色对比,色相距离大约30度左右,为弱对比类型。邻近色相对比效果感觉柔和、和谐、雅致、文静,但也会让人感觉单调、模糊、乏味、无力,所以必须调节明度差来加强效果。

Dotfusion设计公司这个网站整体采用橙色调,里面的一些方格也用到邻近色来协调,但这样邻近色之间也形成了微弱的对比关系。整个界面最大的亮点就是左上角logo的地方,用了一个白色做底色来调和界面,接着用了一个蓝绿色的色块来点缀画面,使得整个色块和橙色形成鲜明的对比,但又和整个橙色界面可以协调的融在一起。

网页设计 粉绿 第2篇

色相对比距离约120度左右,为强对比类型,要比邻近色相对比鲜明、强烈、饱满。丰富,容易使人兴奋激动和造成视觉以及精神的疲劳。如黄绿与红紫色对比等,但是颜色之间协同统一的工作也比较难做。这种对比不容易单调,但一般需要采用多种调和手段来改善对比效果,不然就容易产生杂乱和过分刺激的效果。

Tymbark饮料这个界面采用了红、黄、绿的这三种对比色对比,界面效果清新明快。

网页设计 粉绿 第3篇

纯度指的就是饱和度,柠檬黄的纯度是比较高的,当加入一点红色之后就变成橙色,因而柠檬黄和橙色就形成了纯度上的对比。两种以上色彩组合后,由于纯度不同而形成的色彩对比效果称为纯度对比。它是色彩对比的另一个重要方面,但因其较为隐蔽、内在,故易被忽略。在色彩设计中,纯度对比是决定色调感觉华丽、高雅、古朴、粗俗、含蓄与否的关键。

纯度变化里面也有低中高纯度区分。

ALIVE2013年活动这个网站在整个色系的把握上特别好。整个高纯度的绿底到墨绿色的山脉,都可以体现出纯度的对比。

参考文献

1、百度百科 _OeGveXeZFAXSPU6EWpvpygg9qg17uTARTCbNmi

2、[1] 王平.色彩构成[M].华中科技大学出版社 2008

网页设计 粉绿 第4篇

零度对比其实也分了几块,比如无彩色对比、无彩色与有彩色的对比、同种色相对比和无彩色与同种色相比四种,这块只要理解下无彩色的概念即可。

无彩色对比:如黑与白 、黑与灰、中灰与浅灰,或黑与白与灰、黑与深灰与浅灰等。

无彩色与有彩色的对比:如黑与黄、白与蓝等。

同种色相对:如蓝与浅蓝(蓝+白)色对比,橙与咖啡(橙+灰)或绿与粉绿(绿+白)与墨绿(绿+黑)色等对比。

无彩色与同种色相比:如白与深蓝与浅蓝、黑与桔与咖啡色等对比。

MINI 5-DOOR HATCH这个网页就是采用了无彩色和有彩色的对比,整体画面色彩对比特别明显,容易彰显个性和主题。黑色的底色、白色的字体和灰色logo,无彩色的黑白灰都运用到了。有彩色选用了蓝色,比较明亮,也跟产品的颜色相呼应。在整个画面当中,倘若没有蓝色出现,画面会变得枯燥单调,加入蓝色之后,整个画面鲜活起来了。

网页设计 粉绿 第5篇

在色相环的组成中,相隔 180 度的色彩我们称之为互补色:红与绿互补,黄与紫互补而蓝色与橙色互补。互补色的对比效果强烈、眩目、响亮、极有力,但也需要慎用,因为使用不当易产生幼稚 、原始、粗俗、不安定、不协调等不良感觉。

Orangina这个网站就是巧妙的运用了蓝色和橙色互补色的对比,设计者在颜色的轻重上做了很好的拿捏,整个网站以蓝色为主,橙色为辅,加上适当的白色来削弱橙色的对比,界面显得效果醒目和有冲击力。

如果加大界面橙色部分会变成怎样呢?

以看到,当橙蓝各占一半的时候,这时候的对比是最强烈的,也是最容易让观看的人产生不舒服的感受。当减少橙色的比重,增加蓝色的比重时,这种不舒服感会随之减少,当两者颜色比重差距越大时,你会觉得这个对比效果很明显且不会让你产生不适感。除了更改颜色的比重来让对比色相互统一之外,还可以通过增加一两个颜色来增加界面的协调性,起到过渡统一的作用。Orangina这个网站就增加了白色来协调整个画面,白色的出现虽然只是点缀的作用,但是的确让整个界面更加的协调。

猜你喜欢