网页艺术设计基础

本文来自我校鲍国枭同学：阅读原文，欢迎所有同学积极更新自己博客！

 

 

1.网页艺术设计与平面设计的关系
       互联网是由成千上万个网站构成，而每个网站又都是由网页构成的，网页是构成网站的基本元素。网页设计的好坏，直接关系到网站的好坏。
1.1网页艺术设计与平面设计的相同点
       网页艺术设计包含了色彩、文字、图形图像等元素的艺术设计。不难看出网页艺术设计与平面设计是紧密相连的，一个完整的页面包含了色彩艺术、文字编排设计、构图原理等要素，因此网页页面的色彩、图形图像、版面效果同样要遵守平面设计的造型要素和形式原理。网页的版面与平面的广告招贴、封面类似，都要以醒目的色彩、新颖的构图和独特的图形组合，给人以美的享受。例如：广告公司的网页，风格鲜明，造型上具有视觉冲击力，用色更为考究、耐看，格调高雅。
1.2 网页艺术设计与平面设计的区别
       网页艺术设计与平面设计的区别体现在如下几个方面：
       1.丰富的视听元素
       网页设计除了包含传统的色彩、图形图像、文字设计元素外，还包含有网页独特的按钮、表格、导航工具、背景音乐、动态影像等视听因素、很多网页都同时有视觉和听觉的效果。无论是文字、图形、动画，还是音频、视频，我们都要考虑如何以感人的形式把他们放进页面里。多媒体技术的运用则大大丰富了网页艺术设计的表现力和感染力，使网页在视觉上生动起来，听觉上也能得到享受。
       2.排版设计的多变性
       网页的版式设计是在有限的屏幕空间上将视听多媒体元素进行合理的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。
       3.高度的综合表现力
       网页要主题鲜明，按照视觉心理规律和形式将主题生动地传达给观赏者。要表达出一定的意图和要求以及诉求的目的，使主题在适当的环境中被人们理解和接受，满足人们的实用要求，所以设计在单纯、简练、清晰和精确的基础上，还需要强调一定的艺术性，并且要注重通过determine的风格和强烈的视觉冲击力来鲜明地表达出思想主题。
       网页艺术设计的目的是达到最佳的主题诉求效果，使之具有高度的综合表现力。
2.网页艺术设计与设计心理学的关系
       既然网页设计要遵循平面设计的造型要素和形式原理，同样的，网页设计也与平面设计一样，在运用色彩方面，采用图形图像方面，都要掌握相关的色彩心理学的知识。例如：设计一个儿童网站，我们从心理学的角度来分析小孩，可以发现小孩子的注意力容易被移动的、色彩艳丽的物体吸引，对可爱的、圆润的东西感兴趣。在国外，很多10岁以下的孩子都可以在父母的陪同下观看网站，迪斯尼之类的站点是他们经常光顾的地方。10岁以上的小孩子完全可以自己上网，他们可以主动寻找喜爱的站点。
       考虑到这些具体情况，儿童网站多以鲜亮的色彩为主，营造活泼的气氛。设计时不要用框架结构来局限页面，可采用自由的插图设计，插图多为卡通图像或者矢量图形。如果全用flash制作，也可为网站增添许多动态和变化。
3.网页艺术设计的技术特点
       1.交互性与持续性
       网页不同于传统媒体的地方在于信息的动态更新和即时的交互性。即时的交互，是成为热点的主要原因，也是网页设计时必须要掌握的问题。传统媒体都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。在Web环境下，人们是以一个主动参与者的身份加入到信息的加工处理和发布之中，而不再是一个传统媒体方式的被动接受者。这种持续的交互，使网页设计人员必须根据各个阶段的经营目标，以及用户的反馈信息，经常对网页进行调整和修改以及系统的设计。
       2.多维性
       多维性源于超链接，集中体现在网页设计中对导航的设计上。由于超级链接的出现，网页的组织结构更加丰富。浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。因此，导航是网站设计不可缺少的基础元素之一，它不仅仅是信息结构的基础分类，也是浏览者的网站目标。导航是引人注目的，浏览者进入网站，首先会寻找导航条。根据导航菜单，直观的了解网站储备了那些信息分类以及分类方式，以便判断是否需要进入网站内部，查找需要的资料。
       导航作为页面的重要视觉元素，放置在最明显、易找、易读的区域是必要的，让浏览者进入网站的第一时间就可以找到他。
       导航的样式有很多，包括横排导航、竖排导航、多排导航、图片式导航等。多种样式的导航设计，是为了与不同风格的页面设计协调统一而衍生出来的。
       3.多种媒体的综合性
       文字、图像、声音、视频等都是目前网页中使用的多媒体视听元素，随着网页带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将使得设计者需要综合运用多种媒体元素来设计网页，使满足和丰富浏览者对网页信息传输质量提出的更高要求。前几年国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流技术的推动下，Internet网上出现实时的音频和视频服务，，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合运用是网页艺术设计的特点之一，是未来的发展方向。
        4.板式的不可控性
       网页版式设计与传统版式设计有着极大的差异，网页设计者不能像印刷品设计者那样，可以指定实用的纸张和墨，要求浏览者使用什么样的电脑或者浏览器；网页正处于不断发展之中，不像印刷那样基本具备了成熟的印刷标准；网页设计过程中有关Web的每一件事都可能时时发生变化。
4.网页艺术设计与技术的关系
       网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是以网页设计者所能获取的技术和艺术经验为基础的，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，它不只是关于网页版式编排的技巧与方法，它更是一种技能，更是艺术与技术的高度统一。
       设计是主观和客观共同作用的结果，是在自由与不自由间进行的。设计者不能超越自己的己有经验和所处环境提供的客观条件限制。例如：做设计出身的网页设计者，往往对图形图片的视觉质量要求很高，这种高质量的图像图片一般像素都比较大，这就影响了网页上传的速度和刘畅。优秀的设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网页技术主要表现为客观因素，而艺术创意主要表现为主观因素，网页艺术设计者应积极主动地掌握现有的各种网页技术规律，注重技术和艺术的结合，这样才能穷尽技术之长，实现艺术想象，满足浏览网页信息的高质量需求。
       网页技术与艺术创意的紧密结合，使网页的艺术面设计扩展到立体设计。由纯粹的视觉艺术扩展到空间听觉艺术，网页艺术效果不再像书记或报纸杂志等印刷媒体，更接近于电影或者电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。技术与艺术的紧密结合在网页艺术设计中体现的尤为突出。
5.网页艺术设计的方式方法
5.1网页作品设计原则
       1.网页受众适应原则
       网页设计是有主题要求的，主题本身具有针对性，即主题是有适应人群的。例如：做儿童网站方面的设计，那么就要符合儿童的心理特点，做女性的万展，要适应女性的心理。
       2.特色原则
       在同类网站中，页面设计要与其他网站有所区别，要有自己的特色。
       3.通俗性
       网页设计要通俗易懂，才能使受众的群里不断扩大，网页的点击率才会高。
       4.图文音并茂
      在网页设计中，既要考虑到色彩、图片、文字，也要考虑到音频效果，这样的页面效果才会丰富，才能吸引读者。图片和文本是网页的两大构成元素，缺一不可、如何处理好图片和文本的位置成了整个页面布局的关键。也是体现设计品位的重要部分，而页面构图思维也将体现在这里。
       5.2网页构图的方法
       网页构图的方法有两种，一种是纸上构图；一种为软件构图。下面分别加以介绍：
       1.纸上构图法
       先画出页面构图的草图，有利于设计出优秀的网页来。所以在开始制作网页时，要先在纸上画出页面的构图草图来进行整体的规划
       2.软件构图法
       利用软件来完成页面构图的工作。Photoshop所具有的对图像的编辑功能用到设计网页构图上更为得心应手。利用Photoshop可以方便的实用颜色、图形和文字，兵器可以利用层的功能设计出用纸张无法实现的构图意念。
------------------------------------华丽分割线--------------------------------------------------
小结：本文主要介绍了网页艺术设计与平面设计的异同点，网页艺术设计与设计心理学的关系；网页艺术设计的技术特点，网页艺术设计的方式方法。网页艺术设计与平面设计的相同点是，两者在设计过程中都要遵循一定的设计美学和设计规律；网页艺术设计拥有独特的视听元素、排版特点。网页艺术设计的技术特点是交互性与持续性、多维性、多媒体的综合性、排版的不可控性。网页艺术设计要遵循受众适应原则、特色原则、通俗性原则以及图文并茂的原则。