电话

    0411-39943997

仟亿科技
客服中心
  • 电话
  • 电话咨询:0411-39943997
  • 手机
  • 手机咨询:15840979770
    手机咨询:13889672791
网络营销 >更多
您现在的位置:首页 > 新闻中心 > 常见问题

WEB设计按钮分组和位置

作者:billionnet 发布于:2012/3/1 17:14:26 点击量:

 

按钮分组


按钮的分组可以让一个界面变得具有自我描述能力。在复杂的布局中,组织良好的各组按钮用以选择,而且因为很明显,这样可以很快告诉用户有哪些功能可以使用。


几个按钮放在一起,因为它们可能完成类似的功能。我们可以看范例iTunes的主窗口,四个角分别放置了一组按钮,界面中间的歌曲也有很多的行动点。加上滚动条,该界面只有有14个按钮。确实有很多的功能,不过因为视觉上和语言上的巧妙组合,并不会给用户很乱的感觉。


制定“阿里助手”视觉规范的时候运用的就是视觉相似性归类,假若这组按钮大小都一致,那么看起来就是一个整体,合适的大小和对齐可以帮助一组按钮组成一个大一些的组合图形。


分组按照按钮的功能来分,设计上以颜色,大小来区分,为了页面的整体性,质感我们都保持一致的。用简短而又含义明确的动词或者动词短语作为标签,如果用户不需要的时候不要使用高深的专门用语。以后台页面的按钮为例,一级按钮和二级按钮尺寸大小规格都是一致的,只要就是以颜色来区分(整张页面中橙色的按钮至多出现一个)。下面红框部分的为表单列表中的按钮



分享到:


Copyright@ 2011-2016 版权所有:大连千亿科技有限公司 辽ICP备11013762-3号   google网站地图   百度网站地图   网站地图

公司地址:大连市沙河口区中山路692号辰熙星海国际2317 客服电话:0411-39943997 QQ:2088827823 37482752

法律声明:未经许可,任何模仿本站模板、转载本站内容等行为者,本站保留追究其法律责任的权利! 隐私权政策声明