自己只制作过一些很简单的网页设计,就说些比较简单的吧。对于一个网页来讲,它的功能无非只有两个,传达信息和进行交互。传达的信息要明确,直观,美观。进行交互时又要快速,方便。这里推荐两个网站 Smashing Magazine 和 Nettuts+,他们可以很专业的教你如何做出好的设计。下面说说我的观点。
1.UI原则
UI,用户界面User Interface的缩写,也称人机界面。是指用户和某些系统进行交互方法的集合。一个网页时时刻刻同它的用户进行交流。网页是如何同用户交流呢?是通过它自己,通过网页中的图片,声音,链接,网页的布局,等等... 让看到网页的人,即用户获得更好的体验,就是网页设计的重点。
好了,让用户获得更好的体验的最简单的方法是把网页做的美观,看到了美观的网页哪个用户心情会不好呢?这也是大多数人的想法,使劲让自己的页面漂亮,华丽。达到美观并不仅需要华丽素材的积累,同时还要达到颜采和风格的统一。这些方面很多书上都有介绍,这里不再多说。
但是网页设计不是单纯的美工,只要你会画画,你就能做出漂亮的网页,但不一定是好的网页。有时候你的页面过于华丽会淹没你的主题。而且还有比美观更重要的,就是网页的可用性。
网页的可用性,简单的说就是让网页不言而喻,即用户不必多思考就知道网页的性质,主题,找到自己想要的内容。这也正是一本叫做《Don't Make Me Think》的书讨论的内容。如果你不能做到让一个页面不言而喻,那么至少应该让它自我解释。
所以,试着去把握好美观与可用性。至于如何把握,我至少现在还没法说明,正在学习中...
附:Steve Krug先生关于Web可用性的三大定律
第一条:别让我思考(Don't make me think )
多年以来,我一直在跟人们说,这是我的可用性第一定律。看过的网页越多,我就越坚信这一点。这是最最重要的原则,它是在Web设计中,判别什么有用什么没用的终极法则。如果你只能记住一条可用性原则,那么就记住这一条 。它意味着,设计者应该尽量做到,当我看一个页面时,它应该是不言而喻,一目了然,自我解释的。(后来又给它找到了另一种说法:不要让我有问号。)
第二条,要点击多少次都没关系,只要每次点击都是无须思考,明确无误的选择。
第三条,去掉每个页面上一半的文字,然后把剩下的再去掉一半。(这一条的文字主要指的是欢迎词和指示说明。)
2.技术建议
把你的HTML与CSS分开,这样做可以使你的网页更方便地维护。内容和结构全部由HTML决定,而页面的风格是由CSS决定的。分开后如果内容和结构不合适就去该HTML文件,风格不合适就去修改CSS文件。还可以实现风格的切换,例如本站。
尽量多使用CSS制定网页的风格,不要再使用HTML中的一些定义格式的标签和属性,比如 bgcolor,font标签等等。这些都可以通过CSS实现。使用这些一方面增加了HTML中与内容无关的代码,使内容的维护变得困难,同时不及CSS方便。另外在新的W3C HTML规范中已逐渐废除了这些标签和属性。
先HTML后CSS,先完成你的HTML标记,然后再进行网页的风格设计工作。一个结构清晰,设计出色的HTML对于CSS的书写很有帮助。同时好的HTML结构可以不用改变就能兼容多种CSS风格,即实现风格切换。
尽量减少不必要的JavaScript代码的使用,合理压缩你的JavaScript代码和图片,将不是必须放在开头的JavaScript放在HTML的最后。 这样可以加快你的网页载入速度。
了解各种主流浏览器的缺陷(例如IE6不支持PNG的Alpha透明),以及他们对一些CSS属性的不同理解。寻求合理的解决办法。这样会使你的网页在每个人(每种浏览器下)看来都差别不大。
使当地添加注释,这样会使你的HTML和CSS更易读,也方便你的维护。