网页设计特点分析范文

网页设计特点分析篇1

【关键词】 页面样式设计 角色浏览 Banner图示 适应网页设计

创建面向用户的远程教育门户网站是高校远程教育机构进行信息化建设和大学文化建设的重要内容。“远程教育网站”通常被称为远程教育的网上“门面”。它既是服务师生的平台，也是对外宣传或展示自己办学实力及服务能力的重要窗口，也是传递大学文化的有效载体。其中，网页样式设计起关键性作用。

一、综述

远程教育网站应该尽量做到门户结构清晰，页面精美，访问快捷、功能实用。主要包含：整体布局要求和网站整体设计风格统一；界面设计体现用户相互之间交流互动的特色；网络响应速度应该尽量快，更快的信息访问速度、更加省时和智能化的用户界面；更简便、智能化程度更高的浏览查询流程；后台管理功能强大、录入效率高；易于查看网民的建议和评论以及后台信息。一个网站门户的主页面通常由Logo、导航、Banner、内容、链接、版权这六部分元素组成。有研究认为，网页布局包括传统“T”型布局、上下对照式布局、“上中下”“三”字布局、左右对称型布局、“回”字形布局、“同”字形布局、“国”字型布局、“川”字型布局、氛围式布局、POP海报四、式布局、“杂物箱”布局、“人物风格化”布局、封面型布局、简约型布局、综合型布局、瀑布流式布局等，这是基于对网页结构“形式”的划分。每一类型的页面样式都具有统一的构成元素，但彼此间又有自己独特的布局特点，因而呈现出不同的网站视觉效果和网页设计风格。

二、页面样式的分类特征

1）“简约式”。“简约式”的特征是页面主体“一屏显示”、布局简洁。在主流显示分辨率下，网站浏览者不再需要上下、左右的拖动鼠标，即可实现页面主要内容的相对完整的浏览效果。2）“图片动画式”。“图片动画式”的特征是布局简洁明晰、页面图片感强烈。一个精彩的网页缺少不了图片，如图片按钮、翻转图片、滤镜、透明图、导航图等，图片往往在网页中起到画龙点睛的作用。图片传达信息的直观性与寓意性远远超过文字，大号图片的应用也是简洁设计的一种体现，可以明确的表达网站诉求。3）“完整式”。“完整式”的特征是布局规整秩序、信息直观、“多屏显示”、视觉感强。网站页面组成元素之间，既错落有致，又和谐统一，营造出的良好秩序感。一般按照分列样式布局设计，以字体的大小对标题文字与正文内容加以区分，区别于以往栏目图标的复杂显示效果，具有“扁平化”的设计特点。

三、页面样式的特色功能

1）“角色浏览”。“角色浏览”是指网站设计者主观上假定网站浏览者为在读学生、教职员工、考生、访客等不同角色，按照浏览需求对网站综合信息进行分类和聚合，满足不同的访问行为。。在实际应用中，网站设计者运用CSS样式，以达到利用CSS美化网页，统一网站内各个网页风格。CSS样式定义可以用代码编写，也可以借助样式生成器可视化生成，样式可以定义在当前网页，也可以导入外部样式表。优点在于一是简化了不同网页重复的格式设置工作，二是将来只要更新了CSS样式，所有引用该样式的对象都会更新，便于网站的更新和维护。2）“Banner图示”。“Banner图示”是Banner在高校门户网站中“广告”效果的实现和扩展。《设计的法则》中提到：要增加人们的辨识力，让人回想起重要信息，就可以利用“图片优势效应”。用图片加文字，确认强调的是同一信息，以便达到最佳效果。有鉴于此，网站设计者将“Banner”作为一个专题栏目，充分利用其“图示”功能，实现其突出视觉功能的同时，也发挥其强化信息传达效果的作用。网站浏览者进行点选后可阅读，Banner标签包含的图文内容，更新速率频繁，浏览者可以根据时间进行自主选择，又使它具有了“书签”功能的展示效果。3）“适应网页设计（Responsive Web Design）”。如何将日新月异的网络技术应用于高校门户网站，使网站浏览者在各类浏览器终端上，尽可能获得良好的用户体验，是网站设计者思考和努力的方向。网络使用环境复杂而多变，除去传统意义上的台式机和笔记本电脑，又有了智能手机、iPad、iTV等终端。鉴于智能手机和平板电脑等移动浏览器终端的普及，一些远程教育门户网站，利用先进网络技术，创新设计页面样式，来适应和满足各类移动终端的浏览需求。

四、结语

远程教育网站是信息技术和大学文化在网络媒介平台的融合与呈现，网站设计者要做到内容为主，用户至上，提高用户满意系数。设计者应对网站设计进行调研分析，对其页面样式进行规律探析，形成更多系统化、理论化的设计经验和技巧，以此指导网页样式设计实践活动。

参 考 文 献

[1]祝晓铭，王艳平.高校门户网站页面样式设计探析[J]. 电脑知识与技术，2015（VOL.11）第2期：199-200.

[2]华磊，许长安.浅谈网站设计分析与网页制作[J].无线互联科技，2014（08 ）.

[3]威廉・立德威尔，克里蒂娜・霍顿，吉尔・巴特勒.设计的法则[M].李婵，译.沈阳：辽宁科学技术出版社，2010：152.

网页设计特点分析篇2

关键词: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一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。

参考文献

[1]乔慧.Flas在网页制作中的应用及发展[J].内蒙古石油化工,2013(21):68.

[2]关晓轩.Flas在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.

网页设计特点分析篇3

这只是一本适合于大中专在校生、网页设计初学者的入门级读物，但它的确是一本易学实用的书。

书的装帧、版式还不错，印刷也很精美。所有页面底色均罩有一层淡淡的黄色，字号大小适中，阅读起来非常舒服，说明清华大学出版社做书还是很精益求精的。再看内容，作者从视觉传达的角度，对色彩原理进行了讲解，对网站的色彩表现进行了分析；通过色彩分类以及实际的网站配色案例，结合网站结构和功能进行深入剖析，为网页设计人员提供了系统而完整的配色理念和配色方案。同时书中还列举出各年龄段的色彩心理，对网站色彩按照形容词、名词、心理感觉等进行分类；通过对门户类、资讯类、时尚类、企业形象类、电子商务类、文化生活类、政府机构类、娱乐类等站点的色彩构成进行梳理，使读者直观地理解不同类别网站的不同风格。并且还对可口可乐、索尼等著名品牌站点，在风格、结构、色彩等方面，逐一进行归纳和赏析，让读者更加深刻地体会到：色彩是如何在网站信息传达中发挥着重要作用，并怎样对网站功能产生影响的。

光盘文件抓图（光盘里面附有我们常用的色彩文件，非常详细，TIF文件格式）借鉴的。

本书前言：

互联网逐渐跻身于当今传媒的主流。在这种背景下，视觉传达在网络传播中的位置得以突显。人们在进行资料搜索、电子商务和游戏娱乐时，必然借助于便捷易用、赏心悦目的网站界面，同时通过网站界面，可以直观地感受到不同站点的风格和特点，获得更多的网站信息。网站色彩在视觉传达中，能够给人以强烈的第一印象，因此，处于“重中之重”的位置。网站色彩已经成为网络信息时代具有挑战性和创造性的研究课题。

书中列举出各年龄段的色彩心理，并对网站色彩按照形容词、名词、心理感觉等进行分类。通过对门户类、资讯类、时尚类、企业类、电子商务类、文化生活类、政府机构类、娱乐类、个人类和另类站点的色彩构成进行梳理，使读者直观地理解不同类别网站的不同风格。同时对可口可乐、索尼等著名品牌站点，在风格、结构、色彩等方面，逐一进行归纳和赏析，让读者更加深刻地体会到：色彩是如何在网站的信息传达中发挥作用的，怎样对网站功能产生影响；从企业形象的角度，如何运用色彩对网站进行准确定位与推广。总览全书，作者对色彩原理进行了讲解，对网站的色彩表现进行了分析，并通过色彩分类以及实际的网站配色案例，结合网站结构和功能进行深入剖析，为网页设计人员提供了系统而完整的配色系统理论和配色方案。同时，对启发和开阔设计人员的设计思路，也具有一定的作用。

本书主要面向专业的网站设计人员和广大网页设计爱好者，是一本不可多得的网站色彩理论书籍。通过本书，可以系统地学习网站色彩知识，掌握网站色彩搭配技能，提升网站色彩运用理念。也可以将它作为一本字典式的工具书，通过成功的配色方案，以及多种角度、多个案例的结合，为读者的实务设计提供新的灵感和创意点。特别需要指出的是，本书强调了企业形象识别系统在网站设计中的渗入与应用。作者认为，网站色彩是企业形象识别系统中不可缺少的重要组成部分。希望网站设计和企业策划人员通过本书能够得到更多的启示。

本书内容翔实，结构紧凑，覆盖知识面广泛。如果网站设计师和网页设计爱好者们能够从书中各取所需，那正是作者所期望的。同时，由于编写时间较为仓促，书中难免会有疏漏和不足之处，恳请广大读者提出宝贵意见。

本书目录：

网页配色密码

主编：顾群业

作者：宋玉远 张光帅

第一章 网站色彩理论

1.1数码色彩原理

1.1.1 数码技术与互联网

1. 数码软件技术

2. 互联网的功能

3. 网站色彩

1.1.2 三原色原理

1.1.3 色相、明度和纯度

1.色相

2.明度

3.纯度

1.1.4 色彩的对比

1.1.5 冷色与暖色

1.1.6 灰色色彩

1.1.7 色彩恒常性

1.1.8 色彩同化

1.1.9 色彩的易见度

1.1.10 色彩的错觉

1.1.11 色彩的补偿

1.1.12 色彩的膨胀和收缩

1.2 网页色彩的基调

1.2.1 色彩调子的重要性

1.2.2 色彩调子的种类

1.鲜艳色调

2.浅色色调

3.亮色调

4.深色调

5.中色调

1.3 网页色彩的美感

1.3.1 美感与心理

1.3.2 美感与设计

1.4 色彩模式

1.4.1 RGB色彩模式

1.4.2 CMYK色彩模式

1.4.3 HSB色彩模式

1.4.4 Lab色彩模式

1.4.5 Indexed Color（索引）色彩模式

1.4.6 Bitmap（位图）色彩模式

1.4.7 Grayscale（灰度）色彩模式

1.4.8 双色调（Duotone）模式

1. 5 Web 216安全色

第二章 网站的色彩表现

2.1 网页色彩的情感表现

2.1.1 网页设计色彩的情感表现

2.1.2 网页设计色彩的感情分析

1.冷暖色彩对人的情感表达

2.色彩对人的情感倾向性表达

3.色彩的心理联想

2.2 网站的色彩表现

2.2.1 性别的色彩表现

1.男性色彩的表现

2.女性色彩的表现

2.2.2 年龄的色彩表现

1.婴儿、儿童色彩的表现

2.青年色彩的表现

3.中年色彩的表现

4.老年色彩的表现

2.2.3 文化的色彩表现

1.五色（五行）说色彩

2.中国京剧脸谱

3.传统书画色彩表现

2.2.4 商业的色彩表现

2.2.5 城市文化的色彩表现

2.2.6 虚拟网站的色彩表现

2.2.7 自然界的设计色彩表现

2.2.8 流行的色彩表现

2.4 网站的色彩信息量

2.4.1 红色的信息量与网页表现

1.红色配色常识

2.红色的性格特点

3.红色引起的联想与信息

4.关于红色网页色彩搭配分析

2.4.2 黄色的信息量与网页表现

1.黄色配色常识

2.黄色性格特点

3.黄色引起的联想与信息

4.黄色调网站色彩搭配解析

2.4.3 绿色的信息量与网页表现

1.绿色配色常识

2.绿色性格特点

3.绿色的联想与信息

4.绿色调网站色彩搭配解析

2.4.4 蓝色的信息量与网页表现

1.蓝色配色常识

2.蓝色性格特点

3.蓝色联想与信息

4.蓝色调网站色彩搭配解析

2.4.5 黑、白的信息量与网页表现

1.对黑、白的描述

2 黑、白色的性格特点和配色

3.黑、白色的联想与信息

4.黑色调网站色彩搭配解析

5.白色调网站色彩搭配解析

2.4.6 灰色信息量与网页表现

1.灰色性格和特点

2.灰色联想和信息

3.灰色调网站色彩搭配解析

第三章 网站色彩魔法宝典

3.1 按形容词分类

3.1.1 柔和的，柔和的，明亮的

3.1.2 柔和的，洁净的，明朗的

3.1.3 可爱的，快乐的，有趣的

3.1.4 活泼的，快乐的，有趣的

3.1.5 运动的，轻快的

3.1.6 动感的，华丽的

3.1.7 狂野的，充沛的，动感的

3.1.8 华丽的，花哨的，女性化的

3.1.9 回味的，女性化的，优雅的

3.1.10 高尚的，自然的，安稳的

3.1.11 冷静的，自然的

3.1.12 传统的，高雅的，优雅的

3.1.13 传统的，稳重的，古典的

3.1.14 忠厚的，稳重的，有品位的

3.1.15 简单的，洁净的，进步的

3.1.16 简单的，时尚的，高雅的

3.1.17 简单的，进步的，时尚的

3.2 按名词分类

3.2.1 红色(Red)

3.2.2 橙色(YellowRed)

3.2.3 黄色(Yellow)

3.2.4 黄绿色(YellowGreen)

3.2.5 绿色(Green)

3.2.6 青绿色(BlueGreen)

3.2.7 蓝色(Blue)

3.2.8 蓝紫色(PurpleBlue)

3.2.9 紫色(Purple)

3.3 按色彩心理感觉分类

3.3.1 友善

3.3.2 土性

3.3.3 堂皇

3.3.4 神奇

3.3.5 柔和

3.3.6 热情

3.3.7 热带

3.3.8 清新

3.3.9 清爽

3.3.10 平静

3.3.11 流行

3.3.12 烂漫

3.3.13 可靠

3.3.14 活力

3.3.15 怀旧

3.3.16 古典

3.3.17 丰富

3.3.18 动感

3.3.19 低沉

3.3.20 传统

3.3.21 奔放

3.3.22 专职

3.3.23 强烈

3.3.24 高雅

第四章 网站设计实战案例分析

4.1 门户类网站

4.1.1 色彩设计与网站风格

4.1.2 框架及色彩

4.1.3 风格设计的创新与延续

4.2 资讯类网站

4.2.1 网页导航及布局

4.2.2 框架及色彩

4.2.3 风格设计及各类信息

4.3 时尚类网站

4.3.1 流行文化及时尚

4.3.2 风格设计及各类信息

4.3.3 文体时尚

4.3.4 品牌时尚

4.4 企业类网站

4.4.1 企业文化与VIS的统一

4.4.2 风格设计及各类信息

4.4.3 以形象为主的企业网站

4.4.4 以产品为主的企业网站

4.5 电子商务类网站

4.5.1 信息的可信度

4.5.2 框架及色彩

4.5.3 商品信息与网站层级结构

4.5.4 小店铺型风格设计

4.5.5 风格取决于消费者的偏好

4.6 文化与生活类网站

4.6.1 网站文化与网站气氛

4.6.2 框架及色彩

4.6.3 风格设计

4.6.4 女性网站

4.6.5 男性网站

4.6.6 儿童网站

4.7 政府机构类网站

4.7.1 大气的网站风格

4.7.2 框架及色彩

4.7.3 内容简单明了

4.8 娱乐类网站

4.8.1 网站的受众定位

4.8.2 多样的色彩风格

4.8.3 气氛营造与网站风格

4.8.4 影音类网站

4.8.5 游戏类网站

4.9 个人网站

4.9.1 风格多样化

4.9.2 自由的色彩

4.9.3 多样的色彩风格

4.10 另类网站

4.10.1 另类网站的自由与特点

4.10.2 另类网站的独立性

4.10.3 另类网站的多样风格

第五章 经典网站配色与鉴赏

5.1 可口可乐(coca-cola)公司网站

5.1.1 可口可乐公司简介

5.1.2 可口可乐网站页面

5.1.3 可口可乐网站配色采集

5.2 阿库拉（ACURA）汽车网站

5.2.1 阿库拉（ACURA）汽车品牌简介

5.2.2 阿库拉（ACURA）汽车网站页面

5.2.3 阿库拉（ACURA）网站配色采集

5.3 索尼（sony）电子网站

5.3.1 索尼（sony）公司信息简介

5.3.2 索尼（sony）电子网站页面

5.3.3 索尼（sony）电子网站配色采集

5.4 福特（Ford）汽车销售网站

5.4.1 福特（Ford）汽车公司简介

5.4.2 福特（Ford）汽车网站主页

5.4.3 福特（Ford）汽车销售网站配色采集

5.4.4 福特（Ford）汽车发动机内网

5.5 Claren公司清洁护理商业服务网站

5.5.1 Claren公司商业服务网站简介

5.5.2 Claren公司商业服务网站页面

5.5.3 Claren公司网站配色采集

图书在版编目（CIP）数据

网页配色密码/顾群业 主编，宋玉远，张光帅 编著.—北京：清华大学出版社，2006.12

（七彩网络）

ISBN 7-302-14059-6

I.网… II.①顾…②宋…③张… III.主页制作—配色 IV.TP393.092

中国版本图书馆CIP数据核字（2006）第12596号

网页设计特点分析篇4

【关键词】 案例教学；计算机网页设计；教学应用；注意问题

传统的网页设计教学，基本都是依据教学大纲的要求，模式化的开展教学课程，这种教学模式严重限制了学生的思维，不利用学生理论联系实践能力的培养，导致理论与实践相脱节，基于这些问题，引入案例教学，根据学生特点以及当前教学要求，科学选择案例，将教学与实际的工作内容相结合，这样才更加符合当前计算机教育培养人才的要求。

一、案例教学模式内涵以及特点

案例教学，顾名思义就是以具体案例为依托，进行网页设计教学，这种教学方法能够帮助学生掌握扎实的基础知识以及具体实践操作要点，根据教学大纲的要求，明确教学目标之后，教师带领学生一同进行实践学习，通过小组合作、探索研究等方式，对知识进行进一步解析和研究，从而不断提升学生解决问题的能力，此外，教师还应该将学生协调沟通能力、工作作风等方面纳入教学计划当中，从整体上提升学生的网页设计综合水平，在大量的实践调查分析后发现，案例教学能够充分调动学生的学习积极性，同时也能够活跃网页课堂教学气氛，在和谐的师生关系基础上，通过形象、生动的案例教学，学生对网页设计课程的兴趣会更加浓厚，学生亲自参与到网页制作的过程中，教师合理的在各个知识点结合案例讲解，学生对这些知识点的理解会更加容易，记忆更加深刻，理论联系实践意识得以强化，实践能力不断提高，教师在案例教学中充当的是引导者和启发者的角色，指导学生学习的方向，提高学生自主学习效率。

二、案例教学在计算机网页设计中的具体应用

1、案例教学设计

案例名称：某旅游公司“一日游”的专题网页设计

（1）企业概况。本次进行的案例教学，以某旅游公司的专题设计为内容，该公司从事旅游资源开发工作，是一家具有民营性质的合法公司，在庐山脚下，四通八达，以“庐山”为景点的一日游独具特色，价格合理，是针对各个群体要求定制的套餐服务，该公司具有自己的宣传网站，属于“三星级”旅游公司。

（2）“庐山一日游”的主题介绍。人们生活节奏加快，身心俱疲，在周末或者是闲暇的时候，去庐山欣赏自然风光，缓解身心疲劳，通过体验大好的自然风光，唤醒人们对祖国打好河山的热爱，

2、主要教学内容

（1）准备阶段。准备阶段，教师要选择合适的案例，提供给学生，学生根据教师提供的案例，设计主题，进行相关资料的搜集，教师要以学生的兴趣、爱好以及学习特点为依据，选择当前的热点问题，以及学生关心的问题、擅长的问题，这样才能保障案例教学的成功。

（2）明确设计主题。教师首先将材料分发给班级全体学生，根据教学目标和公司情况，明确设计主题，要求学生设计具有风格特色，能够具有市场轰动效应的交互性专题网页。

（3）实践分组。班级全体学生共有45人，以9人为一个小组，共分为5个小组，每个小组选择一名小组长，小组内容自行分配文字报告撰写、资料搜集任务，调查时间为半天，讨论研究时间为半天。在整个实施阶段，教师需要全程参与，并为学生解决各种问题，同时教师要积极与各个小组保持联系，检查他们的网页制作情况，发现问题及时解决。

（4）结束阶段。这个阶段，就是总结网页制作情况，分析问题，总结经验的过程中，案例评价可以通过学生自评、教师评价以及小组互评三种方法进行。

三、案例教学落实过程中应该注意的问题

在开展案例教学的过程中，和谐的学习分为良好的师生关系以及科学的知识体系，是促进案例教学成功的重要因素，因此教师应该更加关注这几个方面，为案例教学的实施提供更好的条件。

1、营造轻松、和谐的学习氛围

开展网页设计教学中，和谐氛围中，学生的思维才能够更加活跃，心理上才会产生安全以及自由的感觉，网页设计、资料整理分析的时候，才能够大胆想象，教师在案例教学实施的时候，切记自己只是引导者，在适当的时候给予学生点拨，但是绝不能代替学生思考和设计，教师应该充分发挥学生的主管能动性，让学生独立完成整个案例教学过程。

2、提高教师素质，构建良好的师生关系

若想保证计算机网页设计案例教学顺利进行，需要教师具备知识洲博、经验丰富的特点，这也是教师为学生传递经验和知识的基木条件。因此，教师必须要不断的学习，以便为学生提供丰富的信息。因为只有这样，才能提高教师的影响力和威信，进而提高教学质量和教学效果。除此以外，教师还应全面、多角度的爱护和关心学生，同时融入学生中间，以便更好的感受和体会其内心世界，进而在做好教师的同时，努力成为学生的朋友。

3、建立科学合理的知识体系，选择合适的教学案例

良好的认知体系，是帮助学生快速掌握消化知识的关键，学生具备了认识和适应环境的基本条件，在学习中就可以不断实现知识的平衡同化，其顺应机能也更加优良。但是良好的认知体系并不是一开始就有的，教师应该引导学生建立固有知识与新知识点之间的联系，以教学大纲为依托，开展案例教学，应保证案例具有较强的针对性，且能充分反映教学大纲中的相关知识点。例如，为网页页面进行布局时，可通过表格、框架和层的方式进行，如为食品网站做简图时：为确定网页的主色调，应将背景图片插在第一层中：为给网页增添活力和生机，可将has插在第二层中：将精美食品插在第三层中：为体现饮食文化，可在第四层中搭配相关歌曲：为增强网页的立体感，可在第五层中添加浮动物体。此外，教师应先鼓励学生使用表格布局解决相关问题，尔后引出层的内涵，进而逐步解决问题，直至完成学习任务。

四、结束语

案例教学是目前网页设计教学中，最为有效的一种教学手段，它的应用，突破了传统枯燥、单一的教学模式，解放了学生思维，教学更具针对性，学生真正成为了学习主体，网页设计本身实践性非常强，教学中必须要综合理论与实践两个方面，案例教学符合理论联系实际的教学要求，能够推动网页设计教学质量与效率的提升。本文从三个方面对案例教学在网页设计教学中的应用进行了分析，希望能够为相关的教育工作者提供一些建议和参考。

【参考文献】

[1] 陈思聪.浅析电子商务案例教学模式[J].教育现代化，2016（10）.

[2] 林丽钗.案例教学在高职教育学中的实际运用[J].科学中国人，2016（15）.

[3] 张善利.试析积极实施案例教学法在会计专业教学中的运用――以中职会计专业为例[J].现代经济信息，2014（22）.

[4] 甄华.C语言案例教学模式在高职教育中的探讨[J].计算机与网络，2015（08）.

【作者简介】

网页设计特点分析篇5

【关键词】网页制作；交互设计

技工院校的人才培养，不仅要求学生完成人才目标的学习任务和技能要求，更重要的是，知识储备和技能要求必须得到就业岗位的认可。

一、技工院校网页制作课程教学现状

网页制作课程是技工院校计算机和电子商务专业的核心课程，这是一门操作性极强、注重知识与应用相结合的课程。目前，传统的教学观念上，强调教师的“教”，缺乏交互意识，同时也缺乏合理的交互设计，课堂上课件、教案泛滥，课程的活动基本没有经过完整的设计，把学生与内容的交互、师生之间的交互孤立起来，教师或学生自以为在完成任务的时候，却没有对学生的学习起到促进作用。

二、“交互设计”式网页制作课

交互设计是从“目标导向”的角度解决用户产品设计。在网页制作课程中，网页就是产品，是这门课程的输出物，课堂教学对结果负责，也是技工教育的目标之一。如何实现网页易用、有效而让人愉悦的目标，如何将目标用户的需求在网页制作过程中体现，本文以某企业网页制作为例，力求通过“交互设计”式的课堂，使学生在自己动手的实践中，掌握技能要求，学习专业知识，构建自己的知识经验和能力体系。

（一）需求获取

这一阶段输出物主要是企业网页的功能需求文档和时间文档，用以描述初步目标的提出，假想可能的解决方案，预估资源等。在这个阶段，可将学生分为若干个讨论小组，假想自身作为企业，对为何要制作网页进行讨论分析，并对制作方向形成初步思路，形成材料文档。

（二）需求分析

本阶段，要关注企业网页的相关历史数据，基于企业网页制作本身，针对不同竞争对手、不同的行业特性做更详尽的资料收集和分析，清晰的分析相似网站的性能和运行情况，同时，这个过程中要关注主流，才能吸引大众。对学生的关键考核点是做必要的头脑风暴，学生能否拿出具有竞争力的分析报告，是交互设计在这个阶段的重要体现。

（三）用户访谈

在企业网页制作过程中，对于一些项目，建议学生能在项目初期寻求一些具体用户的信息，对一些用户属性做好定义，和“客户”交流，正确引导客户将自己的实际需求用较为适当的技术语言进行表达，要求学生主动介入访谈问卷的设定工作，并客观的参与用户调研报告的完成。理解用户，再思考合适的设计，能倾听用户的意见，但决不能盲从。

（四）需求修正

此前所做的需求分析和用户访谈都是为此而准备，这个阶段，要求学生进一步和需求方讨论研究需求的合理性、可行性，做出一定的分析判断，对功能需求文档、企业网页制作目标的设计重点进行明确，并将内容修正。在做到符合满意策略的前提下，不漏掉关键环节。

（五）设计草稿

通过草图设计，学生进入本课程的关键环节，这个阶段的交互对线框草图的形成至关重要。本阶段核心设计点在于需求修正阶段确认的设计重点，要求学生不匆忙着手设计。当学生在电脑前做设计的时候，会不自觉的考虑很多与设计本身无关的因素，而与设计本身联系紧密的因素却容易被忽略，笔和纸能让学生把心思放在设计上，完成此项步骤时不拍脑袋绘制，而是针对核心设计点做调研和分析，在头脑中形成一个即将制作的网页的大概印象，通过手绘出样稿形式，为下一步设计做准备。

（六）设计细化

在设计细化阶段，学生完成核心设计的详细说明，对企业网页制作过程的交互做整体说明。由此制作企业网页的雏形，并基本达到设计目标。在这个阶段，每一个细节都至关重要，尤其是网页页面的完成，学生在进行实操的过程中，教师在一旁进行必要的指导。

（七）“专家评审”

本阶段，交互设计体现在“听、说、想”这三个方面上，教师耐心的听学生讲述网页制作过程中的想法、做法，并做好相关评审记录，结合沟通的内容，确认最终网页制作的方向。学生之间也可以进行相互的“评审”，评审时间不宜太长，抓住关键点即可。

（八）设计优化

设计优化阶段，将网页线框图到核心设计的详细说明再进行一遍过程的完善，这个阶段的投入程度和输出物，直接影响到后续测试的效果，与最终的设计也息息相关。这个阶段可以作为此前除需求分析后各阶段内容再现。

（九）测试验证

一个优秀的网站，一定要测试，测试会提醒你，不是每个人的想法都和你一样，测试总是会有效果。这个环节能够帮助学生最后把关整个网页制作过程中交互设计的合理性，可以采用用户测试，将这个问题转换成测试者的一种认识，要求学生亲自跟进测试并给出最终的测试报告和评估报告，哪些地方是前期没有考虑周全的，哪些点是成功的，哪些点又是必须立即改进的等等……这个阶段要求学生用“鸡蛋里挑骨头”的精神，保证最佳的输出效果。测试是一个迭代的过程，不是做一次就可以了的，这也是要求学生进行数次测试的原因。

（十）完成设计

这是最后的设计阶段，根据前期的测试验证评估报告，要求学生对所有之前的输出物做一次严格的检查和修正，并完成企业网页的最后输出。

至此，交互设计式的网页制作课结束，回顾以下关键输出物：企业网页文件，功能需求目标确认文档、竞争分析报告、头脑风暴产出物、项目初期用户调研报告、核心设计点调研及分析报告、“专家”评审和评估报告、测试报告及页面线框图、核心设计点说明文档。

三、“交互设计”设计策略

（一）学生学习动机

网页设计特点分析篇6

【关键词】网页风格;视觉效果;网页色彩设计;网页创意;图片

随着互联网从无到有，从高端到普及，人们的生活跟互联网变得息息相关，网站和网页成了大众每时每刻都要面对的内容，在浩瀚的网页中怎样让更多的人来浏览、驻足我们的网站，现在成了每个设计网站的设计师们首要考虑的问题，笔者认为在设计时应该考虑如下几个方面：

一、网站风格设计

所谓网站风格是指网站页面设计上的视觉元素组合在一起的整体形象，展现给人的直观感受。这个整体形象包括网站的色彩搭配、文字样式、版式布局、页面内容、实时性、动态性、横幅广告、标语等因素。好的网站都会有自己独特的风格。正是网站拥有的这些独特风格引起众多用户的浏览兴趣，继而提高网站的点击率及浏览量。因此设计者需要根据网站的主题定位不同设计出每个网站的独特样式。网站风格一般要与企业的整体形象相一致，比如说企业的整体色调、企业的行业性质、企业文化、提供的相关产品或服务特点都应该要能在网站的风格中得到体现。网站风格设计要注意以下几点：

1.贴合网站主题，协调运用颜色

要确定网站风格，首先要分析网站主题是什么，还要分析网站的主要受众（浏览者）是谁，主题和受众分析好了，设计者才可以确定网站的主要色彩、色调，因为一个网站的总体印象也就是第一印象是由网站的色彩获得。不同的色彩给浏览者带来不同的心理效应，影响着人们对网站的第一感觉，因此，在色彩设计上不仅要考虑美术效果，同时要考虑色彩给客户带来的心理效应，不同行业、不同性别、不同年龄的群体，色彩选择要有所区分。

2.考虑浏览习惯，注重视觉流程效果设计

所谓“视觉流程”，是指用户在浏览网站界面时的视觉顺序，首先看什么地方，接着再看什么地方，哪些地方会多看，哪些地方会少看，这些都可以通过规划页面视觉流程来实现。通常人们都认为对网站的版式构图、色彩调配、字体、图片等进行设计只是为了实现页面的艺术化效果，其实这还体现着页面视觉引起的客户心理效应的研究。好的页面设计，不仅构图美观，而且充分考虑客户视觉浏览习惯，不仅让进站的客户可以流畅的查看到所需内容，而且让浏览者具有美的享受，进而增加客户浏览时间。所以在设计网页时要合理安排各种网页元素，对页面标题、导航、LOGO、图片、动画、文字等内容的样式设计、位置进行综合考虑，在色彩上有统一也要有突破，同时在位置上符合视觉习惯，突出重点。比如网页中标题习惯放在所处区域的左上方或正上方，并且在颜色或字体样式上与周边内容有区分;导航放在左边或页面的正上方等，这些位置都是体现人们视觉习惯，扑捉画面焦点的地方。在设计时我们既要考虑各种元素组合达到的艺术效果，还要考虑组合形成的视觉效应，充分体现网站主题及内涵。

3.综合规划，合理布局

根据笔者多年来的教学经验发现，很多初学网页设计的人最难的就是将各种各样的网页元素比如文字、站标、图片、动画等放在页面合理位置形成美感，容易将各种元素不加规划的随意放置，整个页面看起来内容繁多而且杂乱，页面内容不分主次，喧宾夺主，没有体现主题，重点不突出，让浏览者很难快速找到所需内容，更别说有独特的风格，这样的网站明显会大大的影响浏览者的心情，降低网站认可度，失去提升品牌形象的功能。所以设计网页时，学会对整个页面中的各种元素进行综合规划、合理布局显得尤为重要。

网页布局就是把网页的基本组成元素在页面内进行合理的安排。目前在互联网上的网页内容千差万别，布局样式也多种多样，但归纳起来大致可分为“亘”字型、“国”字型、“目”字型、“匚”字型、POP布局结构、综合布局结构等。每个网站该用什么布局类型，设计者可以根据网站主题、内容的多少来选择，一般来说，内容少的选择简洁型布局显得干净利落，内容复杂的网站选择“国”字型布局或综合型布局使网页内容井然有序，杂而不乱。总之，设计者最重要的是以客户的需求为中心，把握网站的定位作出合理的框架布局，突出重点，理顺美化页面，当然能让浏览者赏心悦目更好。

4.适当美化，去除冗余

在总体规划设计完成之后，我们需要对整个页面进行重新审视，根据网站主题及风格，看设计是否已经突出想要的风格，还是设计的不够完美，可能有些地方太复杂了，模块分区不够不规范。这个时候就需要对页面进行适当调整。比如页面内容看起来太多的，可以进行适当“留白”处理，在网页设计中，“无意”的留白应与“有意”的造型同样引起足够的重视，因为“无意”的留白空间有时给人的视觉冲击会高于其它的元素所带来的效果。

总之对页面的设计不论是内容还是版式，化繁就简，突出风格，体现主题是关键。对于内容复杂的门户网站，太多的修饰反而会增加浏览者的视觉负担，所以门户网站的设计相对简单，比如搜狐、新浪网等;而对于一些内容单一的网站，首页确实没有太多东西展示，则可以刻意增加一些艺术化的点缀，使页面显得充实饱满而不空洞，比如一些专业网站、个人网站等。

二、网页色彩设计

一个网站风格定了，那么下一步就是怎么来突出风格，而突出风格最重要的手段是网站的配色处理。色彩是人的视觉最敏感的元素，不同的色彩会给浏览者带来不一样的心理感觉，这就是一种色彩意向，或者称色彩对人的心理反应。设计者在设计网页时要根据网站特点选择合适色彩，还要遵循一定的艺术规律，从而设计出色彩鲜明、性格独特的网站。色彩选择的总体原则是“总体协调、局部对比”，在搭配色彩时应考虑以下一些基本技巧和原则。

1.特色鲜明

网站中颜色的应用必须要考虑网站的主题、内容、适用人群等，运用色彩突出自身独特风格。色彩搭配一定要合理，恰当的装饰色彩具有增强企业产品形象的感染力、加强识别记忆力、影响消费心理和传递产品概念的作品。对不同职业、地区、年龄的人设计网页时，在色彩上必须考虑他们的接收心理和审美取向。例如：若网站的主题是针对小孩，则可以色彩缤纷、鲜艳夺目;但是，客户群是老年人时恰恰相反不能使用太强烈的色彩，大多以宁静、安定的色调为主。

2.讲究艺术性

在设计网站的色彩方案时，要有一定的艺术特色和良好的视觉感受，合理使用邻近色和对比色，以达到总体协调、局部对比的效果。关注网页配色协调的因素：色相明确，对比协调;色彩明度层次丰富协调;色彩面积对比协调。根据以上原则或者规律进行网站配色设计时还要遵循一定的艺术规律，这样才能设计出既符合主题要求，又展现艺术特色的网站。

3.巧妙使用背景色，严格控制色彩数量

为了突出显示文字，可以在设计中选择一些素淡清雅的色彩来做背景色，最好文字色和背景色之间有较强的色彩对比，但是要避免使用花纹复杂的图片和纯度很高的色彩作为背景。一般情况下，在同一网页中颜色数量控制在3种以内，否则会使网页看起来很杂乱。

三、网页创意设计

网页不只是传递信息的媒介，同时也是网络上的艺术品。如何让浏览者以轻松惬意的心态吸收网页传递的信息，是一个值得研究的课题。要达到这个目标，需要设计者进行网页创意设计，通过创意设计可以提高作品的审美价值，使作品充满张力，满足受众的情感需求，更好的推销作品等。创意的法则是“人无我有，人有我变”。创意思维为构筑优美网页绘制了设计蓝图，而创意方法则在蓝图的基础上对“大厦”进行装饰。只有经过装饰的网页能使主题表现的更生动有趣，更具有审美享受。因而德国设计师霍戈尔.马蒂斯把创意手段称为“视觉修饰”。

四、网页图片、动画元素设计

网页设计中的图像和动画具有直观性、趣味性，可以使网页生动、活泼，富有感染力。但是在使用时也要注意，如果图像和动画过多、过大，会造成网页载入速度过慢，这就要根据不同的用途选择不同的图像和动画格式，获得品质和大小之间的最佳平衡。

五、小结

总之，作为一个优秀的网页设计者，我们不仅要掌握网页设计基本技术，而且更重要是的要成为一个多才多艺的平面设计师，还要懂网络营销、客户心理分析等多方面的知识。这样才能设计出既具有艺术美感，又能传达网站内涵和情感的网站。

参考文献

[1]梁景红.Web Designer Idea――设计师，谈网页设计思维[M].北京：电子工业出版社，2007.

[2]赵徽.网页设计的色彩运用[M].开明出版社，2003：5.

[3]课程教材研究所网页设计创新理念分析[MJ].人民教育出版社，2002.

网页设计特点分析篇7

《网页设计与制作》是我院计算机各专业及电子商务类专业的必修课程，自开设以来深受学生的喜爱。因本课程教学内容及教学资源较多，学生很难在课程中完全掌握所学知识，为更好地补充和辅助学生进行课外学习，更加开放的网络教学成为本课程的有益补充和良好的学习途径。

二、课程分析与设计

《网页设计与制作》课程是高职高专计算机专业的一门技能课程，结合职位岗位对人才的需求，我们收集了网页设计、平面设计、动画设计、动态网页开发等课程的相关知识，对本课程的教学内容、知识结构、信息资源的选取、教学策略的使用进行了精心的策划和设计。我们将学生熟练的网页设计与开发的操作技能作为培养重点，在课程教学设计中，以“高素质、技能型”人才为培养目标，采取“小组协作学习”的学习方式完成整个课程的教学，并注重对小组的考核评价。

（一）学习需求分析

对于高职高专的学生，学习的主动性和积极性不够强，但对于操作性比较强的课程，往往有强烈的学习愿望，针对学生的特点，并根据《网页设计与制作》这门课程的性质特征，在教学中我们主要采用任务驱动的教学方法，实施项目教学，让学生的学习和工作的内容紧密相联，这样不仅能够吸引学生的注意力，并且能够提高学生的学习兴趣，同时达到“工学结合”的教学理念。

（二）学习内容分析

我们分析了多门与网页设计与制作相关的教材，从课程的实际应用与培养需求出发，对教学内容进行了重新安排。从本课程的教学实际出发设定的学习目标是：培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS、JavaScript和网页制作工具，熟悉网页的制作和流程。能够根据客户需求进行网页设计与制作以及进行网站的维护和管理工作等。考虑到学生的层次不同，大家可以根据自己的实际情况有选择的学习适合自己的模块，自学能力较强的学生可以通过我们的网络平台得到进一步的提高和知识的拓展。

（三）知识结构体系

网页设计与制作融合了平面设计、网页制作、动态程序、数据库等知识，作为一门综合性强的课程.。把核心知识以最快、最有效的方式传递给学生，而又要能使学生容易掌握，所以本课程以“表格式”布局作为教学的主线，把Photoshop平面设计、Flas设计融入其中，同时适当引入“div+css”网页布局的内容。而在动态网页设计中，简单介绍Asp+Aceess动态网页设计知识。据此，在学习内容的组织上，以“用表格进行页面布局”和“网页与数据库”这两个知识点为主线，将其它知识串联起来，可帮助学生迅速建立起知识的体系结构。

三、信息资源的选择

在《网页设计与制作》网络课程的设计中，以课内项目、课外项目和教学专题的形式进行信息资源的规划与整合，选择合适的形式来展现信息资源是非常重要的。如在网页的中文排版教学模块中，网页文字材料应以文本为主，而涉及的图片只需提供原始图片即可，增强学生对资源的应用与处理。而在“实验演示”、“动态网页的原理”模块中，以动画的形式形象地展示出来，激发学生的想象力。而在课外拓展模块中，信息资源应以视频的形式展现，使学生方便参照与模仿。信息资源总体结构见图1。

四、教学策略的设计

（一）任务驱动的教学模式

“任务驱动教学”就是将要学习的新知识隐含在一个或几个任务中，学生通过对任务进行分析和讨论，明确该任务所涉及的课程知识，并找出其中的新知识，然后在老师的指导和帮助下找出解决问题的方法，继而完成相应任务。《网页设计与制作》课程在教学中使用“任务驱动教学法”的具体做法是：教师先给学生呈现一个具体的网页效果，接着与学生共同分析该网页需要如何去处理，然后在老师的指导下师生共同完成网页，形成“阶梯式螺旋化”教学模式。这样做的好处是：通过一个任务的完成，培养学生发现问题、分析问题、解决问题的能力，激发学生的学习兴趣，同时能够提高学生的实际动手能力；而且将新知识点融入任务中进行学习，所学知识具有一定的针对性与目的性，学生的学习就会认为学的有价值，且通过一项任务的完成，学生同时可以体会到一种成就感。

（二）开放式自主学习模式

本课程建立的网络教学平台中包含本课程的教学资源、教学课件、课程教案、教学指导等模块。通过网络提供10大类、45000多个文件的立体化教学资源，所有的教学资源可在网上浏览和下载，任何学生在任何时候、任何地方都能借助网络学习。同时开发了在线答疑系统，提供了QQ和TQ两种访问途径，在线访问和离线留言两种方式。在“学习资源区”针对不同层次的学习者设计了丰富的学习资源。通过电子教案，学习者可以了解教师课堂上讲授的知识要点，并可下载素材进行相应的训练；如果在学习中遇到了困难，一般通过“学习资源区”中的“你问我答”即可解决，确需教师帮助的，也可在网络的“教师答疑”中给教师留言。专题学习板块基本上覆盖了较高层次学习者所要了解的知识。

（三）课外小组协作学习模式

在课外作业环境，采用基于构建主义学习理论的协作学习模式。一方面教师在网络教学平台创建学习主题和要求，另一方面学生可自由创建学习主题和内容，挖掘优秀学生的潜能。由学生自行组成小组并进行分工设计，在设计过程中可通过小组讨论、师生网络交流进一步深化和完善学习内容，完成后相互进行评价和交流。因此在设计网络课程时要注重协同工作环境的设计，充分发挥网络的功能。

五、学习评价系统的设计

为更好地评价学生在网络教学中的学习效果，学习评价系统的设计是十分重要的。在本网络课程中，根据学习者的学习需求和特点，进行不同程度的强化练习评价，并及时给出反馈意见。在学生完成对应的学习内容后，教师可以对学生进行评价，学生之间也可以相互评价。同时完成专题学习后，挑选出优秀的作品进行课外开放式评价，增强学生的成就感，以此达到学生的再学习的主动性。

六、结束语

网页设计特点分析篇8

《版式设计原理》一书指出，随着科学发展日新月异，人们可以通过网络的形式读书、看报，接受各类新信息。这种网络信息的传播更加迅捷，而且可以节省大量的阅读时间，可以随时随地利用琐碎的时间通过移动客户端来提升阅读效率。因此，新闻网页作为新闻的重要载体，必须考虑到网页设计和手机端阅读的各类网页特点，这些精心设计和制作的网页，在艺术设计上得以完美呈现，不仅可以影响客户的浏览欲望，而且可以影响新闻的传播速度。艺术设计，是网页设计的重要核心，艺术设计具有综合性和创新性，在新闻网页的整体设计和改编过程中，艺术设计可以帮助设计者更好地把控新闻的具体内容和展示方式，对于版面以及图片的科学设计和艺术化处理，都可以通过一系列的技术和手段，更好地展现给读者。由于新闻的严谨性和真实性以及新闻的相关评价，决定了新闻网页的制作与一般网页制作的不同，在艺术设计方面要求更加严谨和专业，因此，新闻类网页艺术设计作为一门非常独立的艺术学科，具有极强的综合性，这种综合性是由新闻的特点决定的，涉及社会文化和市场的各个方面，体现了设计者的表现张力、想象力和陈述能力。

从布局角度看，《版式设计原理》一书亦有其独到之处，它格局清晰，条例清楚。前言、导读、第1章“了解版式设计的概念”、第2章“不可缺少的构成元素”、第3章“色彩与网络的基本运用”、第4章“版式设计的基本原则”、第5章“版式设计的视觉流程”、第6章“版式设计中的文字设计”、第7章“图片与图形的版式设计原理”、第8章“不同形式的版式设计”。通过关联有序的章节处理，能够科学而有效地说明整个新闻网页设计过程中的所有问题，从而能够让不同阶段的新闻网页设计学习者都能够获得领悟自身所需要的设计知识。同样地，作为有效的传播形式，在新闻的版式设计过程中，必须考虑到受众的浏览过程以及对于新闻信息筛选的习惯，在新闻网页的设计过程中，必须要与传播策略相互连接。新闻网页的设计通常是简明大方、整体陈列。陈高雅《版式设计原理》在第3章“色彩与网络的基本运用”中指出，在某些新闻与商业性网页和个人网页相结合的过程中，可能会将素材展现和冲击力融入其中，目前我国重点开发的新闻网站，都开始进行排版色彩的改革，由黑白色调变成具有鲜明内容特色的个性化色彩基调，进行整个新闻网页的VI视觉设计。陈高雅《版式设计原理》在第4章“版式设计的基本原则”中指出，新闻网页为了保证内容的充实和丰富，以及首页内容和多种不同设计风格之间的结合，必须突破网页布局设计的框架局限，新闻的网页布局和设计内容在遵循读者为上帝的原则之下，就可以将各类广告和绿色的频道栏用导航栏的形式进行科学巧妙的设置，在清晰醒目的前提之下，注重所要求服务之间的互动性，借鉴其他同类平面媒体的设计经验，将新闻网页布局设计得更加紧凑。设计布局是比色彩基调更加重要的新闻排版要素，布局和内容之间的交互性，可以为阅读者，也就是网络新闻的浏览者提供更多的便利。国内大型新闻门户网站，都会将各类广告设置和频道导航栏之间进行醒目的区分，这种清晰的浏览设置，是为了能够让浏览者更加便捷地从新闻网页的布局中找到自己所需要的内容，减少浏览者在选择方面所浪费的大量时间。将新闻网站的网页设计模式，以平面媒体的布局和设计进行相互关联，以结构的形式将标题的位置进行形化的处理，并且对于新闻图片的内容做更加合理的创新性、突破性设计，这样就可以最大化地为用户提供多样化的新闻信息服务，并且充分利用网站每一个网页的有效专业化设计，来版式设计完善填充空间。

通过对本书的阅读，可以看出书中的观点非常清晰，明确这种图文并茂的积极作用，并且采用大量的实例来进行展示的方式，非常适合于结合专业的版式设计。也就是说，版式设计在有效地冲击人们的视觉和心理的情况下，在各个领域能够很好地重视到艺术设计在新闻创作过程中的应用，就可以将大家头脑中所获得的资讯，尽可能最大化地活学活用到基本的元素设计过程中。当然，书中对于艺术设计的每一个知识点都有更加详尽和深入的描绘。

书中对常见的知识点进行了很细致的描述，这种讲解和扩展分析可以将理论性和知识性的知识要点与实用性的知识技巧紧密结合，这样就可以使网页的版式设计思路更加清晰、明确，换句话说，就是对于知识要点进行更加细致的讲解，扩展和分析版式设计和版式效果。网络新闻用户不仅浏览静态的文字和图片，而且可能会对主色调与视频之间的关联产生非常强烈的兴趣。通过例证说明大型新闻门户网站所采用的一般是简洁大方的设计风格，这种设计风格正是因为其简洁快速。经过一定的特殊个性化处理，就可以使用艺术设计的手法，从而使得新闻网页的表达效果更加生动和鲜明，这种强烈的视觉冲击，会使新闻浏览者在浏览不同新闻信息的过程中，获得丰富的情感体验。

该书通过简明易懂的实例作品，对新闻网页的版式设计理论进行了非常清晰的讲述，这种鲜明而直观的呈现版式设计理论的写作方式，对新闻工作者网页设计的实际工作发挥，能够起到很好的指导作用。本书的创新之处在于将新闻媒体的版式设计的一般性原理，用简洁明了的方式呈现给广大读者，尤其是对于相关工作者来说是一本深入浅出的教科书。书中认为，新闻网页设计过程中，网页布局和标志设计都是非常重要的组成部分，特征鲜明、个性化明显的标志能够为新闻网页增强生命力，读者可以浏览到静态图片和文字，也可以以视频的方式及时浏览快节奏的新闻报道。同时配合新闻网页中重要的文字设计，将新闻形式以更加具有可读性、亲和力的方式直观地展现给读者。陈高雅《版式设计原理》一书中明确提出，作为新闻网站的网页设计，文字的设计因素是非常重要的艺术特征要素之一，因为新闻网页主要是借助图片和文字的组合，来提升浏览者的页面视觉感官度。这就要求新闻网页的设计要将文字的内容和文字的设计作为表现力的基础，对于文字的设计不能出现凌乱和繁琐的现象，要能够言简意赅地让读者快速地领会中心思想，字体的设计要考虑到整体的设计原则，注重每一种不同字体的风格和所能表达出的艺术气息，行与行之间的间距和字体之间的搭配以及字号的大小，都必须符合大众的浏览习惯和审美需求。尤其值得一提的是，近年来，新闻网页的设计非常注重文字的图形化，以及图文之间巧妙的排列组合，使图文之间有了更加活跃的互动关系，图文的组合以及文字的图形化特点，可以构造生动有趣的画面，提升浏览者的阅读兴趣，激发浏览者的共鸣。

《版式设计原理》还详细描述了新闻网页设计过程中的图像设计、文字设计、版式布局、色彩设计等一系列要素组合，注重在新闻网页设计过程中相对重要的内容和相对次要的内容之间的版式设计以及色彩分布。从以上几个方面注重了网页设计的整体效果和各要素之间特别的协调性，注重了图像图形和文字之g的设计，通过版面的合理布局和分布使得新闻设计网页的各个部分之间的艺术元素相得益彰。在今天新闻媒体竞争日益激烈的情况下，新的媒体技术和手机客户端的快速更新，注定了新闻媒体的创新性和发展性需求，新闻网页设计必须充分意识到艺术设计的重要性和使用技巧，为新闻网页浏览者呈现出别具一格的新模式，从而全面提升新闻的传播效果，本书力图通过相关的论证和举例，总结和归纳实用性较好的新闻网页的设计规范和技巧。本书观点明确、图文并茂，通过采用大量的案例展示，结合案例涉及的特点，来提升使用者的审美感，对所有需要进行排版领域学习的人群有非常大的帮助，可以作为相关专业的教材进行新闻艺术排版专业课的培训使用，也可以作为自学参考书普及相关知识。