每天咱们在互联网上看到的网站都是有色彩的,不管是彩色系还是黑、白、灰,色彩构成了网站的全体风格,也为用户带来了不必定的视觉体会。好的色彩彩配关于网站的页面来说是非常重要的,想要做好这一点首要要对色彩有必定的了解。
网页视觉体会主要是由方式(或叫布局)、色彩、图片和文字信息组成,其中色彩主要指的就是色彩的调配和运用。页面规划需求考虑和调配的是页的色彩而不是同片的色彩,所以咱们能够将整个页面当做一个画布,然后对需求的部分进行色彩填充,使其看起来即实用又美观。想要很好的玩转网页规划色彩彩配,咱们首要要对色彩有必定的了解,了解色彩能够从以下两方面下手,一方面是不同色彩的标志意义,另一方面是色彩心理学知识。
互联网风页上的色彩,在HTML下看到的是以色彩英文单词或许十六进制的表示办法(如#000000表示为黑色)。不同的色彩有着不同的意义,网页上的色彩伙伴2也是一种无声的语言,给人各种不同的的感觉和联想。色彩的标志意义是人们在长时间的运用色彩时得到的一种共性的知识,网站页面规划师需求将色彩自己的意义、网站页面和公司的网站建设定位三者结合起来,最终得出适合的网站页面规划方案。
网站页面规划技巧一:找准主题色彩
在解析网站页面规划中色彩彩配的技巧一找准主题色彩前,咱们先来了解一下几款不同色彩整的网页设及相对应的成功事例。
不同色彩的标志意义和相对应的网页规划成功事例。
赤色:热心、奔放、喜悦、血气、年轻;(成功事例:可口可乐、肯德基)
黄色:高贵、赋有、绚烂、生动、温暖、通明;(成功事例:法拉利、麦当劳)
黑色:严肃、夜晚、沉着;(成功事例:Uber Brand Guide)
白色:纯洁、简略、洁净;(成功事例:分形科技)
蓝色:天空、清爽、科技、牢靠、力气;(成功事例:戴尔、大众汽车、IBM)
绿色:植物、生命、生机、健康;(成功事例:星巴克)
灰色:标志镇定、庄重、沉稳;(成功事例:苹果、维基百科、纽约时报等)
紫色:浪漫、富有、智慧、幻想;(成功事例:雅虎)
橙色:标志欢乐、信赖;(成功事例:芬达、亚马逊、火狐)
咱们不难看出,不管是哪种类型的网站,在进行页面规划时最首要要做好主题色彩的选择,并以此种色彩为主色彩向外扩展到同色系的其他色彩。由此可见,网站页面规划中色彩彩配的技巧一为先准主题色彩整。
网站页面规划巧二:遵循网页规划色彩彩配准则
在网页规划色彩彩配中,除了考虑色彩、网站自身具有的特色外还要遵循并表现必定的艺术性和规律性。咱们最在网页规划中常用的几个色彩为蓝色、绿色、橙色,以及暗赤色。
网页规划色彩彩配准则
1、色彩的鲜明性准则:一个网站的色彩鲜明,很容易引人注意,会给阅读者耳目一新的感觉。
2、色彩的共同性准则:要有异乎寻常色彩,网页的用色有必要要有自己共同的风格,这样才干给人阅读者留下深刻的印象。
3、色彩的艺术性准则:网站规划是一种艺术活动,因此有必要遵循艺术规律。依照内容决定方式的准则,在考虑网站自身特色的一起,斗胆进行艺术创新,规划出既符合网站要求,又具有必定艺术特色的网站。
4、色彩彩配的合理性准则:色彩要根据主题来确认,不同的主题选用不同的色彩。例如,用蓝色表现科技型网站的专业,用粉赤色表现女人的柔情等。
ps:网页规划色彩彩配准则及成功事例
1、蓝为主调——蓝色多与白、橙调配。白底,蓝标题栏,橙色按钮或ICON做装点,这样的页面规划给人一种蓝天白云,沉静整洁的感觉。成功事例:戴尔。
2、绿为主调——绿色多与白、兰两色彩配。白底,绿标题栏,兰色或橙色按钮或ICON做装点,绿白相间的页面规划给人典雅而有生气。成功事例:星巴克。
3、橙为主调——橙色多与白、红调配。白底,橙标题栏,暗红或桔赤色按钮或ICON做装点。橙色生动热心,这样的这样的网页规划色彩彩配是标准的商业色彩,多用于商业网站的页面规划。成功事例:亚马逊。
网站页面规划巧三:选对网页色彩彩配办法
能够够为网页合理配色是每个网页规划师必备技能之一,它关于用户对网页的视觉体会起着主导效果。一个网页色彩彩配是否合理直接影响着访问者心情和感受的好坏。好的色彩彩配会给访问者带来很强的视觉冲击力,不恰当的色彩彩配则会让访问者浮躁。
解析:网页色彩彩配办法
1、同种色彩的调配办法
同种色彩彩配的办法是指先选定一种主色,然后再以这款色彩为基础进行通明度和饱和度的调整,通过对色彩进行变淡或加深得到其化新的色彩。
优点:让网页的整个页面看起来色彩一致,且具有层次感。
2.附近色彩彩配办法
附近色彩指的是在色环上相邻的两种不同色彩,如绿色和蓝色、赤色和黄色即互为附近色。
优点:选用附近色彩配的网页能够防止色彩凌乱,容易到达页面和谐一致的效果。
3.比照色彩彩配办法
一般认为,色彩的三原色(红、黄、蓝)是最能表现色彩间的差异的三款色彩。色彩的这种强烈比照效果具有很强的视觉诱惑力,能够起到杰出要点的效果。
优点:在网页规划中通过合理运用比照色,能够使网站特色鲜明、要点杰出。以一种色彩为主色彩,将其相邻比照色作为装点,以起到画蛇添足的效果。
4、冷、暖色色彩彩配办法
冷色彩色彩彩配指的是运用绿色、蓝色及紫色等冷色系色彩进行调配,暖色彩色彩彩配是指运用赤色、橙色、黄色等暖色系色彩的调配。
优点:冷色彩色彩彩配的网页能够为用户营造出安静、清凉和典雅的气氛,冷色色彩与白色彩配一般会取得较好的视觉效果。暖色彩色彩彩配可为网页营造出安稳、和谐和热心的气氛。
5、文字与网页的布景色比照的调配办法
文字内容的色彩与网页的布景色的比照要杰出,底色深,文字的色彩就应浅,这样才干让深色的布景衬托出浅色的内容(文字或图片);反之,底色淡,文字的色彩就要深些,和浅色的布景衬托深色的内容(文字或图片)。