我们浏览任何一个网页,仅从界面上就可以轻易的识别出专业和非专业的区别,那么怎么才能让网页设计的专业、漂亮、好看?这就要涉及到美术的一些基本常识。首先网页风格的形成主要依赖于网页的版式设计,页面的色调处理,还有图片与文字的组合形式等。
一、版面编排
网页设计首先涉及到的是页面的版面编排问题。"版面编排"实际上就是中国古代画论中的"经营位置"。网页作为一种版面,既有文字,又有图片。文字有大有小,还有标题和正文之分;图片也有大小,而且有横有竖之别。图片和文字都需要同时展示给观众,不能简单地罗列在一个页面上,这样往往会搞得杂乱无章。必须根据内容的需要,将这些图片和文字按照一定的次序进行合理的编排和布局,使它们组成一个有机的整体,展现给广大的观众。
1.主次分明,中心突出。在一个页面上,必然考虑视觉的中心,这个中心一般在屏幕的中央,或者在中间偏上的部位。因此,一些重要的文章和图片一般可以安排在这个部位,在视觉中心以外的地方就可以安排那些稍微次要的内容,这样在页面上就突出了重点,做到了主次有别。
2.大小搭配,相互呼应。较长的文章或标题,不要编排在一起,要有一定的距离,同样,较短的文章,也不能编排在一起。对待图片的安排也是这样,要互相错开,造成大小之间有一定的间隔,这样可以使页面错落有致,避免重心的偏离。
3.图文并茂,相得益彰。文字和图片具有一种相互补充的视觉关系,页面上文字太多,就显得沉闷,缺乏生气。页面上图片太多,缺少文字,必然就会减少页面的信息容量。因此,最理想的效果是文字与图片的密切配合,互为衬托,既能活跃页面,又使网页有丰富的内容。
二、线条和形状
文字、标题、图片等的组合,会在页面上形成各种各样的线条和形状。这些线条与形状的组合,构成了网页的总体艺术效果。必须注意艺术地搭配好这些线条和形状,才能增强页面的艺术魅力。
1.直线(矩形)的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐,所谓有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的网页题材。
2.曲线(弧形)的应用。曲线的效果是流动、活跃,具有动感。曲线和弧形在页面上的重复组合可以呈现流畅、轻快,富有活力的视觉效果。一般应用于青春、活泼的网页题材。
3.曲、直线(矩形、弧形)的综合应用。把以上两种线条和形状结合起来运用,可以大大丰富网页的表现力,使页面呈现更加丰富多彩的艺术效果。这种形式的网页,适应的范围更大,各种主题的网页都可以应用。但是,在页面的编排处理上,难度也会相应大一些,处理得不好会产生凌乱的效果。最简单的途径是,在一个页面上以一种线条(形状)为主,只在局部的范围内适当用一些其它线条(形状)。
三、色彩处理
色彩是人的视觉最敏感的东西。网页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是"总体协调,局部对比",也就是:网页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据网页内容的需要,分别采用不同的主色调。因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。色彩还具有明显的心理感觉,例如冷、暖的感觉,进、退的效果等。另外,色彩还有民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性,可以使我们的网页具有深刻的艺术内涵,从而提升网页的文化品位。下面介绍几种常用的配色方案:
1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用,可使网页呈现温馨、和煦、热情的氛围。
2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用,可使网页呈现宁静、清凉、高雅的氛围。
3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等。
这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握"大调和,小对比"这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。
最后,还要考虑网页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是"高调"和"低调"。底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。这种深浅的变化在色彩学中称为"明度变化"。有些网页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响阅读效果。
转载:网页设计教程
分享到:
相关推荐
下面我们将深入探讨网页设计模板的相关知识点,并结合"漂亮的网页设计"这一标签,对网页设计的关键要素进行详细阐述。 首先,网页设计模板是一种预先设计好的布局结构,通常包括头部、导航栏、主体内容区、侧边栏和...
"个人网页设计模板很漂亮"这个标题暗示了我们正在讨论的是一些具有吸引力和美观性的网页设计模板,这些模板可能适合用于个人博客、在线简历或者个人作品展示等场合。 描述中的"很不错的模板啊"表明了这些模板的质量...
网页课程设计与毕业设计是计算机科学与技术专业学生在学习过程中必须面对的重要实践环节,它旨在让学生通过实际操作,掌握网页开发的全过程,包括前端设计、后端编程、数据库管理和用户体验优化等技能。本资源“网页...
"3分钟内制作漂亮网页"的标语暗示了我们正在探讨的是一种高效、易用的网页设计模板系统。这类模板通常预设了良好的布局、色彩搭配和交互元素,使得即使是没有编程基础的用户也能快速构建出专业级别的网页。 快速...
网页设计是IT行业中一个至关重要的领域,而"最漂亮的网页模板"这个压缩包文件则为设计师们提供了一站式的解决方案,无需从零开始编写网页脚本。这些模板通常包括精心设计的HTML、CSS以及JavaScript代码,使网页布局...
网页设计是IT领域中一个非常重要的分支,尤其对于在校学生来说,掌握网页设计技能不仅可以提升...无论是从PSD文件中提取设计元素,还是参考在线模板,都能为个人主页增添专业感,同时加深对网页设计原理和实践的理解。
"漂亮企业网页设计整理"这个资源集合,显然是为了帮助初学者和专业网页设计师提供灵感和学习材料。以下是基于这个主题的详细知识点讲解: 1. **设计原则**:简洁与大气是企业网页设计的基本理念。简洁意味着去除...
首先,"大气漂亮"是指网页设计的整体视觉效果。大气的设计通常意味着宽敞的布局、清晰的层次结构以及高质量的图像和图形,而漂亮则强调了色彩搭配、细节处理和用户体验的愉悦感。这种设计风格能够吸引用户的注意力并...
网页课程设计与毕业设计是高等教育阶段计算机科学与技术、软件工程等专业的重要实践环节,旨在让学生将理论知识应用到实际项目中,提升他们的动手能力和创新思维。本资源提供了一个黑色漂亮大气的HTML5整站模板,...
这个压缩包文件"网页课程设计&毕业设计_漂亮的设计行业作品案例单页跳转模板5403.zip"包含了用于此类项目的一些关键资源,旨在帮助学生创建具有吸引力的网页设计作品。以下是基于提供的信息所涵盖的相关知识点: 1....
"网页设计类网页模板-产品 设计 企业 漂亮 web20 展示 精品 导航 软件.rar" 是一个专门针对网页设计的资源包,它包含了多个设计精良的模板,适用于产品展示、企业形象塑造以及导航功能的构建。 "Web2.0" 是一个术语...
网页设计是将创意和技术结合的艺术,它通过视觉元素和交互性来传达信息。"漂亮的网页模板"这个主题意味着我们将探讨如何使用预设的布局和设计元素来创建吸引人的在线存在感,尤其针对个人主页。 首先,我们要理解...
这个资源,"粉色可爱漂亮的婚庆公司企业网站模板",是一个具体的实践项目,用于帮助学生理解和掌握网页设计的核心概念和技术。 网页模板是预先设计好的网页布局,通常包括HTML、CSS和JavaScript等元素,可以为设计...
总的来说,这个压缩包提供的“网页设计模板-漂亮的设计行业作品案例单页跳转模板”是一个结合了HTML5、响应式布局和单页跳转设计的高效工具,对于想要快速建立专业且美观的在线作品展示平台的设计师来说,无疑是一个...
《Dreamweaver8完美网页设计与制作》随书实例part2是针对网页设计初学者和专业人士的一款宝贵资源,其中包含了大量精美的界面模板,旨在帮助用户提升网页设计技能和审美感。这部分实例作为整体资源的第二部分,由于...
1. **深色背景设计**:在网页设计中,深色背景通常给人一种高雅、专业的印象,同时也能够减少视觉疲劳。这种设计适用于企业网站,特别是那些希望展示其品牌稳重、高端形象的企业。 2. **漂亮的设计**:这个模板的...
这个资源,"网页课程设计&毕业设计_网页课程设计&毕业设计_黑色漂亮的电影网站html5网站模板.zip",提供了一个黑色主题的HTML5电影网站模板,对于学习网页设计的学生或正在进行此类项目的开发者来说,是一个非常有...
在网页设计中,色彩选择至关重要,黑色常被视为高雅和专业的象征,而花纹则可以增加设计的视觉吸引力和艺术感。 首先,我们来深入探讨网页模板的设计方面。HTML(超文本标记语言)是网页的基础,用于定义页面结构。...
网页课程设计与毕业设计...总之,"漂亮全屏大气互联网产品专题html5模板5301.zip"为学生提供了一个很好的起点,帮助他们在网页设计实践中学习和掌握关键技能,同时激发创新思维,设计出更具吸引力和实用性的网页作品。
"可爱漂亮的儿童企业整站网页模板"是一个非常适合此类项目的资源,它提供了一个完整且具有吸引力的网页设计方案,特别适合那些想要为儿童相关业务创建网站的开发者。 网页模板是预先设计好的页面结构,包含了一系列...