加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

写给新手的控件计划指南(1):UI栏

发布时间:2019-11-30 20:13:42 所属栏目:创业 来源:做站长
导读:作者对五种UI栏的计划举办了梳理说明,包罗导航栏,搜刮栏,状态栏,标签栏和器材栏,供各人参考和进修。 之前的文章有连载过ios12的人机界面指南,写到了app框架,接下来几篇文章会接着跟各人分享控件计划指南,包罗以下三个部门,本日讲第一部门:UI栏。

写给新手的控件计划指南(1):UI栏

03 状态栏status bars

1. 在ios计划类型里的描写

状态栏呈此刻屏幕的最上方,表现装备当前状态的相干信息,好比时刻,运营商,收集状态和电量,状态栏中表现的现实信息取决于装备和体系的设置。

必要留意的点:

1)全屏环境下,可以暂且潜匿状态栏,为用户提供更身临其境的体验。

2)不要永世潜匿状态栏,假如没有状态栏,用户必需分开当前应用来查察时刻或电量,体验很欠好。好比百度云盘在视频播放界面,永世性的潜匿了状态栏,每次看视频时想看一下电量还剩几多可能几点了都必需退出当前播放页面才气查察,让人很瓦解。

写给新手的控件计划指南(1):UI栏

3)使状态栏样式与应用措施相和谐,状态栏有深色和淡色两种样式,按照差异页面现实环境举办本性化设置给用户更好的体验。

04 标签栏tab bars

1. 在ios里的描写

标签栏在页面底部,为用户提供在应用措施内差异部门快速切换的成果。标签栏为半透明状态,也许会有配景致,在表现键盘时被潜匿。

标签栏可以包括恣意数目标签,但可见的标签数目需按照装备的巨细而变革,假如因为程度空间有限而无法表现所有选项,则最后的可见标签变为“更多”,点击更多后在单独的页面表现其他标签。

写给新手的控件计划指南(1):UI栏

必要留意的点:

1)标签的数目,停止过多或过少。标签过多会使可点击地区变小,且会增进应用措施的伟大度,使查找越发坚苦。标签过少在视觉上会增进页面的盘据感,使页面整体感低落,标签的数目最好节制在三到五个。

但这也不是绝对的,必要按照体系现实内容来定,好比ios自带的「文件」app,底部标签有「最近项目」「赏识」两个。

写给新手的控件计划指南(1):UI栏

页面的盘据感可以通过视觉计划的本领去协调,好比将标签的排版变为左图标,右笔墨的阁下排版。

2)当标签处于不行用状态时,不要删除可能禁用,假如标签时偶然没有,时可用时不行用,会让体系变得不不变不行猜测,让用户感受不行控。

当某些标签对应的内容不行用时,可通过其他方法奉告用户当前内容不行用缘故起因,而不是对该标签禁用或删除。好比ios装备没有歌曲时,点击「音乐」应用中的「我的音乐」,会奉告用户怎样下载歌曲。

3)使标签栏的图标在视觉上保持同等僻静衡,如ios自带的apple store 和 app store,底部标签在体量与颜色上都保持同一僻静衡。

写给新手的控件计划指南(1):UI栏

4)表达明晰:假如标签可以用体系图标来暗示就只管用体系图标,假如非要本身计划,要留意通报意思的精确度,也可以用帮助笔墨来声名,但笔墨不宜过长,停止呈现换行。

5)当有新动静时,可以在标签栏上行使数字气泡或小红点举办提醒。

以上是ios计划类型中对标签栏的描写,我们在遵循基本法则的同时,要按照现实的营业场景勇于创新。如,为了突出某个标签,呈现了如下的情势:

写给新手的控件计划指南(1):UI栏

中间的「宣布」标签体量上明明高于其他标签,通过这种方法进步了该标签的点击率,引导用户宣布内容,进步内容存量。

2. 标签栏的位置情势:底部标签栏;顶部标签栏

在讲每种标签栏位置的是非势前,先来看下图,这是史蒂文·霍伯通过研究发明的拇指热区图,研究发明49%的人依赖一个拇指在手机上完成使命。

个中绿色为用户可轻松触及的地区,黄色暗示必要舒展的地区,赤色暗示必要用户改变装备握住方法的地区。

写给新手的控件计划指南(1):UI栏

(1)底部标签栏

底部标签栏是最常见的一种导航情势,它已在用户心中形成牢靠认知,用户打开一个体系,会本能的去底部查察标签,但愿通过底部标签快速相识体系能提供的成果。

除此之外,跟着手机屏幕的增大,用户凡是是单手握住手机下半部行使手机,通过上图可以看出,标签放在底部在行使时更快捷舒服。

写给新手的控件计划指南(1):UI栏

(2)顶部标签栏

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读