横屏游戏小窗分屏之后就变成竖屏的了，没办法玩？

来源：蜘蛛抓取(WebSpider) 时间：2022-05-10 01:35 标签： 分屏怎么恢复横屏

小米在中将分屏加入系统原生功能，各位米粉不需要Root和分屏软件就能享受手机分屏。虽然分屏功能在手机上算不上刚需，但随着手机能处理的任务越来越多，分屏功能可以让各位不用频繁在应用中来回切换，还是非常方便的。还不知道小米MIUI9分屏怎么用的朋友赶紧来看看吧。

各位只要通过菜单键进入多任务切换，屏幕左上方就会发现分屏模式的提示，点击之后就能进入分屏模式。选择你想要进行分屏的两款APP，竖屏模式下，中间的滑杆你可以调节这两个APP展示内容的；不过经POPPUR实测，分屏模式更加适合横屏，看视频、和朋友聊微信基本可以同时进行；如果想退出分屏的话，直接将滑杆拉到顶部或者底部就可以了。

需要注意的是，部分App并不兼容分屏模式，除了需要全屏显示的游戏应用外，网易云音乐等App目前也不支持MIUI9的分屏。不过，各位可以到【开发者选项】-【强制将活动设为可调整大小】，重启手机后这些应用也能进入分屏模式。#打游戏分屏容易坑爹啊各位#

MIUI9分屏好用吗？

虽然手机的屏幕不如平板大，但是在许多情况下，分屏应用还是非常实用的，在等18：9屏幕比例手机登场后更是如此。例如在看知乎的时候，学到的小技巧可以在旁边打开便签随时复制或者记录；上网剁手的时候，也可以一次打开多个电商App进行价格参数对比，不用担心买到不划算的商品。至于还有更多玩法就要各位自己开发啦~

立式广告机怎么设置竖屏？视频变成横屏了怎么办

文章来源：本站人气：2359发表时间：【】

最近有客户提出来：买了一批网络版的液晶立式广告机回来，放的视频是横版的，如何改成竖版的呢？

目前市场上的部分液晶广告机是支持使用液晶广告机遥控器设置横屏和竖屏的，可以直接用遥控器控制更改图片和视频播放模式即可。在液晶广告机遥控器播放的时候选择：画面—画面旋转—向左旋转/向右旋转。如是视频，可以逆时或者顺时旋转90度，然后调整为屏幕大小，视频可以不留黑边，但画面肯定变形。

目前来说一般都有一些格式转换软件可以实现液晶广告机的横屏和竖屏切换功能，如果自己无法在网上找到相关软件，可以找液晶广告机厂家进行协助安装。但是用软件在将横屏变竖屏的过程中会出现视频的黑边或者变形的话，建议使用分屏软件播放视频和图片，如果实在不行，就需要重新制作对应格式的视频了。

目前来说，深远通基本上都是支持的是的横屏格式和的竖屏格式的播放文件，所以用户在购买液晶广告机进行图片和视频播放的时候要注意图片和视频的格式是否正确。

编辑导语：产品界面设计往往需要依据用户体验和业务特点选择某种界面模式，相比当下流行的竖屏界面模式，横屏界面也有其优势所在。本篇文章里，作者结合实际案例总结了几种横屏设计模式，让我们一起来看一下。


本文2694字，阅读时间约10分钟。

进入移动互联网时代以来，由于竖屏是移动端主流的界面模式，设计师们已经很普遍把焦点放在竖屏设计上，而忽视了横屏设计的特点和机会。但其实，横屏状态下横向的空间变大，因此可以利用横向空间做加法，通过横屏设计模式达到体验上的增益。

本文是我在项目设计中总结的几种横屏设计模式，希望能为设计师伙伴们提供一些启发或帮助。

问题源自vivo游戏联运项目，vivo游戏联运依附游戏存在，分为横屏游戏和竖屏游戏，并且对于游戏类产品，横屏模式占比更高，所以涉及到非常多手机端横屏设计的需求。

竖屏游戏联运收银台如左下图所示，如果按照常规的竖屏设计思维将收银台迁移到横屏，由于横屏纵向高度有限，重要的支付渠道并不能在首屏露出。是否有更好的方案？这引发了我一些思考，到底横屏下都有哪些设计模式？横屏设计是否有规律可循？


竖屏收银台和竖屏设计思维下的横屏收银台

竖屏是移动端主流的界面模式，便于单手持握，竖向的屏幕有着更高的滚屏空间，可以方便用户更高效浏览长内容。

而横屏模式常见于pc端或pad端，以及一些特定的手机场景，比如游戏类、视频类等，横屏状态下横向的空间变大，因此可以利用横向空间做加法，通过横屏设计模式达到体验上的增益。

通过整合市面上的各类横屏设计，我归纳出两大类横屏设计模式。

注：范围涉及手机端和pad端；适用于同一应用的横竖屏适配或由手机端迁移至更适合横屏的pad端。

1. 横屏单页面设计模式

单页面设计模式主要通过页面布局的调整重排，使其更适合更宽的横向空间展示，包括拉伸布局、分栏布局、差异布局三种。

拉伸布局尽可能保留原本竖屏的页面布局，通过适当拉伸填满横向屏幕，手段有：

页面中的元素大小随着横屏宽度变大而做等比拉伸，这种布局方式适合视频、图片、杂志等元素具有视觉冲击力的场景，等比放大后能够有更好的内容阅览体验。


某新闻产品（iPad端）

页面中的元素大小不变，通过横向相对拉伸，增加元素的显示宽度或拉伸横向间距以达到填满横向空间的目的，适合阅读类场景，拉伸后单行可以显示更多文字。

某笔记产品（iPad端）

保持页面元素大小和间距不变，利用屏幕的宽度优势，增加横向可显示元素数量，在横向空间上展示更多内容，适合元素重复的场景，比如金刚位icon、应用列表等。


某系统应用商店（iPad端）

竖屏状态下纵向空间富裕，页面布局通常是上下结构，而横屏状态下纵向空间紧张，这就使得原本可以在首屏曝光的内容无法在首屏展示。这时候可以将上下结构变为更合适横屏的左右结构布局，左右分栏的宽度也可以随着不同内容的重要性而自定义。

分栏布局是横屏设计中比较常用的模式，适合众多场景，特别是底部内容优先级较高需在首屏展示的情况，在横屏设计下可优先考虑此模式。背景引例中竖屏游戏联运收银台迁移到横屏下就是使用了分栏布局。


vivo游戏联运收银台（手机端）

差异布局展示了和竖屏模式完全不同的布局方式，采用了较为特别、更适合横屏状态的布局结构，比如音乐产品的Cover Flow展示、金融产品的数据图表展示、游戏产品的横向卷轴关卡展示等等。

这种设计模式的门槛较高较少采用，适合只有横屏场景的产品或特定横屏场景（图表、日历等）为其特殊设计，需要考虑实际场景的适用性。


2. 横屏双页面设计模式

双页面设计模式是将竖屏状态下原本两个具有关联关系的页面内容，组合到同一个页面下，以分屏的形式同时呈现出来，降低原本跨页面交互、不断来回切换的操作成本，创造出更高效率的用户体验。

这种双页面的横屏设计模式通常适合于较大屏幕尺寸设备的横屏状态，小屏设备下会显得空间较拥挤。根据两个组合页面的关联关系，可以分为父子组合、主次组合、并列组合三种。

这种双页面组合方式在pad端较为常见，通常左屏展示列表页，右屏展示列表中某项的详情页。

用户可以点击左屏列表中任意项目，在右屏快速打开相应的详情内容，实现便捷切换，使得竖屏下原本需要“点击列表某项目→阅读详情→返回列表→点击列表另一项目→阅读详情”来回切换的繁琐流程体验，变得简单高效易用。这种设计模式适用于邮件、新闻、笔记等内容消费型产品。


某邮箱产品（iPad端）


某视频产品（iPad端）

在主次组合中，左屏为主要内容，右屏为次要内容。比如用户可以在左屏看文章详情、视频内容，在右屏进行评论的消费和互动；又比如用户可以在左屏看商品或应用详情，右屏看相关商品或应用评论，辅助购买和下载决策。

这种设计模式下可以同时浏览主次内容，右屏内容依赖于左屏内容，并起到辅助左屏内容的作用。


某视频产品（iPad端）

在某些情景下，用户需要对比两个同类型页面。竖屏模式下跨页面对比步骤极为复杂且不直观，用户的记忆成本大，而横屏双页面模式下，用户可以同时浏览两个内容详情，适用于不同商品对比的场景，更加高效直观。


某购物产品（手机端折叠屏）

综上所述，横屏设计场景下有两大类横屏设计模式，包括横屏单页面设计模式（拉伸布局、分栏布局、差异布局）和横屏双页面设计模式（父子组合、主次组合、并列组合），不同类型及其适用场景和增益效果如下表所示：在实际运用中需要注意辨别横屏场景，具备横屏设计意识，从竖屏设计思维向横屏设计思维转变。

横屏设计模式的使用步骤建议如下：

  1. 根据设备大小来找到合适的横屏设计模式大类，一般来说双页面模式比单页面模式更适合大屏设备，可以更好地发挥横屏优势；
  2. 根据不同大类下横屏设计模式的适用场景，思考采用哪种横屏设计模式，能够适合业务场景，解决当前产品的核心问题，达到体验增益的效果。



本文由 @VMIC UED 原创发布于人人都是产品经理，未经许可，禁止转载

特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。

我要回帖

更多关于 分屏怎么恢复横屏 的文章

 

随机推荐