青岛网站建设_小程序开发_品牌设计_圭谷设计

青岛网站建设的布局和色彩

分类:网站建设 浏览次数:3864 2018-11-29
满意回答
2018-11-29

网站布局

当浏览者单击鼠标在网海中遨游,一张张精彩的网页会呈现在浏览者的眼前。那么,什么因素会影响网页的精彩?色彩的搭配、文字的变化、图片的处理等,这些当然都是不可忽略的因素,但除了这些之外,还有一个非常重要的因素——网页的布局。将网页的元素安排在网页适当的位置,就形成了网页的整体布局。表1-1列举了常见的几种网页布局。

20180726142432_3281

当然,进行网页布局时不能千篇一律,布局设计主要是根据网站内容和建站目的等基本要素而决定的。布局的过程要做到不是仅仅简单地将各种元素堆积在网页,而是为网页建立秩序。在进行网页布局时,可以先在纸上形成版式草图,如图1-5所示,然后选择最佳方案作为网站布局,继而对该方案进行细化,形成网站最终的布局图,如图1-6所示。设计者根据最终的布局图可以更快捷地插入页面元素,设计页面效果。

色彩搭配

网站的整体视觉效果在网站布局方案确定之后就形成了雏形,因为网站的信息已经做了较为合理的安排。接下来要考虑如何吸引浏览者对网站的注意,而让浏览者能花更多的时间停留在该网站上,这就涉及了影响网站的整体视觉效果的另一个因素——网页的色彩搭配。网页的色彩搭配决定了浏览者对该网站的第一印象,因此,设计网页需要在色彩的使用上深思熟虑,不仅要与网站风格匹配,而且还要突出网站的个性。如图 1-7 中的页面虽然色彩活跃,但搭配恰当。

对色彩进行搭配前,需要了解以下关于色彩的知识。

① 色彩。

红、黄、蓝三种色彩可以调和其他的色彩,因此把它们称为三原色。网页中的色彩表达即是用这三种颜色的数值表示,例如:红色是 RGB(255,0,0),十六进制的表示方法为(FF0000)。我们经常看到的“bgColor=#FF0000”就是指背景色为红色。

颜色分非彩色和彩色两类。非彩色是指黑,白,灰三种系统色,彩色是指除了非彩色以外的所有色彩。根据专业的研究机构研究表明:彩色的记忆效果是黑白的 3.5 倍。也就是说,在一般情况下,彩色页面与完全黑白页面比较,彩色页面更加能吸引人。

任何色彩都有饱和度和透明度的属性,属性的变化会产生不同的色相,所以至少可以制作几百万种色彩。

② 色调。

暖色调——可使主页呈现温馨、和煦、热情的氛围。该色调代表:红色、橙色、黄色等色彩的搭配。

[图片]冷色调——可使主页呈现宁静、清凉、高雅的氛围。该色调代表:青色、绿色、紫色等色彩的搭配。

[图片]对比色调——把色调完全相反的色彩搭配在一空间里。如:红与绿、橙与蓝可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。

③ 色彩的心理感觉。

不同的颜色会给浏览者带来不同的心理感受,每种色彩在饱和度、透明度上略微变化就会产生不同的感觉。表1-2列举了一些常用颜色给人带来的感觉。

网页采用的色彩除了要考虑颜色给人带来的感观效果之外,还要考虑网页中的色彩搭配。色彩搭配可从以下几个方面考虑。

[图片]色彩的鲜明性。网页的色彩要鲜艳,这样更容易引人注目。

[图片]色彩的独特性。要有与众不同的色彩,使得浏览者对网站的印象深刻。

[图片]色彩的合适性。色彩与网站所表达的内容相匹配。

[图片]色彩的联想性。不同色彩可能会有不同的联想,选择的色彩要和网页的内涵有一定的关联。

总之,网页应用色彩应遵循的原则是“总体协调,局部对比”。特别地,网页颜色尽量控制在三种色彩以内,不需要把所有的颜色都用到;同时,背景颜色和网页文字的颜色对比尽量要大,但也不可用花纹繁复的图案作背景,这样不便突出文字内容。网页色彩处理得好的话可以使页面锦上添花,达到事半功倍的效果。

网站名片  _副本


Copyright All Rights GreatGoal Design co.,ltd. 鲁ICP备16002128号-3      技术支持: @圭谷设计