网页形态中线的视觉构成

项目简介

网页形态中线的视觉构成

Service

  线是点移动的轨迹,在页面上起到强调、分割、引导视线的作用。不同方向、长度、宽度、形态的线会给人以不同的感受。垂直的线显得平稳、挺拔;弧线流畅、轻盈;曲线给人以动感、活力;粗线条可以传递粗犷、勇敢、阳刚感;细线条可以传递锐利、敏感、速度感。

  在设计中,利用线对页面空间进行分割的方法也很普遍。线对空间的分割可以产生各种特征的面。

  这一网站运用线条勾勒出不同形态,以构成丰富的画面。活跃的线条与图片的结合贯穿始终,与主题内容配合得恰到好处。每个页面的各种元素相互呼应,统一协调又不乏趣味,给整个网站增添了活力和感情色彩。

  网页形态中面的视觉构成

  面是网页形态中常用的构成元素,点和线的密集扩张轨迹都可构成面。面的大小、形态、变化关系到页面的整体布局。

  在网页设计中,表格和框架是用来分割页面的,采用面的分割、组合、虚实交替等方式可以使网页主题明确、层次分明,产生井然有序的和谐效果。

  这一网站采用不同色彩变化的斜面进行布局,每个斜面都有区别于其他面的细节处理,并且都代表着不同的栏目内容,构成导航系统,点击进入下一级页面,又出现了不同的面的组合形式,但整体上都保持着和谐统一。画面丰富,导航灵活,每个页面的各元素相互呼应,相互衬托。

  从色彩学上讲,色彩是由色相、明度、纯度三个要素组成的。色彩的三要素及色彩原理对于网页设计是至关重要的。

  色相一一指不同波长的颜色构成的各种色彩相貌,是颜色的基本特征。

  明度一一指色彩的明暗程度。通常又称亮度、光度、深浅度。

  纯度一一纯度是指颜色的纯粹程度,也称饱和度,即与中性灰的参杂程度。

  对比色一一色环中位置相对的两种色彩,通常也指两种可以明显区分的色彩。

  相近色一一色环中相邻的三种颜色。

  无彩色一一只有明度特征,没有色相和饱和度的区别,是指黑、白、灰系统色。

  有彩色----指黑、白、灰以外的色彩。

  网页的色彩设计分析

  色彩在视觉系统中的重要性大于形状、面积、位置等因素。在网页设计中,色彩给浏览者带来的视觉冲击力常大于版式等因素,其表现力直接影响到形式的统一与美观。很多网站以成功的色彩搭配令人过目不忘。但刚接触网页设计时,往往不容易驾驭好网页的颜色搭配。前面简单介绍了色彩的基本概念,下面结合网页设计来探索色彩在其中的作用、特征体现以及搭配规律等。

  色彩在网页设计中的作用:

  组织、划分一一利用色彩进行信息组织、区域划分与识别,便于浏览者操作和分辨,减少认知负荷。

  突出、强调一一利用色彩的变化对内容进行必要的强调,使网页内容的层次更分明、条理更清晰。提示、警示——利用色彩的象征性表现内容,例如绿色按钮表示"开始”,红色表示“停止”等。增添吸引力一一利用美观合理的色彩搭配吸引浏览者的眼球,激起其兴趣。

  在网页设计中,通常将色彩按其作用划分为以下几种:

  背景色一一用于网页的背景颜色,有时即为基本色。

  基本色一一即网页的主色调。一般占据面积较大,在整体网站上起到体现主题内容及风格的重要作用O

  辅助色一一辅助基本色的次要颜色,起到配合基本色营造整体氛围的作用。

  强调色一一用于突出、强调标志性内容的色彩。

  色彩均衡的体现

  要使网站看上去舒适、协调,除了文字、图片等的合理排版,色彩的均衡也是非常重要的。一个网站不可能单一地运用某种颜色,所以必须把握好色彩的均衡性。

  色彩的均衡,包括色彩的位置、色彩所占的比例、面积等。例如大面积色彩的明度以及鲜艳明亮的色彩面积应小一点,让人感觉舒适、不刺眼等。在网页设计中,一定要合理地运用色彩,使其在页面上呈现出一种均衡美的视觉效果。

  色彩的心理联想

  不同的色彩在人们的生活中带有不同的感情和文化内涵。比如红色让人联想到太阳、玫瑰、喜庆、热闹、兴奋;白色象征纯洁、干净、明快;黑色代表深沉、神秘、压抑、寂静;紫色象征着女性化、高雅、浪漫;蓝色象征天空、高科技、稳重、理智;橙色代表欢快、甜美、收获、时尚;绿色代表了自然、活力、舒适、希望;等等。色彩的含义不是一成不变的,在特定的情景下,同种色彩给人的感受也随之变化。

  黑白灰的运用

  黑白灰是万能色,可以和任意一种色彩搭配。在设计过程中,如果两种色彩的搭配不协调,可试加入黑色或者灰色,或许会得到意想不到的效果。对一些明度较高的网站,适当配以黑色,可调节其明度效果,呈现均衡。白色是网站使用最普遍的一种颜色。很多网站留出大面积白色空间,作为网站组成部分,即通常所说的留白。很多设计性网站较多运用留白艺术。留白可给人遐想的空间,让人感觉心情舒适、畅快。恰当的留白对协调页面的均衡有很好的效果。

  黑白灰的运用

  黑白灰是万能色,可以和任意一种色彩搭配。在设计过程中,如果两种色彩的搭配不协调,可试加入黑色或者灰色,或许会得到意想不到的效果。对一些明度较高的网站,适当配以黑色,可调节其明度效果,呈现均衡。白色是网站使用最普遍的一种颜色。很多网站留出大面积白色空间,作为网站组成部分,即通常所说的留白。很多设计性网站较多运用留白艺术。留白可给人遐想的空间,让人感觉心情舒适、畅快。恰当的留白对协调页面的均衡有很好的效果。

  栢塑杭州网站建设|网站设计

  色彩小结:了解了色彩的基本概念及其在网页设计中的搭配规律后,具体运用时,还需注意:

  一个网站不可能运用单一的某种颜色,因为这样会让人感觉单调、乏味;但也不能将所有颜色都运用上,因为那样会让人感觉轻浮、花哨,主题不突出,没有方向。通常使用一种或两种主题色,配以辅助色,一个页面尽量不要超过四种色彩。

  在设计过程中,设计背景色时,要考虑其与前景文字的搭配。一般网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色,清晰可见,让人一目了然。有些网站为给浏览者留下深刻印象,处理背景时很夸张。比如一个空白页的某部分用了大面积的明亮色块,这时文字的色彩就要选择暗色系列的,这样文字才能与背景分开层次,不致于影响浏览者阅读内容。

  标志是宣传网站的重要组成部分,所以在页面上要突出显示,标志的色彩跟网页的主题色层次要拉开。有时候为了更好地突出标志,也可适当使用对比色。

  导航、小标题是网站的指路灯。浏览者要在网页间跳转、了解网站的结构及内容,必须通过导航或者小标题引导来实现。这时可以使用稍具跳跃性的色彩来加以强调,以吸引视线,让人感觉网站功能清晰明了、层次分明,不致于迷失方向。


栢塑具有12家分公司合作165家上市集团企业,打造更多中国500强企业。联系电话:Alvin 15257873850