5个有助于页面设计(web设计)的小技巧

　　1.改善链接体验

　　网页中的文字链接通常标有下划线，表示文字是可以点击的，但可点击区域不会超过字符的宽、高范围。设计类似这种带有超链接的可点击区域的时候，都可以通过一些小技巧来提高可用性，比如：增加间隔，有些情况下甚至可以把链接转换为块元素。如下图，用高亮来区别可点击区域。

　　显然，可点击的区域越大，用户点击就容易。在没有指定宽度的时候，将链接转换为块元素，可以使文字链接的可点击区域扩大到为整个容器的宽度，这样的设计尤其适用于侧边栏的链接。这个技巧可以通过如下CSS实现。

　　a {

推荐阅读：网站设计几点注意事项

　　display: block;

　　padding: 6px;

　　}

　　注意：由于转换为块元素只对链接的宽度起作用，所以需要设置间隔(padding)来保证块在纵向的间距。

　　2.按钮也需要排版!

　　设计的每一个细节失误都有可能把完美的产品变成平庸，比如按钮、Tab这样简单的界面元素，由于用户每天都会点击无数次，也需要适当的进行排版。请看下面一些例子：

　　乍看起来上图没有什么问题，仔细观察可以发现，按钮和select的文字都偏上，原因就是将小写字母作为了排版的基准，小写字母居中时，整个文字的位置就会显得偏上。如下图：

　　就像上图中，如果按钮上的文字包含大写字母或一些较高的小写字母，如”t,d,f,h,k,l”的时候，文字就会显得偏上。所以，通常应该把大写字母作为定位的基准，或者在小写字母较多时，稍微将文字的位置向上移动。

　　上面的文字排版使按钮看起来更舒服，注重像这样的小细节对界面设计大有帮助。

如何建站：

建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了