网页设计特点分析范文

时间:2024-02-07 11:41:20

网页设计特点分析

网页设计特点分析篇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

关键词:网页制作;教学设计

中图分类号:TP393.09

随着网络的日益发达,网页技术得到不断普及,在社会各个领域中都充分体现了网页制作技术的重要性,学校方面也开始不断重视这一方面人才的培养。但是,中、高等职业院校的毕业生所学知识往往与就业单位要求不相符,很大方面的一个原因是传统的网页制作课程教学难以满足现阶段的发展形势。因此,笔者将根据这一课程的教材特点和学生的特点,浅谈如何设计“网页制作”的教学。

1 教材分析与教学对象分析

1.1 分析教材。《Dreamweaver MX2004中文版网页制作基础》是我校选用的教材,其最大特点在于采用“任务驱动,案例教学”的形式,这就充分考虑到了实际运用和实际需要,用趣味十足的实际案例来讲解网页制作方面的知识技能和应用技巧,这样不仅使方便教师教学,而且使学生学起来很实用。在学习“网页制作”知识之前,学生已经初步掌握了网络相关知识、数据库设计与应用、Office办公软件的应用、计算机硬件组装与维护、FLASH二维动画设计等内容。因而,在学生已具备了收集、编辑文本、图像信息的能力的情况下,我们的教学重点应该放在网页信息表达方面,例如网页版面的美化、文字内容表达等。不仅要加强学生的信息意识,还要提高学生的信息处理能力;教材第四章的内容中以“我的个人主页”为案例设计,这给了学生充分的想象空间,满足学生喜欢展现自我的个性需求,又有效发挥他们的主动性和创造性。另外,对网页版面设计效果的评价促使学生更好的了解编排原则、布局种类、色彩搭配等,有助于提高他们的审美能力和艺术修养内容。

1.2 分析教学对象。本课程的教学对象是中等专业学生,根据学生的性格特点,他们对操作性较强课程的学习积极性明显高于纯理论的学习。而在现代社会,《网页制作》这门课程与每个人的生活都是息息相关的,加之其网页界面融合文本、图片、音乐、视频等为一体,极大的调动了学生的学习兴趣,继而激发学生了解网页实现原理和方法的欲望;教师在实际教学过程中要时刻注意引导学生利用已有知识更好的学习网页制作,与此同时也巩固了旧知识,一举两得;教师应当适时地监控学生的协作学习情况,鼓励分组合作交流,并实时总结心得、体会,引导学生“自主、合作、探究”学习。

2 《网页制作》课程教学设计的思路

从以往《网页制作》课程的教学情况来看,在学习这门课程之后,学生虽掌握了基本理论知识,但实际运用能力较差,很少能制作出优秀的作品,主要表现在两个方面:网页色彩的使用和网页内容的定位。因此,教师在设计教学时,需要借助一个载体――一个实际的项目,并将整个项目分解成若干小项目,再把每一个小项目分别作为一个学习任务,用这样的方法贯穿于整个教学过程。完成了一个小项目,也就相应的掌握了一个知识点。便这样完成学生运用三个软件进行网页制作的学习。

课程设计要有助于提高学生的技能水平。运用“项目导向”与“任务驱动”的教学模式,创新教学方法,继而帮助学生有效掌握网页版面设计技术。具体阐述如下:注重培养学生自学能力和专业技能。在掌握网页制作理论知识的同时,也要注重学生社会能力的培养。在学习网页制作的过程中,主要学习一些网站开发知识,可以让学生以自主学习或是合作学习的形式进行,若是结合实际来学习会达到更佳效果更好;将网页制作作为一项整体的教学任务,对于教学内容、教学方法和考核内容,做好任务分配工作,结合多样的教学方法建立与之相应的考核体系,这样必然达到最佳的学习效果;教学设计要结合社会需求,作为理论与操作相结合的学科,网页制作在设计课程时,可以模拟真实的项目,如此可以进一步提升学生的技能,任务驱动教学模式的实行,能更好的调动学生的学习积极性和求知热情。

3 教学目标的设定

3.1 知识目标。这一目标主要为:掌握Dreamweaver的工作环境,以及菜单、工具栏的使用方法;掌握新建网站的方法、网页的编辑技术和文档的保存方法;掌握操作表格、单元格、框架、层的辅助定位工具的方法;掌握插入和编辑网页超链接的技术;掌握插入和编辑文本、图片、动画、视频的方法和设置格式的方法;掌握利用Fireworks设计处理文字的方法;掌握利用Fireworks制作网页中所需的线条及边框;掌握用工具绘制图形的方法;掌握基本动画和引导动画的制作。

3.2 技能目标。这一目标主要为:能通过模仿网页来制作实际网页;能在网页中熟练地插入文字、图片、动画等;能通过使用简单的表格编排出结构清晰、内容整齐的网页内容;能恰当地选择适当的网页背景图案和背景音乐;能插入简单的表单,使网页具有初步的动态功能。

3.3 情感目标。这一目标主要为:培养学生的敬业精神、团队协作精神;培养学生的社会责任感和工作效率观念;培养学生的审美情趣和审美能力;通过课堂中出现的网页,渗透爱党爱校教育;在合作学习过程中培养乐于助人、团结协作的精神。

4 教学重点、难点的设定

教学重点是帮助学生掌握网页布局、表格的制作和编辑方法、表格的嵌套和属性的设置,以及熟悉网页的各种元素。教学难点在于培养学生分析网页布局和色彩搭配的能力。

5 设计教学过程

5.1 引例以导入新课。(1)推荐给学生优秀网站做范例。1)清华大学网页布局――“国字型”并分析其网页元素;2)万州一家企业网页布局――“三字型”并简析其网页元素;3)重庆市机关党建网页和环球厨卫网页布局―――“T字型”并简析其网页元素。(2)组织学生讨论网页的内容和风格,分析网页框架和布局。

5.2 课程主要内容的学习。(1)以广播的方式展示范例网站的网页,逐步引导学生分析网页的布局并尽可能详尽(“国”字型),在分别分析网页元素――文本、图像、表格等。(2)分小组布置活动任务,并分别指定小组长,教师实时观察进程,并对学生制作过程中遇到的问题适时给予帮助。(3)组织小组之间进行网页制作互评;(4)设计网页版面设计评估表。

5.3 课堂小结。在这个教学过程中,利用现代多媒体中的实例网页,教师准备好备好教学素材和课件,围绕网页制作实例,来促使学生掌握网页的布局,表格的制作与编辑方法,并熟悉网页的各种元素。通过课堂上的实践操作环节,很好的培训了学生的技能,教会学生举一反三、融会贯通,大大提高了学生的综合运用能力。同时提高了学生的专业技能水平,让学生真正地学会学以致用,教师也顺利完成教学目标,取得良好的教学效果。

6 设计考核方式

网页制作作为一个整体项目,可以从以下几方面进行评价:页面结构设计、网页中动画的制作、网页中导航的制作、子页面的制作、网页中图像的制作、网页中的链接和整体效果。主网页和二级网页在整体布局上要风格统一,布局合理、美观,文件命名正确,文件夹组织标准有序,符合社会标准;按要求制作网页导航、编辑网页元素,导航要求清晰、有一定动画效果。考核评分时,教师不仅应当结合学生的平时操作情况,还应考虑作品展示时其他同学的评价,综合评价给出一个分数。

7 结束语

网络技术发展不断更新,作为实践性很强的科目,“网页制作”对学生的动手能力要求越来越高,同时还需要学校和教师积极主动地关注社会需求,及时掌握技术发展趋势和网页制作发展动向,鼓励学生在不断储备知识的同时,不断提高自己的实践操作能力,使更多的网页制作人才得以涌现。

参考文献:

[1]曾广雄.中文Dreamweaver网页制作实例教程[M].北京:研究出版社,2008:206.

[2]周奇.新编网页设计与制作教程[M].北京:研究出版社,2008:185.

[3]贾勤.网页设计三合一能力教程[M].北京:中国铁道出版社,2006:54.

网页设计特点分析篇5

【关键词】新形势;电子商务网站;网页设计与制作;web标准

前言:

互联网时代的到来,改变了人们以往的生活习惯,而且对很多行业岗位产生了较大的影响,尤其催生了一批新型以电子商务为主要经营模式的企业。电子商务网站的网页设计在现代企业的实际运营管理过程中十分重要,不仅起到了宣传企业文化作用,而且也是企业拓展新业务、维护客户的重要平台,这是互联网时代的发展为现代企业单位开辟的新路径。

一、新形势下电子商务网站网页设计与制作的目标

所谓“新形势”指的就是当前快速发展的互联网时代影响下的社会环境的变化,以及人们思想意识的转变。随着各领域贸易的日益频繁,使得商家更依赖电子商务平台,因其成本低、信息资源丰富等特点受到了广大社会群体的认可。

(一)电子商务网站设计与制作的根本目的

在电子商务平台之上,我们可以清晰的看到商品本身的形态、特征以及价格,而且,越来越多样化的网站网页设计形式层出不穷,促使电子商务平台建设的格局逐步升级,新技术的涌现更是突显了电子商务模式的优势。从网站网页设计与制作的目标来看,能够以最直观、最有效的网站网页设计方案来吸引更多的顾客及促使其参与交易才是新形势下电子商务网站网页设计与制作的终极目标。

(二)网站网页设计与制作要能够技术合规且突出重点

具体来分析,对于电子商务网站的设计要突出其功能性,需要最新的电子计算机技术来为其做支撑,程序的设计一定要能够顺利运行,通常要经过测试以后才能够上线运行。对于电子商务的网页设计而言,结构和形式要突出层次感,内容要尽可能丰富,从而将电子商务的关键内容呈现在网页的重点区域,便于人们登录浏览。

二、电子商务网站网页设计与制作所需技术

对于电子商务网站网页设计来说,能够依托网络载体使得开展电子商务业务的企业将其业务有效的推广出去,就是一项成功的设计。在实践过程中,需要应用到很多计算机技术及电子商务设计软件。就以web标准为例来看,电子商务网站网页设计的思想是通过缜密的开发流程来体现的,通过对SHOPEX网上商店系统的制作,进而达到管理网店、拓展业务的目的。从实质上来看,Web标准不是单一的技术标准,而是一个完整的技术体系,其层次较为清晰。在Web标准的支撑下,设计者可以很好地将网站网页结构分割清楚,并能够提升网站开发的效率,降低设计及维护成本。总之,从Web标准的关键技术来看,整个技术体系都是以Web标准基本思想为基础,采用一套有效的开发流程,对SHOPEX网店系统进行电子商务网站的网页设计与制作,最终,这种开发流程在实践过程中得到了验证。

三、电子商务网站网页设计与制作过程

在具体进行电子商务网站网页的设计与制作的过程中,首先要分析目标网站网页的设计内容、方向、网站所要突出的重点等问题,然后,要缕清设计思路,规划出详尽的设计方案,做好网页结构的编排,最后,细化网站结构,完善网页制作的细节。只有按照规划好的流程来,采用合适的网页设计技术及软件,才可以将电子商务网站网页设计和制作的过程完成。

(一)电子商务网站网页的设计内容分析

通常情况下,网站设计的方案要符合当下人们的审美观,简单来说,就是要符合大多数人的视觉习惯,并需要做好合理规划。对于电子商务网站的设计而言,要能够利用大块区域来突出贸易活动的主体内容,并让企业的产品、服务等项目列在最为突出的位置上,只有本着重点突出的原则,才能让浏览网站的客户清楚的看到企业的业务及文化,从而令其产生交易的想法。

(二)网站网页结构编排与方案设计

以Web标准下的网店系统开发为例来看,在进行网页方案设计之前,网页模版的开发较为重要。在实际设计及制作的过程中,采用了SHOPEX网店系统开发的模版来为其做支撑,在每个设计模块区域放置一个独立的设计内容、产品或服务,这样就会令用户对电子商务平台上的功能及业务模块一目了然。最后,要进行网站网页内容的填充,逐步细化网站结构,增添时尚感的素材完善网页制作。

结束语:

通过分析电子商务网站网页设计的特殊性,结合基于web标准的制作技术,来进一步探究网络时代的发展对于电子商务网站网页设计及制作的影响,并提出完善电子商务网页网站设计和制作的具体策略。在web标准基本思想的推进下,开发了一套高效制作电子商务网站网页的系统,并且将其应用于实践,取得了良好的实践成果。总之,以web标准下为例来看,新形势下电子商务网站网页设计与制作已经不同以往,需要改换新型设计内容、结构设计、方案设计等内容,只有这样,才能突出现代电子商务网站网页的设计特点,抓住人们的视线,从而促进电子商务的快速发展。

参考文献:

[1]朱淑琴,魏威,张嘉萌.基于Web标准的电子商务网站网页设计与制作[J].计算机与现代化,2012,03(03):106-109.

[2]郑伟,张永良,郭伟,张学琴.《商务网页设计与制作》项目课程的开发与建设[J].杨凌职业技术学院学报,2010,04(04):71-74.

[3]曹春益,傅俊.以网页设计与制作为例构建电子商务教学资源库的探析[J].科教导刊(上旬刊),2013,04(04):40-41.

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

上一篇:方案设计的基本要素范文 下一篇:企业减负工作总结范文