五个有效改进网页UI设计的技巧.docVIP

五个有效改进网页UI设计的技巧 发布时间:2009年1月4日??阅读次数: 184???? 从某种意义上来说，页面设计(web设计)也就是用户界面设计。有许多技巧可以帮助我们制作出漂亮、实用的界面，这里收集的5个小技巧就会对你有所帮助的。这些技巧并不依赖于特定的主题或模板，所以会适用于多数情况下的设计。不罗嗦了，我们开始吧！ 1.改善链接体验???? 网页中的文字链接通常标有下划线，表示文字是可以点击的，但可点击区域不会超过字符的宽、高范围。设计类似这种带有超链接的可点击区域的时候，都可以通过一些小技巧来提高可用性，比如：增加间隔，有些情况下甚至可以把链接转换为块元素。如下图，用高亮来区别可点击区域。 ??????? 显然，可点击的区域越大，用户点击就容易。在没有指定宽度的时候，将链接转换为块元素，可以使文字链接的可点击区域扩大到为整个容器的宽度，这样的设计尤其适用于侧边栏的链接。这个技巧可以通过如下CSS实现。 a { 　display: block;　padding: 6px;　} 　 注意：由于转换为块元素只对链接的宽度起作用，所以需要设置间隔(padding)来保证块在纵向的间距。 ????? 2.按钮也需要排版！????? 设计的每一个细节失误都有可能把完美的产品变成平庸，比如按钮、Tab这样简单的界面元素，由于用户每天都会点击无数次，也需要适当的