网页设计特点分析范文

导语：如何才能写好一篇网页设计特点分析，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

1引言

在网页设计过程中，相关设计人员必须要重视各类艺术形式的表现，保证可以提高网页设计效率，增强网络设计效果，达到网站建设要求，形成较为良好的发展体系。

2网页设计主要构成要素

在网页设计艺术之前，相关设计人员要想更好的表现出各类艺术形式，就要全面了解网页设计的主要构成要素，保证可以提高网页设计质量与效率。具体构成要素包括以下几点：

2.1网页文字设计要素文字是网页设计中信息传达的主要手段，是网页设计中不可缺少的核心要素，因此，在网页设计中，文字将占据较大面积，网页设计人员也可以通过文字的设计提高网页设计质量。因此，在

网页设计期间，为了增强网页文字编辑效果，为人们留下深刻的印象，必须要避免出现繁琐、杂乱的文字，保证可以提高受众度。同时，在文字编排与设计期间，还要根据信息内容的特点，对风格与文字相互融合，避免出现脱离主题或是与主题相互冲突的现象。例如：在对政府网站的网页文字进行设计的时候，必须要体现出规范的特性，字体造型归正有序，不可以出现杂乱无章的现象；在对公司网站进行设计的时候，网页文字必须要体现出行业性质，或是公司产品特点，这样，才能提高网页设计效率；在对个人页面进行设计的时候，网页文字必须要体现出个人的性格特点与追求。这样，才能提高网页设计效率，充分表现出网页设计的艺术形式[1]。

2.2网页图形设计要素

在对网页图形进行设计的时候，必须要对网页读者的需求进行分析，进而提高网页图形设计的受众度。同时，网页图形的设计还要凸显出网页文字的主置，发挥衬托的作用。同时，网页图形设计具有两重性特点，主要因为网页图形不是精彩的文字语言，需要读者利用视觉理解图形，使得网页在整体设计上，展现出饱满的优势。由此可见，在网页图形设计过程中，网页设计人员必须要重视图形设计的视觉效果，将图形与文字整合在一起，为读者提供更多的信息，另外，还可以达到美化网页页面的效果，提高网页设计质量与效率[2]。在网页图形设计期间，设计人员要注重图形的分辨率，更好的对其尺寸与范围进行设计，这样，才能提高网页下载效率，更受读者的欢迎[3]。

2.3网页色彩设计要素

在网页设计过程中，色彩要素是较为重要的，除了可以满足人们的审美需求之外，还要提高技术的应用质量，全面掌握网站风格，体现出配色与风格艺术，提高网页设计质量。在网站设计过程中，其属于一种艺术品，主要因为网页中不仅包含着优美文字，还有新颖的图片与色彩，可以产生较为良好的视觉效果，刺激读者的感官，使得页面更加生动。在此期间，网页浏览者在浏览网页的时候，会注重网页的色彩设计，并且为其留下深刻的印象。这就需要网页设计人员重点关注网页色彩的设计，进而提高网页设计质量。在网页色彩设计期间，设计人员必须要遵循以下几点原则：第一，遵循色彩选择原则。就是根据网站主题的实际情况，选择相应的主色调，当前，部分网页色彩设计中都是以浅颜色为主，例如：浅灰色、浅黄色等，可以有效突出网页页面的重点。第二，遵循背景色调搭配特点。就是在网页设计期间，设计人员根据网站建设实际需求，对网页背景进行色调的搭配，在此期间，设计人员必须要注色调搭配的科学性，主要因为如果背景色调过于强烈，就会形成与网页文字、图片相互对立的颜色，导致读者在阅读的时候，过于重视网页背景，不能更好的辨识网页文字与图片。由此可见，网页设计人员在搭配背景颜色的时候，必须要应用单纯的颜色，以凸显出网页文字与图形[4]。

3网页版式设计措施

网页是网站信息的传递系统，设计人员在对其进行设计的过程中，必须要全面了解网页设计要素，将文字、图形、图象、标志与色彩等绘制成为一个整体，然后对菜单与正文等进行编排，这就需要设计人员在网页设计过程中，重视版式的设计，保证可以提高其设计质量。网页版式设计主要就是对网页页面进行布局，在有限的屏幕之内，形成良好的视听多媒体元素排列组合形式，使得页面设计个性化思维得以有效展现。然而，当前很多网页设计人员在执行工作的过程中，还存在排版设计问题，无法对每个元素的尺寸与位置进行设计，难以提高其设计效率。这就需要网页设计人员根据网站建设工作特点与需求对网页进行排版，进而提高排版的科学性与合理性，达到良好的排版效果[5]。

4网页设计艺术特点

在网页设计过程中，其艺术特点较为突出，是网页设计人员需要全面了解的体系。首先，网页设计具有主题鲜明的艺术特点。主要因为网页是网站的信息传达结构，只有设计较为鲜明，才能提高网页设计效率与质量。同时，色彩鲜明的网页设计，可以满足读者心理需求，提高网站浏览效率。其次，网页设计具有内容形式统一的特点。主要因为网页中的内容与形式需要统一结合，将网页主题与形象相互结合在一起。最后，网页设计具有整体感较强的特点。就是在网页设计过程中，适当的对空间环境进行设计，并且突出网页主题与意念，形成良好的设计风格与整体性，进而提高网页设计质量，凸显出网页设计的艺术形式。

5结语

在网页设计过程中，相关设计人员必须要重视各类要素的应用，并且逐渐提升网页设计效率与质量，增强网页设计效果。在此期间，相关设计人员不可以一味的重视网页色彩的设计，而是要突出网页设计整体性，提高其设计效率。

引用：

[1]许玲玲.浅谈网页设计中的艺术表现形式——艺术与技术相结合[J].科技资讯,2013(26):29-30.

[2]卢思聪.游戏类网页设计的视觉表现形式研究[D].中南民族大学,2013.

[3]徐超.探究简约主义的网页设计[D].上海师范大学,2012.

[4]张姝.国画水墨元素在网页设计中的应用与研究[D].天津理工大学,2014.

篇2

购买推荐

图书分析师庞敏丽认为该书书从网站设计最基本的内容一步一步地讲解设计理论、设计组成、设计方法，引导进行设计规划和制作，分析色彩规律，指导色彩实战应用，讲述设计心理学、用户体验，全面、完善、系统地讲述网站设计与网页配色。

通过对生意宝旗下比购宝(Boogle.cn)——“网络购物第一站”收录的博库书城、淘宝网、京东商城、亚马逊、当当网、拍拍网、文轩网、中国互动出版网、99网上书城等众多含图书销售的网站，价格搜索显示，目前，当当网该书为最低价，推荐购买。

目录

1　网页设计概述

1.1网页设计基础知识

1.1.1网页设计的概念

1.1.2网页设计的定位

1.1.3网页设计所属的范畴

1.1.4网页设计的准则

1.2用户的阅读习惯

1.2.1人机交互的概念

1.2.2用户习惯分析

1.2.3易用性设计

1.3网站类型

1.3.1综合(门户)类网站

1.3.2新闻类网站

1.3.3交易类网站

1.3.4 IT类网站

1.3.5教育类网站

1.3.6生活娱乐类网站

1.3.7政府类网站

1.3.8个人类网站

1.3.9功能型网站

1.3.1 0其他行业类网站

1.4网络的特点

1.4.1信息的开放性

1.4.2信息的互动性

1.4.3信息的不稳定性

1.4.4网络时代性

1.4.5信息传播的迅速性

1.5网页设计方法分析

1.5.1栏目划分法

1.5.2网格划分法

1.5.3色彩定位法

1.5.4 Lo90弓1导法

1.6网页设计实践分析

1.6.1联合利华网站设计方案分析

1.6.2西部数据色彩设计网站方案分析

2　网页制作的基本流程

2.1网站资料整理

2.1.1文字资料归纳整理分类

2.1.2图片资料整理筛选分类

2.1.3视频素材筛选

2.1.4 Flash动画

2.2准备素材(使素材符合网页设计需求)

2.2.1准备图片素材

2.2.2文字再编辑，提取要点，总结标题

2.2.3视频素材的剪辑及压缩处理

2.3网站结构划分

(网站脚本编刨)

2.3.1根据素材分析网站结构

2.3.2提取分类列出栏目

2.3.3栏目下子栏目划分

2.4网站风格定位—一风格设计

2 4.1分析网站的主题定位——网站主基调

2 4.2风格的统一与变化

……

3　网页设计的理念

4　网页设计页面布局

5　新型网站设计

6　色彩基础知识

篇3

Flash技术运用范围非常广泛,不论是网站、广告、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flas今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flas当前在网页设计中的应用方式进行分析,针对性阐述了Flas在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flas在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。

关键词:

Flas；网页设计；应用研究

随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。

1Flash的运用及特点

MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flas在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flas属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。

2Flas在网络设计中的应用

在网页设计中,Flas具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。

2.1网页动画信息交互的实现

为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flas导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flas脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。

2.2网页动画相关要素的设计

第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flas效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。

3结语

综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一措施全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flas一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。

作者：侯英杰 单位：陇南师范高等专科学校

参考文献

篇4

目前，生态化的需求不仅仅局限于自然环境领域，已慢慢渗透到社会生活的各个方面，教育领域也不例外。教学模式作为教学活动中的重要组成部分，教育生态化要想实现，教学生态模式的实现必不可少。随着慕课逐渐进入日常的课程教学中，应用慕课这种形式，并将与日常的课堂教学方式相结合，这种形式猛烈冲击了传统的课堂教学模式。而在将慕课与网页设计课程的相结合，并以此来构建教学生态模式的过程中，如何解决教学内容与各教学模式之间的对应关系、教师与学生在此过程中的地位和作用以及学习方式等成为急需解决的问题。

【关键词】

慕课；网页设计课程；构建策略；教学生态模式

在信息时代，各种各样的新技术和新理念对课程资源和教学模式产生巨大的冲击。在混合学习和移动学习的大背景下，多种样式的新课程形式在这一大环境下应运而生，其中也包括规模大的、在线的、低门槛的课程形式———慕课，慕课的出现对传统的知识传输形式产生一定的影响。本文从慕课这一课程形式出发，以教学生态为理论基点，结合社会对网页设计人员的实际要求，来探讨网页设计课程的教学生态模式的构建策略。

1．慕课与网页设计课程的教学生态的相关性分析

慕课与网页设计课程教学生态的相关性分析可大致划分为以下几个方面：慕课与教学生态理念相互影响的大背景、学习辅助环境分析和网页设计课程的教学与市场需求之间的矛盾等三个方面。

1.1教学生态的理念与慕课结合的大背景

目前，生态化的诉求不仅针对于自然环境，同时已经渗透到社会生活的方方面面，生态化已经成为很多领域的共同诉求，教育领域也不例外，生态化的趋势也将成为教育领域发展的重要方向。教学活动中重要组成部分之一的教学模式，其生态化的发展势必会影响整个教育生态化的发展。慕课作为信息技术发展下的新的课程形式，带着其自身鲜明的个性特点冲击着我们传统的教学形式。认识和理解慕课，将其有效与正确地应用于相应的课程知识和操作技能的学习过程中，这种形式对相关的教学内容的教学产生一定影响。这些新影响不仅指的是一种新课程形式的使用，可能更多的是关于教学理论支点、教学组织形式和课程考核等相关方面的调整。在相关的课程体系下，如何高效使用慕课这一课程形式来合理组织学习资源，如何更加有效地与具体课程相结合来促进教学生态模式的形成，成为教学生态理念与慕课结合的过程中关注的重要方向。

1.2学习辅助环境分析

随着信息技术在校园内的发展，可以使每个在校的学生通过各种各样的通讯设备获取海量的信息，比如：笔记本、台式计算机、手机等设备。据有关研究发现：目前大部分的学生从很小开始就已经接触网络，其自身的信息素养和网络的敏感性是比较高的，对网络中所出现的新技术具有很强的接受力。而目前的教学组织形式主要是指课堂教学这一模式，众所周知，这种模式是固定时间和地点的，具有比较大的约束性。而目前90后的大学生其对自由、个性的渴望比较强烈，学习领域也不例外。学习者对学习方式改变的需求与传统的课堂教学之间矛盾越来越明显。学习方式的单一性和学习资源固定性这些特征，势必会影响学习者的自由性，最终可能会导致学习者的学习方式和学习能力趋向于单一性和泛化式发展。在网络时代的大背景下，如何更好将新课程形式与常见的课程形式相结合，提高学生者的主体意识和能动性，丰富传统的课堂教学模式，成为教学过程中需要解决的技术支点。

1.3网页设计课程的教学与市场需求之间的矛盾

2015年3月底，的《中国互联网站发展状况及其安全报告（2015）》①指出：截至2014年底，我国网站总数已达到364.7万个以上，比2014年度同比增长约14.1万多个，主办网站者达285万个，其中为单位的网站主办者约212万个，其余为个人主办者。据上面的数据分析：现在或将来社会对网页美工、页面制作、网站维护与管理人员的需求数量还是相当大的。其次，作为专业基础课程和必修课程的网页设计课程兼具知识面广和与时俱进的特性，随着页面制作新技术的使用，为了适应社会的需求，其相关的教学内容需要做出一定的调整。而目前其课时安排是每周4学时，对于操作技能要求比较高的，以案例教学为引导的课程体系而言，如此的课时安排是难以满足学习需求的。综上所述：学习辅助环境分析，结合教学生态的理念与慕课这一新课程形式，基于调和市场需求与网页设计课程之间的矛盾等方面因素，提出慕课视角下研究与探讨其教学生态模式的构建策略。

2.慕课视角下分析构建网页设计课程教学生态模式的策略

主要分为以下六个方面来分析慕课视角下网页设计课程教学生态模式的构建策略：

2.1从市场需求的角度来设计课程内容

从网页制作、网站开发和管理人员的市场需求的角度进行分析，挖掘社会对网页设计的工作人员的深层要求，并与计算机网络技术专业的人才培养方案进行具体比较研究，理清培养方案与人才需求之间的差异。从市场需求的角度来设计网页设计课程的教学内容，做到学以致用、学能所用，使学生在学校学习的知识和技能能与实际应用相结合，使其在毕业后能很好融入到具体工作中。

2.2以模块来划分课程内容

根据网页设计课程的特点和人才市场对网页工作人员的具体要求，来确定网页设计课程的具体内容，根据各课程内容的特点，将其进行教学内容的模块化设计，利用各个模块之间的联系，并从各自特点的角度出发，来规划与安排相对应的教学形式，并在具体教学模式的指导下，将慕课应用其中，来处理其中的课程资源、教师与学生各自的地位与作用、教学过程管理与课程考核等相关方面内容，用以形成具有一定指导与借鉴的网页设计课程教学生态模式。

2．3多种慕课方式应用

根据具体教学内容具体分析的思路，将多种慕课方式应用到具体的课程教学模式中，来构建多种不同的教学模式，以此来实现教学生态模式的目的。笔者认为可以对模块化的内容进行资源分析，将各种不同的慕课方式进行最优化的设计应。可采用借鉴的方式，将网页设计相关的优秀的、成熟慕课应用其中，也可根据具体的情况来自主设计相关的慕课视频资源，将各种不同的慕课方式应用到具体的教学模式中，动态观察各个要素之间的作用和地位，实时调整过程监控和教学评价。

2．4选择线上与线下相结合的教学模式

依据上述的分析：将市场确定课程内容、课程内容模块化划分、教学模式多样性与慕课进行结合应用，以此来构建课程的教学生态模式。慕课为传统的网页设计课程的课堂教学提供优质的资源和相应的在线交互平台，同时网页设计中的相关内容还需要教师采用传统的课堂教学，比如在用CSS+DIV布局的教学过程中，教师的面对面讲授，手把手的上机实训指导的效果会更好，应将线上与线下的教学模式结合起来加以应用。

2．5教师应对教学过程进行监控

在将慕课应用于相应的课程内容教学过程中，应加强对学生学习指导。让学生感觉到现在的学习模式并没有完全脱离了教师，师生还是一个紧密的联系体。学生在线上的学习过程中，教师可根据不同的教学内容提出相应的思考问题和课外作业，引导学生不断头脑风暴，从而更好掌握此内容的学习。

2．6对慕课在网页设计课程的教学生态模式中的定位

将慕课引入到网页设计课程的教学生态模式中，出发点是为了调和人才市场对网页设计工作人员的具体要求、网页设计课程的传统课堂教学模式与网页设计课程特征三者之间的矛盾，目的是为了提高课程的教学效果，不能让慕课牵着课程走，而是要采用合理的分析，结合慕课的在线、开放和视频传输等特点，合理地加以运用。

3．结语

总之，在新技术的不断涌现的大背景下，慕课作为一种新的教学形式，对传统的课堂教学模式带来冲击，我们是全盘接收还是有条件的筛选使用，是每个教学工作者需要思考的问题。而具体到网页设计这门课程中，要根据课程自身的特点与社会需求来合理确定教学相关模块，并依据各教学模块的特点及相关性来设计相应的教学模式，同时可根据教学模式与课时安排之间的矛盾，将慕课应用相关的教学内容中，以慕课视角下的教学生态模式的构建策略进行指导，最终目的是为了更好地提高网页设计课程的教学效果，而并非为了技术而应用。

作者：张琳 单位：芜湖职业技术学院

【参考文献】

［1］张燕红.基于慕课理念的高中信息技术课程教学[J].中国医学教育技术，2015(5)．

［2］黄忆春.从生态学视角看课堂教学活动[J].天津师范大学学报基础教育版，2003．

［3］徐蓉.慕课与思想政治理论课教学生态的优化[J].思想理论教育，2014(5)．

［4］王峰.我国互联网站盘点家族[N].人民邮电，2015(3).

［5］黄丽红.慕课视角下高校思政课教学模式改革的新视角[J].长春教育学院学报，2015(8)．

［6］丁士峰等.网站制作与网站建设实战大全[M].清华大学大学出版社，2013．

［7］蒋文昭，常雅芳.试析高校生态化教学思维方式的转向[J].郑州师范教育，2014(9)．

［8］潘璋荣.慕课与翻转课堂琐谈[J].新课程研究,2014(9)．

［9］平萍.教育生态学视角下大学英语课堂构建研究[J]．安徽大学学报，2014(7)．

［10］张琳.慕课视角下网页设计课程的教学生态模式探究[J].电脑知识与技术，2015(7)．

篇5

1、视觉形式是网页设计的外在表现

视觉形式是反应具体事物美的特征内容的外在形式，包括“外形式”和“内形式”两个方面。文字、图形、视频是网页设计的视觉传达要素，点、线、面是网页设计中的特殊视觉形式[2]，这些是网页设计的“外形式”。而网页设计的“内形式”是视觉要素按一定的规律组合起来，以完美表现内容的结构形式[3]。网页是通过视觉元素引入、被受众关注，从而实现信息的传达，这就要求网页的设计必须适应受众的视觉在心理和生理上的需求特点，遵循视觉的构成形式规则，确定各种视觉元素之间的关系和秩序。将信息准确的传达给受众，以满足受众的使用和需求，并通过独特的艺术风格突出网页内容和设计目的。根据网页的特点、设计内容、设计目的，将网页设计中的文字、背景、按钮、图标、图像、颜色、导航等外在视觉元素，以点、线、面，灰、白、黑，色彩对比等方面的形式构成，进行网页设计。点的形态在空间中产生活泼、轻松的视觉效果，点的构成具有体现局部细节、集中视线、突出主题的视觉作用；线的形态在空间中产生方向性、条理性的视觉美感，线的构成具有体现平面分隔、类型划分的视觉作用；面的形态在空间中产生完整、稳重的视觉效果，形成多层次感、纵深感、统一画面的视觉作用。例如阿迪达斯的官方网页（图1），网页整体是由多幅图片构成一个完整的四方形面，当受众进入网页，使受众产生稳重、值得信赖的第一感觉。相对整体的页面而言，图片就一点的形式存在，在规整的视觉感上添加了活泼感、多元素性、多方面性，与阿迪达斯运动、活力的特点相吻合。以图片为参照物，图片间的空隙成为网页中线元素，将图片贯穿、连接，构成完整的面。当鼠标放到图片上，就会出现相应的文字，但又不破坏整体的构成形式。文字、图片以点线面的形式存在整个网页中，通过相互对比、相互作用，形成了统一、活泼的视觉心理感受。网页设计无论运用何种视觉形式，都要将文字、图形、色彩这些元素构成一个完整、统一的设计风格，也就是网页的整体性，网页设计在总体上整体统一，在细节上变化多样，达到形式与内容、局部与整体的统一，形成视觉艺术效果的吸引力和视觉空间秩序。网页设计运用不同的视觉要素，不同的构成形式规律，形成了不同的艺术风格，根据不同的网页内容、不同的设计目的，运用恰当的视觉形式法则，通过对比、连续、重复、比例等方式，表现出严谨有序的网页设计概念。符合人们的视觉逻辑、视觉美感，提高信息的视觉识别性，有意识的引导受众顺着网页设计、网页视觉流程迅速感知所传达的信息，达到网页的设计目的。

2、功能特征是网页设计的内在基础

伴随着网络的快速发展，网页已经成为网络信息表现和思想传播交流的主要形式[4]。网页作为信息传达的新载体和重要的传播途径，信息传播功能就成为网页设计的基础。网页设计的视觉形式服务于网页的主题，这是网页设计最重要的一条规律，设计的形式既要实现功能，又要表现视觉美感，美感和功能相结合，就是为了更好的表达主题[5]。这就要求网页设计在追求视觉形式美的同时，文字、色彩、板式、图形等视觉元素必须适合主题，与网页的内容、性质相一致，体现网页的功能特征。网页根据功能、内容的不同，大致可分为及时性新闻网页、政府官方网页、品牌商业性网页和论坛交流性网页。搜狐、雅虎等及时性新闻网页（图2），主要的特征就是信息量大，针对的受众范围广泛，为了满足不同层次和不同领域的受众的信息满足和功能需求，网页的视觉表现形式就需要适合受众的审美需求，并及时的可以找到相关信息，这就需要根据网页不同板块的功能进行设计。文字就成为这类网页的主要视觉元素，文字的字体单一、易识别。由于信息量巨大，线条和色彩就成为划分区域的界限和标志。图片在这类网站中起到对主要信息、新闻的强化点缀作用。政府网站则显得十分正式和严肃，对于文字、色彩的运用有着十分严格的要求。中华人民共和国政府的网页以中国国旗的颜色——红色为主体颜色，色彩搭配显得庄重、严肃，视觉表现形式规整统一、简单直接（图3）。和搜狐等及时性新闻网页相比，对于视觉形式要求更加严格和简单。耐克、三星、摩托罗拉等商业品牌网站，相对于以上两种网页，属于品牌商业性质的网站，对于视觉表现形式的运用就显得更加自由。主要的功能是宣传自身品牌，展现产品理念。这类网站的设计主要结合品牌特点，没有固定的文字、色彩要求，可以运用对比、互动、视频等不同的表现方式。例如三星的网站（图4、5），根据产品的不同，图片、色彩也就不同，但是整体的版式、形式具有统一的框架结构。从以上几种不同性质的网页分析中，可以看出，网页设计中的视觉元素的运用，都是以网页的功能为基础，网页的不同功能又是通过不同形式的文字、色彩、图形、版式进行视觉表现，只注重唯美的视觉表现形式，强调独特性、个性的设计风格，而忽略了功能特征的网页设计会失去网页的存在价值，造成信息的混乱，误导受众产生歧义。只重视主题思想的条理性，而忽视觉元素的形式表现，网页设计将会失去生命力，显得空洞无力，削弱了网页的最佳诉求效果。网页设计只有结合网页的主题内容，以适当的视觉表现形式，将功能与视觉形式有机地结合，实现网页的设计目的和要求。

3、技术性是网页设计的结构框架

网页从最初的简单字符的静态网页，到现在运用最为广泛的图形并茂的网页，再到最新出现的动态交互式网页，都是随着技术的不断更新而发展的[6]。技术性也就成为了网页设计的结构框架基础，成为网页的存在价值的结构基础。技术与功能有着密不可分的关系，人们对于技术的探索是在功能的不断更新之下完成的，当功能的缺陷、不足被发现后，才会有技术的推陈出新来解决和完善功能，使得技术不断成熟，有了更多的表现形式，从而通过功能效用的改善，使受众在心理和生理上获得享受[7]。可以说，一个新的技术原理的应用可以为人们开拓出一个全新的活动领域，技术的可能性成为人们审美创造的现实物质基础[8]。网页的技术性为受众、客户提供了一个全新的艺术形态。网页设计的技术性指的是，网页设计是运用相关的编程技术、媒体技术、电子技术等实现网络视觉表现效果的方式、方法。最初的网页设计是以简单的文字比安排为主，信息量少，并却缺乏视觉美感。随着图片技术的加入，曾加了网页设计的视觉表现形式，活跃了网站的整体氛围，受众在浏览网页时，满足了审美心理上的享受，使得信息流通和关注程度得到提高。动画、视频技术在不断的运用到网页设计之中，这些技术极大地满足和丰富了受众对网络信息的接受和传播。动画具有很强的视觉冲击力，与静态的文字、图片相呼应，可以达到动静相宜的视觉效果。视频具有信息丰富、传达便捷、表现灵活等，其它视觉元素所不具备的特征和优势，适用于不同文化层次的受众，同时形象生动，具有较强的吸引力。网页设计的技术性是隐形的特征，只有通过页面的视觉形式表现出来。相比之下，广播、电视、报纸等媒体都是以线性的方式提供信息，也就是按照信息的要求和事先确定的格式来传播。在网络的环境中，受众不再是对于信息的被动接受者，而是以主动参与者的身份，加入到信息的接受、处理和之中。庞大的信息量充斥着整个网络，那么网页中信息的链接导航设计就成了网页设计中最为重要的一个方面。以技术作为框架，形成完整、合理的信息链接框架，再通过视觉元素将其视觉化，引导受众可以选择性的认识、运用和接受信息。这种持续的交互性，是以交互的技术为支持的，如阿迪达斯的网页，网页设计虽然是图片元素展现网页的主题内容，但是当鼠标移至某一个单独的图片时。就会显现相关的文字主题，凸显品牌产品的特征，或企业的某一个理念，使得受众产生趣味性的同时，并与不同的受众产生信息选择互动，根据受众自身的喜好，选择的接受了企业信息，了解了企业的产品。网页设计的视觉表现形式以技术为框架结构，技术性又通过视觉元素将其展现。

篇6

【关键词】网页设计；DIV+CSS布局技术；图层；运用

一般情况下，网页设计主要是以Table形式为主，其主要原因在于Table在布局设计上具有一定的简便性、操作简便、速度快的特点。网页设计人员可以利用图像编辑器对图片进行剪切等操作，在编辑器中形成最终成像。但是Table的源代码较为复杂，且页面经常和Table混杂在一起，导致信息的查询十分困难[1]。DIV+CSS布局技术应用很好的解决了这一问题，不仅提升了网页的浏览速度，同时也将传统网页格式进行了优化，实现了CSS共享。文章中主要针对DIV+CSS布局技术在网页设计中的运用进行了思考。

1 DIV+CSS布局技术

1.1 DIV技术

所谓DIV+CSS布局技术，也就是在XHTML网站中得以应用的布局技术，这一技术脱离了传统的Table技术，通过DIV+CSS的形式完成各个网页中的定位。其中DIV元素主要是为HTML文档提供结构与背景的元素，DIV元素能够将文档分割成几个不同意义的模块，而DIV中的起始标签与结束标签之间所涵盖的所有内容，都是组成该模块的主要元素，这些元素属性是受DIV标签属性影响进行控制的。

1.2 CSS

CSS为层叠样式表，主要作用于网页样式的控制，也是分离样式信息和网页内容的标记性语言，通过CSS的运用，能够将页面布局进行很好的控制，并实现结构和格式分离，从而通过相关技术的运用制作下载速度更加快捷、体积更小的网页。

1.2.1 CSS语法

CSS的基本语法为 Selector{Property： value；}，Selector为选择符，Property是该命令的基本属性，value是具体数值[2]。Property和value之间需要以冒号分隔开，如果出现多个定义的现象，需要用分号进行分隔，例如下列CSS语法：

body{ margin：0px； padding：0px}

li{list-style：none}

div#test{vertical-align：text-top}

2 DIV+CSS布局技术在网页设计中的运用

DIV+CSS布局技术在网页布局中加以运用，首先要划分基本区块，一般是将网页划分为几个模块，并分别设置各个模块中的具体内容，例如页面头部、页面主要内容、页脚等；其次需要利用ul/li元素显示网页信息列表，ul/li元素可以完成网页结构化列表的划分，并且主要运用于网页导航菜单设置、主要新闻标题列表与信息等元素[3]；最后，进行动态链接设计。动态链接在网页设计中的一个重点内容，通常链接主要分为以下几种不同的状态，即a：link、a：visited、a：hover、a：active，这几种状态分别表示的是默认状态、访问过状态、鼠标经过状态以及激活状态。对其进行定义时，若要全部定义，那么定义的顺序将不能随意更改，也就是以link、visited、hover、active的顺序进行定义。

将DIV+CSS应用于网页设计中，也可以将该布局技术作为网页设计的基准，辅以相应的设计手段，实现网页的设计。在设计的过程中，一般体现为以下几点内容：① 改变传统的网页制作思路。以往进行网页设计时，要先对网页的外观进行全面的考虑，协调色彩搭配的合理性与美观性，而运用DIV+CSS布局技术之后，则是要实现对页面内容语义以及结构进行考虑。所以，在DIV+CSS布局技术的运用过程中，设计人员要将传统的设计观念转变。② 转变设计重点。运用DIV+CSS布局技术，会降低Table所发挥的功能作用，将作为基础元素应用于网页的设计，也就是作为显示组织数据用，无法再作为网页布局主要工具发挥作用。所以，设计人员在进行网页设计的过程中，需要转变设计重点，将目光放在DIV+CSS布局技术中。尽管CSS一直以来都是网页设计中的重要内容，然而其主要作用只是加强网页特殊效果，在转变设计重点之后，CSS元素可以应用于网页的布局设计，这也为加深设计人员对DIV+CSS布局技术的理解发挥了重要作用。另外，XHTML语言也是网页设计中的重点内容，在运用DIV+CSS布局技术之后，网页布局的代码需要手工编写，所以，设计人员也要能够熟练的运用XHTML语言。

结束语：

DIV+CSS布局技术在网页设计中加以运用，不仅能够突破传统设计中存在的局限性，同时也可以优化网页设计格式，在原有的基础上将网页内容与排版进行优化。文章中从网页设计的几个阶段，对 DIV+CSS布局技术在其中的运用进行了阐述，希望能够为今后网页设计带来更大的优势。

⒖嘉南祝

[1]郑宁宁. 浅析DIV+CSS网页设计技术[J]. 山东省农业管理干部学院学报，2008，06：169-170.

[2]刘军华，陶永进. DIV+CSS网页布局技术中盒子模型的应用研究[J]. 长沙通信职业技术学院学报，2012，04：35-39.

[3]李双远，李阿辉. DIV+CSS技术在网页布局中的应用实现[J]. 吉林化工学院学报，2014，03：90-93.

篇7

前言

近年来，互联网技术飞速发展，人们浏览信息不再局限于报纸和电视，信息的交流也突破了地域、文化以及时间的限制，信息传达的速率发生了质的变化。网页作为互联网的基本单元，优秀的网页设计是互联网用户舒适浏览信息的首要前提，古网页设计者在设计网页时必须综合考虑各方面因素，做到在信息传播的同时，满足大众的审美需求。

网页设计的构成元素

1.文字的编排

文字是网页设计最基本也是最重要的构成元素，相比于其他视觉元素更易于辨识和理解。文字编排质量的好坏直接影响着网页的整体效果。在网页中，文字的作用主要是传达信息，给人以最直观的视觉感受，所以在编辑文字时不应过于复杂，最好简单易懂，同时注重页面的整体效果。最重要的是，文字的编排和设计要与主题相契合，如历史文化方面，字体应带有一种古朴的风格；政府教育方面，应注重文字的规范性；旅游娱乐方面，文字编辑可使用轻快的风格等等。

2.图片的运用

图片是网页设计重要的构成元素之一，能够在第一时间为用户提供视觉上的信息，具有直观、形象生动的特点。图片既拥有色彩的艳丽，又拥有文字的锐利，能够起到比文字更深刻、形象的作用。在网页设计中，图片往往是网页风格表现最具决定性的元素，优美的图片是吸引用户点击的主要因素之一。因此，网页设计者在进行网页设计时，应根据具体的要求合理的选择图片的大小、分辨率以及对图片进行适当的优化，以符合主题内容。

网页设计中的审美原则

随着人们生活节奏的加快，人们对于事物的欣赏观念处于不断的变化之中，但对美的追求的本质是不变的。作为网页设计重要的一部分，优美的页面会给用户营造视觉上的盛宴，故网页设计有一定的审美原则。

1.总体协调，局部对比

网页设计中，图片、文字以及色彩之间讲究平衡，在视觉上看起来自然合理，最好用简洁的页面凸显出内容的质感，设计者根据题材风格选取合适的色彩填充，达到静态和动态间的平衡。此外，局部内容互成对比，凸显出中心主题，让浏览者在视觉上找到平衡。

2.富有节奏感

在音乐领域，音符讲究节奏和韵律，在网页设计中同样如此。互联网用户在浏览网页时，如果网页像音乐符号那样跳跃出来，会带给观众更加美好的体验。

网页设计中平面视觉传达的局限性

1.被动选择

人们在浏览网页时，会根据自己的爱好选择相应的网页，很多信息很容易被浏览者忽略，这就是所谓的信息被动性。在这种情况下，网页的设计是挽留住人们视线的一个重要因素，这就要求网页设计者具有较高的技术。

2.版面的局限性

网页设计由于受限于计算机本身的容量，设计者在进行版面设计时往往由于空间的限制而使得平面设计的优势得不到充分发挥，导致在视觉上无法给人带来强烈的冲击力。

3.技术要求较高

优秀的网页设计者，不仅需要熟练掌握计算机技术，还必须对平面设计方面的知识有深刻的了解。对于平面设计者而言，全面掌握计算机语言是一件相对困难的事，而对于计算机人员，在平面设计和创新方面又不够专业。因此，由于这些因素的影响，优秀网页设计人才相对匮乏。

提高网页设计中视觉信息传达有效性的方法

1.高效运用多媒体技术

随着科技的迅速发展，多媒体技术也越来越先进和多样化。在网页设计中高效的利用现代先进的多媒体技术，可以促使页面版式更加美观，音频效果更加逼真，整体色彩更加协调。除此之外，综合运用多媒体技术，还可以帮助浏览者更加便利了解网页的基本信息，在各方面提升用户的浏览网页的舒适感。

2.增加互动性

提高人们的参与性，使用户在互联网的引导下变被动为主动，从而满足用户个性化需求，促进用户更深层次的了解网页。例如：运用三维动画技术，让用户在观看虚拟产品时产生逼真的感觉，增强用户对产品的认识，使页面更具视觉感染力。

结束语

网页作为信息的载体，综合运用文字、图片、色彩等元素，给互联网用户提供了一个丰富多彩的信息平台，同时网页设计是平面设计在网络平台的延伸和发展，，在视觉传达方面的应用两者存在很多相似之处，带来人们美的感受。因此，将平面设计传达与网页设计相结合，既有利于更好网页的产生，也有利于平面设计传达得到充分发挥。

篇8

【关键词】网页设计；教学改革；任务驱动

在信息技术飞速发展的今天，计算机的应用几乎渗透到社会的各个领域，互联网的迅速发展更是为中职计算机专业学生的发展提供了良好的机遇，截至2012年1月，全球网站数量为5.55亿个，比去年同期翻了一倍。社会对网页设计从业人员的需求激增，但我们的毕业学生并不能真正的进行项目的开发，这就对我们的教学提出了更新的要求。如何改变学生现有的知识水平与操作技能，增强他们的职业竞争能力迫在眉睫。《网页设计》课程改革势在必行。

一、课程现状及存在问题

1.课程特点

《网页设计》是一门由很多知识综合而成的。主要包括：图形图像处理、动画的制作以及HTML语言、JavaScript语言、CSS+DIV等方面，涉及的软件主要有DreamWeaver、Flash、Photoshop等，它们相互渗透和依赖，构成一个科学的、完整的课程体系。

《网页设计》侧重学生对网页的设计技术掌握和实际应用能力培养，为了保证实训教学能够达到培养目标，因此要求课程在对图形、图像和声音处理能力强的计算机房进行，这样既可以锻炼学生的动手能力，又可以激发他们的学习兴趣。

2.学生分析

本课程主要针对的是中职二年级学生，中职学校的学生一般都是中考落榜生。他们在初中阶段由于不能实现预期的学习目标，学习上的挫折使他们失去了学习的信心和进取心。他们的接受能力和动手能力很强，但自我约束力差，学习积极性不高，职业竞争力更是无从谈起。

3.存在的问题

分析了课程特点及学生特点之后，我认为，我校的《网页设计》课程存在如下问题：一是课程教学内容过于分散，现状是把课程分成三部分，由三个老师在三个学期分别讲授，这使得本来是一个整体的内容无法集中，学生形成的知识体系也自然是分散的；二是教学内容部分知识更新过缓，无法满足当前社会需求；三是教师的教学方法有待改善，教师应该做到授之以“渔”，而非授之以“鱼”，学生的状态是学而不会用。

二、教学改革措施与方法

1.课程安排的改革

将课程设置作如下安排：一个班的授课由三位教师改为由一位教师完成，授课时间由周6节改为周16节，授课学期由三个学期改为一个学期。这样，整个教学过程既能保证前后的连贯性，又能保证知识的完整性。

2.教学内容的改革

在教学内容安排上要以实际项目或目前应用中的项目为教学内容，让学生参与到实际项目的研究内容中去，从项目制定、需求、开发、测试的全过程安排教学内容，从“因材施教”转变为“因需施教”，从而调动学生的学习主动性和热情。整个教学的流程如图1。

3.教学方法的改革

采用任务驱动教学法，所谓“任务驱动”就是在学习信息技术的过程中，学生在教师的帮助下，紧紧围绕一个共同的任务活动中心，在强烈的问题动机的驱动下，通过对学习资源的积极主动应用，进行自主探索和互动协作的学习，并在完成既定任务的同时，引导学生产生一种学习实践活动。“任务驱动”是一种建立在建构主义教学理论基础上的教学法。它要求“任务”的目标性和教学情境的创建。使学生带着真实的任务在探索中学习。在这个过程中，学生还会不断地获得成就感，可以更大地激发他们的求知欲望，逐步形成一个感知心智活动的良性循环，从而培养出独立探索、勇于开拓进取的自学能力。

在制定任务时，要进行科学规划，力求所制定的项目不仅有利于教学的开展，而且有利于调动学生的学习积极性。要对具体的任务提出明确的知识目标和能力目标。我们将《网页设计》课程的总任务确定为开发一个企业的网站，并根据其涉及的知识点，将课程总任务划分为若干个子任务，每个子任务再根据知识点划分为若干个由基本知识、基本操作构成的实验任务。

三、基于认证的课程培养模式

目前社会就业对网页设计人才需求的缺口较大。针对一部分学生对网页设计有较大兴趣的实际，努力培养学生成为从事网站开发、WEB技术等方面专业技能的IT高级专门人才。依据目前网页设计认证方向和学生的经济承受能力，可以选择ADOBE网页设计认证作内容作为培养方向，在教学内容、网站设计中穿插一些网页认证的教学设计，起到以点带面、提高学生就业能力和水平的作用。通过网页认证知识的学习，促使学生不仅能学到新的和社会接轨的知识，还可以通过参加认证考试，获得相应网页设计认证证书，提高学生的专业技能和就业能力。

四、结束语

经过多年的教学改革，笔者发现网页设计课程改革最重要特点是，必须适应社会就业需求。课程定位要明确与相关岗位技能全面接轨，培养网页设计能力、网站管理能力、创新能力、沟通能力和团队合作能力等五大关键能力。课程改革通过项目引导，工学结合，精心选取典型的实用案例，形成循序渐进、种类多样的教学项目。同时加强与相关合作单位的实际交流。课堂教学与面向用户体验的网络教学相互补充，依托丰富的网络资源，使得课程教学不再局限在小规模的案例范围内。利用大量多媒体课件、课程录像、习题库、试题库等手段，满足不同基础的学生进行自主学习。基于认证的培养模式则作为课程改革的配套措施，极大地调动学生的学生积极性，提高学习效果。

参考文献

[1]杨宁.浅议《网页设计》课程改革[J].中国科技博览,2009(26).

篇9

关键词：工作过程；网页设计；课程体系

“基于工作过程系统化课程模式”最早在20世纪90年代，由德国不莱梅大学技术与职业教育研究所FelixRauner教授和他的同事提出。其内涵是以学生的职业能力为中心，将“教学过程”转向为“工作过程”，将现有的学科体系转变为行动体系，使学生在“工作”中学习，培养学生的职业能力。

1 “基于工作过程”的网页设计课程特征分析

基于工作过程的课程开发是一种变革式的改革，其在课程目标定位、课程内容组织、方法设计等方面不同于学科体系课程设计的特点。

1.1 “基于工作过程”的网页设计课程目标定位

通过调研，社会企业对网页设计人才的职业岗位能力主要集中在项目开发、创意思维、动态网页制作、相关动画制作等方面。概括而言，网页设计课程定位于培养网页设计师以及高级网页设计师。其专业理论课程教学与技能教学相结合的特点要求学习者要掌握网站开发的经验，包括网页设计思想、搜索引擎优化、域名管理、网站CMS系统、PHP/ASP编程等高级技术。

1.2 “基于工作过程”的网页设计课程内容组织

基于工作过程的课程内容组织是以工作过程的系统化为基点，而非学科体系架构的系统化。传统的学科体系课程内容组织是以“平行结构”为主，而工作过程导向课程是由人的认知规律到职业工作顺序，呈现出一种“串行结构”；其次，按照工作过程序化知识，并不意味着对陈述性知识即理论知识的弱化，而是以工作过程为参照系，将陈述性知识有机的嵌入到工作工程当中，实现对过程知识的诠释和补充。课程内容基于工作过程而又高于工作工程，将教学过程与工作过程紧密结合，使课程内容能尽可能地与工作过程一体化。因此，课程开发要因地制宜，结合地方和学院的实际，在现有的条件下进行；其次，课程开发离不开周边的环境和背景，都有被“本土化”的倾向；三是以课程开发为基点，树品牌，创名牌，以品牌开拓市场，以名牌掌控市场，走有“区域特点、校本特色”的创新之路。

1.3 “基于工作过程”的网页设计课程评价

“基于工作过程”的网页课程的设计从目标的确定到选择内容，到活动的设计，以及计划的实施，不一定都能产生预期的教学效果。为此，必须结合行业、企业现状，最大限度的融入企业元素，力争教学效果校企共评对课程作适当的评价，这是完整课程结构中不可缺少的一个环节；是促进课程不断改进、完善，教育质量逐步提升的必要环节。

2 “基于工作过程”的网页设计课程体系构建

构建“基于工作过程”的网页设计课程体系是一项全方位、多渠道的系统工程，需要从目标定位、课程内容、组织结构等方面进行不断优化。

2.1 网页设计课程目标定位与职业定向相结合

在传统社会中，社会生产发展缓慢，技术水平要求不高，职业岗位相对稳定，因而职业教育可直接面向生产实际需求，而当代社会职业岗位多样化，并不断提高技术水平以及技能的强度，职业变动频繁，教育开始从职业岗位逐渐扩展到职业生涯。因此，网页设计课程目标定位应充分关注行业或职业的各个方面，以“工作本位为导向”的同时更应考虑学生的长远需要，适应学生未来的职业定向。

2.2 网页设计课程内容组织与工作过程相衔接

网页设计的课程内容的选择与职业岗位群的相关程度越大，就越能符合课程建设的标准，也越能提升学生的核心竞争力。因此，课程设计人员应有工作本位学习的理念，以职业以及工作本位需要为依据探索如何组织课程内容来培养专业人才，选取符合生产、服务、管理一线直接需要的经验和技能，最终实现课程内容与实际工作相衔接的格局。

2.3 网页设计课程组织结构与行业组织相对接

在整个教育体系中，学校是课程实施的实体机构。顶岗实习、校企合作等人才培养模式是学校―行业对接交流的一大特点，也是教育的创新点和突破口。网页设计课程组织结构要坚持改革创新，与时俱进，不断加强与企业力量的联系，把优秀的行业资源以及企业人文精神引进课程，积极创设条件，构成学生与员工，课程与工作本位的互动交流，安排课程设置人员到基地或优秀企业考察实践，亲身体会，从而达到课程与工作本位交替结合的良好效果。学校需要通过实验室和实训中心的设立，或开设校办工厂与企业合作办学等方式保证课程的实施。

3 结束语

基于工作过程系统化的课程强调对工作过程性知识和经验性知识的学习，符合培养高素质技能型人才的要求。实践表明，基于工作过程系统化的网页设计课程体系构建主要是通过校企合作、工学交替和岗证结合的教学模式来处理好工、学、岗、证四者之间的关系，使它们能更加稳妥地渗透于课程体系中。

[参考文献]

[1]姜大源.关于工作过程系统化课程结构的理论基础[J].江苏：职教通讯，2006（5）：7-9.

篇10

关键词： 网页与平面设计　色彩　心理学

        1　网页的平面设计

        每个网站都是由诸多网页构成，故网页是构成互联网的基本元素。我国这两年的网络发展非常快，网站数量也以倍率增长，然而网页的设计却不容乐观。除了一些大的专业网站在版面的编排上比较讲究之外，其他很少见到界面设计考究、美术创意优秀的中文网站，这是因为没有和平面设计紧密结合。网页本身就是无数个“页面”的平面，平面设计规则也适用网页设计，网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，才能设计出符合审美规则的网页。故设计者应该巧妙利用平面设计的设计规则，结合网络媒体的特点，认识网络，了解平面的特征，才能使网页更加适合于网络上的传播。

        平面设计中如变化和统一、条理与反复、对比和调和、均齐与平衡等，对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强的同时又要有变化，怎样使它们脉络清楚又富有清晰的视觉效果等等。例如哈尔滨商业大学设计艺术学院网页设计之欢迎界面，在黄色的背景衬托下，各种线条贯穿其中，运用平面设计中的图形设计加以修饰，增加网页设计的美感和大众的视觉审美需求。符合设计学院的设计的理念，又有学术机构的沉稳。内容与形式的表现达到了高度的统一。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。哈尔滨商业大学设计艺术学院网页设计之主页设计作为设计的主体，如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。主页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。再次，网页版式的新意，网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化地表现出来，是一种具有个人风格和艺术特色的视听传达方式，它在传达信息的同时，也产生感官上的美感和精神上的享受。哈尔滨商业大学设计艺术学院网页设计的版式设计赋予了很多心意，版面运用欢快轻盈的风格进行设计，打破常理设计规范，有鲜明的节奏感，给人以生机盎然的感受，版面中的文字和图片利用线条隔开，主题突出，追求某种富于活力的图文编排与设计。

        2　网页视觉设计中色彩的设计