网站设计风格与色彩毕业论文

1、网站设计风格与色彩随着 网络 的日益普及, 网络正以一种前所未有的冲击力影响着人们的生 活,越来越多的人开始借助网络进行工作、交流、学习等活动。当人们 通过浏览器进入互联网这个虚拟世界时, 进入眼帘的是各种各样的网页, 如何设计出一个创意新颖、设计精美、结构合理的网站,来吸引众多的 人关注自己的网站,成为网站设计者日益关心的问题。一、网站设计的风格“风格”是指站点的整体形象给浏览者的综合感受。这个“整体形 象”包括站点的 CI (标志,色彩,字体,标语 、版面布局、浏览方式、 交互性、文字、语气、内容价值等等诸多因素。风格是有人性的,不管 是色彩、技术、文字、布局,还是交互方式,只要能由此让浏

2、览者明确 分辨出这是本网站独有的,这就形成了网站的“风格” 。一般都要求:清纯简洁,主题鲜明,内容编排得当合理、有一定的 艺术 感,美观、实 用,相关链接正常,能体现网站的基本功能,可以从以下几个方面来为 网站设计一个独特的风格。1. 网站标志 (LOGOLOGO 是指网站的标志,标志可以是中文、 英文 字母,也可以是符 号、图案等。标志的设计创意应当来自网站的名称和内容。比如:网站 内有代表性的人物、动物、植物,可以用它们作为设计的蓝本,加以卡通化或者艺术化; 专业网站可以以本专业有代表的物品作为标志。 最常 用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、 字母的变形、字母的

3、组合可以很容易制作好自己的标志。2. 网站色彩网站给人的第一印象来自视觉冲击, 不同的色彩搭配产生不同的效 果,并可能影响到访问者的情绪。颜色搭配是体现风格的关键。 “标准 色彩”是指能体现网站形象和延伸内涵的色彩,要用于网站的标志、标 题、主菜单和主色块,给人以整体统一的感觉。至于其它色彩也可以使 用, 但应当只是作为点缀和衬托, 绝不能喧宾夺主。 例如 IBM 的深蓝色, 肯德基的红色条型。一般来说,一个网站的标准色彩不超过 3种,太多 则让人眼花缭乱。适合于网页标准色的颜色有:蓝色,黄 /橙色,黑 /灰 /白色三大系列色。一般以白色和黑色的背景网页最好做,颜色搭配最 方便; 亮色与暗色配

4、合, 最容易突出画面, 如黑与白, 红与黑, 黄与紫; 而近似的颜色的搭配,能给一种柔和的感觉,如墨蓝与淡蓝,深绿与浅 绿。最好能给主页定一个主色调,不要搞得花花绿绿的。3. 设计网站字体和标准色彩一样,标准字体是指用于标志、标题、主菜单的特有字 体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有 风格,可以根据需要选择一些特别字体。 制作者可以根据自己网站所表 达的内涵,选择更贴切的字体。需要说明的是:使用非默认字体只能用 图片的形式, 因为很可能浏览者的 计算 机里没有安装特别字体,他看到 的只能是乱码,那么辛苦的设计制作便付之东流了。4. 使用精炼有效的语言现代 生活节奏加快

5、, 人们往往没有时间看大块文章。 为了节约时间, 在单位时间内获取最大量的信息,人们需要精练的信息,即信息精品, 要用信息语言来表达信息内容。所谓信息语言是指以下公式:信息 =基 本事实+数据描述+专家观点。信息语言摒弃一切广告性词句、文学性修饰词句, 不欢迎一切关于 意义、重要性的过分渲染。尽量采用数字说话,欢迎定量描述,反对过 多的定性描述, 特别是无法形成准确概念的定性描述。 用信息语言描述, 任何信息都应该有出处,有时间,分类准确。当然,应当满足信息的时 效性、准确性、完整性、精练性等固有的特点。在此特别注意的是,不 要出现错别字、病句。5. 设计网站宣传语网站的宣传语也可以说是网站的

6、精神、主题与中心, 或者是网站的 目标,用一句话或者一个词来高度概括。 用富有气势的话或词语来概括 网站,进行对外宣传,可以收到比较好的结果。二、网站设计的色彩搭配打开一个网站, 给用户留下第一印象的既不是网站的丰富内容,也 不是网站合理的版面布局,而是网站的色彩。 色彩对人的视觉效果非常 明显,一个网站设计成功与否,在某种程度上取决与设计者对色彩的运 用和搭配,因此专业人士把色彩制作成色系表,根据这些色系让网站也有其自身的色系, 网站的色系是浏览者整体的视觉观感,若一个网站色 系能有一致性,不仅会使网站看起来美观,更能让浏览者对内容不易混 淆,增加了浏览的简洁与方便。而网站的色系更能衬托出网

7、站的主题, 若色系能与主题合理搭配,将会增加浏览者的易读性。 网站的色系包含 了网页的底色、文字字型、图片的色系、颜色等等,这不单只是将颜色 搭配得当就算完美,还要配合每个内容,及网站主题。1. 网页的底色网页的底色是整个网站风格的重要指针。 举例来说, 以黑色作为背 景颜色的网页,因黑色本对人的视觉上会造成黯淡的感觉, 若是拿来用 作活泼的儿童网站, 就是不适合了。 因为小孩子是天真无邪的、 活泼的、 有朝气的,与黑色的沉稳、黯淡,很难联想在一起。当然,每个人的审 美观不同,可能也会对颜色的代表性看法不同,但既然网站不是只写给 自己看的,就应该要注意到大部分人可能会有的观点, 然后以众人居多

8、 的观点出发,来设计网页。2. 文字字型文字字型上的设计, 最好的网站是以所有浏览者都能看到的字型为 主。 常会看到有许多网站要求浏览者须自行下载某种字型, 才能达到最 佳浏览效果, 这是种非常奇怪的行为。 毕竟浏览者只是来找资料或是来 看网站的内容,不可能会因为这种“为达最佳浏览效果” ,而自行下载 所需要的字型。当所要求的字型若不下载,并不会影响到网站内容上的 浏览与不便, 那么对浏览者的要求就微乎其微不可能发生任何作用。这 么一来,对于网页设计者来说,无非是非常可惜的,因为当初的设计风格却未能让浏览者一窥全貌,岂不是白费心思的吗?3. 图片的色系以色彩学简单的区分,色系可分为冷色系与暖色

9、系,再详细一点的 区分,又可分出各种颜色的色系,而色系的区分,就在于主观浏览意识 上的差异了。 如何将图片的色系与网站整体色系相对应,就是比较困难 的地方了。 要绘制一张图并非易事, 要绘制一张符合自己网页风格的图, 更是困难重重。大部分的网页制作者, 并不大可能驾轻就熟的使用影像 处理软件或绘图软件,于是乎,网页素材的网站就开始盛行了。当然, 的素材资源妥善利用,网站也是可以走出自己的风格的。而该怎么选择 适合自己网站的图片,就是门很大的学问了。以图片内容来说,能切合网站主题最好,若不能,也别差异太多。 以颜色来说, 若一个网页是蓝色的底色, 但整个网页的图片却乱七八糟, 各种颜色纷纷出笼,

10、更糟的是,蓝色是属于冷色系的颜色,若以蓝色为 底的网页,却尽都是大红色、橘色的图片,那将会使整张网页看起来就 像垃圾堆,杂乱无章。所以,可以简单的归纳出,网页与图档的颜色, 色系一致或是视觉效果一致, 将会使网页看起来更为美观且有自己的风 格。4. 网页的颜色网页的颜色,并非单一就图文件、文字颜色、或是底色为主,而是 以浏览者的角度来观看, 整体网页看上去是偏向哪种色系。 常常见到许 多网站虽然色系搭配的很好, 但却是没有自己的风格。 以目前流行的柔色系、粉色系网站来说，就是失了自己独到的风格。因为使用粉色系的 网站，不外乎都有相同的特点，文字颜色浅，底色也以浅色系为主，这 样除了没有自己的风

11、格外，看起来既不大方也难登大雅之堂。以各大搜 寻网站来说，根本不会做这样的设计，因为文字颜色淡，加上底色浅， 对浏览者来说，阅读上非常吃力，所以这样的设计风格也应尽量避免。 一个有自己风格，且阅读起来舒适大方的网页，并不可能一次就写好， 而是需要经过不厌其烦的修正、调色，才能达到最佳浏览效果的。 三、网页的美化设计 1.使用 CSS 优化网页外观 使用 CSS 来获得对整个站点所有 WEB 页面的外观控制。设置页边 空白，页面填充，边界，颜色和背景。对任意网页元素设置字体大小及 改变字体外观。创建动态活动链接。创建 CSS 风格的完全兼容的网页。 CSS 的主要好处就在于，你不用去修改网页文件，只要修改这个页 面连接的 CSS 文件， 就可以实现不同的显示效果， 包括底色、 背景图片、 文字大小、颜色、边框等等。网站的版面、布局要求，不能占用较 大的边幅放栏目图片，正文的位置不能少，图片与文章的搭配要平衡， 过多使用大图片， 大大增加了传输流量， 影响了网站浏览者阅读的速度， 要优化网页就尽可能使用 CSS 实现，灵活地使用 CSS，可以使页面精致 漂亮而又不会占用过多的系统资源， 所以很有必要花些时间研究一下。 2.用表格美化页面布局 表格布局好像已经成为一个标准，随便浏览一个站点，