网站设计二.ppt

Web 开发与技术设计 网站设计（二） 网站的风格与创意设计 网站风格是网站的功能之一。网站的信息有广义和狭义之分，风格就属于广义信息的范畴。网站的整体风格及其创意设计是站长们最希望掌握，也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。 风格是什么，如何树立网站风格？ 创意是什么，如何产生创意？ 网站的风格 风格(style)是抽象的。网站的风格是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI （标志、色彩、字体、标语），版面布局，显示方式，交互方式，文字风格等等诸多因素。 风格是独特的，是站点不同于其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。 风格是有人性的。通过网站的外表、样式、内容、文字、交流方式可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉约派”，你可以用人的性格来比喻站点。 风格是一个站点成熟有品位的标志 有风格的网站与普通网站的区别 普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识，使你能得到美的享受。比如站点的内容或精彩别致，或美不胜收，或高雅大方，或和蔼可亲，或严谨细腻。这些无声无形的信息传达了更为宽泛的含义，使网民从情绪上受其感染，比如站点有品位，和蔼可亲，是老师，是朋友。 如何树立网站风格 确信风格是建立在有价值内容之上的。 一个网站有风格而没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的，无须置疑。 如何树立网站风格 需要彻底搞清楚自己希望站点给人的印象是什么。 可以从这几方面来理清思路： 1.如果只用一句话来描述你的站点，应该是:_____________ 参考答案：有创意，专业，有(技术)实力，有美感，有冲击力2.想到你的站点，可以联想到的色彩是：________________参考答案：热情的红色，幻想的天兰色，聪明的金黄色3.想到你的站点，可以联想到的画面是：________________参考答案：一份早报，一辆法拉利跑车，人群拥挤的广场，杂货店 如何树立网站风格 4.如果网站是一个人，他拥有的个性是：________________参考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者5.作为站长，你希望给人的印象是：____________________参考答案：敬业，认真投入，有深度，负责，纯真，直爽，淑女6.用一种动物来比喻，你的网站最象：__________________参考答案：猫(神秘高贵)，鹰(目光锐利)，兔子(聪明敏感)，狮子(自信威信)7.浏览者觉得你和其他网站的不同是：__________________参考答案：可以信赖，信息最快，交流方便，8.浏览者和你交流合作的感受是：______________________参考答案：师生，同事，朋友，长幼。 如何树立网站风格 明确网站的服务对象。 站点有综合性的，也有行业性的，不管哪一种，用户的喜好都应该首先考虑到。用户来到与自己的身份角色相适应的网站，会产生信任感。比如说：一个电子商务网站主要是从事商业活动的，风格的形成是为了更好的服务于网站的商务活动，所以决不能为艺术而艺术。 如何树立网站风格 网站设计者应该明确自己的想法，明确自己要追求的艺术效果。 如果站点设计已经基本完成，可以迅速地浏览主要页面，检查一下网站的基本面貌与网站的行业特点是否类似。现实生活中各行各业的特色是十分突出的，百货商店、医院、歌舞厅、图书馆具有完全不同的氛围，看一看你的网站，是否具有你所处的行业的基本特点。在明确了自己的行业定位之后，应考虑网站的个性化因素。 如何树立网站风格 在明确自己的网站印象后，努力加强这种印象。 进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西，并以它作为网站的特色加以重点强化、宣传，制订一套基本的规格和技术指标（类似标准化），将它们运用到所有的页面中去。例如：再次审查网站名称，域名，栏目名称是否符合这种个性，是否易记。审查网站标准色彩是否容易联想到这种特色，是否能体现网站的性格等等。 一些加深网站印象的参考做法 将你的标志logo、特有的花边、线条、图案尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。 突出你的标准色彩。使用标准色彩和相近的底色（背景色）。文字的链接色彩，图片的主色彩，页面的底色，边框色等尽量采