网页设计的色彩搭配

发布者:深圳网站建设

来源:www.lonwin.net

时间: 2019-02-27 00:00

传统首屏的没落好处就是看起来很好,非常不同,问题是,是否有足够长的信息去传递他们的兴趣,或者用户会对一个不太直观的网站体验做出积极的回应。这是一个值得注意的趋势,因为他很可能是在进化的早期阶段,设计师准备做一些不同,这是可以理解的。通过尝试是迈向新事物的第一步,到目前为止,在这些概念设计中,设计师可能在一些组合上面做的还不是很好,不够对于这种趋势是值得期待的。

1-1Z22F93202502.jpg

1:彩虹色

当你听到彩虹色的时候,首先想到的可能不是好的设计。因为以前有太多的例子因为使用彩虹色的配色,最终结果坦率的说,是非常灾难的设计。然而今天,彩虹色的配色却不再是灾难,他们优雅,简单,并且只在复杂中恰到好处的使用彩虹色。彩虹配色不仅适合小网站,一些大品牌同样适用。如github的会议中心,Southwest 西南航空公司,London Grammar’s都使用有趣的彩虹配色方案。更有趣的是,每个设计使用不同的方式表现但是使用同样的颜色概念。黑色背景上搭配彩虹渐变字体元素:Github使用一个简洁的黑暗美学背景搭配渐变的文字信息,用户界面元素从关键的信息去吸引用户的眼球(如日期)以及最关键的购票按钮。彩虹渐变简单而微妙,同时传递充满机遇与乐观的情绪,这似乎是鼓励用户购票时正确的选择。Southwest 西南航空公司背景采用的彩虹背景元素,同样字体也使用时渐变填充,渐变符号为网站提供了一个视觉焦点,内容相对来说可能比较枯燥乏味,颜色则赋予文字一定的生命力,帮助用户去点击。London Grammar 背景使用一个巨大的彩虹渐变球体,并且伴随着音乐而像水滴一样不停的移动与变化,从视觉上吸引用户告诉他们与Spotify合作。元素的变化非常有趣,但是颜色却是第一个吸引用户的。

2.传统网站首屏的没落使用大的照片或者是轮播在头部这种设计方式在网站首屏设计中好多年,但是现在很多设计师开始使用更紧凑的滚动结构,更多的元素,更少的构成。结果就是,一个白色或者是深色的标题字体,然后夹杂一些漂浮的元素,大家对于这种趋势贬褒不一。有些视觉效果很有趣,单总体来说,会少了一些协调感。

3.深色的图案动画

这可能是网站设计中最有趣的设计趋势:深色的动画效果通过不同层次的表现,在视觉上面很有趣神秘,另一方面,动画的图案的组合变化,也可以让用户参与到设计中来。另外,他们可以通过不同的方式来运行,不需要去设置尺寸或者是动画的参数。下面的例子都以不同的方式使用深色动画效果。从某种意义上来说,设计者希望用户更多的互动,移动鼠标得到意想不到的效果与惊喜。虽然这些设计看起来很酷,但是他们也会有一些挑战,并不是所有的用户都这种这种暗黑色系的审美。而且在某些环境下面,它可能不太好。但是,设计师想做一些不同的东西来表达时尚或者是一种情绪。这些暗色调的组合,可能没有太多的颜色吸引你,这样的好处就是一些有颜色的东西突出重点,而且黑色图像的层次对比度也是不一样的。

上一篇: 企业站与个人站的区别 下一篇: 网站界面设计与页面布局