屏幕空间不够如何操作，屏幕空间的构建因素

1. 选项卡设计模式本文介绍的选项卡设计不包括整页选项卡，因此主要有两种选项卡设计模式。弹出窗口中的选项卡和卡片中的选项卡。

互动手势：

1) 弹出窗口选项卡

弹出窗口选项卡是一种在弹出窗口中添加选项卡的设计方法，有两种显示格式：顶部选项卡和底部选项卡。

顶部选项卡分为一级选项卡和二级选项卡，一级选项卡，如“币信”APP的列表弹窗，又分为两个选项卡：全家长列表和每周监护人名单划分。值得注意的是，这里的选项卡列布局不仅有两个选项卡选项，而且右侧还有一个其他功能的入口。这也是一种扩展屏幕空间的方法，值得学习。

币信APPtab切换

辅助选项卡：

比如blued APP的二级标签

底部选项卡：

例如NOW Live APP中切换礼物的方式就是通过底部的文字选项卡。

现在直播

2) 卡内的标签

目前很多直播操作卡也采用了标签切换的方式来扩展空间，但标签设计得更美观一点，让用户一眼就能看出是标签，请特别注意。 YY卡标签切换使用渐变和对比色来区分它们，以便用户可以快速了解这是一个可切换的标签。

YY直播

2. 可视化选项卡的设计方式：使用字体粗细、文本颜色、下划线和背景样式来区分。

您可以使侧边选项卡样式更具对比度

选项卡有助于提供边框来区分内容

4.打开二楼介绍“二开”应用“二开”诞生于淘宝2016年发布的产品“淘宝二开”。从app首页进入二楼。早上7点，二楼消失。随后，各大APP纷纷效仿，淘宝发明了一种新的移动交互方式。

优势：

空间大：打开二楼就像打开新的一页新颖性：互动新鲜、有趣、有新鲜感缺点：

1、“二楼”设计模式触发二楼。

该页面位于第一个屏幕上。向下滑动页面并设置滑动距离a。如果滑动距离

方法一：点击左上角/右上角返回方法二：点击底部返回按钮方法三：将底部热区向上滑动1）二层覆盖一层。

下载入口等操作位置被设计成覆盖一楼和二楼是常见的，快手的游戏中心也采用这种方式，滚动到二楼就可以下载促销游戏。

案例快手

它还被用作新流量分配的网关；例如，淘宝二楼现在设有频道和搜索。

2）跳转到二楼新页面

大多数人选择跳到楼上的新页面，因为它拥有更多空间。

跳转到爱奇艺二楼短视频页面（同为短视频添加曝光入口）。单击左上角可返回。

可以进入猫眼视频二楼热门视频的介绍详情页面，不过这个页面对应的是操作位置，根据操作视频的不同而变化。

跳转到新页面进行“楼上”设计视觉呈现时，请注意下拉窗口中占位图片的风格（例如爱奇艺使用海浪照片、猫眼使用电影海报等） ）在二楼页面底部添加引导箭头，使页面更容易理解跳转逻辑（例如快手）

本文由@銊包发表在《人人都是产品经理》上，未经许可不得转载。

标题图片由Unsplash 根据CC0 协议提供