点击这里给我发消息 点击这里给我发消息

网页设计中涉及到的细节问题归纳起来并不多

添加时间:2010-1-5
    相关阅读: 网页设计 网页 设计 方案 页面 程序 JavaScript

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

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

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

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

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

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

本文作者:http://www.imx.la/
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册