什么是网页美术设计.pdf

《什么是网页美术设计.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、什么是网页美术设计1.1网页美术设计概述1.2完整网站设计所需的内容1.3建设网站的整体设计流程第1章1.4优秀网页设计的特征1.5课程提示网页美术设计原理及实战策略高等院校数字艺术设计系列教材进入21世纪，互联网(Internet)成为一种崭新的信息交流方式。HTML和WWW不仅成为推动计算机领域不断变革的强大动力，同时亦在世界范围内对商业、广告业、信息业和通信业产生了深远影响。我们现在所熟悉的互联网，由数以万计的网站组成，每个网站又由多层的网页构成，其中“网页”成为构成互联网的重要基本元素。随着互联网的飞速扩展，浏览者的文化层次和审美层次的提高，“网页

2、”设计也越来越接近于设计艺术，而不仅仅局限于原有的技术概念。因此，现代网页设计需要补充更多的美术设计方面的知识和训练，使互联网的构成更加丰富多彩。在网页的整体设计中，技术问题是理性的、直接的，它的解决方式也是唯一的。网页美术设计创作，则是感性的、深入的，需要一定的艺术规律和美学指导。网页美术设计，是针对网站整体设计发展而来的一门新的艺术设计门类，是以信息网络为媒介和载体的综合性艺术，是与以往任何单一艺术形式都不同的新型互动媒体艺术。既有与传统宣传媒体相同的美学规律，同时也具有其独特的设计要点。对于网页美术设计来讲，美学的基本规律，诸如网页页面的比例、造型、

3、色调、版面、透视关系等因素都是客观存在的，它们既独立存在又相互紧密联系，它们一起融合于所有的网页艺术作品中。因此，要做好网页美术设计，就需要探寻艺术的基本规律和内涵，寻找一种共通的创作方式和原则。如图1-1和1-2所示，不同类型的网站虽然整体结构和风格差异性很大，但是其艺术的基本审美规律是相似的。图1-1设计信息类综合性网站图1-2时尚设计类网站2第１章什么是网1.1网页美术设计概述页美术设计互联网之所以吸引人，在于它是全世界资源共享的平台，同时它的页面呈现效果是动态的，甚至是有声音的，可以互动参与的，还有令人惊奇的无法预知的下一秒将呈现出的页面效果，这是

4、网页设计和平面设计最大的区别。因此，在设计网页时，设计者应该更多地从视觉关怀的角度进行网页设计，使之更具人性化诉求。网页美术设计，是指网页设计者根据网页所要表达的主题，将大量信息通过归纳、整理、美化设计，使页面视觉漂亮、网页信息有条理，从而提高网页的阅读效率和信息搜索率。网页设计者不仅要掌握基本的网页制作技术，还需要掌握网站的风格、配色等网页美术设计原理，依照项目设计的目的和需求，自觉地对网页的构成元素进行艺术构思，是一种创造性思维活动，以创造出艺术化、人性化的网站页面为目的。网页的美术设计在整个网站设计过程中是很重要的一个环节，美术设计有特色的网站更能得

5、到浏览者的青睐。经测定，网站浏览者在网站首页上停留的时间长短，通常以第一感觉(视觉)来评判，进而决定是否点选、进入网站观看内容，这一时间一般维持在2秒钟左右。此时，在极短的时间内，网站是否能给人留下好的印象，就在于它呈现出的整体视觉感受、内容、设计风格是否吸引浏览者从而进入网站浏览。而掌握网页视觉美感的基础，则是将图形、文字和色彩作为网页视觉设计的基本元素进行编排，并根据不同网站形式风格的特征进行差异性设计。如图1-3和1-4和图1-5所示，通过图形、文字、色彩等基本元素的创造性编排，产生了不同的网站视觉风格。图1-3时尚网站图1-4动物园网站首页图1-5

6、动物园网站下一级页面3网页美术设计原理及实战策略高等院校数字艺术设计系列教材优秀的网站页面设计，不仅要有鲜明的主题、统一的风格，还要求内容与形式的高度统一。网站的整体形象策划，以及对文字、图片、版式、音频和视频等内容的艺术化处理，都属于网页艺术设计的内容。由于所依托的技术手段不同，网页艺术设计与其他艺术设计形式既有相同点，也有自己的特点。其区别于传统艺术设计的特点可以归纳为——交互性、多维性、整合性、动态性等。如图1-6和1-7所示，页面中都带有传统平面设计中所不具备的动态图形、声音、交互设置。图1-6综合门户类网站1图1-7综合门户类网站21.2完整网站

7、设计所需的内容完整而漂亮的网站，由众多的基础设计元素构成，大体可以概括为“视听元素”和“版式设计”两大类。“视听元素”主要包括——文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等，这些多媒体视听元素在浏览器中都可以显示、收听或播放，它们在网站整体设计中的综合应用大大地丰富了网页的表现力，使浏览者可以享受到更加完美的视听效果，如图1-8和图1-9所示。图1-8流行购物网站1图1-9流行购物网站2网页的“版式设计”在网页的艺术设计中占据着重要的地位，是在有限的电脑屏幕上，根据网站的设计风格定位，将众多的视听多媒体元素进行有机地排列组合，

8、将理性思维个性化地表现出来。优秀的版式设计在高效传达信息的同时，会