PG电子模拟与游戏体验

移动端专区 - 赏金女王

用手机打开赏金女王的电子游戏作品,第一眼看到的是屏幕上的画面比例。竖屏时,内容会按手掌的握持习惯来安排,按钮和面板之间留出空隙,不容易按错。声音方面也做了适配,插耳机或者直接外放,节奏和提示音都能听清楚。在“官方正版免费演示 Queen of Bounty”里,赏金女王在横竖屏切换上处理得比较顺,转屏之后画面不会跳,操作区域也会跟着调整。这段时间赏金女王在移动端主要打磨触控反馈,让滑动和点按更跟手,减少误碰。单手持机时,常用操作尽量往下放,适合在地铁或排队时随手打开。赏金女王也缩短了页面加载的等待,切换内容时不用干等太久。如果你第一次来,可以先从竖屏模式试起,觉得顺手再换横屏,慢慢找到适合自己的方式。

移动端专区 - 赏金女王

先看这些

第一次在手机上看赏金女王,先看这些就够。上方四个内容分区对应不同方向,随手点开一个,看看里面的游戏页面怎么排、怎么翻。接着留意每周一批的节奏,新补进来的四到六款会放在显眼处。然后试试登录,没登录时收藏只留在这台手机上,登录后换设备也能接着看。赏金女王里每款游戏都配了试玩入口,先玩几分钟再决定要不要往下翻。看到顺眼的先收藏,回头在收藏里翻,比来回找方便。赏金女王没有复杂的步骤,三两步就能摸清大概。

这周常看的画面

听出层次感

在手机上听赏金女王的声音,常比画面先告诉你这台机器在做什么。有的背景音像一层薄雾,铺在底下不动,换到下一屏才悄悄换掉。有的音效干脆,点一下是一下,拖一下是一下,中间不留尾巴。戴耳机和外放差别不小,外放会砍掉一些细节,耳机里那些细碎的回声和低频的震动才慢慢浮出来。赏金女王上不同页面的声音处理并不统一,有些安静得让人差点忘了它开着,有些一进来就有动静。赏金女王里你常看的那些画面,声音大概也各有各的脾气。

角色怎么站

手机屏幕小,角色往往只占中间一小块,可这一小块的信息量并不少。先看它站在哪儿,是偏左还是偏右,是贴着下沿还是悬在半空。再看它的朝向,正面、侧面还是背对画面,朝向一变,整个画面的重心也跟着挪。然后是动作的幅度,有的几乎不动,只有眼睛或衣角在轻轻晃,有的则一直在大开大合地换姿势。赏金女王上这些页面不需要你操作什么,看一会儿就能发现角色和背景之间的边界在哪里。有时候角色被前景挡住一角,有时候它从边缘慢慢移进来。在赏金女王常看的画面里,角色怎么站,往往比它长什么样更先被记住。多看几个页面,你也能在赏金女王里慢慢看出这点差别。

颜色定调子

四个角度里,颜色大概是最快被眼睛抓住的。有的画面整体偏冷,蓝和灰占了大半,亮的地方只留一小块;有的偏暖,橙红铺开,暗部压得很深。手机屏幕的色温和亮度不一样,同一张画面在两台设备上能看出不同的味道,所以看颜色时不必急着下判断,先看主色是哪一种,再看辅色怎么围着它转。在赏金女王这个“官方正版免费演示 Queen of Bounty”上,有些页面会在一屏之内换掉整套配色,从黄昏过渡到夜里,中间没有明显分界。也有的时候颜色几乎不变,只靠明暗的推移制造层次。在赏金女王里常看的画面看久了,你会慢慢分得出哪些颜色是背景的底,哪些是特意留给你注意的那一处,这也正是赏金女王上常被忽略的一层。

动起来的快慢

动画的快慢是手机上最容易被忽略的一层。同样一段动作,有的页面做得缓,起手慢,收尾也慢,看的时候人会跟着放松;有的则短促,一个来回不到一秒,眼睛还没跟上去就结束了。看动画不必盯着某个局部,退一步看整体,画面里所有会动的东西是不是同一个节奏,有没有哪一处比别处快半拍。赏金女王上有些页面把快速的动作放在角落,主画面依旧平缓,这种对比要连着看几屏才感觉得到。加载和切换之间的过渡也算动画的一部分,有的干脆直接跳过去,有的拖出一小段余韵。在赏金女王里常看的画面,快慢搭配得舒服的,往往最耐看,赏金女王里这类页面也最容易让人多停一会儿。

近况

屏幕适配最近一段时间,赏金女王移动端专区一直在跟进屏幕适配。手机屏幕的宽窄差别不小,页面上的元素位置和大小因此需要反复调整。以前有些按钮在部分机型上会挤在一起,现在按屏幕宽度重新分配了间距。赏金女王的工程师把常见分辨率逐一试过,让内容区在竖屏下尽量占满可视范围。适配需要持续跟进,新机型出来还要再调。这里做的是让打开页面时,排版不乱、不歪、不用来回缩放。折叠屏展开和合拢时的宽度变化也被列进了观察范围。赏金女王移动端专区把几种典型尺寸记下来,遇到显示异常就回头对照。适配不是一次做完的事,系统版本更新、浏览器渲染变化,都可能让原本正常的排版出现偏差。
加载速度加载速度是另一个在跟的方向。赏金女王移动端专区把首屏要显示的内容做了梳理,先出文字和结构,再补上后面的部分。网络慢的时候,页面不会一直白着,而是先给一个能看的框架。赏金女王的做法是让用户点进来就能看到东西,不用干等。图片和较小的资源分开处理,能缓存的就缓存下来。反复打开同一页时,第二次会比第一次快一些。这里没有追求一步到位,而是每次调一点,看实际表现再改。
竖屏排版竖屏排版这块,赏金女王移动端专区重新看了文字和信息的组织方式。竖着拿手机时,屏幕宽度有限,句子一长就容易换行频繁。所以行距和段距都做了调整,让眼睛往下走的时候不累。赏金女王的列表页把每条信息的层次拉开,标题、说明、状态各占各的位置。手指滑动时,内容跟着走,不会突然跳。这里也试过把横向排布改成纵向堆叠,在小屏上读起来更顺。有些说明文字原本挤在一行里,现在拆成两行,意思反而更清楚。竖屏下的留白也重新分过,让页面上下不显得空,也不显得堵。
触控操作触控方面,赏金女王移动端专区把可点范围调得比视觉上稍宽一些,手指按下去不容易点偏。赏金女王的按钮之间留了足够距离,避免误触。滑动和点击的区分也调过,轻轻一划不会当成点按。长按、双击这些操作在移动端尽量少用,能一次点清的就一次点清。这里还在收集真实使用中的反馈,哪些地方按着别扭,就再改一改。比如有些链接挨得太近,点的时候容易碰到旁边那个,后来就把它们分开了一些。手指比鼠标粗,这个道理在移动端特别明显。这些事都不大,但一件件做完,移动端用起来会稳当些。

接下来

界面再顺一顺

接下来会继续整理手机上的操作路径,把进入试玩、切换视角、退出重来的步骤再压短一些。赏金女王里有些页面在手指点选时反馈偏慢,或者按钮挨得太近,容易误触。这个方向不追求一次全改完,而是先挑被翻得最多的几类内容,把布局和手势理顺。比如横竖屏切换时控件会不会挡住画面,列表滑动到一半会不会突然跳回顶部,返回键在不同层级里是不是都落到该去的地方。赏金女王整理的时候会对照真实使用场景,也欢迎你在遇到别扭的地方留一句,方便后面排查。

分类再理一遍

第二个方向是把现有的内容分区再理一遍,让刚接触这里的人能少绕几步就找到合口味的东西。赏金女王目前按几个大类放试玩页面,但有些条目跨了两三个特征,单看名字不容易判断该进哪边。接下来会试着补一些更直白的说明,用一两句话讲清这一区里大概是什么类型、看上几分钟会碰到什么。赏金女王也会把容易混在一起的标签重新排一排,减少翻了几页才发觉方向不对的情况。整理过程中不会把老页面删掉,只是让入口更清楚,让从搜索或分享链接进来的人也能顺着走下去。

读起来更省事

第三个方向是让页面上的文字更好读。赏金女王里不少试玩说明写得偏简,有的只列了操作方式,没讲清内容大概长什么样。接下来会把这类描述补得具体一点,比如这一款偏重哪类操作,画面是快是慢,适不适合碎片时间点开。赏金女王也会整理一些常见问题的说法,把容易误解的词换掉,让没接触过类似内容的人也能看明白。赏金女王希望这些文字不是凑数,而是帮你在点开之前就有个大致判断,减少来回试错。等这批内容顺完,赏金女王还会回头看一遍,把仍然绕口的地方再改。

大家关心的问题

赏金女王:移动端专区里主要能看到哪些内容?

这里按四个内容分区来摆放手机上能直接打开的作品页面,每个分区里的条目都做了触屏适配,点进去就能在浏览器里直接看,不用另外装应用。画面会跟着手机屏幕比例自动调整,竖屏时操作区收在手指自然落点附近,横屏则会重新排布,让视野更完整。声音方面,页面进来时是不发声的,你点了喇叭按钮之后才会有音效,这样在外面打开不会吵到旁边的人。赏金女王 在移动端把画面、声音和排版放在同等位置来对待,尽量让第一次来的人不用研究设置就能开始。每个条目旁边有简短说明,告诉你这个页面对手机屏幕做过哪些适配,比如是否支持竖屏、是否自带音量开关。看的时候如果觉得字小,可以用两指缩放,赏金女王会记住你的缩放比例,下次打开同一页还是这个大小。

赏金女王:在手机上看之前,先从哪里入手比较合适?

可以先从分区入口进,四个分区各有自己的列表,挑一个你感兴趣的方向点开,再顺着列表往下看。每个条目点进去是独立页面,加载完就能操作。第一次用的话,建议先试一个内容较短的页面,感受一下竖屏下的按键位置和画面比例,再决定要不要继续看更长的。赏金女王 在移动端把浏览顺序做得比较直接,列表、页面、返回三步就能走完。如果你已经登录,看过的页面和收藏会跟着账号走,换一台手机打开还是原来的样子;没有登录也能看,只是记录只留在这台手机上,换设备就带不走。声音默认关闭,想听的时候再开,这一点对在户外用流量的人比较友好。列表里每条都有简短说明,标出这个页面对手机屏幕做过哪些处理,比如能不能竖着看、有没有单独的静音开关。挑的时候先扫一眼这些说明,能少走一些弯路。另外,如果某个页面加载偏慢,可以先把其他页面关掉再试。赏金女王 的移动端专区把这几件事放在一起,就是想让第一次来的人有个清楚的起点。第一次打开 赏金女王 时,按这个顺序走一遍就好。

赏金女王:移动端专区跟其他内容是怎么关联起来的?

移动端专区不是单独的一套东西,它和赏金女王里的其他分区共用同一批作品页面,区别在于排版和交互按手机屏幕重新处理过。你在别的分区看到的条目,只要适配过触屏,也会出现在移动端专区的列表里,所以两边的内容是互通的,不会出现这边有那边没有的情况。赏金女王 把移动端专区当成一个入口来用,方便你按设备筛选,而不是按题材筛选。竖屏排版、声音开关、缩放记忆这些细节,都是围绕手机使用场景做的,和电脑上打开同一页面的体验会有差别,但内容本身一致。比如同一个页面,在手机上操作区会收拢到手指容易够到的位置,在电脑上则按鼠标习惯铺开。如果你在移动端收藏了某个页面,回到别的设备登录同一账号,收藏也会同步过去,两边可以接着看。在赏金女王上这样安排,是希望你不用记哪个内容在哪个设备上看过,换设备打开还是熟悉的样子。

赏金女王:手机端画面声音怎么调更顺手?

先看画面比例。赏金女王:移动端专区里每个作品页面都会按竖屏排布,你可以先确认画面有没有被裁掉边角。如果觉得画面偏小,可以试着把手机横过来,部分页面会跟着转成横屏,视野会宽一些。有些作品还支持双指缩放,把画面拉大一点,看细节会舒服很多。声音方面,建议先检查手机侧边的静音键,再看赏金女王里有没有音量开关。有些作品默认静音,需要你点一下喇叭图标。戴耳机和用外放差别挺大,想听清楚细节就用耳机。另外,手机亮度别调太低,暗部细节容易看不清。如果你在赏金女王里切换作品,音量设置有时会跟着上一个页面走,记得重新确认。网络不稳时,画面会先糊一下再变清楚,声音也可能慢半拍,尽量在信号好的地方看。

赏金女王:竖屏排版下哪些细节容易被忽略?

竖屏排版最容易被忽略的是下方区域。赏金女王:移动端专区里,很多操作按钮和说明文字会放在画面底下,手指一滑就容易划过去。你可以先慢慢往下翻,看看有没有切换视图或全屏的入口。第二个细节是页面边缘,有些作品在竖屏下会把两侧留白,实际上点一下留白处可能唤出菜单。第三个是加载状态,竖屏时进度条往往很细,等一两秒没动静不代表卡住。还有,手机底部的手势条有时会挡住按钮,你可以稍微往上滑一点再点。在赏金女王里,每个作品页面的排版不完全一样,别用同一个习惯套所有页面。遇到字太小,可以试试系统字体放大,但页面布局可能会跟着变,需要重新适应。另外,在赏金女王上竖屏下弹出的提示往往出现在顶部,容易和手机状态栏叠在一起,遇到这种情况可以先把状态栏往下拉一下再收回去,通常提示就看得清了。

赏金女王:移动端先看哪能快速选到好作品?

先看分区标签。赏金女王:移动端专区把内容分成几个方向,你可以从自己平时偏好的类型那一栏开始,不用从头翻到尾。点进一个作品页面后,先别急着操作,花几秒看画面风格和声音节奏,这两样比文字描述更直接。如果第一眼觉得不对,就退回分区换下一个。遇到拿不准的,可以看看页面里有没有简短的玩法说明,通常一两句话就能帮你判断。在赏金女王里,移动端专区跟其他内容分区是打通的,你从这边点进去的作品,在别处也能找到相关入口。另外,竖屏和横屏的观感差别不小,同一个作品不妨两种都试一下。先挑三五个顺眼的,比一次开十几个更容易找到合适的。看的时候可以随手记下喜欢的作品名字,下次回到赏金女王直接搜,省得再翻一遍。