《网页设计与制作讲义》由会员分享，可在线阅读，更多相关《网页设计与制作讲义（37页珍藏版）》请在金锄头文库上搜索。
1、苏州工艺美术职业技术学院授 课 讲 义 课程名称 网页设计 授课班级 12平面a 任课教师 徐凯 系 、 部 视觉传达 讲 义 标 题网页制作部分教学目的：互联网是继传统媒体出现后又一个新的媒体，网页作为互联网技术表现形式。通过对特定技术的掌握，使学生学会如何在互联网上表现自己的设计思想。教学着眼于技术层面上的学习，为今后的网页设计作一个技术铺垫。第一单元：知识目标在Internet和Web迅猛发展的今天，数字设计技术对21世纪的平面设计家提出了许多挑战，在因特网的世界里，地域的概念消失了，人与人之间的距离，由天涯变成近在咫尺，由于因特网商业化的最大化引用，使得整个世界都在因特网上，它深刻的影
2、响了人们原有的价值观念、思维方式、知识结构等，它是继印刷、广播、电视等传统媒介后的第四媒体，面对新时代的到来，人们无不感受到社会经济和文化所经历的快速而深刻的变化。网络的世界已经无处不在，对于传统的平面设计师来说，这是一个不得不面临的一个新的、前景无限的设计领域。网页不但拥有传统媒体的优点，并且使得传播变得更加直接、省力、有效，然而在网页设计领域中，没有网页技术这个技术的平台，根本就无从谈起网页设计，设计根据需要不断的向技术提出新的要求，促进技术的进步，而真正有魅力的设计是设计者的思想、素养，对设计的理解和表现技术的综合体现。因此，要以掌握网页设计与多媒体技术为前提，更有效的发挥网页设计的表现
3、性和可操作性，完成新概念的构想。传统媒体平面设计与网页的平面设计网络已经越来越多的进入了平面设计领域，我们没有任何理由忽视平面设计的存在。网络对平面设计行业造成的威胁和机遇是并存的，这种趋势越来越显著，网络意味着机遇，对于传统媒体的平面设计而言，网络具有丰富的信息资源、图文的互、高速高效的特点。网络产生的这些变化不仅逐步加剧，并且掀起对技术的热潮，不仅影响着设计的创造过程，同时还影响到作品及交流的形式过程。所以设计者要具备设计交叉应用的综合能力，不断适应时代的变化。印刷品和观者的交流是拿在手中的翻阅，不仅有视觉设计，还有触觉设计等，网页设计则在具备视觉效果外还要兼顾网页的交互性与整体性、音效性
4、、把握整体的节奏感、整体风格等多重因素。网页本身具有比传统媒体（印刷、报纸、杂志、电视等）更大的传播覆盖面，网络所有的信息都是面向全世界，这是其他任何媒体所无法与之相提并论，同时，网页的时效性强，可以迅速了解最新的信息，网页的信息发布比其他媒体大大节省成本、时间，更新和修正也更为快捷和方便，不受时间和地域的限制。在这个新的媒体中技术是先导，但最终目的交流则是由设计来实现的，所以设计的重要性会由于技术的掌握而进一步强化。新概念的品面设计每屏要求结构合理、制作精美、创意独特、风格鲜明的网页，传递最丰富的信息，同时还能给人以美的艺术享受，树立公司企业、服务机构等的良好社会形象，获取最大的经济效益。特
5、点：网络传播具有声、像、图、文、视觉、听觉、互动，通过视觉传达全球化的交互信息。它不同于传统的平面设计，它是集艺术创意与多媒体技术于一体的过程。设计人员不仅要具有良好的设计素养、文化底蕴，而且应随时注意网页设计技术的发展，使网页在风格上新颖、独特，在内容上丰富、详实，井然有序。网页设计风格总体上分为两大类：l 内容型：结构严谨、内容规范，便于大信息量的传递，多为公司企业、服务机构等网络应用；l 风格型：网页构思新颖别致，色彩丰富，平面感觉强，多为个人网站，相关行业网站所用；优秀网页鉴赏（提高学习兴趣、提高鉴赏能力、最直接的感性认识，分解在各单元欣赏）VERIO公司网站，该网站设计上平中求奇。在
6、整体结构严谨的基础上 ，有一些趣味的处理，例如图像和导航的设计，可以让你在浏览网页中兴趣盎然。LIBRARY OF CONGRESS网站。该网站就好像巨大的图书馆，具体介绍了LIBRARY OF CONGRESS的地理环境以及各类资料。浏览网站便可查阅各类所需信息。网站设计简洁明了，体现了庄重的风格。APPLE网站，该网站具体介绍了APPLE品牌的产品与服务，网页设计精美，尤其是导航的设计，好似APPLE的电脑按键，与APPLE品牌切实有效的结合，极具视觉上的吸引力。AGFA网站，该网站具体介绍了AGFA品牌的数码相机、扫描仪、胶卷、软件产品。网页设计严谨，图文结合，结构紧凑，统一之中有变化，
7、信息量较大。图像虽然多，但是经过压缩后，并不影响网页的浏览速度。LACOUNTYARTS是洛杉矶乡村艺术讯息网站，该网站以鲜明的色块展现浓郁的艺术信息，导航也结合在色块中，非常的简洁明快，给人一种新鲜的感受，留下深刻的印象。KODAK公司的网站是以黑色底衬托公司的标准色及其图片资料，和KODAK形象很吻合，网站设计机构严谨，内容规范，有大量的信息传递。JOOZE网站是介绍JOOZE创意设计公司的网站。网站为客户提供创意与设计，并介绍了公司的组成与作品。FOCUS 2是一个设计工作室。网站在设计上展示了自己独特的风格，以新颖的手法介绍了公司的组成成员、公司的作品等，突破了语言的障碍，使图形设计成
8、为一种无国籍障碍的视觉传达，体现了数码的时代感。DISAPPEAR网站以单纯的形式展现网站统一性，网站没有使用公司介绍之类的繁复文字，而是使用图形化的处理，以求网页浏览中信息传递的快捷。EPSON公司的网站，网站设计的结构严谨，内容规范，信息量传递上非常的详细，图文结合，浏览轻松。CW公司 ，美国著名的CW公司网站，网站基本上应用了单纯的蓝色系列，明晰体现了企业的形象。BIANCA.ORG网站是以手绘的图形，提供您所需要的目标，寻找自己感兴趣的内容。因为图形本身就是一种无国籍的语言。PLUS网站是Paul Lee最新设计的网络作品选集，Paul Lee是耶鲁大学的MFA学生。SUCTION网站
9、是现在相当著名的网站，在许多专业杂志上都有介绍，网站设计上以其独特的风格，展现了数码设计与3D语言的混合使用，此网站可以边欣赏音乐，边欣赏作品，每一幅作品都给人新颖的感受。SEGURA网站是视觉传达设计公司的网站，此网站主要介绍了公司的组成，标志、企业形象识别、印刷、摄影等设计作品。CHASE设计群体网站是原来MARGO CHASE DESIGN的扩大，网站主要介绍了公司的标志、字体、广告、包装、网页等设计方面的作品，使浏览者可以从中对设计群体有一个全面的了解，达到宣传该群体的目的。GR8 网站是设计公司的网站，网站设计的非常有意境，进入该网站便以神秘的音乐伴奏，再加以图像动态的浮动，给人以舒
10、适的感受，在这里你可以边听音乐，边欣赏该公司的印刷、企业形象、网页设计等作品，而忘却了时间的流逝。DESIGNERSREPUBLIC是设计公司的网站，该公司只有七个小组成员，网站的设计风格以创新与简洁的图形为主，结合一小部分的耗散形式，对于现代图形设计造成强烈的影响，声音效果结合，具有较强的时代感，将会带动新世纪的设计风格。DESIGNGRASPHIK是专门的平面设计网站。展示其平面设计作品并提供平面设计服务。网站以图像为主，充满强烈的视觉冲击，导航以简洁的GO文字引导，清晰易辨。IDN是香港的数码设计专业杂志，专业介绍优秀的网站设计情报与信息，该网站同样延续着这一原则，网站设计的较为平面化，
11、色彩鲜明的图标激发了孩童般的奇思异想，使站点形象鲜明。DESIGNSHOCK 是德国的网络职业介绍所，虽然在柏林成立，但是组成这个国际性组织的设计师和设计员都是来自于世界各地，先创办杂志，后才建立相应的网站，主要目的是介绍“我们喜欢的人的精彩和有趣的意念”，该网站设计的较为卡通性和前卫性，导航以鲜明的色块引人注目，并且声效合一，让人非常感兴趣。ARCHETYPE是香港的字体设计及设计公司，这个网站的主要目的就是介绍设计的字体并且在网上销售，也介绍他们设计的卡通人物等，该网站的设计感强，浏览页面像做游戏一样，先从建筑的门进入，然后再菱形的方体中选择感兴趣的内容。ARTSEENSOHO 是位于美国
12、纽约的艺术家之城，有来自于世界各地的年轻的艺术家、经纪人以及大大小小的画廊，这个网站的主要目的是介绍这个艺术城，网站设计简洁、有清晰别致的地图式的导航地图，每个地图页面的长度与实际街道长度比例一致，对于展览信息的介绍如作者、作品较为详细，色彩鲜明，极富艺术气息。SWATCH 手表是较为时尚的定位，因此这个网站的设计也体现了时尚感，网站里具体介绍了手表的款式、价格等，它主要是以年轻男女为消费对象，展示了青春的活力和跃动的生气，各式时尚的手表与相应人物形象的巧妙结合，把SWATCH品牌的个性表现的恰到好处。LONGINESS手表是较为优雅的定位，因此网站的设计也体现了精致典雅。网站具体介绍了手表的
13、历史，世界各地的销售服务连锁、各国各时期的形象代言人等。它主要以“优雅态度、真我个性”为企业的宣传口号，网页以书籍翻阅的形式，展示了各式典雅的手表与相应的形象代言人。WRANGLE的牛仔品牌网站，以简练单纯的手法、鲜明的色彩突出品牌形象。服装界是非常注重企业形象的，网站往往具有鲜明的个性，处处体现企业形象。LEE 也是著名的牛仔品牌网站，网站以明确的绿色区别与其他牛仔品牌形象，在服装的介绍方面较为细致，包含服装的尺寸、裤长、腰围、臀围等，服装的分类也含有男装、女装、童装等，非常明确清晰。NIKE网站，由于NIKE在世界各地都有分销机构，因此网站也具体介绍了欧、亚，美国、英国、韩国、日本、香港等
14、世界各地的销售网络，从各连锁网站可以获取信息。网站设计风格新颖时尚，充分体现NIKE的运动系列产品的特征。ESPRIT 服装品牌网站，展示了轻松活泼的生命形象，体现了品牌的定位。LOUIS YUITTON 是著名的品牌，网站具体介绍了LOUIS YUITTON的历史、世界各地的销售服务连锁以及2001年最新的服装样式。它主要以淡绿色为主调，登载的情报信息量，比市面上的时装杂志由过之而无不及。STILA 化妆品牌网站的设计更是各具特色，STILA以可人的女性绘画形象出现，打破以往的照片形式，同时与清丽的色彩结合，随意之间体现了网站设计上的考究。BENEFIT化妆品网站，网站则以腊人的女性形象出现
15、。网站具体介绍了产品的特色和价格，便于网上购物。LORAC 化妆品网站，网站设计的独具特色，以圆形为主要的构成元素，平面的设计感强。GIVENCHY 化妆品网站，网站的清丽淡雅，充分体现了GIVENCHY品牌的网页设计美感。CLUD MONACO 化妆品网站，网站设计中把具体的产品排列的非常的构成性、色调高雅、交织以动感的FLASH处理，代表了当今世界高水准的网页设计水平。CHANEL 众所周知的CHANEL网站，网站设计的简洁高雅，网站设计结合了动态的处理，虚实相间，充分体现了CHANEL品牌的高贵与神秘。CD 化妆品牌网站，网站采用整合式设计，风格统一。BOURJOIS 网站设计独具匠心。网页采用长形的下拉式，具体介绍了品牌的口红、面部护理等各类产品以及最新的情报，网页色彩鲜明，辅以手绘式的女性情节形象，浏览者好似在欣赏BOURJOIS的故事。
