网页设计师必须知道的10个网页设计技巧( 二 )




4.明智和有条理地使用字体


虽然有成千上万的字体,但你真的能用的只是一小部分(至少要等到主要的浏览器完全支持CSS3) 。所以坚持使用网页安全字体 。如果你不喜欢网页安全字体,可以考虑利用sIFR或Cufon逐步增强的网页设计 。


保持字体的一致性,确认标题和段落的内容看起来有所不同 。使用空白、调整行高、字体大小和字母间距属性,使用户轻松愉快地阅读和扫描内容 。


也许一个网页设计师常常犯的错误就是使用不对的字体大小 。因为我们想尽可能的将内容都塞在一个网页中呈现,所以我们有时设置字体大小而让用户感觉到不舒服 。如果可能的话,尽量保持字体大小12像素以上,特别是对段落内容 。虽然很多没有遇到因为字体太小而造成阅读上的困难,但是想想老人家、近视眼和其他类似视觉障碍的族群吧 。


5.理解色彩无障碍性


说完字体后,我们还需要指出使用正确颜色的重要性 。例如,黑色文字在白色背景,如果使用高对比度,橙色背景上的红色文字会令你的眼睛感到紧张 。此外,使用一些对特殊形式色盲的用户友好的颜色(检查工具名为Vischeck,可以测试某些类型的色盲) 。


有些色彩组合只适合运用在前景色的部分,而不适合做背景色 。举个例子来说,深蓝色的文字搭配粉红色的背景与粉红色的文字搭配深蓝色的背景,都是使用两种一样的颜色,但用在不同的部分则影响了它的可读性和阅读的舒适度 。重要的是,不仅要使用良好的色彩组合,而且要把它用在页面中的合适元素上 。


6.知道如何编写代码


随着各种所见即所得的网页编辑器充斥市场,网页设计已经成为简单的1-2-3步骤就能设计好一个网站 。然而,大多数网页编辑器掺杂了不必要的代码,使你的HTML结构设计不当,难以维护和更新,导致网页膨胀 。


通过自己编写的网页代码,能得到简洁的代码,能够愉快方便地阅读和维护 。你可以自豪地说是自己写出来的代码 。但知道如何使用所见即所得的IDE或预览功能并不会妨碍学习HTML和CSS 。你要知道发生了什么事情,才能创造有效并高度优化的网页设计 。


7.不要忘记搜索引擎优化


在设计网站时,一个好的网页设计师应该永远牢记基本的SEO概念 。例如,网页内容结构、用文字表示标题(即网页的标题和标志) 。此时,以前学习的如何合理编码的能力就派上用场 。认识正确、语义和基于标准的HTML/CSS后,你会很快认识到Div比表格布局好得多,不仅更为准确地展现内容,而且对搜索引擎排名也有帮助 。另外,知道用CSS更换背景、文字和图片也是一个好主意 。


8.理解人是没有耐性的


普通人用几秒钟就决定是否要阅读更多网页内容或到另一个网站 。因此,作为一个网页设计师,要有个好方法,能在这珍贵的几秒钟鼓励用户选择前者(看更多内容) 。


要知道,如果用户在网页头部看不到感兴趣的内容,没有多少人会向下滚动,去查看整个网页的内容 。所以,在网页头部很容易看到的地方放置网站上的重要元素,但也不要过度拥挤在上半部分网页,否则会吓到用户,而不会往下继续看内容 。记住上半部分网页设计的卖点:视其为推销员,使人们有购买想法,即他们想在你的网站上看到什么 。


9.了解(并意识到)浏览器的兼容性


当一个网页设计师必须要知道的一件事,就是你的工作环境(浏览器)是挑剔和难以预料的 。如果你的网页设计只能运行在的几种网页浏览器,那是不够的,你需要尽可能多浏览器下测试 。这里有一款工具Browsershots,可以测试浏览器兼容性 。

推荐阅读