深圳APP开发
136-7019-0646
135-1039-0646

深圳APP开发公司:APP设计中如何正确使用组件?

2017-12-14 浏览: 返回列表

APP设计中,会涉及到很多组件。有很多组建有着类似的功能和用法。不同的场景使用的组件也不一样。如何正确使用这些组件?这些组件之间有什么区别?【红鸟网络】作为专业的APP开发公司将为大家讲述常见的组件区别和用法。

一、警示框和底部操作列表

APP界面的警示框是传达应APP应用软件某些状态的信息,并且常常需要用户来点击操作。警示框侧重提示文字,进而表示提示文字的内容优先级较高;按钮为0-2个时,建议使用警示框;

底部操作列表展示了与用户触发的操作直接相关的一系列选项。例如微信的退出登录使用的是底部操作列表,而qq用的是警示框。底部操作列表侧重选择按钮,进而表示选择按钮的功能优先级较高;按钮为2-n个时,建议使用底部操作列表。

二、标签栏和工具栏

标签栏:让用户在不同的子任务、视图和模式中进行切换。例如app store 点击游戏tab,进入游戏内容的界面,所以涉及到视图切换是 标签栏。

工具栏:是对当前界面内容的操作,放置着用于操作当前屏幕中各对象的组件,在iPhone上,工具栏始终位于屏幕底部,而在iPad上则有可能出现在顶部。例如iOS原生邮件点击工具栏中的删除,则删除当前邮件。所以涉及到对当前页面的操作是标签栏。

三、底部动作条和菜单

底部动作条:一个从屏幕底部边缘向上滑出的一个面板,使用这种方式向用户呈现一组功能。底部动作条提供三个或三个以上的操作需要提供给用户选择、并且不需要对操作有额外解释的情景。底部动作条可以是列表样式的也可以是宫格样式。

菜单:菜单是临时的一张纸,由按钮、动作、点或者包含至少两个菜单项的其他控件触发。每一个菜单项是一个离散的选项或者动作,并且能够影响到应用、视图或者视图中选中的按钮。长按操作,多数情况使用菜单。例如:微信公众号点击更多,出现底部动作条;微信对话列表长按出现菜单,点击退出出现的菜单。

四、选择器和底部操作列表

对于互斥的单项选择而言,要使用选择器。选择器的好处是可以来回切换确定,同时由于选择器里面的内容滚动,所以可以容纳非常多的选项。

底部操作列表是对选项进行操作而不是选择。

五、下拉菜单、底部操作列表及活动视图控制器

下拉菜单:常见适用于提供快捷入口。导流用户去做其他操作任务,如果操作选项是提供下一个操作任务入口,则使用下拉菜单。

底部操作列表:展示了与用户触发的操作直接相关的一系列选项,包含两个或以上的按钮,如果是对当前页面内容的操作,则使用底部操作列表。

活动视图控制器:是一个临时视图,当中罗列了一系列可以针对页面特定内容的系统服务和定制服务,如果是对当前操作的分享则使用活动视图控制器。

例如在支付宝中,点击“更多”出现下拉菜单。微信公众号主页点击“更多”出现底部操作列表。公众号历史文章中点击“更多”出现视图控制器。

六、snackbar和toast

Snackbar 是一种针对操作的轻量级反馈机制,常以一个小的弹出框的形式,出现在手机屏幕下方或者桌面左下方。它们出现在屏幕所有层的最上方,包括浮动操作按钮。它们会在超时或者用户在屏幕其他地方触摸之后自动消失。Snackbar 可以在屏幕其他区域滑动关闭。当它们出现时,不会阻碍用户在屏幕上的输入,并且也不支持输入。如果在提示信息里面嵌入操作,使用snackbar ,例如微信收藏,可在snack bar中加入操作按钮进行收藏标签分类。

Toast主要用于提示系统消息。Toast 并不包含操作也不能从屏幕其他区域上滑动关闭,文本内容左对齐。toast作为信息的反馈提示,可以承载更多的提示语。

相关文章阅读

最新APP开发案例

  • 云选材

    云选材

    云选材是余款为公装、别墅设计项目提供硬装材料的微信公众号...

  • 智慧中都

    智慧中都

    智慧中都直播APP是在电商平台中植入一个直播频道,在直播时段...

  • 红豆角直播

    红豆角直播

    红豆角直播APP是全民直播开店的直播电商平台,服务于传统电商...

  • 掌心抓娃娃

    掌心抓娃娃

    掌心抓娃娃一款好玩的o2o抓娃娃软件,在掌心抓娃娃机APP中用户...

  • 哇哦直播

    哇哦直播

    哇哦VR直播是一款360°无死角、可全景观看的视频直播类手机应用...