400-000-9192

北京91搜课网 > 学习攻略 > ui按钮设计有哪些

ui按钮设计有哪些

职业技能 / 设计培训 / UI/UE培训

作者:91搜课网

2022-01-08 09:21

ui按钮设计有哪些

CTA按钮,召唤式语言(CTA)按钮是用户界面的交互元素,旨在鼓励用户进行互动行为,然后为特定页面或屏幕提供转换(如购买、联系、订阅等等),换言之,它将被动用户转变为主动。所以,从技术上说,它可以是用号召式语言文字支持的任何类型按钮。

CTA按钮
召唤式语言(CTA)按钮是用户界面的交互元素,旨在鼓励用户进行互动行为,然后为特定页面或屏幕提供转换(如购买、联系、订阅等等),换言之,它将被动用户转变为主动。所以,从技术上说,它可以是用号召式语言文字支持的任何类型按钮。CTA和网页上其它按钮的区别就是它令人着迷的特点:CTA按钮必须引起用户的注意,并且激励用户去执行他们需要的动作。

文本按钮
如其名文字按键表示不带任何形状,填充标签等。所以从直觉上看,它不像是按钮。但是,如果使用这些标记为颜色或者带有下划线的按钮,仍然能够实现用户交互的转换。文字按钮通常用来创建次要的部分,而不会分散主标题或者CTA元素的注意力。

下拉按钮
当点击下拉按钮时,互斥项的下拉列表出现。通常通常是设置按钮。在使用者选选一个选项时,通常会根据颜色来标示。下面的图表是这样的:点击按钮,就会打开下拉选项列表。当你选择完成其中一个项目时,下拉列表消失,只保留选择选项和加号按钮,以防你再一次选择下拉列表。

"汉堡"按钮。
这是一个隐藏的菜单按钮。当点击或光标选择按钮时,菜单展开。这个菜单(或按钮)的名字是由三条水平线构成的,看上去就像是典型的面包-肉-面包,正如“汉堡”按钮。如今,它已经成为一个应用广泛的Web和移动布局的互动元素;对其优缺点的讨论也十分激烈。对活跃的因特网用户来说,该按钮默认隐藏了站点的不同类别的内容,所以这种技巧无需额外的说明和提示。当然,汉堡按钮菜单释放出空间,使得界面更加简洁和舒适;从功能上来说,它可以为其它重要布局元素节省大量空间。响应和适应性设计隐藏了导航元素,使得不同设备上的界面看上去更加协调。讨厌“汉堡”按钮的人们认为,这一设计元素,可能会使不怎么用网站的人迷惑,并被高度抽象的标志所误导。这样做会给导航带来负面影响,并且会导致用户体验差。所以,对于使用“汉堡”按钮,应该在用户调查并确定其能力和需求之后作出决定。

预约试听

填写您的个人信息 稍后将有平台客服联系您

400-000-9192

欢迎拨打平台热线主动联系我们

登录成功

欢迎您加入91搜课网
以下为您提供我们后台链接、账号、密码

后台链接:www.91soker.com/soker_institution/

后台密码:123456

温馨提示:
请保存好、后台链接、账号、密码。
登录后台链接提供入驻所需的资料信息。

400-000-9192

欢迎拨打平台热线主动联系我们

0.415369s