按钮图标设计 按钮图标设计规范
无论是网页设计还是软件开发,按钮图标设计在整个设计过程中都显得那么的不起眼,但是,无论是作为视觉效果的一部分,还是作为一种功能上跳转的实现,按钮图标设计都不应该被忽视。而且,按钮图标设计也并不像大家想想中的那么简单,按钮图标设计工作还是要遵循着它的设计规范来进行的。
2、不要使用过窄、过短或过高的带有文本标签的命令按钮,因为其看起来显得不专业。尽量使用默认的宽度和高度。
3、如果多个命令按钮与同一个控件存在互操作时,在其他控件右侧纵向排列并顶端对齐,或在控件下方横向排列并左对齐。
4、如果单击命令按钮不会立即产生结果的话,应当显示忙碌鼠标指针。如果没有反馈,用户可能会认为没有单击并会再次单击。
5、对于有文本标签的命令按钮来说,应当使用最小按钮宽度和标准按钮高度。
6、避免在命令按钮上同时使用文本标签和图形。同时使用文本和图标往往会增加不必要的视觉混乱,且无法帮助用户更好地理解。仅当图形用于增进理解的时候才考虑同时使用文本和图形,例如当用于命令的是标准符号或它能够帮助用户形象地了解该命令的结果等等。否则,首先考虑文本,或者单独使用图形。
7、当命令按钮附属于其他控件时,应当使用上述位置,并在上级控件被选中之前禁用附属的命令按钮。
8、如果同样的命令按钮出现在多个窗口中,试着使用相同的标签文本、访问键及窗口位置。
9、当其他控件和一个命令按钮存在互操作时,如带有“浏览”按钮的文本框,应当将该命令按钮以下列三种方式中的一种进行摆放以表示它们之间的关系位于其他控件下侧,左对齐。位于其他控件右侧,顶端对齐。在互操作的控件之间垂直居中。
(一品威客 SELU)
除非注明,文章均为(一品威客网 )原创,转载请保留链接: https://www.epwk.com/difangbangonglue/article-i-663-art_id-17025.html