网站设计的艺术处理原则
乐东中立科技 | 2011-12-02 00:03:12 | 阅读:15686
主页的设计主要是网页设计软件的操作与技术应用的问题。但是,要使主页设计、制作得漂亮,必然离不开对主页进行艺术的加工和处理,这就要涉及到美术的一些基本常识。本文将介绍一些主页设计中经常涉及到的艺术处理原则,供各位在进行主页制作的时候参考。一、风格定位主页的美化首先要考虑风格的定位。任何主页都要根据主题的内容决定其风格与形式,因为只有形式与内容的完美统一,才能达到理想的宣传效果。目前主页的应用范围日益扩大,几乎包括了所有的行业,林林总总,包罗万象,但归纳起来大体有这么几个大类:新闻机构、zf机关、科教文化、娱乐艺术、电子商务、网络中心等。对于不同性质的行业,应体现出不同的主页风格,就像穿着打扮,应依不同的性别以及年龄层次而异一样。例如:zf部门的主页风格一般应比较庄重,而娱乐行业则可以活泼生动一些;文化教育部门的主页风格应该高雅大方,而商务主页则可以贴近民俗,使大众喜闻乐见。主页风格的形成主要依赖于主页的版式设计,依赖于页面的色调处理,还有图片与文字的组合形式等。这些问题看似简单,但往往需要主页的设计和制作者具有一定的美术素质和修养。还有,动画效果也不宜在主页设计中滥用,特别是一些内容比较严肃的主页。主页毕竟主要依靠文字和图片来传播信息,它不是动画片,更不是电视或电影。至于在主页中适当链接一些影视作品,那是另外一回事。二、版面编排主页的设计首先涉及到的是页面的版面编排问题。“版面编排”实际上就是中国古代画论中的“经营位置”。主页作为一种版面,既有文字,又有图片。文字有大有小,还有标题和正文之分;图片也有大小,而且有横有竖之别。图片和文字都需要同时展示给观众,总不能简单地罗列在一个页面上,这样往往会搞得杂乱无章。因此必须根据内容的需要,将这些图片和文字按照一定的次序进行合理的编排和布局,使它们组成一个有机的整体,展现给广大的观众。可以依据如下几条来做:1、主次分明,中心突出。在一个页面上,必然考虑视觉的中心,这个中心一般在屏幕的中央,或者在中间偏上的部位。因此,一些重要的文章和图片一般可以安排在这个部位,在视觉中心以外的地方就可以安排那些稍微次要的内容,这样在页面上就突出了重点,做到了主次有别。2、大小搭配,相互呼应。较长的文章或标题,不要编排在一起,要有一定的距离,同样,较短的文章,也不能编排在一起。对待图片的安排也是这样,要互相错开,造成大小之间有一定的间隔,这样可以使页面错落有致,避免重心的偏离。3、图文并茂,相得益彰。文字和图片具有一种相互补充的视觉关系,页面上文字太多,就显得沉闷,缺乏生气。页面上图片太多,缺少文字,必然就会减少页面的信息容量。因此,最理想的效果是文字与图片的密切配合,互为衬托,既能活跃页面,又使主页有丰富的内容。三、线条和形状文字、标题、图片等的组合,会在页面上形成各种各样的线条和形状。这些线条与形状的组合,构成了主页的总体艺术效果。必须注意艺术地搭配好这些线条和形状,才能增强页面的艺术魅力。1、直线(矩形)的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐,所谓有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的主页题材。2、曲线(弧形)的应用。曲线的效果是流动、活跃,具有动感。曲线和弧形在页面上的重复组合可以呈现流畅、轻快,富有活力的视觉效果。一般应用于青春、活泼的主页题材。3、曲、直线(矩形、弧形)的综合应用。把以上两种线条和形状结合起来运用,可以大大丰富主页的表现力,使页面呈现更加丰富多彩的艺术效果。这种形式的主页,适应的范围更大,各种主题的主页都可以应用。但是,在页面的编排处理上,难度也会相应大一些,处理得不好会产生凌乱的效果。最简单的途径是,在一个页面上以一种线条(形状)为主,只在局部的范围内适当用一些其它线条(形状)。四、色彩处理色彩是人的视觉最敏感的东西。主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比”,也就是:主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据主页内容的需要,分别采用不同的主色调。因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。色彩还具有明显的心理感觉,例如冷、暖的感觉,进、退的效果等。另外,色彩还有民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性,可以使我们的主页具有深刻的艺术内涵,从而提升主页的文化品位。vartagarray=['设计','平面设计','装饰设计','包装设计','标志设计','视觉','色彩','品牌','家装设计','画册设计','施工图','标志','酒店设计','广告','广告设计','文字','创意','商标','包装','建筑动画','每周一星','vi设计','字体','LOGO','家装效果图','装饰效果图','深圳设计师网络展','效果','平面','设计理论','空间','字体设计','作品','LOGO设计','艺术','专卖店设计','画册','深圳','品牌知识','建筑表现','广场设计','企业形象','矢量','花纹','招聘','原创','商标设计','形象设计','印刷','矢量素材','基础','技巧','封面','创意设计','装饰表现','鸟瞰图','华清设计','时尚','网页设计','海报设计','布局','视觉设计','背景','素材','构图','封面设计','效果图','海报','文字设计','时代','名片设计','景观表现','建筑效果图','欣赏','原则','水路图','风格','包装,纸盒','邮政','网站设计','CI设计','视觉传达设计','杂志','有事您说话','正非设计','品牌设计','图案','室内设计','宣传册设计','设计公司','动画','web3d','webmax','职位搜索','论坛','公司','设计理念','玻璃','湘子','湘子签名设计'];vartagencarray=['%C9%E8%BC%C6','%C6%BD%C3%E6%C9%E8%BC%C6','%D7%B0%CA%CE%C9%E8%BC%C6','%B0%FC%D7%B0%C9%E8%BC%C6','%B1%EA%D6%BE%C9%E8%BC%C6','%CA%D3%BE%F5','%C9%AB%B2%CA','%C6%B7%C5%C6','%BC%D2%D7%B0%C9%E8%BC%C6','%BB%AD%B2%E1%C9%E8%BC%C6','%CA%A9%B9%A4%CD%BC','%B1%EA%D6%BE','%BE%C6%B5%EA%C9%E8%BC%C6','%B9%E3%B8%E6','%B9%E3%B8%E6%C9%E8%BC%C6','%CE%C4%D7%D6','%B4%B4%D2%E2','%C9%CC%B1%EA','%B0%FC%D7%B0','%BD%A8%D6%FE%B6%AF%BB%AD','%C3%BF%D6%DC%D2%BB%D0%C7','vi%C9%E8%BC%C6','%D7%D6%CC%E5','LOGO','%BC%D2%D7%B0%D0%A7%B9%FB%CD%BC','%D7%B0%CA%CE%D0%A7%B9%FB%CD%BC','%C9%EE%DB%DA%C9%E8%BC%C6%CA%A6%CD%F8%C2%E7%D5%B9','%D0%A7%B9%FB','%C6%BD%C3%E6','%C9%E8%BC%C6%C0%ED%C2%DB','%BF%D5%BC%E4','%D7%D6%CC%E5%C9%E8%BC%C6','%D7%F7%C6%B7','LOGO%C9%E8%BC%C6','%D2%D5%CA%F5','%D7%A8%C2%F4%B5%EA%C9%E8%BC%C6','%BB%AD%B2%E1','%C9%EE%DB%DA','%C6%B7%C5%C6%D6%AA%CA%B6','%BD%A8%D6%FE%B1%ED%CF%D6','%B9%E3%B3%A1%C9%E8%BC%C6','%C6%F3%D2%B5%D0%CE%CF%F3','%CA%B8%C1%BF','%BB%A8%CE%C6','%D5%D0%C6%B8','%D4%AD%B4%B4','%C9%CC%B1%EA%C9%E8%BC%C6','%D0%CE%CF%F3%C9%E8%BC%C6','%D3%A1%CB%A2','%CA%B8%C1%BF%CB%D8%B2%C4','%BB%F9%B4%A1','%BC%BC%C7%C9','%B7%E2%C3%E6','%B4%B4%D2%E2%C9%E8%BC%C6','%D7%B0%CA%CE%B1%ED%CF%D6','%C4%F1%EE%AB%CD%BC','%BB%AA%C7%E5%C9%E8%BC%C6','%CA%B1%C9%D0','%CD%F8%D2%B3%C9%E8%BC%C6','%BA%A3%B1%A8%C9%E8%BC%C6','%B2%BC%BE%D6','%CA%D3%BE%F5%C9%E8%BC%C6','%B1%B3%BE%B0','%CB%D8%B2%C4','%B9%B9%CD%BC','%B7%E2%C3%E6%C9%E8%BC%C6','%D0%A7%B9%FB%CD%BC','%BA%A3%B1%A8','%CE%C4%D7%D6%C9%E8%BC%C6','%CA%B1%B4%FA','%C3%FB%C6%AC%C9%E8%BC%C6','%BE%B0%B9%DB%B1%ED%CF%D6','%BD%A8%D6%FE%D0%A7%B9%FB%CD%BC','%D0%C0%C9%CD','%D4%AD%D4%F2','%CB%AE%C2%B7%CD%BC','%B7%E7%B8%F1','%B0%FC%D7%B0%A3%AC%D6%BD%BA%D0','%D3%CA%D5%FE','%CD%F8%D5%BE%C9%E8%BC%C6','CI%C9%E8%BC%C6','%CA%D3%BE%F5%B4%AB%B4%EF%C9%E8%BC%C6','%D4%D3%D6%BE','%D3%D0%CA%C2%C4%FA%CB%B5%BB%B0','%D5%FD%B7%C7%C9%E8%BC%C6','%C6%B7%C5%C6%C9%E8%BC%C6','%CD%BC%B0%B8','%CA%D2%C4%DA%C9%E8%BC%C6','%D0%FB%B4%AB%B2%E1%C9%E8%BC%C6','%C9%E8%BC%C6%B9%AB%CB%BE','%B6%AF%BB%AD','web3d','webmax','%D6%B0%CE%BB%CB%D1%CB%F7','%C2%DB%CC%B3','%B9%AB%CB%BE','%C9%E8%BC%C6%C0%ED%C4%EE','%B2%A3%C1%A7','%CF%E6%D7%D3','%CF%E6%D7%D3%C7%A9%C3%FB%C9%E8%BC%C6'];parsetag();
![](img/2.png)