网页是随着互联网的产生而形成的一种新的媒体版面,像书报一样有图片、文字;像电影电视一样有动态图像;像光盘一样有多媒体。设计网页除了传承传统媒体设计特点,还要融合日新月异的网络技术,追求艺术与技术的高度统一。本人结合有关网页的设计制作,谈谈网页艺术设计的方式和特点。一、网页艺术设计的方式
1.策划主题,定位风格。
每个设计只有一个主题,主题的内容决定风格与形式。风格的形成是通过版面设计、色调处理、图文组合等来表现的。
比如:我们荆楚在线(湖北日报社新闻网站)开了一个“江河湖北”频道。由我承担此频道的主体设计及模版制作。频道主要反映湖北涉及江河的工程规划设计、江河物产、江河文化等等。既然跟水有关,那么整个频道的色调应是蓝色调,水纹图片是不可少的;南水北调和三峡工程是涉及我省的国家重点工程,那就放在中心重点部位。这个频道不同于资讯、 IT或文化等频道,我在设计时尽量提升出江河湖北的科学、文化价值。于是,一个主题突出,格调鲜明的频道主页面就跳到了读者面前。
2.运用平面设计原则进行版式设计。
版式设计指的是页面的布局,即“经营位置”、“构图”,主要遵循原则:
a.主题鲜明。一个页面只有一个“中心”。在“江河湖北”频道页中,考虑到要让浏览者最直观了解整个频道,我将频道宗旨以动态方式放在菜单栏下左部,又由于这一块是不变因素,不能占去太大面积,因此只能占不足1/4位置,而将中心位置用来反映湖北有关江河的最新动态新闻。
b.内容与形式统一。内容决定形式,形式为内容服务,两者有机的统一,不能为装饰而装饰。
c.整体感强。页面不能花,色彩不能用得太多,每一屏之间不能脱节……
页面一旦确定了一个主色调后,就要把握好色彩的搭配:大部分用同一色系,局部用对比色,照片的选用也是如此。不管是深色系还是浅色系,页面都要干净,否则会严重干扰浏览者的视觉。
3.协调网页技术与艺术设计的关系。
标题的字数是否适合需要区域的宽度?是否换行?一个form需占多大面积?与相邻元素的关系如何处理?每个单元的尺寸,每副图片的比例,甚至一个点、一条线或一个小色块都是反映页面效果的必不可少的因素。有时,一个元素的变动会引起整个页面形式结构的变动。
例如:我在设计三峡长阳网首页时,将景区扫描、牵线搭桥、图片新闻、新闻聚焦、新闻播报、今日长阳、本站动态这些重要栏目放在第一屏,根据视觉美,按不同比例,分四栏一字排开。栏目宽度分别是:本站动态、景区扫描与牵线搭桥135pixels、图片新闻与新闻聚焦155pixels、新闻播报320pixels、今日长阳127pixels。后来,客户认为新闻播报中新闻标题转行不好看,希望加上时间显示,于是新闻播报这一个栏目的变动牵扯到第一屏其他栏目变动:去掉今日长阳栏目,新闻标题一般20字左右,结合首页分四栏的特征,新闻播报栏目宽度就改为331pixels,而景区扫描栏目宽度只能为130pixels。将本站动态放在今日长阳的位置;过客留言、手机短信、邮件系统本是放在今日长阳下,客户要求提到页面顶部,与论坛、搜索放在一起。这样一来,原来的table、form都要作相应调整。
二、网页艺术设计的特点
1.技术的综合性。
网页设计所涉及的技术是多方位的、独特的:1.平面设计──代表技术有图片处理PhotoShop、图形处理Illustrator、freehand;2.网页设计──三剑客包括Macrome- dia Dreamweaver、Macromedia Flash、Macromedia Fireworks;3.多媒体──包括影视、音乐、图像、声音,代表技术有realplay,Quick- Time,Director, Sound Forge;4.DHTML动态网页技术及其应用;5.三维动画Maya等;6.JavaScript程序语言等。
层出不穷的网络新技术大大丰富了网页设计的表现力,网页设计的发展又对技术提出了更高的要求。
2.人性化的设计语意。
网页以电脑屏幕为载体,阅读方式的自由性、跳动性、承载的信息量之大要求设计时应充分考虑用户阅读时的心理,让用户在最短的时间内,迅速理解网页里的信息内容,这是设计师最起码的职业道德。这需要运用大量的设计语意:
a.有通俗易懂的指南(文字尽量少),介绍网站内容,就像网站的地图──当你来到一个陌生的城市,凭借地图游览而不迷路。
b.网页的长度要适中,一般一至三屏(二屏最佳),过长不仅会影响速度,还会使人阅读吃力,眼睛疲劳;宽度方向最好不要出现滚动条。
c.有阅读指南,如:纵深型导航栏和横向型导航栏;阅读过的部分与未阅读部分的颜色区分;所有页面有 n个链接点,等等。
3.展现效果不可控制。
网页以电脑屏幕为载体,以全世界网民为用户,多变的网络特性决定了网页设计者不可控制网页设计效果在用户端的最终展现效果。主要表现为:
(1)网民使用的浏览器种类(netscape或internet explorer)及版本都可能与设计者的浏览器不同,观看的效果自然不同:网页页面会根据当前浏览器窗口大小自动格式化输出;
(2)同一种浏览器的工作环境(室内环境、屏幕区域
、亮度、对比度、色彩等等)不同,显示效果不同:网民可以控制网页页面在浏览器中的显示方式,比如字体大小、分辨率等,最常用的分辨率有两种:800X600pixel、1024X768pix- el)。三、新闻网站网页设计人新闻和技术的结合
作为新世纪的新闻网站网页设计人,除了不断加强专业技术知识的学习,还应该掌握大量的新闻基础知识,要有新闻敏感及政治观察力,努力提高自身文化、审美情趣,将新闻业务和专业技术很好地结合起来,开拓创新,以不断创造真正有魅力的网页为目标,美化人们眼前的“风景线”,引导人们生活得更有质量!
1.策划主题,定位风格。
每个设计只有一个主题,主题的内容决定风格与形式。风格的形成是通过版面设计、色调处理、图文组合等来表现的。
比如:我们荆楚在线(湖北日报社新闻网站)开了一个“江河湖北”频道。由我承担此频道的主体设计及模版制作。频道主要反映湖北涉及江河的工程规划设计、江河物产、江河文化等等。既然跟水有关,那么整个频道的色调应是蓝色调,水纹图片是不可少的;南水北调和三峡工程是涉及我省的国家重点工程,那就放在中心重点部位。这个频道不同于资讯、 IT或文化等频道,我在设计时尽量提升出江河湖北的科学、文化价值。于是,一个主题突出,格调鲜明的频道主页面就跳到了读者面前。
2.运用平面设计原则进行版式设计。
版式设计指的是页面的布局,即“经营位置”、“构图”,主要遵循原则:
a.主题鲜明。一个页面只有一个“中心”。在“江河湖北”频道页中,考虑到要让浏览者最直观了解整个频道,我将频道宗旨以动态方式放在菜单栏下左部,又由于这一块是不变因素,不能占去太大面积,因此只能占不足1/4位置,而将中心位置用来反映湖北有关江河的最新动态新闻。
b.内容与形式统一。内容决定形式,形式为内容服务,两者有机的统一,不能为装饰而装饰。
c.整体感强。页面不能花,色彩不能用得太多,每一屏之间不能脱节……
页面一旦确定了一个主色调后,就要把握好色彩的搭配:大部分用同一色系,局部用对比色,照片的选用也是如此。不管是深色系还是浅色系,页面都要干净,否则会严重干扰浏览者的视觉。
3.协调网页技术与艺术设计的关系。
标题的字数是否适合需要区域的宽度?是否换行?一个form需占多大面积?与相邻元素的关系如何处理?每个单元的尺寸,每副图片的比例,甚至一个点、一条线或一个小色块都是反映页面效果的必不可少的因素。有时,一个元素的变动会引起整个页面形式结构的变动。
例如:我在设计三峡长阳网首页时,将景区扫描、牵线搭桥、图片新闻、新闻聚焦、新闻播报、今日长阳、本站动态这些重要栏目放在第一屏,根据视觉美,按不同比例,分四栏一字排开。栏目宽度分别是:本站动态、景区扫描与牵线搭桥135pixels、图片新闻与新闻聚焦155pixels、新闻播报320pixels、今日长阳127pixels。后来,客户认为新闻播报中新闻标题转行不好看,希望加上时间显示,于是新闻播报这一个栏目的变动牵扯到第一屏其他栏目变动:去掉今日长阳栏目,新闻标题一般20字左右,结合首页分四栏的特征,新闻播报栏目宽度就改为331pixels,而景区扫描栏目宽度只能为130pixels。将本站动态放在今日长阳的位置;过客留言、手机短信、邮件系统本是放在今日长阳下,客户要求提到页面顶部,与论坛、搜索放在一起。这样一来,原来的table、form都要作相应调整。
二、网页艺术设计的特点
1.技术的综合性。
网页设计所涉及的技术是多方位的、独特的:1.平面设计──代表技术有图片处理PhotoShop、图形处理Illustrator、freehand;2.网页设计──三剑客包括Macrome- dia Dreamweaver、Macromedia Flash、Macromedia Fireworks;3.多媒体──包括影视、音乐、图像、声音,代表技术有realplay,Quick- Time,Director, Sound Forge;4.DHTML动态网页技术及其应用;5.三维动画Maya等;6.JavaScript程序语言等。
层出不穷的网络新技术大大丰富了网页设计的表现力,网页设计的发展又对技术提出了更高的要求。
2.人性化的设计语意。
网页以电脑屏幕为载体,阅读方式的自由性、跳动性、承载的信息量之大要求设计时应充分考虑用户阅读时的心理,让用户在最短的时间内,迅速理解网页里的信息内容,这是设计师最起码的职业道德。这需要运用大量的设计语意:
a.有通俗易懂的指南(文字尽量少),介绍网站内容,就像网站的地图──当你来到一个陌生的城市,凭借地图游览而不迷路。
b.网页的长度要适中,一般一至三屏(二屏最佳),过长不仅会影响速度,还会使人阅读吃力,眼睛疲劳;宽度方向最好不要出现滚动条。
c.有阅读指南,如:纵深型导航栏和横向型导航栏;阅读过的部分与未阅读部分的颜色区分;所有页面有 n个链接点,等等。
3.展现效果不可控制。
网页以电脑屏幕为载体,以全世界网民为用户,多变的网络特性决定了网页设计者不可控制网页设计效果在用户端的最终展现效果。主要表现为:
(1)网民使用的浏览器种类(netscape或internet explorer)及版本都可能与设计者的浏览器不同,观看的效果自然不同:网页页面会根据当前浏览器窗口大小自动格式化输出;
(2)同一种浏览器的工作环境(室内环境、屏幕区域
、亮度、对比度、色彩等等)不同,显示效果不同:网民可以控制网页页面在浏览器中的显示方式,比如字体大小、分辨率等,最常用的分辨率有两种:800X600pixel、1024X768pix- el)。三、新闻网站网页设计人新闻和技术的结合
作为新世纪的新闻网站网页设计人,除了不断加强专业技术知识的学习,还应该掌握大量的新闻基础知识,要有新闻敏感及政治观察力,努力提高自身文化、审美情趣,将新闻业务和专业技术很好地结合起来,开拓创新,以不断创造真正有魅力的网页为目标,美化人们眼前的“风景线”,引导人们生活得更有质量!