您的位置:首页 > 其它

Button的设计原则

2016-05-25 21:12 183 查看

Button的设计原则

在Msdn上看到一篇有关于button设计原则的文章,感觉不仅适合uwp ,也适合其他技术的ui设计,于是整理如下:

Button内文字含义清晰简洁,尽量使用一个词语来表示其含义或功能,整个软件运行期间同一button中的文字不要改变。Button内文字含义要和功能一致,整个系统功能相同的Button其内含文字尽量统一,比如新建和创建,修改和更新等意思相近的词要尽量统一,不要混用。而且Button内含文字字体尽量保持默认。

Button的设计要简洁,不能包含太多的内容最好只包含一张图片或者一个词组。禁止设计出宽高比例失调的的Button,过宽过窄的Button都会给人怪异的感觉,绝对不能在软件中出现。

如果某一button在不同的页面都需要,那么将其抽离到单独的菜单区(如 bottom app bar),而不是每个页面都放一个。而且,在同一时间,控制同一功能按钮组中的button不应超过三个,比如退出word时的提示框包含三个按钮(确定、取消、保存)。

确保Button的状态清楚,并能向用户实时反馈。可以自定义按钮的悬停和单击样式突出Button的状态,各状态的区分度要大。

最后分享一张图片,供自定义button样式时使用:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: