技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 视觉设计 --> 浅谈后台页面按钮运用

浅谈后台页面按钮运用

浏览:1690次  出处信息

    按钮分组

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

    几个按钮放在一起,因为它们可能完成类似的功能。

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

    我们以后台页面的按钮为例,一级按钮和二级按钮尺寸大小规格都是一致的,只要就是以颜色来区分(整张页面中橙色的按钮至多出现一个)。下面红框部分的为表单列表中的按钮。1-2

    用简短而又含义明确的动词或者动词短语作为标签,如果用户不需要的时候不要使用高深的专门用语。

    按钮的位置

    通常情况下,我们会将按钮安排在相同的对象右边,或者是下面,但是复杂界面元素的底部一般是用户的“盲点”。

    如果按钮都有自己的小图标,类似用于表单,列表中,可以将它们放在工具条或者类似工具条狭长的区域上,通常在页面的顶部。

    在制定视觉规范的时候,我们将影响整个页面或者对话框的按钮,例如关闭|确定|保存这样的按钮

    1-3

    4-6

    “我敢发誓,这个按钮一分钟前还是在这里!”用户经常他哦各国回忆它们在哪里来再次找到它们,而不是它们的名字。很多软件的界面就是将 对话框的按钮 确定|取消 放在预定的位置上,部分原因是由于它们的空间记忆(Spatial Memory)依赖性。

    用户习惯的问题,当用户对于某种操作形成习惯之后,很大程度提高了他的工作效率,但如果我们设计上调整了习惯,他必须马上思考这个工具一次,增加使用成本。

建议继续学习:

  1. 网站按钮的设计    (阅读:1766)
  2. 按钮制作一小例    (阅读:1753)
  3. 确定?没法确定!    (阅读:1617)
  4. 多按钮共存――don’t make me think    (阅读:1483)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:Hello! 404
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1