UI设计师必备技能 网页中色彩搭配.pdfVIP

千锋教育-中国IT 职业教育领先品牌 UI 设计师必备技能 网页中的色彩搭配 颜色往往是页面传达给受众的第一印象 ，好的配色方案 ，很大程度上决定着 一个网站设计的质量好坏 ，合理地选择合适的色彩搭配 ，契合网站设计目的的同 时 ，可以更确切地传达网站产品要表达的内容和思想。 一、色彩在网页中的作用 近年来 ，无论是个人网站、企业网站还是政府网站 ，内嵌的网页如何在品类 众多的网页中脱颖而出 ，是每一个设计师努力的方向。作为新兴的媒体 ，网页的 作用不言而喻。网页中的色彩是一个网站吸引注意力的主力军 ，我们都清楚不同 的色彩搭配都会产生不同的视觉效果 ，但是具体的情况 ，只有经过认真的分析才 能得出真正的结论来 ，下面我们主要介绍下色彩在网页中的作用 ： (一)主题营造风格 色彩是具有色相 ，明度 ，和纯度的属性不同的色相可以个人不同的心里感受 ， 营造不同的风格氛围。色彩搭配能准确为产品定位并给人视觉美感 ，能得到更高 的精神享受。例如脉动的广告采用的是以蓝色为主的色调 ，营造出清凉、舒爽的 风格;而可口可乐公司则是以红色为主色调 ，营造出热情、奔放的风格特点。 (二)划分布局 优秀的网页往往具有丰富 ，详细的信息内容。条理清晰的内容版块划分有利 于受众轻松阅读站内信息。利用色彩进行页面划分。配合合理的色彩搭配 ，表现 独特的视觉效 ，也使网页具有良好的阅读性 ，利于便捷传递产品信息。 (三)视觉引导 视觉传达中的信息层次往往通过恰当的对不划分。网页设计中我们经常用到 的就是利用不同的色彩就结合不同形式的搭配 ，从而对需要推广的信息进行视觉 千锋教育 千锋教育-中国IT 职业教育领先品牌 强化 ，容易使浏览者印象深刻 ，提高网页的浏览率 ，只有这样 ，在展示网页的时 候 ，才能够成功的吸引更多的浏览者。 二、色彩在网页的搭配原则 网页的色彩搭配是有其规律的 ，正所谓没有规矩不成方圆 ，色彩在网页中的 搭配原则主要通过色彩调和、行业匹配以及情感表达来完成 ，一个网页的完成并 不只是运用单一的色彩来进行设计的 ，必然是通过分析风格特征 ，搭配原则基础 上合理运用色彩情感 ，有效传达产品信息从而得到浏览者的关注。 (一)色彩调和 为了达到合理传达网页信息 ，就需要通过色彩的三要素进行合理配置从而达 到统一 ，谐调的画面效果。色彩调和是相对而言的 ，对比与谐调是其两个基本属 性 ，可以通过同种色调调和 ，类似色调和 ，对比色调和达成色彩色调和的目的。 1.同种色调和 以图 2-1为例 ，网站统一色调 ，运用适度的明度和纯度差异形成对比。图中 我们可以看到 ，我们把色相的明度和纯度稍微的加以改变 ，就会在视觉上产生非 常微妙的韵律美 ，给人一种循序渐进的感觉 ，弥补了同一种色相始终如一的单调 感 ，为了使整个界面不过于单调 ，在其中加入少量的白色字体进行点缀 ，起到画 龙点睛的作用。 千锋教育 千锋教育-中国IT 职业教育领先品牌 图 2-1 2.类似色调和 在色环中 ，靠的最近的颜色称为类似色 ，图2-2就是由一组由黄色、橙色、 橙黄、红色组的网站主页 ，颜色的色相靠的越近 ，就越容易调和 ，而成果也就越 成功。色彩也就更加丰富 ，更加富于变化。 图 2-2 3.对比色调和 对比色是色相最强的对比 ，可以通过四种方式到达调和的目的 ：一是运用无 色彩进行分割;二是提高或者降低对比色的色彩纯度;三是采用调整双方色彩面积 方法 ，使一色占主导地位 ，另一色占次要位置;最后就是在对比色中加入某 一类 颜色达到调和的效果。图 2-3 中的个人网页就采用了对比色通过上半部分高明度 色彩对比下半部 ，仔