
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
随着互联网的不断发展,越来越多的人都在通过参加达内UI设计培训课程来实现职业转型发展,而本文我们就通过案例分析来简单了解一下,UI设计师需要掌握哪些栏目设计。
一、状态栏(StatusBar)
定义:
状态栏出现在屏幕的顶部,并显示有关设备当前状态的有用信息,如时间,蜂窝数据,⽹络状态和电池电量。状态栏中显示的实际信息因设备和系统配置⽽异。
产品的特定在特定的情况下,为了呈现沉浸式的用户体验,会暂时隐藏状态栏。
用途:
告知用户当前设备的重要的状态信息
使用说明:
1.除了背景色为黑白色,也能自定义和导航栏颜色保持一致。
2.产品在特定界面可隐藏状态栏,不建议所有页面都隐藏状态栏。
二、导航栏(NavigationBar)
定义:
导航栏能够实现在应用不同信息层级结构间的导航,也可用于管理当前屏幕内容。
导航栏出现在屏幕顶部的状态栏下方,并可以通过⼀系列分层屏幕进行导航。当显示新屏幕时,通常标有前⼀屏幕的后退按钮出现在栏的左侧。有时,导航栏的右侧包含⼀个控件,如编辑或完成按钮,⽤于管理活动视图中的内容。
用途:
1.通过导航栏上的标题,告知用户当前界面的主要信息内容。
2.提供返回上一页或者关闭的作用。
3.提供快捷功能入口或者对当前页面的管理操作。
使用说明:
1.导航栏的标题文字不易超行,当无标题时,可以将标题空出来。
2.右侧操作按钮不超过2个,超过两个,可收到更多功能中。
三、工具栏(ToolBar)
定义:
⼯具栏出现在App屏幕底部,包含了执行当前视图或包含内容相关操作的按钮。⼯具栏是半透明的,也可能有背景⾊,并且通常在⽤户不太需要它们时被隐藏。
用途:
1.当前页面需要操作时
2.重要主操作使用
使用说明:
存在多种操作,一般2-5个,超过5个通过更多聚合。
搜索栏(SearchBar)
定义:
用户通过输入的关键词,搜索到用户想要的信息。
用途:
当应用内包含大量的信息的时候,用户通过搜索快速地定位到特定的内容。
使用说明:
1.对于搜索的规范,iOS官方给出的是隐藏搜索栏,用户通过下拉展示搜索栏。Android是通过搜索图标控件引导用户点击出现搜索栏。
2.搜索栏中可置入语音,通过语音进行搜索。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。