于细微处下功夫 设计像艺术品般的网页

2010-03-22 10:50 来源 

有句话说：精品是用细节堆起来的。

　　深以为然。在网站设计中，处理好越多的细节，给用户的体验就越完善。这段时间在设计潮汕风情网的图库栏目(http://image.csfqw.com)，越发体会到处理好细节的重要性。

　　其实网页设计中涉及到的细节问题，归纳起来也不回太多，下面试列举出我处理过的一些细节：

　　链接状态处理。超级链接有四种状态，包括link,visited,hover,active，给这四种状态设计不同的样式，可以帮助用户方便的区分链接与普通文本、访问过的、每访问过的等链接状态。有一种连接样式我非产赞赏，就是给外部链接加上一个小图标，指示“这是一个连接到站外的链接”。

　　图片缩放。图片在网页中的运用占有较大的比例。在页面上显示图片，有时图片会超出容器的规格，如果不加限制，就会破坏整个页面的结构和美观。此时最好的处理办法是控制图片的规格，让图片上传之际就被压缩成合适的规格。另外一种替代方案就是运用JavaScript进行同比例缩放，这样可以避免图片变形，但是加载速度可能会受影响(图片本身太大)。至于使用css设置一个规定的长度和宽度，虽然也能避免破坏页面布局和美观，但是会造成图片变形。

　　文本长度限制。文章的标题太长了，也需要处理好。最好的处理方法自然是通过编辑、作者自己写好适合网页显示规格的长度的标题。比如说新浪、网页等大网站的首页新闻标题，大多数使用这种方式。他们的网页可谓字字千金，自然只有通过编辑、作者的仔细斟酌，写出既能表达完整意思，又符合字数长度的题目。其次是通过程序截取。程序截取对于中文来说比较好处理，对英文就有点有心无力了，因为英文字母是不等宽的，并且截取出来的标题，可能包含有不完整的单词。最后一种方式是通过css隐藏超出规格部分文字。这跟使用程序截取的效果是一样的，不过实现的方式不一样罢了。

　　输入检验。给用户输入、提交数据的表单，根据各部分数据的要求设计灵活的检验机制，并且能在适当的时候给用户提示，让用户方便的了解他需要输入什么数据，有什么限制。这既可以保证数据的准确性，又能为用户节省时间。

　　暂时能够想到的就这么多。当然还有更多的细节等待我们去了解、处理。我常跟设计的同事说，有一些网站，我们使用起来觉得很方便，得心应手，但是说不出来为什么，其实就是他处理好了很多不为我们了解的细节，于细微之处下功夫。这样的网站已经超越的应用的范围，它已经成为用户体验的精品，是一件艺术品

　　本文“”来源：http://www.wenzhouzx.com/keji/intel/zzzj/cehua/13597.html，转载必须保留网址。

编辑：