当前位置:首页 >> 理学 >>

网站设计风格与色彩

网站设计风格与色彩

随着网络的日益普及,网络正以一种前所未有的冲击力影响着人们的生活,越来越多的 人开始借助网络进行工作、交流、学习等活动。当人们通过浏览器进入互联网这个虚拟世界 时,进入眼帘的是各种各样的网页,如何设计出一个创意新颖、设计精美、结构合理的网站, 来吸引众多的人关注自己的网站,成为网站设计者日益关心的问题。 一、网站设计的风格 “风格”是指站点的整体形象给浏览者的综合感受。 这个“整体形象”包括站点的 CI 标志, ( 色彩,字体,标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素。 风格是有人性的,不管是色彩、技术、文字、布局,还是交互方式,只要能由此让浏览者明 确分辨出这是本网站独有的,这就形成了网站的“风格”。一般都要求:清纯简洁,主题鲜明, 内容编排得当合理、有一定的艺术感,美观、实用,相关链接正常,能体现网站的基本功能, 可以从以下几个方面来为网站设计一个独特的风格。 1。网站标志(LOGO) LOGO 是指网站的标志,标志可以是中文、英文字母,也可以是符号、图案等。标志的 设计创意应当来自网站的名称和内容。比如:网站内有代表性的人物、动物、植物,可以用 它们作为设计的蓝本,加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标 志。 最常用和最简单的方式是用自己网站的英文名称作标志, 采用不同的字体、 字母的变形、 字母的组合可以很容易制作好自己的标志。 2。网站色彩 网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访 问者的情绪。颜色搭配是体现风格的关键。“标准色彩”是指能体现网站形象和延伸内涵的色 彩,要用于网站的标志、标题、主菜单和主色块,给人以整体统一的感觉。至于其它色彩也 可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。例如 IBM 的深蓝色,肯德基的 红色条型。一般来说,一个网站的标准色彩不超过 3 种,太多则让人眼花缭乱。适合于网页 标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色。一般以白色和黑色的背景网页 最好做,颜色搭配最方便;亮色与暗色配合,最容易突出画面,如黑与白,红与黑,黄与紫; 而近似的颜色的搭配,能给一种柔和的感觉,如墨蓝与淡蓝,深绿与浅绿。最好能给主页定 一个主色调,不要搞得花花绿绿的。 3。设计网站字体 和标准色彩一样,标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的 字体是宋体。为了体现站点的“与众不同”和特有风格,可以根据需要选择一些特别字体。制 作者可以根据自己网站所表达的内涵,选择更贴切的字体。需要说明的是:使用非默认字体 只能用图片的形式, 因为很可能浏览者的计算机里没有安装特别字体, 他看到的只能是乱码, 那么辛苦的设计制作便付之东流了。 4。使用精炼有效的语言 现代生活节奏加快,人们往往没有时间看大块文章。为了节约时间,在单位时间内获取 最大量的信息,人们需要精练的信息,即信息精品,要用信息语言来表达信息内容。所谓信 息语言是指以下公式:信息=基本事实+数据描述+专家观点。 信息语言摒弃一切广告性词句、文学性修饰词句,不欢迎一切关于意义、重要性的过分 渲染。尽量采用数字说话,欢迎定量描述,反对过多的定性描述,特别是无法形成准确概念

的定性描述。用信息语言描述,任何信息都应该有出处,有时间,分类准确。当然,应当满 足信息的时效性、准确性、完整性、精练性等固有的特点。在此特别注意的是,不要出现错 别字、病句。 5。设计网站宣传语 网站的宣传语也可以说是网站的精神、主题与中心,或者是网站的目标,用一句话或者 一个词来高度概括。用富有气势的话或词语来概括网站,进行对外宣传,可以收到比较好的 结果。 二、网站设计的色彩搭配 打开一个网站,给用户留下第一印象的既不是网站的丰富内容,也不是网站合理的版面 布局,而是网站的色彩。色彩对人的视觉效果非常明显,一个网站设计成功与否,在某种程 度上取决与设计者对色彩的运用和搭配,因此专业人士把色彩制作成色系表,根据这些色系 让网站也有其自身的色系,网站的色系是浏览者整体的视觉观感,若一个网站色系能有一致 性,不仅会使网站看起来美观,更能让浏览者对内容不易混淆,增加了浏览的简洁与方便。 而网站的色系更能衬托出网站的主题, 若色系能与主题合理搭配, 将会增加浏览者的易读性。 网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等,这不单只是将颜色搭配 得当就算完美,还要配合每个内容,及网站主题。 1。网页的底色 网页的底色是整个网站风格的重要指针。举例来说,以黑色作为背景颜色的网页,因黑 色本对人的视觉上会造成黯淡的感觉,若是拿来用作活泼的儿童网站,就是不适合了。因为 小孩子是天真无邪的、活泼的、有朝气的,与黑色的沉稳、黯淡,很难联想在一起。当然, 每个人的审美观不同, 可能也会对颜色的代表性看法不同, 但既然网站不是只写给自己看的, 就应该要注意到大部分人可能会有的观点,然后以众人居多的观点出发,来设计网页。 2。文字字型 文字字型上的设计,最好的网站是以所有浏览者都能看到的字型为主。常会看到有许多 网站要求浏览者须自行下载某种字型,才能达到最佳浏览效果,这是种非常奇怪的行为。毕 竟浏览者只是来找资料或是来看网站的内容,不可能会因为这种“为达最佳浏览效果”,而自 行下载所需要的字型。当所要求的字型若不下载,并不会影响到网站内容上的浏览与不便, 那么对浏览者的要求就微乎其微不可能发生任何作用。这么一来,对于网页设计者来说,无 非是非常可惜的,因为当初的设计风格却未能让浏览者一窥全貌,岂不是白费心思的吗? 3。图片的色系 以色彩学简单的区分,色系可分为冷色系与暖色系,再详细一点的区分,又可分出各种 颜色的色系,而色系的区分,就在于主观浏览意识上的差异了。如何将图片的色系与网站整 体色系相对应,就是比较困难的地方了。要绘制一张图并非易事,要绘制一张符合自己网页 风格的图,更是困难重重。大部分的网页制作者,并不大可能驾轻就熟的使用影像处理软件 或绘图软件,于是乎,网页素材的网站就开始盛行了。当然,不会使用绘图软件并不代表网 页就不能设计的很出色,若是能将网络上的素材资源妥善利用,网站也是可以走出自己的风 格的。而该怎么选择适合自己网站的图片,就是门很大的学问了。 以图片内容来说,能切合网站主题最好,若不能,也别差异太多。以颜色来说,若一个 网页是蓝色的底色,但整个网页的图片却乱七八糟,各种颜色纷纷出笼,更糟的是,蓝色是 属于冷色系的颜色,若以蓝色为底的网页,却尽都是大红色、橘色的图片,那将会使整张网 页看起来就像垃圾堆,杂乱无章。所以,可以简单的归纳出,网页与图档的颜色,色系一致 或是视觉效果一致,将会使网页看起来更为美观且有自己的风格。 4。网页的颜色 网页的颜色,并非单一就图文件、文字颜色、或是底色为主,而是以浏览者的角度来观

看,整体网页看上去是偏向哪种色系。常常见到许多网站虽然色系搭配的很好,但却是没有 自己的风格。以目前流行的柔色系、粉色系网站来说,就是失了自己独到的风格。因为使用 粉色系的网站,不外乎都有相同的特点,文字颜色浅,底色也以浅色系为主,这样除了没有 自己的风格外,看起来既不大方也难登大雅之堂。以各大搜寻网站来说,根本不会做这样的 设计,因为文字颜色淡,加上底色浅,对浏览者来说,阅读上非常吃力,所以这样的设计风 格也应尽量避免。 一个有自己风格,且阅读起来舒适大方的网页,并不可能一次就写好, 而是需要经过不厌其烦的修正、调色,才能达到最佳浏览效果的。 三、网页的美化设计 1。使用 CSS 优化网页外观 使用 CSS 来获得对整个站点所有 WEB 页面的外观控制。设置页边空白,页面填充, 边界,颜色和背景。对任意网页元素设置字体大小及改变字体外观。创建动态活动链接。创 建 CSS 风格的完全兼容的网页。 CSS 的主要好处就在于, 你不用去修改网页文件, 只要修改这个页面连接的 CSS 文件, 就可以实现不同的显示效果,包括底色、背景图片、文字大小、颜色、边框……等等。网站 的版面、布局要求,不能占用较大的边幅放栏目图片,正文的位置不能少,图片与文章的搭 配要平衡,过多使用大图片,大大增加了传输流量,影响了网站浏览者阅读的速度,要优化 网页就尽可能使用 CSS 实现,灵活地使用 CSS,可以使页面精致漂亮而又不会占用过多的 系统资源,所以很有必要花些时间研究一下。 2。用表格美化页面布局 表格布局好像已经成为一个标准,随便浏览一个站点,它们一定是用表格布局的。表格 布局的优势在于它能对不同对象加以处理,而又不用担心不同对象之间的影响。而且表格在 定位图片和文本上比起用 CSS 更加方便。表格布局唯一的缺点是,当你用了过多表格时, 页面下载速度受到影响。对于表格布局,你可以随便找一个站点的首页,然后保存为 HTML 文件,利用网页编辑工具打开它(要所见即所得的软件),你会看到这个页面是如何利用表 格的。 标签: 标签:网站设计