网页设计要素浅析

设计|网页|网页设计

  在你开始设计一个因特网站点之前,首先要考虑的是你的目标浏览者。一个法律咨询公司的网站和一个音乐网站的目标浏览者是不同的,相应的设计要求当然也就会有所不同。这里,我们主要致力于设计一个“一般”的因特网站点,虽然下面文中提到的有些规则可能对于你的项目而言,不一定完全适用。

  基本问题:我们常说,第一印象是非常重要的。因此,你的因特网站点的主页必须包含你的公司或站点所提供的所有服务内容。可以使用一个短的描述性的标题指明站点的主题是什么,也可以加入你的公司的徽标,但是千万不要让信息和图片填满了你的主页(站点的其它网页也必须如此);主页看起来必须是干净而有组织有条理的。要使用很容易阅读的字体。在主页的下面,提供你的公司的联系信息,例如,你的e-mail地址或电话号码,这样会使浏览者能很容易地跟你取得联系。此外,主页通常是放置更换信息或新闻的绝好的场所。

  在你开始设计之前,你必须仔细地为站点挑选色彩组合。千万不要出现紫色的背景加上黑蓝色的文字的组合。要使整个站点保持同一种色彩的组合,因为不同颜色组合的背景或字体可能会非常令人讨厌。你也可以选用一个背景图,而不是仅用一种颜色。背景图案可以自己绘制,也可以从因特网上下载。通过模糊背景图案,就可以使文字更容易被阅读。

  当增加文字时,尽量设置容易被阅读的字体和大小。如果你使用背景图片,那么,当网页被浏览时,背景色和字体将会先于背景图片被下载,因此,如果背景色和文本的颜色没有鲜明的对照的话,那么浏览者会有几秒钟的时间看不到文本的内容。解决这个问题的简单的方法就是,使背景色与背景图的颜色相类似。 
  使你的页面的“长度”短一些,可以使信息/动画通过几个页面来表现。如果把很多东西堆放一个网页上,就会使你的网页看起来非常凌乱,使浏览者不太愿意阅读所有的内容。所以,要设计几个网页,每个网页上放一段或两段文字,在段落的下面放置一个按钮,链接到下一页,在最后一页则放置一个按钮,链接到上一页、主页。尽可能使用模板,降低设计的工作量和复杂性。

  如果你准备为你的网站主页插入一个Flash movie,那么最好把它与主页分离开。一定要加一个“跳过”按钮,这样就使那些不愿意等待下载,或已经看过该movie的人,能很容易地直接进入你的主页。运用cookies,你可以使曾经浏览过你们网站的人自动跳转到主页。

  浏览导航:站点的浏览导航必须被设计成非常容易使用。如果需要,把站点分割为几个部分。最容易的方法,就是在整个网站的所有网页的左边放置一个菜单条。当然,除此以外,还有许多可选的方法。对于具有大量信息的站点,使用一个可扩展的菜单条是一个不错的选择。无论你使用何种导航模式,在每一页都放置一个指向主页的链接是一种不错的方法—这会使浏览者迷失方向时,可通过简单的点击就能返回初始的位置。

  图片和多媒体:图片、电影和声音效果永远都是很吸引人的,但是不能过分。要记住,不少人现在还是通过“小猫”上网的。努力使每一个页面小于100Kb。尽量把你的GIF和JPEG图片压缩后再加入到网页中。如果你准备在你的站点中放置高质量的图片、音乐或动画,那么你最好设计两个版本,一个为高质量,另一个为低质量,这样就能使不同的浏览者有一个合适自己的选择。

  Flash是一个目前非常流行的程序,许多Web设计者都乐意往自己的网站中加入。Flash的好处就是可以使你的动画和音乐文件非常小。为了观看Flash电影,你必须要有一个插件,该插件可以从Macromedia公司的网站上下载。虽然可能超过80%的因特网用户已经有了该插件,并且有了许多新的针对Internet Explorer和Netscape的版本,但是,它依旧是你必须考虑的问题。除非确实需要,尽量不要把Flash动画加入到你的网页中,因为有些浏览者没有那么大的耐心等待电影的下载,或者甚至没有耐心去下载一个插件。纯HTML设计,对于大多数(商业)网站,目前依旧是最好的选择。

  音乐和声音可以为你的网站增添不少的精彩,但是永远都不能运用得太过分。每一点击发出的蜂鸣声会让你的网站令人讨厌,并且对你的网站留下不够专业的印象。如果你准备要往你的网站中增加一些背景音乐,那么最好使用一些流音频软件,如Real Audio来播放文件。或者,你也可以插入一个Flash文件,循环播放一段音乐。你可以通过在Flash文件中导入WAV文件的方法完成,或者你也可以到因特网上下载一些免费的相关软件。如果你要在你的Flash电影中使用声音,通常加一个“弱音”按钮,会更好些;如果你用行为脚本控制浏览者计算机上的声音的话,那么,再加上一个音量控制条。当然,永远不要改变声音是最好的。浏览者如果需要,可以自己调整他的计算机的音量。

  “框架”的问题:框架—你也许会喜欢它,也许不喜欢。如果你在你的网站上使用框架,你很可能使一个框架用于导航目的,另一个框架则用于放置内容。你可以看见在同一页上有两个被分割的浏览窗口,你点击左边的框架,会改变右边的内容。用框架来组织网站的内容,显然是非常容易的。但是,我不赞成使用框架。当你要为某个站点作书签时,框架就会变得非常麻烦,因为站点的单个页就不能被做成书签,浏览者在打印时也会碰到问题。当然,不同的浏览者对待框架的态度是不一样的。

  另外要注意的事:

  使公司的徽标在整个站点保持一致。
  避免在你的站点或浏览窗口中使用滚动文本,因为滚动文本会降低你的网页的可访问性。
  检查你网站的文字,请其他人帮忙测试。多多询问你的亲朋好友,包括你站点的不同浏览者对它的看法。
  经常检查网页中的链接,确信它们没有断开,尤其是在你对网站内容作了更新后。
  检查你的网站是否和所有流行的浏览器相兼容。
  如果你有一个商业网站,并且准备直接在上面销售产品或服务,那么,购买安全服务以确保信用卡交易安全,应该是必须的。
  把你的站点信息提交给搜索引擎,检查你的站点在分类中的排名,如果很后,那么最好考虑更换你的META标记。
  许多人还在使用14英寸或15英寸的显示器,因此尽量使你的网页也是可以“自由滚动”的(最起码可以水平滚动)。
  不要在显著的位置堆积很多广告条,两个广告条基本上应该是上限了。
  不要在你的网站上放置浏览计数器。计数器会让你的网站看起来不够专业化,如果浏览量不够的话,还会起到相反的宣传作用。

  最后,内容是金。保证你能给你的浏览者一些有价值的东西,那么就能吸引他们经常光顾你的网站。为你的站点增加消息板和聊天室,从而提高网站的交互性,使你和你的访问者交流,让访问者们彼此交流。

时间: 2025-01-20 23:29:57

网页设计要素浅析的相关文章

网页设计的总体要素

设计|网页|网页设计 网络如同一个多维的空间,它具有强大的跳跃能力.而网站如同一个个大小不同的建筑物,每一个房间都具有不同的功能.因而,装饰也各不相同.而最终的效果,取决于站长对艺术的理解与把握. 接触网络已经很多年了,而设计网页确是近期的事.前些日子由于自己不小心造成左锁骨骨折,于是有了一个长长的假期,使我有时间静下来思考一些问题. 在观看了众多网站之后,我发现了这样几个问题,现于大家共同探讨. 一.定位.每个网站都应有自己的独特目的.相对于现实的单位来说,也就是企业CI设计中的企业宗旨.而目

设计理论:浅析网页色彩应用

在设计网页之前,客户或产品经理会提出对网页视觉风格设计的期望:活跃.大气.稳重.信赖.都市化-.. 设计师一听到关键词或许很自然地在心里蹦出几个配色与"关键词"相匹配了.网页的色彩,是访问者登录页面时的第一印象,好的页面色彩能给用户留下深刻的印象,并且能产生很好的视觉效果和营造网站整体氛围的作用. 色彩是我们接触事物的第一直观认知,在浏览一个新的网页时,第一认知的不是页面的具体结构和信息内容,而且是页面色彩搭配的视觉效果.色彩对于每个人.地域或国家都有不同的情感认知和联想意义,从某种程

浅析平面与网页设计的差异性

这段时间,一直在做印像派的商品设计,如照片书.台历之类.从网页产品设计转行过来的我,时常在想,平面设计和网页都是设计,但区别又是那么大,那不就与大自然中的猫和老虎一样嘛,它们都属于猫科动物,但又不是同一种生物,有着很大的差别. 现在就让我们来分析一下同样作为视觉传达设计,她们之间的差异性. 1.视觉元素 在色彩方面平面设计与网页设计使用的色彩模式完全不同,平面设计因为后期的实现依赖于印刷,所以采用CMYK的色彩模式,而网页根据其显像方式使用RGB的色彩模式.平面设计时的色彩运用注重视觉的冲击力及

4要素让网页设计中图标更有吸引力

  图标在网页设计中用途广泛,几乎每个网站中都存在着图标.通过这些小小的图标,可以方便的实现视觉引导和功能划分.如果选用恰当,图标能和页面中的图片有机融合,保持视觉上的一致性,同时也能够和整个网站的风格相契合.图标并不是华而不实的小玩意儿,小图标有大用处.在网页设计中,如果设计师并不擅长图标设计,那么就需要在图标选择上下功夫了. 一般来说,根据使用手法.使用场合的不同,一张图像可以有多种解读,图标亦如此.图标不但能够吸引用户的注意力,还能分割页面中的区域,最为重要的事,图标能够提供一种视觉隐喻,

让网页设计中的图标更具吸引力的几大要素

图标在网页设计中的作用 图标在网页设计中用途广泛,几乎每个网站中都存在着图标.通过这些小小的图标,可以方便的实现视觉引导和功能划分.如果选用恰当,图标能和页面 中的 图片有机融合,保持视觉上的一致性,同时也能够和整个网站的风格相契合.图标并不是华而不实的小玩意儿,小图标有大用处.在网页设计中,如果设计师并不擅 长图标设计,那么就需要在图标选择上下功夫了. 一般来说,根据使用手法.使用场合的不同,一张图像可以有多种解读,图标亦如此.图标不但能够吸引用户的注意力,还能分割页面中的区域,最为重要的事,

浅析·平面与网页设计的差异性

这段时间,一直在做印像派的商品设计,如照片书.台历之类.从网页产品设计转行过来的我,时常在想,平面设计和网页都是设计,但区别又是那么大,那不就与大自然中的猫和老虎一样嘛,它们都属于猫科动物,但又不是同一种生物,有着很大的差别. 现在就让我们来分析一下同样作为视觉传达设计,她们之间的差异性. 1.视觉元素 在色彩方面平面设计与网页设计使用的色彩模式完全不同,平面设计因为后期的实现依赖于印刷,所以采用CMYK的色彩模式,而网页根据其显像方式使用RGB的色彩模式.平面设计时的色彩运用注重视觉的冲击力及

有关网页设计的那些事儿

从这周起,将汇总QQ交流群中每天回复读者的一个网页设计方面的问题,按照一周的周期集结成文章,每周五发布在博客并共享在群中,供大家阅读参考.相较于我们经常发布的设计教程,这样的问答对于个人来说更有针对性,离我们日常的设计工作更近一些.我个人也有这样的体会,有时会有一两个问题长期停留在脑子里,得不到解决,偶然的碰到刚好涉及到这方面的文章,会有一下子豁然开朗的感觉.所以这样的形式也是非常有价值的.以下就是第1周的所有问题和答复,希望在设计对大家有所帮助. 一.质感的表现.作品好坏的评价(小李飞刀于8月

网页设计留白艺术

提升到艺术的高度来看待留白是通过视觉上的手段,留白也可以给人带来心理上的轻松与快乐,也可以给人带来紧张与节奏,通过这种手段可以向使用者表达出设计者的心理感觉,设计者在设计网页的同时也在同自己的使用对象在作一种交流,好的设计者能够达到同自己的使用对象进行心理对话的程度.不光通过页面上的文字.图片.动画的组合和排列,同时借助留白进行表达.可以达到非常好的效果,例如一个休闲的网站,设计者要传达给使用者的一个信息就是要是让他们轻松随意,无拘无束,光通过网页上的图片和文字的表达是干巴巴的,没有感情色彩的.

学院观点:网页设计中的十大新错误

错误|设计|网页|网页设计 曾经我指出的网页设计中的十大错误,至今在很多站点上依然可见,并且影响着页面的可用性.也就是说,这三年来情况并未得到多大改善. 不幸的是,新的网络技术及其应用导致了一个全新层次的错误.以下是其中最严重的十个. 一. 破坏或减慢"后退"按钮 (我的看法:有时候对页面的适当控制是必须的.) "后退"按钮是网络用户的生命线,同时也是继超文本连接后最常使用的导航特征.用户可以随意尝试网页所指向的任何地方,而只需点击一两次"后退"