网店装修色彩搭配技巧
很多朋友说做设计要对色彩有感觉,我认为做设计不能完全跟着感觉走,配色其实是有技巧和规则的,再有感觉的人不按规则来做设计,也是不可可能设计出好的作品的!在这里,我从工作经验中总结了配色的三部曲,供大家学习。
1.用一种主要色彩
这里是指先选定一种色彩,然后调整透明度或者饱和度,说得通俗些就是将色彩受泼或者加深,产生新的色彩,用于网页,这样的页面看起来色彩统一,有层次感。
用一种色彩,也就是我们要选的第一种颜色,也可以说是我们店铺的主色调之一,在这个颜色的基础上,我们再调出深浅不一的色彩。
如我们的主色调是红色,在页面中配出深浅不一的红色,这种配色方法在所有的设计中都会用到,大家也可以分析任何一家由专业设计师装修的店铺,都会遵循这种配色规则。
如何定出我们的主色调?可以根据我们所卖产品的客户群体来定,也可以根据我们的产品特点来定。如apple的产品看起来总是晶莹剔透的白色,那么,我们的页面就可以和产品色调统一。当然还有其他方法,我们在后面介绍如何选择风格时再详细讲解。
那么,配出同一种色彩的方法是,只要保证色调和饱和度不变,调亮度就可以了。
注意:渐变色切记不要用两个色系的颜色做渐变,如红色到绿色、蓝色到红色等。同—种颜色,不同深浅度的渐变,看起来有质感,不同颜色的渐变,看起来不协调,没有有质感,而且很刺眼。
2.用黄金分割法,选第二种色彩
第二种色彩,也是我们接下来要找的基于第一个主色调的对比色。
什么是对比色?
举个例手,我们在黑板上写黑色的字,你就看不到,但是写白色的字,你就可以看到。黑色和白色就是对比色。
我看到很多朋友做的页面设计,在蓝色底上写黑色的字,或在黄色底上写白色的字,一看就知道不专业,这些都不是对比色,离屏幕远了根本看不清楚,任何一个页面如果没有对比色,这个页面看起来就会很单调,而且没有重点。也可以这么说,你想要哪个地方更突出,就要让哪个位置的对比更鲜明。
很多有经验的设计师在选择对比色时就是凭感觉,如果我们的感觉不好怎么办?那就只有瞎选,标准是只要能看清楚就可以了,然而往往这样选出来的对比色,要么是不够清晰,要么是太刺眼,色调个统一。
那么,如何才能准确找到某个底色的对比色呢?
我这里有一个非常科学的找对比色的方法,那就是取亮度值的黄金分割点。亮度值的范围是0-240,黄金分割点的比例值是0.618,亮度值的黄金分割点就是240 x 0.618=148。
如果底色的亮度值在0-92之间,那么它的对比色的亮度值就是底色的亮度值加上148,只要保证这个亮度值不变,色相和饱和度可以任意调节,当然为了保证色调统一,我们最好还是用问一色相的色彩。
由此我们可以得出一个公式:
y=x+1 4 80<x< 92,色相和饱和度可以任意调节。说明:y代表对比色的亮度值,X是底色亮度值。具体操作步骤如下。
步骤1:将文字颜色设置为和背景色一样。
步骤2:选中文字,在“属性”面板中打开调色板,单击右上角系统颜色选择器小图标,
步骤3:在弹出的“颜色”对话框中,选中亮度值。
鲜明的对比,而且看起来色彩统一,有层次感。
大家再次尝试修改对比色的颜色会发现,只要保证文字颜色的亮度值是196,改变色调和饱和度,这个对比色也会很清晰,
按步骤5的方法,再调几个对比色文字,我们会发现,所有按这种方法找出来的对比色都会很清晰
说明:大多数情况是,对比色与背景色的色调、饱和度统一的搭配,看起来色彩更稳重,色调更统一,而且层次分明。
如果底色的亮度值在148- 240之间,那么它的对比色的亮度值就是底色的亮度值减去要保证这个亮度值不变,色相和饱和度可以任意调节,当然为了保证色调统一,我们最好还是用同一色调的色彩。
由此我们又可以得出一个公式:严:Y=x-148 148< x<240,色相色相和饱和度可以任意调节。
说明:y代表对比色的亮度值,x是底色亮度值。
具体操作方法和第一个公式的操作类似,这里就不再赘述。
这两个公式有漏洞:如果底色的亮度值在92-147之间,加减148都会超出亮度值的范围。那我们建议,不要用亮度值在92-147之间的颜色作为大面积的背景色。
为什么呢?
因为这个亮度区间的颜色看起来很亮,比较刺眼。
如果把这其中任意一个颜色作为大面积的背景色,让人看久了,眼睛会很累,甚至流泪。 有人说我就想要刺激一下买家的眼球!可以,但我们一定要注意这种颜色的面积不要过大,要让浏览者的眼睛可以避开你所设置的这块儿。不然,浏览者可能就 会反感了。如果一定要用这种亮度值的颜色作为背景,那么它可以根据页面的主色调来定,由于这种颜色是偏亮的,如果整个页面的色调偏亮,那么它的对比色可以 选择偏暗一些的颜色;如果整个页面的色调偏暗,那么它的对比色可以选择偏亮一些的颜色。这也是易经里面讲的阴阳结合的道理。 3.同一个色系
简单地说就是用同一种感觉的色彩,例如,淡蓝色、淡黄色、淡绿色:或者土黄色、土灰色、土蓝色。 同一色系的配色要领是,只要保证亮度不变,色相可以任意调节,这样就可以调出同一种感觉的色彩了。 在配色中,还要切记一些误区。 (1)不要将所有颜色都用到,尽量控制在三种色彩以内。 (2)背景和前文的对比要尽量大,绝对不要用花纹繁复的图案作背景,以便突出主要文内容。 网店装修之配色篇,网店装修就是网页设计,做过美工的人会觉得很容易,可苦了一些不会的人,包括我在内,虽然那些软件还是会用的,但为什么就是做不出好看的网页设计呢?(一)网店配色基本概念 (1)白纸黑字是永远的主题,谁都说不出不好来。 (2)网页最常用流行色 蓝色——蓝天白云,沉静整洁的颜色。 绿色——绿白相间,雅致而有生气。 橙色——活泼热烈,标准商业色调。 暗红——宁重、严肃、高贵,需要配黑和灰来压制刺激的红色, (3)颜色的忌讳 忌脏——背景与文字内容对比不强烈,灰暗的背景令人沮丧! 忌纯——艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。 忌跳——再好看的颜色,也不能脱离整体。脱离群众是自取其辱! 忌花——要有一种主色贯穿其中,主色并不时面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。 忌粉——颜色浅固然显的干净,但如果对比过弱,整得苍白无力了,就象病夫一样无可救药。 蓝色忌纯,绿色忌黄,红色忌艳。 (4)几种固定搭配 蓝白橙——蓝为主调。白底,蓝标题栏,橙色按钮或ICON做点缀。 绿白兰——绿为主调。白底,绿标题栏,兰色或橙色按钮或ICON做点缀。 橙白红——橙为主调。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀。 暗红黑——暗红主调。黑或灰底,暗红标题栏,文字内容背景为浅灰色。 (二)网页设计理念 (1)内容决定形式 先把内容充实上,再分区块,再定色调,再处理细节。 (2)先整体,后局部,最后回归到整体。 全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。 (3)功能决定设计方向 看网站的用途,决定设计思路.商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。 (三)如何快速高效的完成设计工作 (1)借鉴成功者的作品。 借鉴的是道念,思想,局部精致的点缀。 在网上搜索同类网站,找几个顺眼的,用一个为基本兰图,把几个优点整合成自己的,这样最高效快捷,而且还出成果,能学到很多东西。 (2)上设计论坛,找参考资料,借鉴前辈的经验.