关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

网站按钮样式与功能设计

作者:佚名   时间:2014-05-17   分享到:

网站按钮样式与功能设计

从功能上分,目前在网页中普通出现的按钮分为两种。

长条形的网站按钮样式

一种是真正意义上的按钮,可以实现提交功能;另一种称为“伪按钮.仅仅是作为链接的图片。当用户输入关键字后,单击“搜索”按钮,网页中将会出现搜索结果;当用户输入用户名和密码,单击“登录”按信息。实现提交功能的按钮上的文字说明了整个表单区域的内容。例如.有’‘搜索”按钮的区域,表明这一区城内的文本框和按钮都是为搜索功能服务的,不需要再另外添加说明了。这也是网页设计师为提高网页可用性而普遍采用的一种方式。
实现提交功能的按钮,在表现形式上可以分为以下两种。

统标准按钮:系统标准按钮是网页中默认的实现提交功能的按钮。与各种各样的图片按钮相比,网页中使用系统标准按钮更容易被用户识别,

但是按钮样式过于单一呆板。在很多情况下与网页的整体风格不相符。

使用图片制作的按钮:由于系统标准按钮很难与网页的整体风格相符.所以在很多情况下,网页设计师会用与网页整体风格相符的图片按钮代替系统标准按钮。并且它同样可以实现提交功能。用图片制作的按钮美观大方、形式多变,但是用户很难将它与网页中其他一些普通链接图片按钮相区别。

在网页上除了包含实现提交功能的按钮之外,还包含许多的“伪按钮”,这些按钮从外观上看是一个按钮,而实际上只是提供了一个链接。设计师为了突出某种链接的重要性.井使之与普通文字链接区别开.将其设计为按钮的样式。引导用户去单击该链接。
网站按钮的字体

在设计中我们常常会选择效果较好的文字字体.但并不是所有的计算机上都安装了该种字体.所以为了保证文字能够被正确地显示,常常会将文字图层栅格化,以保存文字的轮廓。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/news/20151229/n6577.html

上海联楷网络新闻