手机ui设计中按钮状态包含哪些

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

  1. 91搜课网
  2. 91搜课网

    2022-05-08 22:10

手机ui设计中按钮状态包含哪些

CTA按钮被设计用来鼓励用户采用某种行为的用户界面交互元素。这一动作提供了特定页面或屏幕的链接(例如购买、联系、订阅等)。换言之,它把普通用户变成了订户。所以,从技术上说,它可以是任何类型的按钮,通过呼叫语言本来支持。

1.CTA按钮。
CTA按钮被设计用来鼓励用户采用某种行为的用户界面交互元素。这一动作提供了特定页面或屏幕的链接(例如购买、联系、订阅等)。换言之,它把普通用户变成了订户。所以,从技术上说,它可以是任何类型的按钮,通过呼叫语言本来支持。和网页上所有其他按钮的不同之处就在于其显著的特性:它必须得到关注,并且激励用户去执行必要的动作。

2.文字按钮
这里有一个文字按钮。这就是说文字没有形状,颜色块填充等等。这样,在我们对物理世界中这一现象的标准理解中,它并不像按钮。在网页上,文字是视觉上的唯一互动。但是,它是一个允许用户与界面进行交互的实时控制器。滑鼠悬停时,文字的颜色会改变,或文字出现下划线。另外,网站的标题没有标记,只有文字。

3.下拉按钮。
点击下拉按钮,显示一个项目的下拉列表。你经常会在设置按钮中遇到这种类型。如果用户在列表中选择了一个选项,那么这个选项就是激活的。

4.汉堡按钮。
这个按钮隐藏了菜单。当你点击或者点击,菜单就会展开。这道菜单(和按钮)的名称看上去就像一只典型的汉堡,因为它有三条横线。如今,它已经成为手机网页布局中一项广泛应用的交互元素,其优点和不足仍在争论。

5.加号按钮。
点击加号按钮,允许用户向系统添加一些新的内容。取决于应用程序类型,可以是新发布、联系人、地点、评论、条目等等。有时候,点击这个按钮,用户就会直接进入创建内容的模式窗口。另外一个例子是,点击之后会有更多的菜单选项,这是一种设置适当交互的方法,它对屏幕空间有限的移动界面尤其重要。

6.分享按钮。
由于社会网络、聊天和电子邮件非常流行,这些按钮简化了应用程序或者网站的内容共享。这两个按钮可以直接和社交网站帐户共享内容和成就。简单明了的分享,所呈现的图标带有特定社会网络品牌标识,容易识别。

7.虚拟按钮。
虚键,顾名思义,就是网页上设计按钮时,不再设计复杂的色彩、样式和纹理,而是只用线框来表达轮廓,仅用文字来表达内部、透露背景,并与整个页面/背景进行组合。

8.浮动操作按钮(FAB)
FloatingActionButton(FAB)是漂浮在用户界面上的一个图标。其形状、位置、颜色与界面其它部分有明显差异。

来自

本文仅代表作者观点。未经许可,不得转载!

赞同

推荐课程查看全部

位置:北京91搜课网 > 学习攻略 > 手机ui设计中按钮状态包含哪些