色彩搭配

来源:互联网 发布:布艺沙发品牌知乎 编辑:程序博客网 时间:2024/06/02 13:41

网页的色彩在潜移默化间体现网站的主题或理念,每一个手执画笔的前端也许不是色彩设计师,但同样可以为网页设计出搭配的色彩。
1.基础概念

白色表示純潔、乾淨、光明。灰色表示迷糊、憂鬱。黑色表示成熟、權威、黑暗。紅色表示熱情、情感;在中國表示吉利、幸福;在西方則有邪惡、禁止、警告的意思。橙色表示温暖、活潑。黃色表示温和、明亮、也代表金錢。在西方則以黃色為恥辱象征。黃色則有色情的意味。綠色表示環保、自然、和平、在西方有通行的意思。藍色表示天空、海洋、水,象徵冷靜與自由的心態,也有克制節約的意味。在歐美則有色情的意味。紫色表示高貴、優雅、正直。金色表示財富。棕色表示土地,一種沉穩的氣質。

概念:参考维基百科
颜色

2.色彩搭配
此处输入图片的描述
有人说设计师在确定用色前需要考虑:色彩自身特性、外部环境因素以及产品色彩定义三个方面。因此在搭配色彩之前先来看一篇文章:
http://www.ui.cn/detail/182866.html

一个页面的色彩搭配通常由三种颜色构成(不是严格意义上的三种),
选择主色(70%)->
主色决定画面的风格。适用蓝色、黄/橙色、黑/灰/白
选择辅助色(25%)->
辅助色使画面更加完美,丰富。
选择点缀色(5%)
点缀色装饰画面,营造独特的风格。适用亮度或饱和都较高的颜色
选择方法参考:
http://www.25xt.com/allcode/9459.html
http://www.colordic.org/colorscheme/2122

网页当我们浏览一些著名或大型网站的时候会发现其运用最多的是白色、蓝色、黄色等单色,这样会让浏览叶显得清晰、舒适。更重要的事极大地增进浏览者开启网页的速度。所以背景颜色应该柔和、素雅,配上深色的文字之后,看起来自然舒适。

3.推荐网页文字颜色的搭配:http://www.zcool.com.cn/article/ZNTA0MDA=.html

4.色彩搭配工具
看完还是仍然毫无头绪,那就使用配色工具吧
参考 http://www.58pic.com/zhinengpeise/#

4.经典搭配案例:
http://www.uisdc.com/40-stunning-website-designs-with-great-color-schemes
色彩丰富的网站
http://www.colordic.org/

5.欣赏
此处输入图片的描述
此处输入图片的描述
此处输入图片的描述
此处输入图片的描述
此处输入图片的描述

0 0
原创粉丝点击