多媒体艺术设计培训网页设计与制作.pptxVIP

多媒体艺术设计培训网页设计与制作会计学第1页/共45页多媒体艺术设计培训第1讲 网站策划 第2讲 网站界面的艺术设计第3讲 网页色彩设计第4讲 网站建设所用到的软件第2页/共45页多媒体艺术设计培训第1讲 网站策划1. 网站策划意义2. 企业网站要明确自己的营销主体3. 网站策划流程 4. 如何建立企业网站？5. 网站架构第3页/共45页 第2讲 网站界面的艺术设计2.1设计的概念 2.2界面设计的形态2.3基于信息的网络界面设计 第3讲 网页色彩设计第4页/共45页3.1 色彩基础3.2 色系和色调 第5页/共45页第4讲 网站建设所用到的软件1.Photoshop 图形制作软件2.Flash MX 动画制作软件3.Dreamweaver 网页制作软件第6页/共45页第7页/共45页第1讲 网站策划 成功的企业网站，是技术、艺术与营销策略的有机组合。 网页技术与美术设计都是具体的表现手法，而整个网站的架构、层次、栏目和超联接都是服务于企业营销战略的。1. 网站策划意义第8页/共45页第1讲 网站策划2. 企业网站要明确自己的营销主体 一个好的企业网站，在策划时都应其网站架构、页面风格、层级关系等要素都要做合理的安排。 企业明确这些要点后，站点承建部门才能决定网站建设的技术表现手段和艺术表现形式，以及网站的整体架构、层级关系和联接关系。 第9页/共45页第1讲 网站策划 3. 网站策划流程企业需求信息---企业网站整体策划---策划方案研讨---策划方案定位---网站制作部门需求分析---网站艺术设计---网站制作---网站发布 第10页/共45页第1讲 网站策划 4. 如何建立企业网站？策划者必须了解网络媒体特点。企业网站的建设，应充分利用网站是分帧分层的架构方式。在明确企业营销主题的基础上，将企业文化、企业品牌、市场定位、服务承诺、产品优势等企业传达要素采用先进的技术手段和高品位的艺术表现力，并通过网页形式表现出来。 第11页/共45页第1讲 网站策划 5. 网站架构片头----首页----一级界面---二级界面---三级界面第12页/共45页第2讲 网站界面的设计 2.1 设计的概念 艺术设计， 就是设计具有一定艺术成分和艺术意义而言的，它不等同于艺术创作（纯艺术），而是非艺术的或者说非纯艺术的物质产品表现形式。是一种商品化了的艺术，它的产品对象主要是批量生产的工业化产品。第13页/共45页第2讲 网站界面的设计 2.2界面设计的形态 2.2.1形态的概念2.2.2形态的内容 第14页/共45页第2讲 网站界面的设计 2.2界面设计的形态 2.2.1形态的概念?通过视觉而产生的一种生理、心理过程，它通常与感觉、构成、结构、材质、色彩、空间、功能等紧密联系。 第15页/共45页第2讲 网站界面的设计 2.2界面设计的形态 2.2.2形态的内容点、线、面、是艺术形态的基本架构和表现形式。点、线、面第16页/共45页第2讲 网站界面的设计 2.2界面设计的形态 点在造型设计中，点是最简洁的形，不单单是几何意义上的两线相交生成的点。造型设计中，在一定范围内往往把产品的按键、旋钮、开关、螺钉、指示灯、商标、文字、把手等元素作为点来处理，以不同的形式在空间上进行安排，起到点缀、呼应、平衡视觉的作用。 第17页/共45页第2讲 网站界面的设计 2.2界面设计的形态 线几何意义上的线是点运动的轨迹，没有粗细，只有长度和方向；而在造型意义上，线不仅具有了“一度空间”，而且具有了宽度和深度。各种线条均表现为不同的性格与表情。直线：给人以速度、紧张、锐利、明快、简洁之感。细长直线：纤细、锐利、流畅。粗短直线：厚重、朴实、雄浑、不流畅。水平线：稳定、沉着、冷峻。垂线：端正、挺拔、温暖。斜线：散射、不安定、温暖与冷峻的结合。曲线：活力、动势、自由、丰满。第18页/共45页第2讲 网站界面的设计 2.2界面设计的形态 面几何意义上的面是线移动的轨迹，是一种平静的、客观的声音。以不同的线作为母线（素线），按特定的方式移动，就可构成不同的二度空间，即面。第19页/共45页第2讲 网站界面的设计2.3基于信息的网络界面设计网络界面设计是人与计算机交互方式的演变。是随着计算机技术的发展而发展的。现在科技体现“以人为本”，人性化的设计是网络界面设计的核心，如何根据人的心理、生理特点，运用合理的技术手段，创造简单、友好的界面，是网络界面设计的重点网络界面具体一点讲就是网页界面设计。2.3.1 网页界面设计与传统平面设计的关系 2.3.2网页设计的原则 2.3.3网页界面的布局 2.3.4几种常见的构图 第20页/共45页第2讲 网站界面的设计 2.3基于信息的网络界面设计2