[精选]多媒体艺术设计培训网页设计与制作.pptx

《[精选]多媒体艺术设计培训网页设计与制作.pptx》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、多媒体艺术设计培训北京华夏大地教育网艺术总监陈金良多媒体艺术设计培训第1讲网站策划第2讲网站界面的艺术设计第3讲网页色彩设计第4讲网站建设所用到的软件第1讲网站策划1.网站策划意义2.企业网站要明确自己的营销主体3.网站策划流程4.如何建立企业网站？5.网站架构多媒体艺术设计培训第2讲网站界面的艺术设计2.1设计的概念2.2界面设计的形态2.3基于信息的网络界面设计第3讲网页色彩设计3.1色彩基础3.2色系和色调第4讲网站建设所用到的软件1.Photoshop图形制作软件2.FlashMX动画制作软件3.Dr

2、eamweaver网页制作软件第1讲网站策划1.网站策划意义成功的企业网站，是技术、艺术与营销策略的有机组合。网页技术与美术设计都是具体的表现手法，而整个网站的架构、层次、栏目和超联接都是服务于企业营销战略的。第1讲网站策划2.企业网站要明确自己的营销主体一个好的企业网站，在策划时都应其网站架构、页面风格、层级关系等要素都要做合理的安排。企业明确这些要点后，站点承建部门才能决定网站建设的技术表现手段和艺术表现形式，以及网站的整体架构、层级关系和联接关系。企业需求信息---企业网站整体策划---策划方案研讨--

3、-策划方案定位---网站制作部门需求分析---网站艺术设计---网站制作---网站发布第1讲网站策划3.网站策划流程策划者必须了解网络媒体特点。企业网站的建设，应充分利用网站是分帧分层的架构方式。在明确企业营销主题的基础上，将企业文化、企业品牌、市场定位、服务承诺、产品优势等企业传达要素采用先进的技术手段和高品位的艺术表现力，并通过网页形式表现出来。第1讲网站策划4.如何建立企业网站？片头----首页----一级界面---二级界面---三级界面第1讲网站策划5.网站架构艺术设计，就是设计具有一定艺术成分和艺术

4、意义而言的，它不等同于艺术创作（纯艺术），而是非艺术的或者说非纯艺术的物质产品表现形式。是一种商品化了的艺术，它的产品对象主要是批量生产的工业化产品。第2讲网站界面的设计2.1设计的概念2.2界面设计的形态2.2.1形态的概念2.2.2形态的内容第2讲网站界面的设计2.2界面设计的形态2.2.1形态的概念通过视觉而产生的一种生理、心理过程，它通常与感觉、构成、结构、材质、色彩、空间、功能等紧密联系。第2讲网站界面的设计2.2界面设计的形态2.2.2形态的内容点、线、面、是艺术形态的基本架构和表现形式。点、线、

5、面第2讲网站界面的设计2.2界面设计的形态点在造型设计中，点是最简洁的形，不单单是几何意义上的两线相交生成的点。造型设计中，在一定范围内往往把产品的按键、旋钮、开关、螺钉、指示灯、商标、文字、把手等元素作为点来处理，以不同的形式在空间上进行安排，起到点缀、呼应、平衡视觉的作用。第2讲网站界面的设计2.2界面设计的形态线几何意义上的线是点运动的轨迹，没有粗细，只有长度和方向；而在造型意义上，线不仅具有了“一度空间”，而且具有了宽度和深度。各种线条均表现为不同的性格与表情。直线：给人以速度、紧张、锐利、明快、简洁

6、之感。细长直线：纤细、锐利、流畅。粗短直线：厚重、朴实、雄浑、不流畅。水平线：稳定、沉着、冷峻。垂线：端正、挺拔、温暖。斜线：散射、不安定、温暖与冷峻的结合。曲线：活力、动势、自由、丰满。第2讲网站界面的设计2.2界面设计的形态面几何意义上的面是线移动的轨迹，是一种平静的、客观的声音。以不同的线作为母线（素线），按特定的方式移动，就可构成不同的二度空间，即面。第2讲网站界面的设计网络界面设计是人与计算机交互方式的演变。是随着计算机技术的发展而发展的。现在科技体现“以人为本”，人性化的设计是网络界面设计的核心，

7、如何根据人的心理、生理特点，运用合理的技术手段，创造简单、友好的界面，是网络界面设计的重点网络界面具体一点讲就是网页界面设计。2.3.1网页界面设计与传统平面设计的关系2.3.2网页设计的原则2.3.3网页界面的布局2.3.4几种常见的构图第2讲网站界面的设计2.3基于信息的网络界面设计2.3基于信息的网络界面设计2.3.1网页界面设计与传统平面设计的关系由于计算机及其网络技术的特点和条件，对网页设计是有限的。网页设计与传统的平面设计主要区别有4个方面：1. 介质的不同传统平面设计----印刷品（分辨率可变，

8、）网页界面----------计算机显示器（分辨率低72线即可、较细的线不易看见）2. 页面大小的限制传统平面设计----印刷品尺寸可调整大小网页界面----------计算机显示器（800×600、1024×768等）3.交互性区别传统平面设计----无网页界面----------联接、按钮等bbs聊天室，电子商务4.多媒体功能传统平面设计----无网页界面---------文字、声音、视频、动画