产品与服务金海电子
产品与服务
当前位置:金海电子 >> 产品与服务 >> 浏览文章
产品与服务

UI设计中,用户界面按钮的几种基本类型二

标签:设计,用户,界面,按钮,几种,基本,类型 发布时间:2024年03月29日 阅读:126次

       折叠按钮(汉堡包按钮)

  它是隐蔽菜单的按钮。当你单击或轻击它时,菜单会睁开。这种菜单(以及按钮)之所以得名,是由于它由三条水平线组成,看起来像典型的面包-肉-面包式的汉堡组合外形。现在,它是Web和移动布局中广泛使用的交互元素;尽管如此,关于其利弊的争论仍然很激烈。
    经常访问不同网站的活跃互联网欣赏者,确切知道这个按钮隐蔽了不同类别的网站内容,所以这个技巧不必要额外的诠释和提醒。益处是,这种菜单预留更多页面空间,使界面更简约和透气;从功能上看,它为其他紧张的布局元素节省了大量空间。还可以更好地适配相应式和自适应式设计,隐蔽导航元素,使界面在不同设备上看起来更加协调。
    反对折叠菜单的论据是基于如许一个事实:对于不经常使用网站的人来说,这个设计元素可能会让他们感到疑心,并且可能被具有高度抽象特性的图标误导。它可能会对导航产生负面影响,并可能成为用户体验差的缘故原由。因此,应用汉堡包按钮的决策应在用户研究和确定目标受众的特性和需求之后做出。
    虽然汉堡包菜单的使用仍然属于当代网站设计和App设计中有争议的话题,但它们也经常被设计者使用。
    添加按钮
    通过单击或轻击该按钮,用户可以向体系添加一些新内容。根据App的类型,它可以是列表中的新帖子、联系体例、位置、备注、条款,也可以是数字产品的新产品。偶然,点击这个按钮,用户会直接转到创建内容的弹出窗口,在其他情况下,也会有一个中心阶段,在这个阶段,用户可以选择其他选项,并使添加内容更加正确。
    滑动选项卡按钮
    单击或轻击后,此按钮将打开各种选项。这是在不重载屏幕的情况下设置适当的交互流的另一种方法,对于屏幕空间有限的移动界面尤其适用。
    旅行计划App:标签栏的核心交互元素是一个加号按钮,许可用户向特定的旅行添加新旅行或新项目。为了简化体验,将按钮扩展为一组滑动选项卡按钮优化网站,这些按钮标记特定类型的内容,以便用户可以在进行选择后,并到达需要的内容页面。
    分享按钮
    随着社交网络、聊天和电子邮件的普及,这些按钮简化了将App或网站设计内容与用户的社交档案连接的过程。这种类型的按钮可以将内容或成就直接分享到社交网络帐户。为了让这种联系更清晰,它的图标带有特定社交网络的品牌标志,很容易识别。如今,假如分享不是用户在页面上所期望的关键操作,它们通常不会被标记为按钮(没有额外的外形、颜色标记、下划线等),你只会看到社交应用图标成都人事考试网首页,但是它们是交互式的。这种展示方法支撑极简主义,并有用行使留白空间。它还让用户专注于重要功能,但总是能看到快速分享到社交网络的途径。
    这是一个优雅简约的建筑公司企业网站。在主页的左下角,你可以看到社交应用图标。它们很容易被细致到,但平衡得很好,不会分散用户对核心导航和举措按钮的细致力。那更多关于设计按钮的内容,也可以结合上一文《UI设计中,用户界面按钮的几种基本类型(一)》,细致了解。
    半透明按钮
    该按钮是一个看起来是空的透明按钮。按钮形状看起来是空的,中空的,甚至接近透明的。其作为按钮的视觉可识别性通常具有一个外形,该外形由围绕按钮笔墨的相称细的线围困。这种按钮有助于设置可视条理结构,以防有几个举措按钮元素:核心的举措按钮在一个添补的按钮中表现,而次要的(仍然可激活的)在一个半透明按钮中展示。
    这是一个餐厅App的注册界面。它有三种不同类型的按钮:核心的举措按钮是一个填满的按钮,提供了最流行、最简单的快速注册体例;半透明按钮提供访问频率低的选项;笔墨按钮排列到下一行并将提出的题目作为举措提醒,并使用颜色标记。如许的方法有助于建立屏幕上几个按钮的可视化条理结构。  

电话:4000-340-360 传真:4000-340-360 邮政编码:215000
地址:南京市 旧学前45号 中联大厦 405室