论文部分内容阅读
【摘 要】网页设计是一个系统工程，网页是由多个视听元素组合而成。网页设计包括多个视听元素，如文字、图形、色彩、动画、视频等，这些元素在艺术上都具有相对独立性。①在网页艺术设计中十分广泛的运用多媒体视觉元素，使网页版式设计极大地丰富了表现力，使浏览者享受到了视听的完美效果。
【关键词】网页版式；视觉元素；应用原则
1.网页版式语言的文字设计
勿容置疑，网页是以文字为主要信息传播载体，它在版面中占有了很大一部分的空间。文字的设计，是网页设计必不可少的一个环节，它能在外观中产生视觉意境，同时能给浏览者在阅读时产生丰富的情感和意境。
1.1文本文字
文本设计指在网页编辑中可以修改内容的字符，字体、字号都属于文本属性。文本的设计受到技术环境的影响很大，要想文本在所有计算机上都能正常显示，一般是采用计算机本身的字体，常用字体有黑体、宋体等，还有一种方法就是将文字图形化，但是这样会导致网页速度降低，所以不适合大面积使用。
1.1.1文字字体
网页版式中使用的字体应该要清晰明了，字体与版式的风格以及主题都该保持一致。在一个版面中一般选择2-4种字体是比较适合的。
1.1.2文字字号
版面的形象是受制于文字字号的大小，字号大的文字构成的版面就会给人留下自信、有力的印象，字号小的文字构图就会给人留下严谨、精致的感觉。
1.2图形文字
图形文字是指不可编辑、已经图形化的各种文字，包括静态和动态的图形文字、图像和文字动画等。图形文字主要应用于标题文字、文字图标和文字广告中，它既是二维空间的，也是三维立体的。图形文字现在在网页版式设计中应用越来越广泛，图形文字将文字图形化、格式化的处理，使浏览者能够更直观的了解图意，领会设计者的用意和目的，不会产生对文字的疲劳化。采用图形文字可以达到使版式形式具有更强烈的视觉效果。
1.3网页版式中文字设计的应用分析
文字设计风格要根据网页版式中信息内容的特点来设计的，不能脱离实际内容。例如政府部门网页的文字就应该庄严规范，字体造型有规有矩的；休闲娱乐类网站，字体应该轻快活泼，节奏感强。如图1，英国Cupcake创意设计工作室，版式中对比强烈的文字衬托出工作室的前卫、创新、时尚。
图1
2.网页版式语言的色彩设计
网页色彩包括网页的基本色彩、文字色彩、图形色彩、版面背景色等等。色彩的选择能够体现网站的的整体外观，更好的体现网站的形象内涵。但是网页色彩设计，颜色不能太多、纯度也不能太高，不然会造成浏览者的视觉疲劳。色彩可以是版面的点缀，也可以使版面更活泼且不会喧宾夺主。
2.1版面主页的色彩设计
版面主体色彩的选择，先确定一个主体色调，网站主题由这个主体色调来体现。现在多数网页色彩设计，浅色背景比较多，像淡灰色、淡黄色、淡蓝色，浅色调给人温柔、素雅的感觉，搭配上深颜色的文字，例如，用黑色的字体，比较符合人们的视觉习惯，阅读起来自然、方便。
2.2版面背景的色彩设计
在网页背景色的搭配中要注意色彩对比不能非常强烈，大面积的颜色适合采用低纯度，色彩过于丰富的背景会影响文字的色彩选择，有的会使文字融到背景中，不容易识别。
2.3网页版式中色彩设计的应用分析
色彩使人产生各种不同的心理感受，由于每个人的性别、年龄、文化、习惯等不同，对色彩产生的心理效应就不同，因此，网页版面的色彩设计要准确的把握和了解浏览者的色彩心理。
2.3.1电子商务类网站色彩设计
电子商务网站版面大气、图文清晰，色彩一般选择比较稳重的配色，不会太花哨，会根据产品和消费者来选取主要色调。设计者可以通过商品类型、产品内容和消费群来确定网站色彩的搭配，搭配的同时要符合商家经营理念，满足消费者喜好。
如图2，大型电子商务网站，商品种类繁多，因此背景版面采用白色，给人干净、整洁的效果，看上去舒服大方能够延长消费者浏览的时间，运用一些色彩抢眼的商品图形加以配合，使版面看起来色泽饱满、视觉感受好。
图2
2.3.2时尚类网站色彩设计
时尚类网站运用清晰度比较高的图片，版式布局看上去干练、时尚，一般都是采用白色、灰色的背景，利用简单的布局，来突出版面中的图片，给人留下深刻的印象。
国际品牌的BCBGMAXAZRIA官方网站，该品牌的服装设计作品个性、时尚，能够博得很多消费者的视线。网页的背景色彩运用了灰色与白色的搭配，体现出官方网站的稳重与庄重，版面的右侧有红色、深蓝色的图片，在遵守原有风格的前提下，增添了变化，增强了时尚感。
3.网页版式语言的图形设计
3.1图形设计
图形属于世界性的视觉语言，在现今的网络中几乎找不到没有图形的网页了，由于图形的出现，带来了更直观的表达形式，图形占据了网页比较中心的位置，有的网页甚至只有图形。图形更能引起人们的视线，增加阅读的兴趣，图形不像文字那么枯燥，合理的应用图形，可以美化网页的版面效果，提高网页的艺术价值，吸引更多浏览者。
3.2网页版式中图形设计的应用分析我们在设计网页时，首先应该找到适合版式语言的图形，适合图形就是在网页版式中不仅仅具有点缀的作用，还要有助于去传达信息，主要是网页中比较复杂的内容信息，在正确选择图片后，能使浏览者在浏览时对这个图形产生联想。
其次，要加强文字与图形之间的配合，如果文字太多，网页就会显得沉闷，没有生气；如果图形太多，那么信息内容就会减少。所以我们要根据网页的内容作调整，以图形为主，就要把图形放在视觉中心的位置上，以文字为主，图形就是起到衬托的作用，要注意两者之间的主次关系。
4.结论
综上所述，本文通过对网页版式语言的视觉元素运用以及代表性案例进行深入分析与研究，我认为，网页作为现代信息社会主流媒体的传播形式，网页版式设计并不是对色彩、图形、文字等静态元素及动态元素设置的堆砌，网页设计的版式语言具有着特殊的属性与组构规律。具体地说，网页设计不仅需要合理技术的支持，尤其要以网页的理念内涵为依据，针对不同网页的特定功能、属性需要，进行精心组构设计，通过视觉元素创造和谐的版式语言形式，即网页审美要素与网页功能的完美结合，这样才能使浏览者在有效、快速、准确地获得信息的同时，又能给浏览者营造一种富有愉悦心理的视觉气氛与美感的享受。
【参考文献】
[1]王受之.世界平面设计史[M].北京：中国青年出版社，2002.
[2][美]鲁道夫·阿恩海姆.腾守尧，朱疆源译.艺术与视知觉[M].成都：四川人民出版社，2006.
[3][美]鲁道夫·阿恩海姆. 腾守尧译.视觉思维[M].成都：四川人民出版社，2005.
[4]庞蕾.视觉形态[M].沈阳：辽宁美术出版社，2008.30-31.
[5]高波飞.网络媒体的视觉传达设计研究[D]：[硕士学位论文].长沙：湖南大学，2002.
[6]许海.网页界面视觉设计艺术研究[D]：[硕士学位论文].长沙：湖南师范大学，2007.
【关键词】网页版式；视觉元素；应用原则
1.网页版式语言的文字设计
勿容置疑，网页是以文字为主要信息传播载体，它在版面中占有了很大一部分的空间。文字的设计，是网页设计必不可少的一个环节，它能在外观中产生视觉意境，同时能给浏览者在阅读时产生丰富的情感和意境。
1.1文本文字
文本设计指在网页编辑中可以修改内容的字符，字体、字号都属于文本属性。文本的设计受到技术环境的影响很大，要想文本在所有计算机上都能正常显示，一般是采用计算机本身的字体，常用字体有黑体、宋体等，还有一种方法就是将文字图形化，但是这样会导致网页速度降低，所以不适合大面积使用。
1.1.1文字字体
网页版式中使用的字体应该要清晰明了，字体与版式的风格以及主题都该保持一致。在一个版面中一般选择2-4种字体是比较适合的。
1.1.2文字字号
版面的形象是受制于文字字号的大小，字号大的文字构成的版面就会给人留下自信、有力的印象，字号小的文字构图就会给人留下严谨、精致的感觉。
1.2图形文字
图形文字是指不可编辑、已经图形化的各种文字，包括静态和动态的图形文字、图像和文字动画等。图形文字主要应用于标题文字、文字图标和文字广告中，它既是二维空间的，也是三维立体的。图形文字现在在网页版式设计中应用越来越广泛，图形文字将文字图形化、格式化的处理，使浏览者能够更直观的了解图意，领会设计者的用意和目的，不会产生对文字的疲劳化。采用图形文字可以达到使版式形式具有更强烈的视觉效果。
1.3网页版式中文字设计的应用分析
文字设计风格要根据网页版式中信息内容的特点来设计的，不能脱离实际内容。例如政府部门网页的文字就应该庄严规范，字体造型有规有矩的；休闲娱乐类网站，字体应该轻快活泼，节奏感强。如图1，英国Cupcake创意设计工作室，版式中对比强烈的文字衬托出工作室的前卫、创新、时尚。
图1
2.网页版式语言的色彩设计
网页色彩包括网页的基本色彩、文字色彩、图形色彩、版面背景色等等。色彩的选择能够体现网站的的整体外观，更好的体现网站的形象内涵。但是网页色彩设计，颜色不能太多、纯度也不能太高，不然会造成浏览者的视觉疲劳。色彩可以是版面的点缀，也可以使版面更活泼且不会喧宾夺主。
2.1版面主页的色彩设计
版面主体色彩的选择，先确定一个主体色调，网站主题由这个主体色调来体现。现在多数网页色彩设计，浅色背景比较多，像淡灰色、淡黄色、淡蓝色，浅色调给人温柔、素雅的感觉，搭配上深颜色的文字，例如，用黑色的字体，比较符合人们的视觉习惯，阅读起来自然、方便。
2.2版面背景的色彩设计
在网页背景色的搭配中要注意色彩对比不能非常强烈，大面积的颜色适合采用低纯度，色彩过于丰富的背景会影响文字的色彩选择，有的会使文字融到背景中，不容易识别。
2.3网页版式中色彩设计的应用分析
色彩使人产生各种不同的心理感受，由于每个人的性别、年龄、文化、习惯等不同，对色彩产生的心理效应就不同，因此，网页版面的色彩设计要准确的把握和了解浏览者的色彩心理。
2.3.1电子商务类网站色彩设计
电子商务网站版面大气、图文清晰，色彩一般选择比较稳重的配色，不会太花哨，会根据产品和消费者来选取主要色调。设计者可以通过商品类型、产品内容和消费群来确定网站色彩的搭配，搭配的同时要符合商家经营理念，满足消费者喜好。
如图2，大型电子商务网站，商品种类繁多，因此背景版面采用白色，给人干净、整洁的效果，看上去舒服大方能够延长消费者浏览的时间，运用一些色彩抢眼的商品图形加以配合，使版面看起来色泽饱满、视觉感受好。
图2
2.3.2时尚类网站色彩设计
时尚类网站运用清晰度比较高的图片，版式布局看上去干练、时尚，一般都是采用白色、灰色的背景，利用简单的布局，来突出版面中的图片，给人留下深刻的印象。
国际品牌的BCBGMAXAZRIA官方网站，该品牌的服装设计作品个性、时尚，能够博得很多消费者的视线。网页的背景色彩运用了灰色与白色的搭配，体现出官方网站的稳重与庄重，版面的右侧有红色、深蓝色的图片，在遵守原有风格的前提下，增添了变化，增强了时尚感。
3.网页版式语言的图形设计
3.1图形设计
图形属于世界性的视觉语言，在现今的网络中几乎找不到没有图形的网页了，由于图形的出现，带来了更直观的表达形式，图形占据了网页比较中心的位置，有的网页甚至只有图形。图形更能引起人们的视线，增加阅读的兴趣，图形不像文字那么枯燥，合理的应用图形，可以美化网页的版面效果，提高网页的艺术价值，吸引更多浏览者。
3.2网页版式中图形设计的应用分析我们在设计网页时，首先应该找到适合版式语言的图形，适合图形就是在网页版式中不仅仅具有点缀的作用，还要有助于去传达信息，主要是网页中比较复杂的内容信息，在正确选择图片后，能使浏览者在浏览时对这个图形产生联想。
其次，要加强文字与图形之间的配合，如果文字太多，网页就会显得沉闷，没有生气；如果图形太多，那么信息内容就会减少。所以我们要根据网页的内容作调整，以图形为主，就要把图形放在视觉中心的位置上，以文字为主，图形就是起到衬托的作用，要注意两者之间的主次关系。
4.结论
综上所述，本文通过对网页版式语言的视觉元素运用以及代表性案例进行深入分析与研究，我认为，网页作为现代信息社会主流媒体的传播形式，网页版式设计并不是对色彩、图形、文字等静态元素及动态元素设置的堆砌，网页设计的版式语言具有着特殊的属性与组构规律。具体地说，网页设计不仅需要合理技术的支持，尤其要以网页的理念内涵为依据，针对不同网页的特定功能、属性需要，进行精心组构设计，通过视觉元素创造和谐的版式语言形式，即网页审美要素与网页功能的完美结合，这样才能使浏览者在有效、快速、准确地获得信息的同时，又能给浏览者营造一种富有愉悦心理的视觉气氛与美感的享受。
【参考文献】
[1]王受之.世界平面设计史[M].北京：中国青年出版社，2002.
[2][美]鲁道夫·阿恩海姆.腾守尧，朱疆源译.艺术与视知觉[M].成都：四川人民出版社，2006.
[3][美]鲁道夫·阿恩海姆. 腾守尧译.视觉思维[M].成都：四川人民出版社，2005.
[4]庞蕾.视觉形态[M].沈阳：辽宁美术出版社，2008.30-31.
[5]高波飞.网络媒体的视觉传达设计研究[D]：[硕士学位论文].长沙：湖南大学，2002.
[6]许海.网页界面视觉设计艺术研究[D]：[硕士学位论文].长沙：湖南师范大学，2007.