网页色彩设计方法是什么( 三 )



在色调的使用方面 , 采用高饱和度的色彩 , 如黄色、红色作为网页的主色调 , 能展现活泼、乐观、希望、充满生命力的气氛 , 具有强烈的视觉吸引力;采用具有中、低明度和饱和度的复合色或消色如浅灰、蓝灰、暗绿、枣红等 , 作为网页的主色调 , 既不炫目 , 也不黯淡 , 对眼睛的刺激适中 , 可传达严肃、优雅、稳重、富有内涵的氛围;以粉彩等柔和色调为主色调的网页 , 则可传达明朗、轻松、欢快的气氛 , 如粉红、柠檬黄、天蓝、新绿等 。

2.确定文字、配图的色彩效果

作品内容的表现是通过造型、色彩、构图、文字等多种形式共同完成的 , 内容与形式的统一是色彩协调成功的条件 。不同的内容需要不同的色彩来表现 。

网页以文字信息为主 , 网页文字要有良好的可读性与清晰度 , 除了考虑文字的字体、大小、字距、行距等以外 , 还必须重视文字色彩与背景色彩的配合 。背景与文本的色彩对比要尽量大(一般明度对比为3∶1~5∶1) , 以便突出文字内容 , 但文字色彩不要过于亮丽 , 以免造成过强的视觉刺激 。

对于图形感较强烈的页面 , 首先要将底色与图形色的反差拉开 。如使用一些在色相、明度、饱和度上具有强对比关系的色彩 , 这样既能起到烘托主题图形的作用 , 也可使得页面色彩主次分明 。其次 , 要结合图形的面积情况处理底色和图形色:如果图形大 , 则图形色可以使用主色调;如果图形小 , 则图形色可配置鲜艳的色彩 。

此外 , 还要注意超链接翻转效果 。当前超链接及已访问过的超链接的文本色彩与其他文本的色彩要有差别 , 以利于浏览者进一步链接 。翻转页的色彩也应与超链接页面色彩有所不同 , 这样可以突出已选到的超链接;但已访问的超链接页面色彩与超链接页面色彩 , 可以相同 , 也可以不同 。

3.网页色彩的配置

主调色、辅助色、文字色、底色、图形色都是网页设计中不可缺少的色彩 , 但网页的色彩品种不宜过多 , 否则会过于花哨 , 喧宾夺主 。主调色、辅助色、文字色等不一定要采用不同的色相 , 有时网页色彩简单明了更能突出主题 , 产生舒适的视觉效果 。合理选配网页色彩 , 形成主色调为主小色块为辅、既对比又调和的色彩画面 , 会赋予网页以活力和个性 , 最大限度地吸引网民的视线 。

(1)同种色的配置 。同种色指色相相同而明度、纯度不同的颜色 。网页设计忌用单一色彩以免产生单调的感觉 , 但通过调整色彩的饱和度与透明度也可以使单一色彩产生丰富的变化 。

(2)类似色的配置 。类似色指在色轮上邻近的色组 。采用类似色来设计网页 , 可以使网页避免色彩杂乱 , 易于达到页面的和谐统一 。

(3)对比色的配置 。一是补色配置 , 最强的对比色配置 。如红与绿、黄与紫等 。二是次对比色配置 。合理使用对比色会产生强烈的视觉效果 , 能够使网站特色鲜明、重点突出 。在设计网页色彩时 , 一般以一种颜色为主色调;对比色作为点缀 , 可以起到画龙点睛的作用 。

(4)黑、白色的配置 。黑、白色虽然不如彩色那样张扬、奔放 , 但它含蓄、沉稳、淡雅的色彩特征更符合都市人的气质 , 更能展现浓郁的人文气息与高雅的审美情趣 。黑色是一种特殊的颜色 , 如果使用恰当、设计合理 , 往往产生很强烈的艺术效果 。

推荐阅读