web技术与开发设计00232.ppt

Web 开发与技术设计 第二讲 网站设计（一） 网站设计 网站设计，包含的内容非常多。大体分两个方面： 一方面是纯网站本身的设计，比如文字排版、图片制作、平面设计、三维立体设计、静态无声图文、动态有声影像等； 另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位、智能交互、制作策划、形象包装、宣传营销等等。 提纲 定位你的网站主题和名称 网站的形象设计与CI 策划 网站的栏目和版块 网站的目录结构和链接结构 网站的整体风格与创意设计 版面布局与首页的设计 色彩的搭配 网页中的字体、插图处理、动画与广告 考虑不同的浏览器和分辨率 定位网站主题 所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪,琳琅满目。只要你想的到，就可以把它制作出来。 第1类：网上求职 第2类：网上聊天／即时信息 / ICQ 第3类：网上社区／讨论 / 邮件列表 第4类：计算机技术 第5类：网页 / 网站开发 第6类：娱乐网站 第7类：旅行 第8类：参考 / 资讯 第9类：家庭 / 教育 第10类：生活 / 时尚? 一些常见的题材 题材选择的建议 主题要小而精。定位要小，内容要精。 题材最好是你自己擅长或者喜爱的内容。兴趣是制作网站的动力，没有热情，很难设计制作出杰出的作品。 题材不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材； “目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。 网站名称的建议 名称要正。这个“正”其实就是要合法，和理，和情。 名称要易记。除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。另外，网站名称的字数应该控制在六个字（最好四个字）以内。 名称要有特色。如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。 网站的形象设计与CI策划 通过网站发布的信息大体可分为两个方面。一方面是具体的实用信息。主要是由文字数据和图形图像组成，有些网站还可以使用动画、声音等多媒体技术,它们通过网站本身的栏目设置体现出来，比如文字内容、图片、动画、动态有声影像等；另一方面是广义的信息。包括网站的CI设计、网站主题定位和网民群体的定位，以及网页的制作策划形象、包装、宣传、营销等等。它主要是通过视觉语言来树立网站的社会形象，从而达到广告宣传的效果。如果说实用信息的文字数据及图形图像是由业务部门提供的话，广义信息则是由管理部门提供的，甚至需要借助广告策划的眼光进行全面的CI设计才可能有一个好的方案。 CI 所谓CI，是广告业的一个术语，是英文Corporate Identity的缩写。意思是通过视觉来统一企业的形象，即通过视觉语言的运用来树立形象传播信息，从而达到让全社会认识、了解、接受的目的。在现实生活中，通过CI策划为我们所熟悉的企业和产品比比皆是。如可口可乐公司采用全球统一的标志和色彩对产品进行统一的包装，给广大消费者印象极为深刻。 设计网站的标志（logo） 就如同商标一样，logo是一个站点特色和内涵的集中体现，看见logo就能让大家联想起站点。标志图形的设计创意来自网站的名称和内容，标志可以是中文英文字母，可以是符号图案，可以是动物或者人物等等。 网站标志设计创意 选用有代表性的人物、动物、花草。可以用它们作为设计的蓝本，加以卡通化和艺术化。 网站标志设计创意 网站有专业性的，可以以本专业有代表性的物品作为标志。 网站标志设计创意 最常用和最简单的方式是用自己网站名称的英文字母作标志。采用不同的字体、字母的变形组合可以很容易制作好自己的标志。 选择网站的标准色彩 网站给人的第一印象来自视觉的色彩感受，确定网站的标准色彩是网站建设重要的一步。美术设计将这项工作称为定色调、定调子。不同的色彩及色彩的搭配产生不同的效果，它不但关系到网站内容的传达，而且会影响到网上浏览者的情绪。 Intel公司用蔚蓝色作本企业的标准色。蔚蓝色是海洋的颜色，富于现代气息，其网站以蓝色为主色调 可口可乐公司用红色作本企业的标准色，可口可乐公司的红色是与徽标同时出现的，早已为大众熟知。标准色也成为公司的无形资产本。 可口可乐公司用红色作本企业的标准色，可口可乐公司的红色是与徽标同时出现的，早已为大众熟知。标准色也成为公司的无形资产本。 我国著名的IT 企业联想集团以蓝色为标准色，它的网站也突出了蓝色色调。 我国著名的IT 企业联想集团以蓝色为标准色，它的网站也突出了蓝色色调。 中国建设银行的网站也突出了蓝色色调。 奥迪公司的网页以灰色为主，疏体设计，显得宽敞舒展 奔驰汽车公司的主页简约而华贵十分耐看 选择网站的标准色彩 一般来说，网站的标准色彩只能是一种，具体应用时可以标准色为中心，利