loading请求处理中...
手机版 新型创意托付式服务平台 全国
新闻
中心
任务列表:
人才列表:
免费发布任务

普通自助发布 懒人一键发布 商城快速购买

九大按钮图标设计原则

发布时间:2015-12-02 17:16:45     阅读次数:10517次    评论数:0次
    智能手机的出现带来了各种app软件的出现。现在几乎每一家业务与互联网有关系的公司都有推出企业app。推出手机app就要考虑一个按钮图标设计的问题。按钮图标是一种人工控制的主令电器。主要用来发布操作命令,接通或开断控制电路,控制机械与电气设备的运行。尽管与网页上吸引游客目光的精彩内容相比,按钮是如此的不显眼,但在网页设计中,按钮图标设计却又有着不可替代的作用。按钮图标设计也不是随意而行,而是要遵循一定的设计规范。随小编一起看看按钮图标设计、按钮设计规范。
九大按钮图标设计原则
    1.在每个窗口中保持按钮宽度相等。如果这么做不切实际的话,应当将有文本标签的命令按钮不同宽度的数量限制为两种。

    2.对于有文本标签的命令按钮来说,应当使用最小按钮宽度和标准按钮高度。

    3.如果同样的命令按钮出现在多个窗口中,试着使用相同的标签文本、访问键及窗口位置。

    4.如果单击命令按钮不会立即产生结果的话,应当显示忙碌鼠标指针。如果没有反馈,用户可能会认为没有单击并会再次单击。

    5.当其他控件和一个命令按钮存在互操作时,如带有“浏览”按钮的文本框,应当将该命令按钮以下列三种方式中的一种进行摆放以表示它们之间的关系位于其他控件下侧,左对齐。位于其他控件右侧,顶端对齐。在互操作的控件之间垂直居中。

    6.不要使用过窄、过短或过高的带有文本标签的命令按钮,因为其看起来显得不专业。尽量使用默认的宽度和高度。

    7.当命令按钮附属于其他控件时,应当使用上述位置,并在上级控件被选中之前禁用附属的命令按钮。

    8.如果多个命令按钮与同一个控件存在互操作时,在其他控件右侧纵向排列并顶端对齐,或在控件下方横向排列并左对齐。

    9.避免在命令按钮上同时使用文本标签和图形。同时使用文本和图标往往会增加不必要的视觉混乱,且无法帮助用户更好地理解。仅当图形用于增进理解的时候才考虑同时使用文本和图形,例如当用于命令的是标准符号或它能够帮助用户形象地了解该命令的结果等等。否则,首先考虑文本,或者单独使用图形。 如果你有按钮图标设计需求,来一品威客网发任务,一品威客网有专业的按钮图标设计人员正在一品威客网接单。
本文地址:http://www.epwk.com/meijie/183046.html
来源:一品威客,转载须经版权人书面授权并注明来源

编辑:蓝blue

小编介绍:蓝blue是一品威客资深小编,从事编辑工作多年,创作和整理了近万篇优质文章。如果您对“九大按钮图标设计原则”有其它疑问或见解,可以联系蓝blue,共同探讨,相互学习,可以通过下面的方式与之联系。

擅长领域:LOGO设计 VI设计 字体设计 商标设计

留言(0

↓展开留言
您需要 注册登录 后才能发表留言。

我们提供的,不仅仅是资讯。免费注册一品网会员,您可以——
  • 成为雇主 百万威客为您解决难题!

    多方案 低价格 价格由您定!

  • 成为威客 凭技能 ,赚取真金白银!

    威客时代,轻松赚钱,首选一品威客网!

相关任务推荐更多 >
VIP经验分享 | 赚钱故事
更多 >
想要线上发展却四处碰壁 如今她选对平台长期合作 唐美硕,中国认证设计师,北京意美硕品牌设计有限公司创始人。简单来说,意美硕=品牌定位+品牌卖点塑造... [详细]
熬过了创业之初的艰辛 接下来就是更好的生存发展 每个创业的背后都有一个故事,对我们这群没有背景只有背影的年轻人,我们的故事更是一个无法用语言形... [详细]
联系客服:

在线:9:00-22:00

点击这里给我发消息 智能客服

400-766-8686(免长途费)

400-6999-467
您还可以拨打:0592-5997736 或留下联系方式,我们主动联系您

一品官方微信

每日推·十条订单
发任务·创意极速

您还可以关注一品新浪微博 +关注

一句话点评 ×

换一组

维权与监督

固话:400-766-8686 QQ: 点击咨询 手机:18060982809 微信:wyj123369
客诉主管 吴玉洁
投诉建议

客服主管 李喜菊

产品总监 冯梅
接单助手 众包助手

咨询广告合作

QQ:点击咨询

微信:319449496

展开