在线咨询
QQ咨询
服务热线

020-85201717

13725302004

业务微信

微信开发

TOP

网站设计制作过程中怎样使用按钮

发布时间:2019-12-02 浏览:

设计按钮要同页面的整体协调,不能太抢眼;有的页面很单调,还要依靠花哨的按钮来提一下,今天小编主要给大家分享网页设计的按钮设计要点,希望对你们有帮助!


一、按钮  


在网页设计中,按钮设计常常被忽略,但却扮演着非常重要的角色。在网页设计中,按钮与链接功能相似,因都是经过点击后到达另一页面或实现某种目的,但两者之间又有着实际的区别。  


按钮表示"做某事",也就是说,单击按钮代表着操作了一个功能,做的这件事是有后果的,不易挽回的,并且绝大多数都是对表单的提交。从技术上讲,这些按钮的功能是将数据提交到后台,"命令"服务器去做一件事。这个链接就是把你带到另一个页面,从功能属性的角度来看,它是看,而不是做。  


按钮和链接的另一个区别是它的眼球效果。因此,按钮本身的颜色也很讲究。在按钮设计中,它自身的颜色应该与周围的环境颜色不同,所以它应该更明亮,并且有一个高对比度的颜色。  


其次,基本原则是要容易找到,特别重要的按钮应该处在画面的中心位置。另外,按钮上的文字需要言简意赅,直接明了,在按钮上使用什么文字传递给用户非常重要,千万不要让观者去思考,越简单、越直接越好。  


在尺寸上按钮不是越大越好,要严格控制大小。按钮应该是完全透明的,不应该和页面的其它元素挤在一起。它需要充足的margin(外边距)才能更加突出,也需要更多的

padding(内边距)才能让文字更容易阅读。  


更后,就是注意鼠标滑动的效果,这将有效地增强点击按钮的感觉,给用户带来良好的用户体验,起到画龙点睛的作用。  


二、整体规划  


有共性,才有统一性,有细节差异,就有层次;为了防止设计和实施过程中的偏差,设计的各个部分,要配合整体风格,不仅网页上的设计应该统一,而且网站各项设计的也应该统一。  


不要把太多的信息集中起来,这样文章就不会组织得太紧,不要有太多分散注意力的点,动态闪烁应适度,页面的空白部分应按照平面设计原则设计,注意分栏式结构不宜留白,还应考虑浏览器上占用的屏幕空间,防止图片截断等造成视觉效果差。  


主页设计图片+导航,这是一个强大的网站表达,可以根据时间的变化改变图片。