网页版式语言的视觉元素设计.docVIP

PAGE PAGE 1 网页版式语言的视觉元素设计 　　【摘要】网页设计是一个系统工程，网页是由多个视听元素组合而成。网页设计包括多个视听元素，如文字、图形、色彩、动画、视频等，这些元素在艺术上都具有相对独立性。①在网页艺术设计中十分广泛的运用多媒体视觉元素，使网页版式设计极大地丰富了表现力，使浏览者享受到了视听的完美效果。 　　【关键词】网页版式；视觉元素；应用原则 　　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图形设计 　　图形属于世界性的视觉语言，在现今的网络中几乎找不到没有图形的网页了，由于图形的出现，带来了更直观的表达形式，图形占据