深以为然。在网站设计中,处理好越多的细节,给用户的体验就越完善。这段时间在设计潮汕风情网的图库栏目(http://image.csfqw.com),越发体会到处理好细节的重要性。
其实网页设计中涉及到的细节问题,归纳起来也不回太多,下面试列举出我处理过的一些细节:
链接状态处理。超级链接有四种状态,包括link,visited,hover,active,给这四种状态设计不同的样式,可以帮助用户方便的区分链接与普通文本、访问过的、每访问过的等链接状态。有一种连接样式我非产赞赏,就是给外部链接加上一个小图标,指示“这是一个连接到站外的链接”。
图片缩放。图片在网页中的运用占有较大的比例。在页面上显示图片,有时图片会超出容器的规格,如果不加限制,就会破坏整个页面的结构和美观。此时最好的处理办法是控制图片的规格,让图片上传之际就被压缩成合适的规格。另外一种替代方案就是运用JavaScript进行同比例缩放,这样可以避免图片变形,但是加载速度可能会受影响(图片本身太大)。至于使用css设置一个规定的长度和宽度,虽然也能避免破坏页面布局和美观,但是会造成图片变形。
文本长度限制。文章的标题太长了,也需要处理好。最好的处理方法自然是通过编辑、作者自己写好适合网页显示规格的长度的标题。比如说新浪、网页等大网站的首页新闻标题,大多数使用这种方式。他们的网页可谓字字千金,自然只有通过编辑、作者的仔细斟酌,写出既能表达完整意思,又符合字数长度的题目。其次是通过程序截取。程序截取对于中文来说比较好处理,对英文就有点有心无力了,因为英文字母是不等宽的,并且截取出来的标题,可能包含有不完整的单词。最后一种方式是通过css隐藏超出规格部分文字。这跟使用程序截取的效果是一样的,不过实现的方式不一样罢了。
输入检验。给用户输入、提交数据的表单,根据各部分数据的要求设计灵活的检验机制,并且能在适当的时候给用户提示,让用户方便的了解他需要输入什么数据,有什么限制。这既可以保证数据的准确性,又能为用户节省时间。
暂时能够想到的就这么多。当然还有更多的细节等待我们去了解、处理。我常跟设计的同事说,有一些网站,我们使用起来觉得很方便,得心应手,但是说不出来为什么,其实就是他处理好了很多不为我们了解的细节,于细微之处下功夫。这样的网站已经超越的应用的范围,它已经成为用户体验的精品,是一件艺术品。
如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛