网站按钮样式与功能设计
作者:佚名 时间:2014-05-17
网站按钮样式与功能设计
从功能上分,目前在网页中普通出现的按钮分为两种。
一种是真正意义上的按钮,可以实现提交功能;另一种称为“伪按钮.仅仅是作为链接的图片。当用户输入关键字后,单击“搜索”按钮,网页中将会出现搜索结果;当用户输入用户名和密码,单击“登录”按信息。实现提交功能的按钮上的文字说明了整个表单区域的内容。例如.有’‘搜索”按钮的区域,表明这一区城内的文本框和按钮都是为搜索功能服务的,不需要再另外添加说明了。这也是网页设计师为提高网页可用性而普遍采用的一种方式。
实现提交功能的按钮,在表现形式上可以分为以下两种。
统标准按钮:系统标准按钮是网页中默认的实现提交功能的按钮。与各种各样的图片按钮相比,网页中使用系统标准按钮更容易被用户识别,
但是按钮样式过于单一呆板。在很多情况下与网页的整体风格不相符。
使用图片制作的按钮:由于系统标准按钮很难与网页的整体风格相符.所以在很多情况下,网页设计师会用与网页整体风格相符的图片按钮代替系统标准按钮。并且它同样可以实现提交功能。用图片制作的按钮美观大方、形式多变,但是用户很难将它与网页中其他一些普通链接图片按钮相区别。
在网页上除了包含实现提交功能的按钮之外,还包含许多的“伪按钮”,这些按钮从外观上看是一个按钮,而实际上只是提供了一个链接。设计师为了突出某种链接的重要性.井使之与普通文字链接区别开.将其设计为按钮的样式。引导用户去单击该链接。
网站按钮的字体
在设计中我们常常会选择效果较好的文字字体.但并不是所有的计算机上都安装了该种字体.所以为了保证文字能够被正确地显示,常常会将文字图层栅格化,以保存文字的轮廓。