网页设计的窍门-好看、专业、实用 发布时间: 2017/2/9 11:58:42 点击:3236
网页设计有专业和非专业之分,本文针对专业而论。网页的好看、专业、实用取决于网页设计师的水准,涉及到美术和文化的基本常识。
网站基本风格的确立跟网页设计的版式,色调及图文组合有密切的关系。下面一一讲解:
网页设计的色调
网页色彩处理得好能达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比",即网页整体颜色风格统一和谐,小部分或局部位置对比较强。色彩在网页设计上,可根据网站内容的需要,分别用不同的主色调,以体现出内容的特征。如:
- 淡绿色象征着青春活力,同时也代表着春天,所以它也象征着对生活充满希望和梦想
- 职业色:如橄榄绿代表军警;白色代表整洁卫生,显然象征着医疗卫生
- 心理色:常说的冷青色、暖红色便是典型的代表;进、退效果
- 民族色彩:有些国家很忌讳某种颜色,这当然由各民族的地域、文化传统所产生的效应
通过上述可知,充分运用色彩的这些特性,可以使我们的网页具有深刻的艺术、文化内涵,进而提升网站的品位。以下为几种网页设计的配色:
- 暖色:红、橙、黄、赭色,这些暖色合理运用,能站网页变得更有喜气、温馨和热。
- 冷色:青、绿、紫色,如何合理利用,网页将变得祥和宁静、清爽和高雅。
- 对比:完全相反的色调搭配,如红与绿、橙与蓝、黄与紫。它们能给人强烈的视觉冲击,让人对其印象深刻。合理运用将产生意想不到的妙处,合理运用即“总体协调,局部对比”。
值得一提的是:网页设计背景色的深浅,有"高调"和"低调"之称,即底色浅的称为高调;底色深的称为低调。底色深,文字的颜色则浅,以深色的背景衬托浅色的内容;反之,底色淡的,文字的颜色则深,以浅色的背景衬托深色的内容。这种深浅的变化在色彩学中称为"明度变化"。有些网页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响阅读效果,像这种网页显然就很垃圾。
网页设计的排版
当设计开始时,首先要考虑的就是网页设计的排版。网页排版需要对文字、图片,甚至动画、多媒体等进行综合考虑,如果细分,还要对标题和正文内容区分,以达到主次分明;图片也需要按照合理或合适的位置进行编排,或者图文有机结合,同时展现给浏览者,以达到最佳最容易让浏览者读懂的效果。
- 主次分明:网页设计在视觉的感受上一定会有一个中心部位,此中心会根据网页的具体情况而定。如最重要的内容安排在这个部位,在视觉中心以外的地方安排次要内容,以突出重点,这样便主次分明了。
- 图文并茂:网页一定少不了图片和文字排版在一起的效果,只有这样,才能形成在视觉上的互补关系。如果缺一,必然造成网页死气沉沉而没有一丝活力,这在用户体验度上就会大打折扣。所以图文并茂,互为衬托,让网页更加活跃,更加丰富。
- 大小搭配:网页标题和正文内容需要间隔一定的间距,这样可以使页面错落有致,避免重心的偏。
网页的线条与形状
说白了就是各种颜色、文字内容、图片内容的组合在一定合理的情况下,网页就会呈现出线条和形状,这些特有的线条形状便构成了网页的总体艺术效果。
- 直线和矩形:直线是流畅、一气呵成、挺拔、整齐的,即有轮。矩形是平滑、规整、诚正的,即有廓。当直线与矩形重复组合可以呈现井井有条、泾渭分明的视觉效果。应用在庄重、严肃的网页题材居多。
- 曲线和弧形:动感、活跃、流动便是曲线的特征。当它与弧形组合可呈现流畅、轻快,富有活力的视觉效果。应用于青春、女性、活泼的网页题材居多。
- 综合运用:直线和矩形、曲线和弧形在网页设计上的综合运用,网站将更具有极强的表现力,运用得当,网页呈现给浏览者的会是丰富多彩的艺术效果。此种网页的应用范围更大,而网页设计的难度也将大大增加,如果处理得不好,后果将会很严重。
- 上一篇: 白色基调网站设计欣赏解析
- 下一篇: 网站设计成功要素