当前位置:首页 > 建站知识 >公司新闻
网站建设中这些网页美工基础需要掌握
来源: 点击数:148次 更新时间:2019-3-5 9:02:17
网站建设中这些网页美工基础需要掌握!快和小编一起来看看具体的内容吧。


      一、网页配色 


      1.色彩基础 


      在任何设计中,色?#35782;?#35270;觉的刺激起到第一信息传达的作用。因此,在网页设计中,色彩的合理运用,能直接影响整个网页的风格,下面我们来了解色彩的基础知识: 


      1)色彩的三要素 


      自然界的色彩虽然各不相同,但任何色?#35782;?#20855;有色相、明度、饱和度这三个基本属性。 


      色相:色相是指色彩?#21335;?#35980;,是指各种颜色之间的区别,是色?#39318;?#26174;著的特征,是不同波长的色光被感觉的结果。光谱中有红、橙、黄、绿、蓝、紫六种基本色光,人的眼睛可以?#30452;?#20986;约180种不同色相的颜色。如图3-1-1就是一个色相环。 


      饱和度:饱和度是指色彩?#21335;?#33395;程度,也称色彩的纯度。饱和度取决于该色中含色成分和消色成分(灰色)的比例。含色成分越大,饱和度越大;消色成分越大,饱和度越小。 


      明度:明度是指色彩的深浅、明暗,它决定于反射光的强度,任何色?#35782;?#23384;在明?#24403;?#21270;。其中黄色明度最高,紫色明度最低,绿、红、蓝、橙的明度相近,为中间明度。另外在同一色相的明度中还存在深浅的变化。如绿色中由浅到深有粉绿、淡绿、翠绿等明度变化。 


      2)色彩模式 


      RGB:人们把红(Red)、绿(Green)、蓝(Blue)这三种色光称之为“三原色光?#20445;琑GB色彩体系就是以这三种颜色为基本色的一种体系。目前这种体系普遍应用于数码影像中,如:电视、计算机屏幕、数码相机、扫描仪?#21462;GB值是从0至255之间的一个整数,不同数值叠加会产生不同的色彩。对于单独的R或G或B而言,当数值为0时,代表这种颜色不发光;如果为255,则该颜色为最高亮度。因此当RGB三种色光都发到最强的亮度,纯白的RGB值就为255,255,255。屏幕上黑的RGB值是0,0,0。R,意味着只有红色存在,且亮度最强,G和B都不发光。因此最红色的数值是255,0,0。同理,最绿色就是0,255,0;而最蓝色就是0,0,255。黄色较特殊,是由红色加绿色而得就是255,255,0。RGB模式是显示器的物理色彩模式。当然,在设计网页的时候用到的素材?#35745;?#20063;一般都是RGB模式。 


      CMYK:CMYK?#30452;?#20195;表青(Cyan)、品红(Magenta)、黄(Yellow)、黑(Black),这是一种基于反光的色彩体系,常用于彩色印刷中。CMYK值是以浓度0-100%来表示,不同浓度叠加会产生不同的色彩。理论上相同浓度的CMY叠加,则会变成黑色,但实际混合色料后并不会呈现黑色而?#21069;?#28784;色,所以将黑色独立出来,增加印刷时颜色的范围。 


      HSB:HSB是颜色分为色相、饱和度、明度三个因素,英文为H(Hue)、S(Saturation)B(Brightnes。饱和度高色彩较艳丽,饱和度低色彩就接近灰色。亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到纯白,最低得到纯黑。一般浅色的饱和度?#31995;停?#20142;度较高,而深色的饱和度高而亮度低。 


      2.网页色彩 


      1)色彩的心里感觉 


      红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容?#33258;?#25104;人视觉疲劳的色。 


      在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。 


      在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。 


      在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。 


      黄色的性格冷漠、高傲、敏?#23567;?#20855;有扩张和不安宁的视觉印象。黄色是各种色?#25163;校?#26368;为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会发生较大程度的变化。 


      在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、?#27604;?#30340;感觉。 


      在黄色中加入少量的红,则具有明显的橙色感觉,其性格?#19981;?#20174;冷漠、高傲转化为一种有分寸感的热情、温暖 


      在黄色中加入少量的黑,其色感和色性变化最大,成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。 


      在黄色中加入少量的白,其色感变的柔和,其性格中的冷漠、高傲被淡化,趋于含蓄,易于接近。 


      蓝色的色感冷嘲热讽,性格朴实而内向,是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深远、广埔、平静的空间,成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中?#30452;?#21152;入少量的红、黄、黑、橙、白等色,均不会对蓝色的性格构成较明显的影响力。 


      橙色是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。 


      如果在橙色中黄的成份较多,其性格趋于甜美、亮丽、芳香。 


      在橙色中混入小量的白,可使橙色的知觉趋于焦躁、无力。 


      绿色是具有黄色和蓝色两种成份的色。在绿色中,将黄色的扩张感和蓝色的收缩感相中庸,将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安?#21462;?#26159;一种柔顺、恬静、潢足、优美的色。 


      在绿色中黄的成份较多时,其性格就趋于活泼、友?#30130;?#20855;有幼稚性。 


      在绿色中加入少量的黑,其性格就趋于庄重、老练、成熟。 


      在绿色中加入少量的白,其性格就趋于洁净、清爽、鲜嫩。 


      紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。 


      在紫色中红的成份较多时,其知觉具有压?#25351;小?#23041;胁?#23567;?nbsp;


      在紫色中加入少量的黑,其感觉就趋于沉闷、伤?#23567;?#24656;怖。 


      在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力。 


      白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色,都会影响其纯洁性,使其性格变的含蓄。 


      在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而充满诱惑。 


      在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。 


      在白色中混入少量的蓝,给人感觉清冷、洁净。 


      在白色中混入少量的橙,有一?#25351;?#29157;的气氛。 


      在白色中混入少量的绿,给人一种稚嫩、柔和的感觉。 


      在白色中混入少量的紫,可诱导人联想到淡淡的芳香。 


      黑色具有深沉,神秘,寂静,悲哀,压抑的感受。 


      灰色具有中庸,平凡,温和,谦让,中立和高雅的感觉。 


      2)网页色彩搭配的原理 


      色彩?#21335;?#26126;性:网页的色彩要鲜艳,容易引人注目。 


      色彩的独特性:要有与众不同的色彩,使得大家对你的印象强烈。 


      色彩的合适性:就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。 


      色彩的联想性:不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到?#24425;?#31561;,选择色彩要和你网页的内涵相关联。 


      3)网页色彩搭配的技巧 


      用一种色彩:这里是指先选定一种色彩,然后调整透明?#28982;?#32773;饱和度,(说得通俗些就是将色?#26102;?#28129;或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次?#23567;?nbsp;


      用两种色彩?#21512;?#36873;定一种色彩,然后选择它的对比色。 


      用一个色系:简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。 


      用黑色和一种彩色:比如大红的字体配黑色的边框感觉很"跳"。


      一般情况下网站色调选择要注意以下几点: 


      忌讳使?#20204;?#28872;对比的颜色搭配做主色; 


      配色简洁,主色要尽量控制在三种以内; 


      背景和内容的对比要明显,少用花纹复?#25317;?#32972;景?#35745;?#20197;便突出显示文字内容。 


      如果你对颜色的搭配没有经验,可以使用Dreamweaver的配色方案来学习简单的配色,开启Dreamweaver,执?#23567;?#21629;令→设定配色方案”进入配色选择窗口,这里提供了多?#30452;?#26223;、文本和链?#25317;?#39068;色,可以根据你的需要来选择搭配。当然,你也可以使用一些专门的网页配色软件如“ColorImpact”、“三生有幸”等来辅助你搭配好网站的色彩。
【刷新页面】【加入收藏】【打印此文】 【关闭窗口】
上一篇:网站就是企业的门面,如何维护好你的门面 下一篇:网站优化给公司带来的好处

服务项目

网站建设

网站建设

通过SEO优化?#38469;?提供更多的展示机会,带来大量精准流量和询盘,每月意向客户增长20%。

手机网站建设

手机网站建设

手机网站的时代强势来袭,赢在全网营销时代,手机+电?#36816;?#21073;合璧,把握商机滴水不漏。

网站维护

网站维护

一个好的网站需要定期或不定期地更新内容,才能不?#31995;?#21560;引更多的浏览者,增加访问量。

整合网络营销

整合营销

为了建立、维护和传播品?#30130;?#20197;及加强客户关系,而对品?#24179;?#34892;计划、实施和监督的一系列营销

灰熊vs活塞艾弗森穿球鞋
二十一点扑克游戏下载 时时彩五星双胆 老时时开奖结果记录 竞彩足球稳定回血 华宇娱乐1990奖金组注册 6码复式二中二高手 新疆时时开奖结果一票控 500万娱乐平台 棋牌平台 黑桃棋牌 北京pk10计划免费 胆是什么功能 彩票计划公式赚钱真假 全天幸运飞艇七码计划 快乐彩怎么玩 福建时时开奖结果走势图