欢迎来到合肥浪讯网络科技有限公司官网
  咨询服务热线:400-099-8848

特性网页规划之色彩调配

发布时间:2019-07-15 文章来源:本站  浏览次数:2408

  有了好的结构和页面规划,而色彩掌握禁绝,则会导致整个规划失败。色彩,是最先也是最耐久地给浏览者以网站形象的要素。色彩和谐的重要性,是你我都明白的。如何做好色彩的调配呢?下面总结了几个色彩有用规划的要点,希望能给咱们带来协助。

确认主体色 
  遵从主从关系,这是最安稳的处理色彩准则。

  其实红、黄、绿、蓝、紫等每一个字都代表一类详细的色彩,也就是色相了,它是指色彩的相貌,是区别色彩种类的名称。在页面上,除白色为布景外大量运用的色彩,就是这个网页的主体色彩。假如在同一个页面内运用了多种色彩,掌握欠好的话,就无法确认哪个是主体色。由于其他的色彩面积不能过大,遵从主从关系。

相近色 
  挑选色彩相近的色彩,十分简单调配。
  解释一下:假定在赤色里边加白,赤色就会越来越亮,明度进步。而加黑,赤色就越来越暗。明度下降。那么色彩的明度就是指任何一种色彩的明暗程度。如下图中,明度随箭头方向逐步进步。

  假定在蓝色里边加了黑、白、灰,或另一种色彩,就会使得蓝色不纯,不再艳丽。那么色彩的纯度就是指彩色系中每个色彩的艳丽程度。
  同色彩系(同色相),明度不同或纯度不同的几种色彩简单调配,比方挑几种深浅不同的绿色来调配,一般页面不会有太大问题;同一页面尽量不要多出4种色彩。超级衔接的色彩调配也是遵从以上的准则。而文字色彩的调配,则要与布景分离。有个小办法:翻开Photoshop 6 看到色彩(Swatches)的控制面板,调入Anpa colors.aco(左图)。假如它们6色为一组的话,每组都是很不错的配色计划,可是都比较高调:)其实假如调配色彩的时分遇到费事,就能够在Photoshop的Swatches面板,调入不同的几种色系,看看它们相邻的色彩,或隔几种色来调配,找适宜你页面的色彩肯定不难。

色彩均衡

  它是比较保险的配色互补准则。多种色彩一起存在的时分不简单掌握好,一定要谐和一致。
  比方利用色彩错视现象,其中的分量错视在有用规划时用处许多。也就是明度高的浅亮色看起来较轻,明度低的深暗色则较重。
  那么在网页规划中,假如运用了较多明度较高的色彩。比方右图中左面是比较浅的色彩或亮的色彩,就能够用黑色,或同色相的深色小面积压一下,点缀一下,使得页面不要太轻,到达色彩分量的平衡。平衡的色彩较符合多数人的色彩心思。根据你的情况,如选用黑色,可能会严厉和严肃,而用同色相的深色,则轻松一些。

黑白灰运用 
  其实黑白灰是宝贝,万不行小看它们。
  假如在用色上遇到费事,能够大面积的加白,灰;小面积加黑来调理其他色彩调配不当。遇到运用纯度很高的色彩,比方纯蓝,纯黄等,这样的调配会很艳丽,视觉感觉比较兴奋。把这样的色彩明度举高或下降,调配上灰、白色,也是调理的办法。

色彩心思与情感 
  挑选合适内容风格的色彩。
  1、色彩有冷暖的感觉。如儿童类站点不要运用冷色系,且色彩要丰富一些。
  2、色彩有柔软和坚固感。同色相,明度高,则有柔软感。明度低,则会有坚固感。女人站点,适量选用柔美的淡粉色或高档灰,而男性类站点,就能够运用棕色,深蓝色。
  3、从色相看,暖色给人的感觉富丽;从明度看,明度高的感觉富丽;从纯度看,纯度高的色彩给人的感觉富丽。由此首饰类站点能够运用典雅的咖啡和金黄色,而香水类站点能够用明度高的嫩绿或浅蓝色。
  4、色彩的联想。首要色相抽象的联想(省略详细的联想):
  赤色:热情。橙色:温暖、欢喜。黄色:光明、快活。绿色:和平、新鲜。蓝色:安定、安静、理智。紫色:优雅、尊贵、严肃、神秘。黑色:恐惧、死亡。白色:纯真、神圣、清净。灰色;谦逊等等。
  如游戏站点,合适黑色,暗色比较神秘。旅游类站点,能够选用草绿调配黄色。政府类站点,能够运用赤色、蓝色。时装类站点,能够挑选高档灰、紫色等,突出典雅氛围。学校类站点也合适绿色。科技类合适深蓝色。新闻类合适深赤色,或黑色,调配高档灰等等。
  5、色彩明度的凹凸与声响的凹凸相关。激烈的色彩如亮黄色、鲜赤色,具有尖利、高亢的音乐感。暗浊色如海蓝色、深灰色等具有低沉淳厚的音乐感。现代音像艺术正是采用了视觉与听觉等多媒体相结合的办法,展示了丰富、新颖的视听效果。
  6、根据色彩的味觉感。绿色、黄绿色是未老练的果实色彩,有酸、涩的味感。橙色、浅黄色、浅棕色、粉赤色使人想到了老练的瓜果色彩而产生甜甜的味感。规划饮食类站点,就能够遵从以上准则。

页面的色彩分配 
  如左图,用二分栏结构,假定已有页面部分为:网页内容(3)、网页标头(1)、导航菜单(5)、侧栏(2)、页脚(4)。
  1、网页内容,是信息存储空间,要求布景要亮,文字要暗,对比度要高。一般是白黑字,假如是黑底,也能够是灰字,能够用很淡的色彩来做,淡到让人能够忽略。
  2、网页标头,是LOGO和首要信息放置的地方。一般要深色。具有较高对比度,以便用户能够十分方便地看到他在该站点的所在位置。标题通常与页面其它部分有不同的“面貌”,它能够运用与网页内容十分不同的字体或色彩组合。也能够采用网页内容的反色。
  3、导航菜单所在区域。把菜单布景色彩设置暗一些,然后依托较高的色彩对比度、比较激烈的图形元素或共同的字体将网页内容和菜单的不同目的准确地区分开。
  4、侧栏,虽然不是所有网页都运用侧栏,它仍不失为显示附加信息的一个有用方法。它应与网页内容清楚地区分开,一起也要易于阅览。
  5、页脚,这一项最不重要,不应该喧宾夺主。能够考虑和侧栏相同的色彩,或稍微压一下深一些的色彩。
  6、在配色上运用一些比较跳动的色彩,用来引导视野。用跳动性的橙色来做导航、按钮,指引视野的去向。

上一条:特性网页规划之页面规划...

下一条:网页经典代码1...