浅谈网页设计的几点要素
2011-08-15张萍
张 萍
黑龙江林业职业技术学院建筑工程系,黑龙江牡丹江 157011
浅谈网页设计的几点要素
张 萍
黑龙江林业职业技术学院建筑工程系,黑龙江牡丹江 157011
随着全球化进程的推进,网页成为信息沟通的桥梁,设计网页未必很艰难。但这一工作与编制传统的宣传品一样,都需要我们谨慎处理和筹划。换言之,我们必须首先确定自己需要传达的主要信息,然后仔细斟酌、把所有意念合情合理地组织起来;之后是设计一个页面式样,接着重复修订,务求尽善尽美。
网页;设计;要素;效果
随着网页应用队伍的不断壮大,网页制作水平也日异发展。在网页设计这个百花园里,百花齐放,春色满园。笔者经一段时间的摸索,总结出点滴经验,也就是网页设计的几点要素。
1 要保持网页的简洁不要滥用技巧
一个好的网站最重要的一点就是界面的简单、朴素。制作者们很容易掉入这样一个陷阱,即把所有可能用到的网页技巧,例如:框架、表格、字体等等都用上,这当然是好的,但如果多了的话就会让你的访问者眼花缭乱,也不会给他们留下很深的印象。 记住,只是因为你可以创建一个效果,但并不意味着你必须创建这个效果。先问一问你自己:我在网页上加入这个技术有什么价值?是否能更好的向访问者表达我的主题?目前,网友们常使用各种各样的技巧,使网页产生某种特殊效果。这本不可非议,在使用得当时会起到画龙点睛的效果;但如果不分场合到处使用,可能会产生画蛇添足的负作用。
2 简单但不是乏味
简单的真正含义并不是迟钝和乏味。许多人会被网站多余的奇特效果所迷惑,而忽视了信息的有效性。 保持简单的真正含义就是:想一想如何使自己网站的信息与你的访问者所期待和所需要的一样。应该把技术和效果用在适当的地方,用在有效信息上,让访问者关注他们想关注的东西。 清晰的设计+有效的技术=一个好的站点。
3 美术常识恰当应用
要想使网页看上去比较美观,有必要了解一些美术基础知识。比如颜色的搭配、反差的设置、画面的安排等。有些网页内容相当不错,但版面布局不合理,颜色搭配得也不合适,有的甚至由于文字和背景色反差太小而使阅读十分困难。例如背景色是深绿色,文字是黑色,可想而知,字迹能清楚吗?颜色搭配也要注意,有些网页使用大面积的大红大绿,看上去就不好看,有的颜色十分刺眼。
4 了解你的读者
你不是在真空里制作你的网页,也不是作给你自己看的。如果是这样,你还不如把它放在自己的电脑里。你发布你的网站是希望某些人停下来参观它。而这些人就是你的读者。你越了解你的读者,你的网站影响力就会越大。你的读者是否有个慢猫?那你最好应当特别的注意网页的大小。你的读者是纺织工人?那么血红色和黑色最好不要选择;或者他们是骨灰级游戏玩家?你就要避免用柔和的颜色和图案了。
一个好站点的定义:通过典雅的风格设计提供给潜在读者高质量的信息。
5 五个“手指”
对一个好的网站来说,清晰的导航也是最起码的标准。应该让访问者知道自己当时在网站中的位置,并且愉快的通过你的指引而遍览你的网站。例如,你可以做到的一件事情就是:“下一步”的选择数目尽量少,以便人们不会迷失在长长的选择项目列表中。一般人的大脑把5个或更少的项目看作一组,但是当所面对的项目超过5个,它就必须把他们划分成较小的次组来处理,所以说,保持你的选择项归类在5组或5组以内就变得很有意义了。
6 三次点击
对网站制作者来说,访问者就是上帝,讨好上帝的另一个方法就是让他们在获取信息时不要超过三次点击。想想,当你在访问一个网站时,点击、点击、点击、再点击、再……才找到你想要的信息,或者还没找到,你会怎么想呢? 加之,当你的访问者深入网站查找需要的信息最后却摸不着头脑了,会怎么办?他们肯定不会原地兜圈,他们会离开你的主页去别的地方继续冲浪,可能也就再也不会回来了。
7 30s的等待时间
访问者进入你的站点后,他应该可以不费力的找到所需要的资料。有一条不成文的法则:当访问者在决定下一步该去哪之前,不要让他现在所看的页面下载的时间超过30s。如果超过了这个时间,你就会开始失去你的“上帝”了。
保证你的页面有个适度的大小而不会无限制的下载。如果你的大多数访问者使用Modem的话,试着保持总的页面大小(包括页面图像)在45K一下。确保你的页面设计规划清晰明了,让访问者只需快速的扫视就能把握你的网站导航,知道自己“下一步”该选择的项目。
8 平衡
平衡是一个好网站设计的重要部分。 文本和图像之间的平衡。除非内容决定了这是个完全文本或者完全图像的网站,你需要用直觉和审美观来作判断,以便其中的一个不会淹没另外一个。下载时间和页面内容之间的平衡。当然你希望有个漂亮的页面,但你也必须平衡你的页面内容,因为你的很多访问者正在通过modem阅读它。难道你网站的图片真的值得等待那么久吗? 背景和前景之间的平衡。我们能在白纸上画出美丽的图案,网页上,如果能制作出漂亮的结构和背景是很令人激动的。但也容易使你的内容淹没在你的背景里面。
9 适度的帧
适度的的帧对于你的网页是很好的补充,然而就像所有网站的元素所具有的特性一样,你绝对不要滥用他们!如果你想创建一个可以看得到的导航结构,比如说一个表格目录,帧就是一个很合适的途径,例如,这页有三个帧--你现在所看到的内容,导航条在右边,题目、广告和说明栏在顶部。但是帧不是“万金油”。比如说,如果你想用行或列来显示信息的话,表格会更好。
10 多参考多学习
创建网页是一个不断学习的过程。推出你网站的第一个版本还只是一个开始!技术和工具在不断的进步,而我们对人们如何利用网上资源的方式的了解也是在不断的变化,要创建一个好网站你就不能陶醉在过去的成绩上。 看看其他的网站。如果你想成为一个出色的小说家的话,你必须不断阅读其他好的作品。如果你想成为一个出色的剧作家的话你必须多看好的电影。同样,如果你想设计一个出色的网站的话,你必须多看其他好的网站。但你在看一个网站的时候,你能找到这个网站的优缺点,注意哪些是你该学习的,而哪些错误是你要避免的。当你看到某些你喜欢的东西,使用你浏览器上的查看原文件的功能,看看这个效果是如何作出来的。
[1]许婧祺.浅谈网页艺术设计[J];科技创新导报,2008(1).
[2]胡剑锋,吴华亮.网页设计与制作.北京:清华大学出版社,2006.
[3]张银鹤,刘治国,等.JSP动态网站开发.北京:清华大学出版社,2006.
TP393
A
1674-6708(2011)39-0189-02
张萍,助教,研究方向:计算机科学与技术