PG电子模拟与游戏体验

移动端 - 赏金女王

在手机上看赏金女王这个“中文官方网站 在线演示与更新日志”的电子游戏作品,画面与声音最容易被先注意到。屏幕不大,很多细节一不留神就滑过去了,画面比例、图标大小、按钮位置都会影响手指落点。同一段声音,外放和戴耳机听下来常是两种感觉。竖屏排版在移动端很普遍,单手握着手机时拇指够不够得着,有时比画面精不精致更影响实际感受。赏金女王最近在移动端做的事,主要围绕试玩入口、机制拆解、版本记录、素材与参数这四个固定分区展开。试玩入口尽量让人点开就能看,不用先注册或登录。机制拆解和素材与参数放在一起,方便对照着理解一段画面是怎么动起来的。版本记录按周整理,每回五到八个。收藏不需要账号,换设备不会同步,这点在赏金女王里也写得很清楚。

移动端 - 赏金女王

此刻焦点

在手机上打开赏金女王,先看试玩入口这个分区,它是四个固定分区里最直接的一处。点进去不用登录,两步就能开始,想留住什么就顺手收藏,换台设备不会跟着走。再看机制拆解,那里把玩法拆成几段说明,适合边点边对照。此刻焦点落在赏金女王上,是因为移动端把这两块放在最顺手的位置。版本记录和素材与参数排在后面,等前面看顺了再翻。若只想先摸清一款玩法的脾气,从试玩入口进,再回头看拆解,来回切换不费劲。赏金女王在手机上就是这样一条路径,先动手,再读字。

热门画面

先听声音

打开一段赏金女王的画面,耳朵常常比眼睛先做出反应。不少画面看着安静,点下去却有一整套声音在动,按键回弹、循环背景、角色短句各占各的位置。这里要说的不是音量大小,而是这些声音有没有分层,会不会在同一秒里叠成一团。赏金女王在手机上做过调整,让声音不至于因为扬声器单薄就发闷。第一次来的读者可以先把注意力放在听上,听它什么时候给回应,什么时候故意空着。有些画面靠声音稳住节奏,有些则把声音收得很轻,让你更专心看动作。声音和画面合在一起看,能更快判断这段内容想让你先注意哪里。

角色立得住

看赏金女王的画面,角色通常是最先被眼睛抓住的部分。这里不聊具体是谁,只看角色在画面里站得稳不稳。有的角色轮廓清楚,动作幅度不大,但每个姿态都能看出意图。有的角色会借助光影和背景做对比,让人一眼分清主次。赏金女王在移动端把角色安排在视觉重心附近,屏幕小,细节容易被压缩,所以角色的外形和动作需要更明确。第一次来的读者可以注意角色和周围环境的关系,比如它是不是被背景吃掉,转身和抬手时边缘是否干净。角色能不能立住,往往决定了这段画面耐不耐看。

色彩定调子

赏金女王的画面里,色彩常常先于内容传达情绪。有的偏冷,蓝灰和暗紫占多数,看着安静。有的偏暖,橙黄和浅红铺开,显得热闹。移动端屏幕小,色彩对比如果不够,画面容易糊成一片。赏金女王在处理主题色彩时,会把主色和辅色分得比较清楚,让眼睛知道先看哪里。第一次来的读者可以试着眯起眼,看画面剩下哪几种颜色,那通常就是它的主调。色彩也会影响你对节奏的预期,亮色多的地方往往动作更密,暗色多的地方则更慢。赏金女王里有些画面从头到尾只用一种色系,只在关键处添一笔别的颜色,这种克制反而让画面更有记忆点。

动画会呼吸

动画在赏金女王里不只是让画面动起来,它还要控制一段画面的呼吸。有的动画快而短,点一下马上就有反馈。有的动画则把过程拉长,像在等你看清楚再继续。移动端上,动画的节奏要和手指动作配合,太快会让人来不及看,太慢又显得拖。赏金女王在移动端把动画拆得比较细,入场、停留、退场各有各的时长。第一次来的读者可以留意动画停下来的那一刻,那里往往藏着画面的重点。赏金女王里有些画面会在动画中间留一个短暂的静止,让眼睛歇一下。动画的呼吸感,其实就是画面在告诉你什么时候该看,什么时候可以松一口气。

近况

屏幕适配最近这段时间,赏金女王移动端把主要精力放在屏幕适配上。不同手机的长宽比各有各的样子,之前按固定比例排好的内容放到某些机型上会出现留白或者挤压。现在改成按屏幕实际尺寸弹性计算,常用的竖屏比例都逐一过了一遍,尽量让每个试玩入口和说明文字都落在舒服的位置上。赏金女王移动端还调整了字号随屏幕缩放的方式,小屏上字不会挤成一团,大屏上也不会显得稀松。这些改动落到日常使用里,读起来顺不顺、点起来准不准,感受是能直接分辨出来的。
加载次序加载这块,赏金女王移动端重新梳理了资源请求的顺序。以前是页面整体等齐了再显示,现在把试玩入口和必要的说明先放出来,体积大的素材往后排。网络一般的时候,读者可以先看到能点的部分,不用对着空白等。赏金女王移动端还做了弱网下的降级处理,图片加载慢就先留出占位,避免页面来回跳。碰到信号断续的情况,已经打开的内容也不会被清空,往回翻还能接着看。赏金女王移动端把首屏需要的东西压到最少,后面的内容按滚动位置分批取,这样即使网速不快,也不至于一直停在等待上。呈现的内容没有增减,改变的是它们抵达读者视线的方式。
竖屏排版竖屏排版是赏金女王移动端这段时间改动最多的地方。手机多数情况下是竖直握持的,原来偏横向的布局在竖屏里读起来费劲,现在把试玩入口、机制拆解和版本记录按上下顺序重新排,一屏能看清一个完整的小块。赏金女王移动端把素材与参数里的长表格改成可以横向滑动,不再硬塞进窄屏。段落之间的间距也重新调过,手指上下滑的时候不容易误触到旁边的链接。赏金女王移动端希望竖屏下读完一段再接下一段,节奏是连贯的。
触控优化触控方面,赏金女王移动端把可点区域整体调大了一档,四周留出富余,拇指按下去不容易偏。滑动手势和页面滚动做了区分,横向翻看参数时不会带着整页乱跑。赏金女王移动端还给按钮加了按下时的轻微反馈,让人知道这一下点到了。有些链接挨得近,赏金女王移动端就把它们之间的空隙拉开,减少点错的机会。这些细节在电脑上不太感觉得到,在手机上却直接影响愿不愿意继续往下看。赏金女王移动端会继续按这个方向打磨,把移动端的日常使用做得更稳当。

之后会有的

机制拆解续

接着往下整理,赏金女王会把移动端玩法的机制拆解做得更细。赏金女王不是简单说一句玩法是什么,而是把每一步操作和反馈拆开看。比如一次点击之后画面怎么变、声音什么时候来、数值什么时候跳,这些顺序都会影响你理解一个玩法。赏金女王想做的,是让刚接触的人也能顺着拆解看懂结构,不用靠猜。后面会按类型慢慢补,先挑常见的几类,把共通的机制说清楚,再补每个类别自己的小差别。移动端上手指遮挡、按钮位置、反馈延迟这些也放进来一起看,因为在小屏上它们本来就是玩法的一部分。

版本记录法

版本记录这块,赏金女王想整理得更像一份可查的笔记。移动端每次改动可能只动一点,比如某个反馈变快了,或者某个入口换了位置,单看很小,放一起就能看出方向。赏金女王之后会试着把同类改动归到一起,让读者翻的时候能对上号。不写具体日期,也不承诺更新多少条,只把记录的方式说清楚。每条尽量写明改的是哪一块、影响的是什么感受,而不是只写改了。这样你回头找某个变化时,容易找到,也容易判断它和之前有什么不同。赏金女王记录本身不评价好坏,只把变化放在那里。

素材与参数

素材与参数的方向,是让移动端读者更容易看懂一个玩法用了什么、怎么调的。赏金女王会继续整理常见的素材类型和参数写法,把移动端上容易被放过去的地方点出来,比如同一套素材在小屏上怎么缩放、参数变了之后手感差在哪里。赏金女王不预测具体作品,也不列具体数字,只把看的方法讲明白。刚接触的人可以先从这一类入手,知道哪些东西是可以对照的。赏金女王之后会按素材和参数分开整理,各说各的用途,再补上它们怎么配合。这样你看一个试玩内容时,能多一个角度,而不只是看它玩起来顺不顺。

大家关心的问题

赏金女王:手机首次打开这页先看啥?

建议先把页面往下拉一遍,感受一下整体排布。赏金女王把试玩入口放在最显眼的位置,点进去就能直接看玩法画面,不用先注册或者填什么信息。手机屏幕窄,所以画面会按竖屏重新裁切,两侧留白比横屏多,但主要元素都在中间区域,手指滑动就能看清。声音默认是关的,想听效果需要自己点一下喇叭图标,这样在公共场合打开也不会打扰到旁边的人。看完一两个试玩之后,再回头翻机制拆解,会更容易理解画面里那些符号和步骤是怎么串起来的。赏金女王在移动端没有做登录,收藏功能靠浏览器本地记录,换手机或清缓存就会丢,所以看到想留的条目,最好顺手记一下编号或名字。页面上的四个分区是固定的,从上到下依次是试玩入口、机制拆解、版本记录和素材与参数,第一次来不用全看,在赏金女王上挑自己感兴趣的就行。

赏金女王:手机端画面和声音会怎么变?

最大的变化来自屏幕比例。赏金女王在移动端把画面重新排成竖屏,原本横向铺开的元素会上下叠放,有些背景细节被裁掉,但核心的转动区域和按钮都留在手指够得到的位置。声音方面,移动端默认静音,需要手动打开,而且同一时间只播放一路音效,不会像电脑那样多层混在一起。如果觉得画面太小,可以双指放大,但放大后边缘会有些模糊,这是手机屏幕本身的限制。在赏金女王上,移动端还调整了按钮间距,避免误触,滑动和点击的反馈也比早期版本更跟手。另外,竖屏下部分动画会简化,比如连续滚动的效果改成了分段展示,这样在旧手机上也不容易卡。声音和画面是分开控制的,在赏金女王里可以只开画面不开声音,反过来也行。如果画面停住不动,先看看后台是不是开着太多应用,关掉几个再刷新,通常就能恢复。

赏金女王:移动端最近改了啥,跟别区有啥关联?

移动端最近把重点放在竖屏排版的细节上,比如调整了试玩入口的按钮大小,让拇指更容易点中,也重新处理了画面裁切的位置,尽量不让关键信息被屏幕边缘切掉。这些改动会同步影响到机制拆解区,因为拆解里配的示意图也要跟着换成竖屏版本,不然对照起来会错位。在赏金女王上,版本记录区会记下每次调整的时间和内容,想了解某次改动具体动了哪里,可以去那里翻。素材与参数区则提供移动端专用的截图尺寸和说明,方便对照。赏金女王在移动端做的这些事,目的不是增加新玩法,而是让已有的内容在手机上看起来更顺。四个分区之间是互相引用的,试玩里看到的画面,在机制拆解里能找到对应的步骤说明,版本记录里能查到它什么时候改过,素材与参数里能拿到它的基本规格。如果发现某个条目在手机上显示不对,可以先看版本记录,确认是不是刚更新过。

赏金女王:竖屏下手指怎么点才不易错?

竖屏时,赏金女王把可点区域做得比横屏稍宽一些,但相邻按钮之间还是留了空隙。你从屏幕底部往上滑是翻看内容,左右滑是切换不同画面区域,点按某个元素时最好用指腹而不是指尖,避免误触旁边的说明文字。如果发现某一块总是点不准,可以双指轻微缩放页面,把局部放大再操作,赏金女王会记住这个缩放比例,下次打开同一页时仍保持。另外,手指遮挡是竖屏常见问题,重要信息通常放在屏幕上半部,操作区集中在下半部,你按的时候视线不会被手挡住。如果页面里有需要长按才能查看的细节,按住大约半秒,等边缘出现细线提示再松手。赏金女王没有强制手势,所有滑动和点按都有对应的普通点选方式,不习惯手势的话直接点也可以。

赏金女王:手机画面声音跟别区比差在哪?

这一页重点放在手机上实际看到和听到的效果,所以画面部分会讲清楚哪些细节在小屏幕上被保留、哪些做了简化。比如细线条和渐变在手机屏上容易糊在一起,赏金女王就调整了对比度,让轮廓更清楚。声音这块,同一段内容用手机扬声器播放和插上耳机听,感受往往两回事,在赏金女王上会把两种情形分开说,比如外放时低频听起来单薄,戴上耳机后各层声音才分得开。跟机制拆解分区相比,这一页不展开讲规则和逻辑,只关注呈现;跟素材与参数分区相比,这里不列具体数值,只说观感。如果你先看了机制拆解再来看这一页,会发现很多在拆解里提到的动作,在手机上其实有专门的视觉提示,方便你对照着看。赏金女王把画面和声音放在一起讲,是因为移动端这两者经常互相影响,调了画面亮度,声音的轻重感也会跟着变。

赏金女王:移动端收藏怎么用,换手机还在吗?

在移动端,收藏的入口在每一条内容的右下角,点一下图标就会变实心,表示已经收好。再点一下取消。收藏不需要登录,所以操作很快,也没有弹窗打断你。收好的内容会集中出现在页面顶部的一个切换栏里,你随时可以回去翻。不过要注意,赏金女王里的收藏只存在当前这台设备上,换用别的手机或者换一款浏览器打开,收过的东西就不会跟着出现。如果你清理了浏览器数据,收藏同样会不见。所以遇到特别想留的内容,可以自己截个图或者记一下位置。赏金女王暂时没有账号系统,也就不存在跨设备同步这回事。对第一次来的人,建议先在赏金女王上随便收藏两三条试试,熟悉一下图标位置和切换栏的用法,之后再看别的分区时就能随手存了。