火星网校
探讨手游设计中的横屏适配细节-火星时代教育
发布时间：2024-05-16 09:43:03 浏览量：265次
手游设计的过程中，由于屏幕比例与尺寸的差异，再加上游戏需要一屏显示的整体性与艺术性，因此和普通APP相比，有着更为复杂的规则。
本篇文章只针对横屏游戏，将从以下几个模块讲解：
- 设计比例与尺寸
- UI适配
- 背景图片适配
- 刘海与圆角适配
- Home Indicator适配
以上模块在本质上是互相关联的，但为了方便说明，因此拆分开说明。
设计比例与尺寸
设计方案常规尺寸为16:9，常用的尺寸包括【1280*720】【1334*750】【1920*1080】等。
常规手游且画质要求不高的游戏使用720P完全足够，像复古风、像素风；750-850P则更为常见，基本可以适配各种场景；而1080p适合画质要求较高的游戏。
在游戏立项时，以上内容都需要美术与开发进行商量，并定下设计分辨率，以后的设计过程将一直沿用此规则。
现在都是全面屏19.5:9了，为啥还要按照老款的手机设计呢？
我总结了以下几个原因：
1、设备比例，虽然全面屏的手机比较多，但是仍有不少的16:9的手机，模拟器一般也采用了16:9的尺寸；
2、正逆适配问题，从16:9调整至19.5:9的视觉体验要比19.5:9调整至16:9的好很多，例如在19.5:9的情况，横向铺满时，缩至16:9会导致UI重叠。
UI适配
UI在引擎中的原理是通过锚点控制控件的相对位置。
普通类UI适配包括按钮、生命条、弹窗等，根据不同场景中的适配方案进行调整。
场景化UI适配常见于游戏元素的设计，在设计时根据不同机型选择适当的尺寸，以适配各种场景和用户体验。
背景图片适配
背景图片相对于UI更简单，制作尺寸通常为1334*750（16:9），适配简单分为大于16:9和小于16:9两种情况。
背景图片适配规则简单，只需简单裁切；UI适配则根据不同场景缩放、移动、裁切。
刘海与圆角适配
在游戏设计尺寸为16:9的情况下，市面上常规全面屏的刘海和圆角会导致部分UI偏移，需注意避让。
交互设计和UI设计时应避免系统手势与UI操作冲突，确保用户体验。
Home Indicator适配
iPhone X的Home Indicator会遮挡部分UI，设计时应避开这一控件的遮挡，确保交互流畅。
为了防止内容被遮挡，在设计时应留出足够的空间，优先使用系统提供的界面元素和自
热门课程推荐
热门资讯
-
探讨游戏引擎的文章，介绍了10款游戏引擎及其代表作品，涵盖了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戏设计领域和数字艺术教育的重要性，欢迎点击咨询报名。
-
2. 手机游戏如何开发(如何制作传奇手游，都需要准备些什么？)
如何制作传奇手游，都需要准备些什么？提到传奇手游相信大家都不陌生，他是许多80、90后的回忆；从起初的端游到现在的手游，说明时代在进步游戏在更新，更趋于方便化移动化。而如果我们想要制作一款传奇手游的
-
3. B站视频剪辑软件「必剪」：免费、炫酷特效，小白必备工具
B站视频剪辑软件「必剪」，完全免费、一键制作炫酷特效，适合新手小白。快来试试！
-
游戏中玩家将面临武侠人生的挣扎抉择,战或降?杀或放?每个抉定都将触发更多爱恨纠葛的精彩奇遇。《天命奇御》具有多线剧情多结局,不限主线发展,高自由...
-
5. Bigtime加密游戏经济体系揭秘，不同玩家角色的经济活动
Bigtime加密游戏经济模型分析，探讨游戏经济特点，帮助玩家更全面了解这款GameFi产品。
-
6. 3D动画软件你知道几个?3ds Max、Blender、Maya、Houdini大比拼
当提到3D动画软件或动画工具时,指的是数字内容创建工具。它是用于造型、建模以及绘制3D美术动画的软件程序。但是,在3D动画软件中还包含了其他类型的...
-
7. 3D动漫建模全过程，不是一般人能学的会的，会的多不是人?
步骤01:面部,颈部,身体在一起这次我不准备设计图片,我从雕刻进入。这一次,它将是一种纯粹关注建模而非整体绘画的形式。像往常一样,我从Sphere创建它...
-
8. 如何自己开发一款游戏(游戏开发入门必看：五大独立游戏开发技巧)
游戏开发入门必看：五大独立游戏开发技巧无论您是刚刚起步开发自己的第一款游戏，还是已经制作了几款游戏，本篇文章中的5大独立游戏开发技巧都可以帮助您更好地设计下一款游戏。无论你对游戏有着什么样的概念，都
-
三昧动漫对于著名ARPG游戏《巫师》系列，最近CD Projekt 的高层回应并不会推出《巫师4》。因为《巫师》系列在策划的时候一直定位在“三部曲”的故事框架，所以在游戏的出品上不可能出现《巫师4》
-
想让你的3D打印模型更坚固？不妨尝试一下Cura参数设置和设计技巧，让你轻松掌握！
