多媒体与网络互动艺术多媒体与网络互动艺术第一部分：网页设计概论（第一部分：网页设计概论（22课时）课时）1.网页设计的内容和意义网页设计的内容和意义2.网页设计的概念网页设计的概念3.网页设计的内容网页设计的内容4.网页设计的原则网页设计的原则55网页设计的特点网页设计的特点1.网页设计的内容和意义网页设计的内容和意义网页设计网页设计是艺术设计相关专业的一门主干专业必修课，它是网站建设从技术是艺术设计相关专业的一门主干专业必修课，它是网站建设从技术形态的延伸，以视觉艺术为主要表现形式。形态的延伸，以视觉艺术为主要表现形式。本课程的本课程的目的目的是通过该课程系统的理论学习和实际操作，使学生掌握视觉传是通过该课程系统的理论学习和实际操作，使学生掌握视觉传达设计的理论，运用多媒体技术进行网页设计；独立进行网站整体形象设计、达设计的理论，运用多媒体技术进行网页设计；独立进行网站整体形象设计、动画设计，制作完整的网站界面。动画设计，制作完整的网站界面。要求要求学生明确网页设计的概念，了解网页设计的范畴和特征；掌握网页设计学生明确网页设计的概念，了解网页设计的范畴和特征；掌握网页设计中图像的应用，掌握图像的编排与设计；把握好视觉流程及版式类型，使页中图像的应用，掌握图像的编排与设计；把握好视觉流程及版式类型，使页面的设计更具有可读性；掌握多媒体技术的应用，使网页的设计的现代感和面的设计更具有可读性；掌握多媒体技术的应用，使网页的设计的现代感和互动性增强；发挥创意思维，培养学生在设计实践中熟练把握各设计要素，互动性增强；发挥创意思维，培养学生在设计实践中熟练把握各设计要素，进行综合配置，更好地为创意理念服务的能力，构建整个网站的视觉识别系进行综合配置，更好地为创意理念服务的能力，构建整个网站的视觉识别系统，使网页的风格，形式更加统一；还要了解当今国内外网页设计的发展状统，使网页的风格，形式更加统一；还要了解当今国内外网页设计的发展状态，始终站在网页设计的前沿阵地。态，始终站在网页设计的前沿阵地。网页设计网页设计是指网页设计者以既有的技术和艺术知识为基础，依照是指网页设计者以既有的技术和艺术知识为基础，依照设计目的和要求，自觉地对网页的构成元素进行艺术构思，创作出艺设计目的和要求，自觉地对网页的构成元素进行艺术构思，创作出艺术化、人性化的网站界面。术化、人性化的网站界面。优秀的网页设计要具备：优秀的网页设计要具备：1.鲜明的主题、统一的风格鲜明的主题、统一的风格2.内容与形式的高度统一内容与形式的高度统一3.网站的整体形象策划网站的整体形象策划4.文字、图片、版式、音频和视频等内容都能够进行艺术化处理。文字、图片、版式、音频和视频等内容都能够进行艺术化处理。2.网页设计的概念网页设计的概念网页设计的内容网页设计的内容（（11））..网页设计的视听元素网页设计的视听元素视听元素的概念：视听元素是网页中基本视觉元素和听觉元素的总称。其中包括：文本、背景、按钮、图标、图像、表格、颜色、导航视听元素的概念：视听元素是网页中基本视觉元素和听觉元素的总称。其中包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。工具、背景音乐、动态影像等。(2).网页设计中的版式网页设计中的版式网页设计中的版式设计是为了更好的对网页信息进行视觉传达，是网页设计的重要内容。网页设计中的版式设计是为了更好的对网页信息进行视觉传达，是网页设计的重要内容。相异性相异性相同性相同性4.网页设计的原则（1）网页设计具有明确的信息传达主题文本样式化处理。就是运用视觉习惯和逻辑规律，对网页的主题文本进行条主题文本样式化处理。就是运用视觉习惯和逻辑规律，对网页的主题文本进行条理性、样式化处理，使它更符合浏览者获取信息的心理需求和逻辑方式，让浏览者能够更理性、样式化处理，使它更符合浏览者获取信息的心理需求和逻辑方式，让浏览者能够更快的理解和吸收所需要的信息。快的理解和吸收所需要的信息。B.版式处理。通过运用艺术的形式美法则，对网页的各种构成元素进行条理性、样式化处理，版式处理。通过运用艺术的形式美法则，对网页的各种构成元素进行条理性、样式化处理，使它更符合浏览者获取信息的心理需求和逻辑方式，让观者能够快速的理解和吸收所需要的信息。使它更符合浏览者获取信息的心理需求和逻辑方式，让观者能够快速的理解和吸收所需要的信息。网页设计也是一门艺术，内容与形式的统一原则，同样是网页设计的基本原则。4.网页设计的原则（3）网页设计强调鲜明统一的整体风格网页具有多屏、分页、嵌套等特点，具有鲜明统一的整体风格才能给人留下深刻的印象。4.网页设计的原则依靠背景色统一画面。依靠背景色统一画面。5网页设计的特点A.交互性B.多维性序列结构：序列结构：层次结构：层次结构：网状结构：网状结构：复合结构：复合结构：6.网页设计中所需要的软件网页三剑客的软件网页三剑客的软件FlashFlash\\FireworksFireworks\\DreamweaverDreamweaver其他相关辅助软件其他相关辅助软件3DMAX3DMAX、、PAINTERPAINTER第二部分：网页设计原理和艺术表现手法（第二部分：网页设计原理和艺术表现手法（22课时）课时）（（11）网页设计的过程）网页设计的过程（（22）视觉流程及版式类型）视觉流程及版式类型（（33）版式的基本类型）版式的基本类型（（44）网页设计艺术表现手法）网页设计艺术表现手法（1）网页设计的过程1.项目规划明确建立站点的目的明确建立站点的目的多欣赏借鉴多欣赏借鉴2.内容组织搜集筛选将要发布的内容搜集筛选将要发布的内容组织内容组织内容导航导航编写脚本编写脚本3.页面设计确定网页设计的艺术风格和创作方法确定网页设计的艺术风格和创作方法草图完成后，用软件进行页面设计绘制草图完成后，用软件进行页面设计绘制测试发布测试发布站点推广站点推广反馈评估反馈评估（2）视觉流程及版式类型A.直线流程视觉流程明确，清晰易读视觉流程明确，清晰易读明确、简洁的竖向视觉流程斜向视觉流程，使页面产生动感（2）视觉流程及版式类型B.曲线流程曲线流程焦点视觉流程焦点视觉流程反复视觉流程反复视觉流程导向视觉流程导向视觉流程手势导向形象导向视线导向散点视觉流程散点视觉流程其视觉流程为：视线随各种视觉元素或上或下、或左或右的自由移动，给人一种轻松随意和慢节奏的感受其视觉流程为：视线随各种视觉元素或上或下、或左或右的自由移动，给人一种轻松随意和慢节奏的感受（2）视觉流程及版式类型文字导向手势导向1.骨骼型骨骼型3.分割型分割型4.中轴型中轴型（3）版式的基本类型5.曲线.焦点型焦点型（3）版式的基本类型中心型9.三角型三角型10.10.自由型自由型（3）版式的基本类型文字与色块的的自由组合，使画面生动 （4）网页设计艺术表现手法 2.网页设计的艺术风格定位（4）网页设计艺术表现手法 A.创意性思维的基本特征创意性思维的基本特征 独创性独创性 综合性（4）网页设计艺术表现手法 （4）网页设计艺术表现手法 情感诉求的创意（4）网页设计艺术表现手法 （4）网页设计艺术表现手法 3.利用电脑软件的制作与应用第三部分 网页计算机制作程序 （18课时） PNG格式1.图片的制作 2.网站的形象设计 设计网站的标准字体网页设计中的标准字体是指用于LOGO、标题、主菜单的特有字体。这些设计往往需要结合被设计公司或者个人 的对外形像要求，为了体现网页设计的与众不同，我们可以考虑根据需要设计一些特别的字体。 CMYK形式展示的，这在设计软件调色中应该加以注意。3.利用电脑软件的制作与应用 ——界面 二.Fireworks的工作界面3.利用电脑软件的制作与应用——界面 3.利用电脑软件的制作与应用——界面 四、修改画布3.利用电脑软件的制作与应用——界面 3.利用电脑软件的制作与应用——界面 画布大小 图像大小 编辑网格辅助线.利用电脑软件的制作与应用——界面 1、选区工具3.利用电脑软件的制作与应用—— ——绘图工具 Shift Alt 2、自由笔刷工具3.利用电脑软件的制作与应用—— ——绘图工具 涂抹3.利用电脑软件的制作与应用—— ——绘图工具 3.利用电脑软件的制作与应用—— ——绘图工具 替换颜色3.利用电脑软件的制作与应用—— ——绘图工具 路径洗刷3.利用电脑软件的制作与应用—— ——绘图工具 8、形状工具3.利用电脑软件的制作与应用—— ——绘图工具 1、改变路径3.利用电脑软件的制作与应用—— ——矢量编辑 3.利用电脑软件的制作与应用—— ——矢量编辑 接着我们再来为该路径设置内部的填充色。内部的填充类别分为“无填充色、实心填充、网页抖动、渐变填充和图案填充”五种。其中各种填充类别下又有诸多色彩和样式可供选择。我们先在填充选 项中选择一种填充模式.. 任意变形3.利用电脑软件的制作与应用—— ——矢量编辑 5、对象的对齐3.利用电脑软件的制作与应用—— ——矢量编辑 裁切3.利用电脑软件的制作与应用—— ——矢量编辑bob最新版下载地址bob最新版下载地址