怎样做好网站设计的色彩搭配
信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/12/22
用色彩引导用户注意力
绝大多数网站在布局设计之初,通常就采用简单的黑白灰,白色背景+黑色文字。而色彩在这种情况下会起到强调和高亮的作用,可以引导用户注意按钮、标题和链接。
Takeit的页面设计同样如此,整屏的蓝色背景让白色的网页元素显得非常明显。白色的大标题是视觉重心,然后用户会注意到标题周围的AppStore按钮,LOGO和汉堡菜单。
创造个性
色彩的美好之初,它可以为网站或者品牌定下基调或者营造情感、传达情绪。
用色彩发声
用色彩来发声,做一个属于自己网站的声明,这比起单纯的“吸引用户”来的更加有趣。要吸引用户注意力,色彩足够突出就行,但是更重要的是,这种色彩要足够为你“做声明”。你不能随便挑选一个鲜艳的色彩,这个色彩还要契合你的精神,想要传递的独特情绪。
就以Gaga交响乐的着陆页为例,当你打开网站的时候,鲜亮的粉色会让你眼前一亮。在“交响乐”的主题之下,用户对网站风格的预期是沉稳的色调,但是亮粉色则完全不再低调优雅之列,但是它符合网站中交响乐活力四射、乐趣无穷和创造力十足的特色,所以,此处的亮粉色符合逻辑,也为设计者“发声”了。
增强凝聚力,引导用户流程
色彩同样可以用来引导用户来进行用户流程。就像上方Takeit的案例,色彩会引导用户的眼睛,但是不会采用太过激烈的搭配方式。微妙而富有凝聚力的配色方案会让用户更加舒适,引导效果也更好。色彩彼此衬托营造独特的品牌视觉,也构成用户的视觉路径,吸引他们看下去。
图片中的色彩
借助图片中的色彩来构建配色是非常有趣的用色技巧,UI元素确实不是网页中唯一可设计的色彩。大图背景和高清产品图的流行使得图片色彩成为整个设计中不可忽视的和总要组成,通过合成图片将色彩注入到设计中,也是相当不错的选择。
不是所有网站都要显眼的色彩
并不是所有的网站都需要鲜艳的色彩。依然有许多独特的网站使用经典的黑白灰来作为配色方案,而这些中性色也很好地呈现出了属于它们的情绪。
TomaszWysocki的网站就是这样,优雅而干练的色调是它的基因。简练的布局和独特的品牌定位,使得它无需鲜艳的色彩来呈现CTA按钮和边角的菜单,安静的白与黑就足够了。