起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 职业教育 > 知道这UI界面按钮7大设计原则,提高效率必备

知道这UI界面按钮7大设计原则,提高效率必备

时间:2020-09-23 17:04:23来源:东莞达内 作者:东莞达内 已有: 名学员访问该课程

  快捷搜索:UI设计界面按钮

前言:按钮是UI和交互设计的基本元素,它们是用户交互的时候,和系统进行沟通交流的核心组件,也是图形化界面当中,最早出现,也是最为常见的一种交互对象。在下面东莞达内的文章当中,将会回顾一下按钮设计的7个基本原则,希望它们能够在设计的时候帮到你。 1. 按钮必须得看起来像按钮 涉及到用户界

按钮是UI和交互设计的基本元素,它们是用户交互的时候,和系统进行沟通交流的核心组件,也是图形化界面当中,最早出现,也是最为常见的一种交互对象。在下面东莞达内的文章当中,将会回顾一下按钮设计的7个基本原则,希望它们能够在设计的时候帮到你。

1. 按钮必须得看起来像按钮

涉及到用户界面交互的时候,用户需要知道哪些是可点击的,而哪些不是。

面对着 UI 界面中的每个元素,用户都需要对它们进行辨别和判断,而这个过程越长,可用性其实就越差。

2. 将按钮放在用户希望看到的地方

用户对于页面交互其实是有基本的感知和期望的,也就是说用户对于按钮的位置是有个基本的认知的。不要让用户到处找按钮,它最好在用户所期望的位置出现。尽可能使用传统的布局和标准的 UI 模式。

3. 按钮上应该加上相应操作的标签

当按钮的文本标签上的内容写的太过于宽泛,或者使用带有误解的内容,可能会让用户感到迷惑。

每个标签上的文本标签都应该尽量准确,简明直接地介绍清楚它的真实功能。用户应该清楚他们点击按钮之后,会发生什么。

知道这UI界面按钮7大设计原则,提高效率必备_qh.itpxw.cn

4. 按钮应该拥有合理的尺寸

按钮的大小应该反映出屏幕上这一元素的优先级,更大的按钮应该意味着更重要的交互。

5. 注意按钮的次序

按钮的顺序应该反映出用户和界面之间交互的属性,问问自己用户期望在屏幕上看到什么样的顺序,或者说什么样的顺序更合理,然后进行相应的设计。

6. 避免使用太多按钮

当你提供太多的选择的时候,用户往往会无所适从。无论是设计网站还是 APP,请务必尽量考虑最重要的操作,控制好优先级和复杂度。

7. 为按钮交互提供视觉和音频反馈

当用户点击按钮的时候,他们更希望界面能够给予适当的反馈。基于不同的操作,界面给予视觉或者音频的反馈。

更多干货请持续关注东莞达内UI设计培训~

文章出自:http://qh.itpxw.cn/qgtk/202059800.html

文章标题:知道这UI界面按钮7大设计原则,提高效率必备



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉

你也许会喜欢如下的文章?
(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
培训学校
海口达内 访问该机构站点 报名留言 加为好友 用户等级:开放浏览 用户级别:0 机构名称:达内科技教育集团 联 系 人:吴老师 联系电话: 联系手机: 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 电子邮件: 网站域名:http://hk.tedu.cn/ 注册时间:2018-07-27 15:07 最后登录:2021-01-14 09:01