网站配色实例分析

zxh5566  2017-03-14 19:49   Hits: 

 网页设计的成败,在很大程度上取决于色彩运用的优劣。网页的色彩创作拥有自身的设计规与其他视觉形式有着较大的差异。对平面设计而言,色彩是“静止”的,色彩的分布是根据固定的信息去编排的,创作好后,作品也就完成了。即使是系列平面作品,每幅作品也会具有自己的思量,可以独立思考。
    对网站来说,信息是“流动”的,页面的信息会‘变更”。图片信息较多时,图片中的色彩将主宰整个页面,此时的网页色彩风格必定与插图色彩密不可分。即便创作已经完成了,由于后续信息的更新,可能会对初案风格产生影响。便是稍许的偏差,如果不去调整,也可能会把整套风格打散。
    对平面作品,观众只能是被动地接收信息。而浏览者在查阅网站的同时。和网站之是互动系,网站对浏览者而言是可使用的“东西”,此时色彩就不仅仅是传达某种信息了。更多的时,色彩的作用在于帮助浏览者阅读信息。以Telemig Celular为例,我们具体分析-下网站色彩设计的特点。在分析案例的同时,掌握些必备的色彩设计技巧和思路。
Telemig Celular是个少见的以红色为主色调,并把色彩配置得相当出色的网站。设计师没有运很明显的助色,网站引人注意的颜色除了红色还是红色。Telemig Celular的首页设计有个特殊点,就是导航不在页面最上都,:而是放置在页面最下部。够实现这个设计形式的主要原因Telemig Celular的首页很短,页面上的内容可以全部出现在第一屏内。反过来说,只要保证页面上的信息能够完整地出现在第一屏幕上,那么导航放在页面上的任何位置,:都可以被视为可用性高。。基于浏览者习惯的考虑,可用性最高的位置仍旧是页面顶
 
观察首页上的色彩分布,除了网站标志是红色的,起到了重要的“主色调为红色’的色彩识作用外,页顶的红色粗线不仅确立了页面的宽度,也加深了红色在览者心中的网站形象感网站上的超级链接是红色的,这使得红色的链接文字与灰色的非链接文字错落有致、相互衬插图中的重要信息,如“Camisa Gym”汽“R$39”也是红色的,保持了统一的色彩形象。
 
信息与色彩
 
 页面格局是四列,左边三列与右侧的信息分列有着明显的区别。如果左侧第一一列没有采用红的插图,页面的色彩分布就无法达到平衡,网站像。站的色彩布局风格将被打破。Relen把标志下方的插图重新调整了颜色,使它变为“淡红色”、“棕褐色”“紫红色”、黄绿色”“天蓝色””和“草绿色”。淡红色的色相为红色,保持了原有的视觉效果,;红色占主导位置,页面气氛协调致。“紫红色”的图例让人感觉到了明显的不确定性。这是因为紫红是偏冷的红色,而网站主调的红是大红,属于暖红。冷红与暖红的搭配需要谨慎考虑,处理不好就会如图中一般,紫红很画面不和谐“棕褐色”,”的中图下方是一块湖蓝色,如果仅有棕褐色是能够使页面平衡的,但那一小块蓝色却打破了画面的协调性。不要看它的面积小,即使再小的色块,都能够使作品走向失败。
 
“黄绿色,的效果显然不好,这里就不再细述天蓝”虽然不协调,却给原有的页面带来一丝明亮的感觉,这是蓝色特有的色彩情感。如把天蓝色调整为更加理智的、偏深一些的蓝色,也许会达到出其不意的效果。当然,渗晦”靠设计师自我的判断,即便同是蓝色,也能分出上百种效果。“草绿色”的效果比想像中的要好一些,原因是最右列的插图人物的服装是相同的绿色,左右两边呼应,反而构成了平衡。但以网站整体效果来说,色彩心理已经被改变了。主色调变成红、绿两种色相了。单色相为主色调,画面偏柔和,如果双色相为主色调,画面效果必须根据两种色相在色相环上处于何种位置来判断。相邻的色相,画面偏柔和,如红与黄;相反的色相,画面的色彩之间存在强烈的对比关系,好似两股力量在对抗,如蓝与橙。Telemig Celular不是英语语种的网站, Relen无法确认标志下方的插图是否会经常更换。但根据上述的实验,我们可以得知,如果这个位置的插图更换了,不论换成什么颜色,都将对页面的色彩印象产生很大的影响。这也正说明了网站设计中的图片信息与色彩设计之间的不确定性与多变。
上一篇:网页排版与网页分栏结构
下一篇:网站配色基础知识