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

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

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

顶部标签栏凡是会与底部标签栏团结行使,其利益是切实用户从上至下的阅读风俗,且标签数比底部标签栏承载的更多,当存在多个标签时可以通过阁下滑动的情势承载,一样平常用在消息资讯类产物中,如下图的新浪消息和今天头条都回收了这种方法。

弱点是它安排在用户最难触达的赤色地区内,不易单手操纵,许多产物应承用户阁下滑动来实现标签间的切换,这种方法虽利便用户快速切换,但与体系自带的右滑返回操纵有斗嘴,以是这种方法更多呈此刻一级页面。

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

05 器材栏toolbars

器材栏凡是在页面底部呈现,包括了对当前页面的相干操纵。器材栏为半透明状态,偶然有配景致,当用户不必要时凡是会潜匿。

譬喻,在safari中,向上滑动开始阅读页面时,器材栏自动潜匿,向下滑动或点击屏幕底部时自动表现。同时当键盘呈现时,器材栏也会被潜匿。

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

必要留意的几个点:

1)器材栏的按钮是行使图标照旧笔墨:当器材栏中呈现三个以上的按钮时,行使图标会更吻合,由于图标所占空间比笔墨更小,更轻易承载多个按钮。

其次,当按钮呈现三个以上时,字符太多会使页面变得缭乱。当按钮为三个或三个以下时行使笔墨越发直观,更易让用户领略,好比日历app中,行使笔墨是由于图标会使三个按钮的寄义造成夹杂。

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

2)停止在器材栏中行使分段控件。分段控件应承用户切换页面,而器材栏只浸染于当前页面。

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

假如必要切换页面,可以行使标签栏举办切换。

3)给文本按钮留有富裕空间。文本按钮之间留有富裕间距,更利于用户领略与点击。

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

好了,本日就说到这,文章较长,但愿各人能耐性消化,但愿此文对你有一点辅佐。

 

本文素材来自互联网

(编辑:湖南网)

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

热点阅读