Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Human Interface Guidelines —— Split Views

Human Interface Guidelines —— Split Views

作者头像
霖酱
发布于 2018-05-17 02:28:10
发布于 2018-05-17 02:28:10
9080
举报

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

Split Views

Human Interface Guidelines链接:Split Views

Split Views

Split View管理两个并排的内容窗格的呈现,主窗格中内容保持不变,辅助窗格中包含相关信息。

 每个窗格可以包含各种元素,包括 navigation bars,toolbars,tab bars,tables,collections,images,maps 和自定义视图。 Split View通常用于可过滤的内容;主窗格中将显示类别列表,并且所选类别的过滤结果将显示在辅助窗格中。 

如果app需要,主窗格可以覆盖次窗格,并且主窗格可以在不使用时隐藏在屏幕外。 这在设备处于纵向时特别有用,因为它可以在辅助窗格中查看更多内容。

使用时注意

·选择适合您内容的 split view 的布局

默认情况下, split view 将屏幕的三分之一用于主窗格,三分之二用于次窗格。屏幕也可以均分为两部分。根据您的内容选择合适的分隔方式,并确保窗格不会显得不平衡。避免创建比主窗格更窄的辅助窗格。

·持续突出显示主窗格中的活动选择

尽管辅助窗格的内容可以更改,但它应始终对应主窗格中的一个明确可识别的选择。这有助于人们理解窗格之间的关系。

·通常,将导航限制在 split view 的一侧

将导航放置在 split view 的两个窗格中使得人们难以找到方向,也难以辨别两个窗格之间的关系。

·提供多种方式来访问隐藏的主窗格

在主窗格可能不在屏幕上的布局中,请务必提供一个按钮(通常位于导航栏中)来显示主窗格。同时,让用户可以从屏幕的侧面轻扫访问主窗格,除非app需要使用轻扫手势来执行其他功能。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.05.16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Human Interface Guidelines — Navigation
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Navigation(导航) Human Interface Guidelines链接:Navigation 用户只有当期望不能被满足时才想到 app 的导航,直到它不能满足他们的期望。导航的工作是以支持 app 的结构,但不需要引起注意。导航应该让用户感觉自然和熟悉,且不应该主导界面或让用户把焦点从内容上
霖酱
2018/06/06
1.1K0
Human Interface Guidelines —— Tab Bars
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
1.6K0
Human Interface Guidelines —— Scroll Views
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
1.2K0
Human Interface Guidelines —— 导航栏(Navigation Bars)
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
2.9K0
Human Interface Guidelines —— Popovers
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
1.5K0
Human Interface Guidelines —— Image Views & Maps & Pages
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
1.1K0
Human Interface Guidelines — Modality
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Modality Human Interface Guidelines链接:Modality Modality让人们必须在完成一项任务或关闭一个消息或 view 之后才能做其他事情。Action sheets、alerts 和 activity views 能提供 modal 体验。当一个 modal vie
霖酱
2018/06/06
9630
Human Interface Guidelines —— Text Views & Web Views
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/06/21
6520
Human Interface Guidelines —— Buttons
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Buttons Human Interface Guidelines链接:Buttons Button 用于启动 app 的特定操作,它具有可自定义的背景,并且可以包含title或图标。  系统为大多数使用情况提供了许多预定义的 button 样式。 也可以设计完全自定义的按钮。 ---- System Bu
霖酱
2018/06/21
8590
Human Interface Guidelines — Interface Essentials
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Interface Essentials(页面必需品) Human Interface Guidelines链接:Interface Essentials 大多数iOS app 都是使用UIKit中的组件构建的,UIKit是一个定义通用页面元素的编程框架。这个框架让 app 在整个系统中达到视觉的一致性,同时
霖酱
2018/06/07
5530
Human Interface Guidelines —— 活动视图(Activity Views)
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
1.2K0
Human Interface Guidelines —— Pickers
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/06/21
7230
Human Interface Guidelines —— 概览
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 今天本来惯例打开Material Design,结果发现网站改版了上不去了???那我就乖乖开始翻译iOS的组件好了... iOS设计主题 作为一名app设计师,您有机会呈现出一款非凡的产品,并将其推向App Store推荐的顶端。为此,您需要满足对质量和功能的高度期望。 三大主题将iOS与其他平台区分开来:
霖酱
2018/05/17
8230
Human Interface Guidelines —— 工具栏(Toolbars)
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
1.3K0
Human Interface Guidelines — Progress Indicators
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Progress Indicators Human Interface Guidelines链接:Progress Indicators 不要让人们盯着静态屏幕等待您的app加载内容或执行冗长的数据处理操作。 使用 progress indicator 让人们知道你的app没有停滞,并让他们知道他们还需要等待
霖酱
2018/06/21
7050
Human Interface Guidelines — Loading
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/06/07
7450
Human Interface Guidelines — Sharing and Actions
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Sharing and Actions Human Interface Guidelines链接:sharing and Actions Share extensions 提供了一种方便的方式,可以在app,社交媒体帐户和其他服务中共享当前环境中的信息。 Action extensions 可让人们启动内容特
霖酱
2018/06/21
5780
Human Interface Guidelines —— Collections
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
9380
Human Interface Guidelines —— Labels
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/06/21
4860
Human Interface Guidelines — Sliders
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 Sliders Human Interface Guidelines链接:Slider Slider是一条带有称为“thumb”控件的水平轨迹,您可以用手指移动“thumb”以在最小值和最大值(如媒体播放期间的屏幕亮度级别)之间滑动。 当 slider 的值发生变化时,最小值和“thumb”之间的轨迹部分将填
霖酱
2018/06/21
4390
相关推荐
Human Interface Guidelines — Navigation
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档