网页中的按钮是一个非常重要的元素,主要用来使用户跳转到网站中的其他页面,或者提供注册、下载和购买等功能。对于一些版式简洁、内容单一的页面来说,一款漂亮的按钮能够使整个页面的美观度大幅提升,从而达到吸引用户的目的。
网页中的按钮是一个非常重要的元素,因此,按钮的实用性和美观性很重要。设计有特点的按钮不仅能够增强界面的美观性,还可以给浏览者视觉冲击。
按照制作按钮的技术划分,网页中的按钮可以分为静态图片按钮、Flash动画按钮和JavaScript 翻转图片按钮三类。目前网页中使用较多的是静态按钮和Flash动画按钮。
静态图片按钮
静态图片按钮就是将按钮制作为静态图片的效果,不带有任何的交互效果和动态效果。与普通文字链接相比较,静态图片链接更加醒目和美观,视觉效果出众,能够更加吸引浏览者。
Flash动画按钮
网页中的Flash动画可谓风靡一时,而在网页中也常常出现Flash按钮效果。在潮流的驱使下,设计师意识到Flash按钮所能达到的表现效果远远大于普通按钮,特别是游戏类网站。
JavaScript翻转图片按钮
这种按钮通常是通过Java语言来实现的,即按钮在正常状态下是一幅图片,当鼠标经过时,会变成另一幅图片。
JavaScript是一种直译式脚本语言,也是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。
随着网络的高速发展,网络传输速度也飞快发展,网站中的按钮种类越来越多,从而提升了页面的动态和美观。
按钮主要有两个作用,一是提示性作用,通过提示性的文本或图像提示浏览者。二是动态响应作用,当浏览者进行不同操作时,会呈现不同的效果,动态按钮一般有四种状态,即释放、经过、按下和按下时滑动。从功能上来说,按钮和文字链接作用相同,都是引导人们去访问某些内容。无论是静态还是动态按钮,都具有以下几个特点。
易用性
在网页中使用图片按钮比特殊字体的按钮更容易被浏览者所识别。随着Flash动画的风靡,越来越多的网站使用了Flash动画按钮,这种按钮更能吸引浏览者注意,使网页更易于操作。现在的网页中越来越多地应用了设计精美的图片按钮和Flash按钮。
可操作性
在网页设计过程中,为了使网页中较为重要的功能或链接突出出来,通常会将其制作成按钮的形式,如登陆和搜索按钮等,或是一些具有特殊功能的按钮。这些按钮主要是为了实现功能,而不是装饰,所以这些按钮就需要有一定的可操作性。
动态效果
静态图片按钮的表现形式较为单一,有些时候不易引起浏览者的兴趣和注意。动态效果按钮能够增强页面的动感,传达更丰富的信息,可以突出想要传达的内容,同时可以区别于其他普通按钮。
按钮作为网页中非常重要的组成部分,它既承载着网页中的部分功能,也是装饰性元素。按钮的设计要点有以下几点:
1、与页面风格协调:页面中的任何一部分都不能割离出来单独存在,按钮也是如此。按钮的风格必须与整体页面效果协调一致,才能体现出价值。
2、注意配色:设计按钮时,要尽量做到文字清晰。另外配色应该简洁鲜艳,最好不要使用四种以上的颜色
3、巧妙调整按钮的形状:按钮的形状应该根据整体页面颜色的着重点分布灵活调整。
注意,如果需要设计很长的按钮,例如导航条,那么最好制作得纤细一些,否则会使版面失重。