CONTENT HUB · 内容中心

大屏查目录、手机翻案例,两个内容入口怎么选

银河娱乐会的中文官方站按屏幕尺寸铺了两条浏览路径:大屏上用横向轨道展开分类目录,手机上用卡片流一张接一张地翻。下面把两者的版式、筛选方式和设备适配范围说明白,你按手里的设备对号入座就行。

01 / PC HUB

银河娱乐 PC 端内容中心:横向轨道上的分类目录

打开内容中心,先看到轨道上方那一排分类标签,下面是整屏宽的内容轨道。两者分工很直接:标签决定你看哪一类,轨道决定你从第几条翻起。轨道里的条目按编号排列,翻到哪一条停住,页面上的位置就停在哪儿。

深色界面示意,主区为横向内容轨道,上方排列一排分类标签,界面悬浮在星尘背景中
轨道上方固定分类标签,下方整屏铺开条目,横向拖动时标签行不跟着移动。
  1. 01

    在标签行选一类

    标签行固定不动,点一下就把轨道切到那一类,上一类的位置会记住。

  2. 02

    横向拖动轨道

    按住轨道左右拖,或者用左右方向键一格一格走,条目会整块停靠。

  3. 03

    打开条目看详情

    点开任意一条,正文按约 36 字的行宽排布,长段落读起来不用来回换行。

  4. 04

    换一类接着看

    回到标签行重新选,轨道从新分类的起始位置重新铺开,不用退出去重进。

DIR-01

上手引导

9 节内容,每节约 15 分钟,走完一遍基础路径大约 2.5 小时。

DIR-02

分类目录

一级分类下挂二级目录,点开就能顺着层级往下走,不跳级。

DIR-03

设备适配

PC 端覆盖 6 款主流浏览器,条目里标注了各自的排版处理方式。

DIR-04

案例合集

设备适配类案例约 560 条,按机型、系统与场景三个维度归拢。

DIR-05

活动栏目

日常、阶段、专题三类共 28 个栏目,规则与参与路径写在栏目页里。

DIR-06

版本记录

2019 年以来的 11 个主要版本节点,按时间顺序排在一列里。

02 / iOS CASES

iOS 端案例合集:按机型与场景翻卡片

案例合集收着 320 余张卡片,按机型、系统版本、功能场景三个维度分类。每张卡片是一段独立的小节,适合在通勤、排队这种零碎时间里翻上几张。

竖向排布的案例卡片界面示意,每张卡片带等宽编号与场景标签,背景为深空星尘
卡片从上往下顺排,编号固定在左上角,翻到哪张都能立刻知道自己在第几条。

一张卡片上都写着什么

  • 编号等宽字体标注,例如 CASE-0321,便于按号回找。
  • 机型卡片适用的设备档位,按屏幕尺寸与年份区间归类。
  • 系统覆盖近 5 年发布的主要系统版本,标注最低可用版本。
  • 场景这张卡讲的是哪一件事,一句话说清适用范围。

连续翻看时,卡片之间的顺序按场景关联度排,不是随机打散;翻到头会回到本类第一张,方便回顾。

CASE-0321

小屏机型的单列排布

4.7" · 单列卡片

窄屏下卡片宽度收进一列,图片与文字上下叠放,避免文字被压成两三个字一行。

CASE-0318

大屏机型的两列卡片

6.7" · 双列卡片

宽一些的屏幕自动排成两列,一屏能看到四张卡片,横向滑动改为纵向滚动。

CASE-0307

深色模式下的字重调整

DARK · 字重 400

深色背景下正文维持常规字重,标题再加粗一级,长段落连读不刺眼。

CASE-0294

从上次的位置接着翻

SESSION · 断点续看

退出后再进来,卡片流停在上次那一张,不需要从头再划一遍。

CASE-0286

图片在窄屏下的裁切规则

IMG · 居中裁切

卡片配图按容器比例居中裁切,主体内容不会被切掉左边或右边。

CASE-0275

按场景串起多张卡片

FLOW · 关联推荐

一张卡看到底会给出同场景的下一张,顺着读能把一件事看完整。

03 / SHARED TAGS

两个入口共用一套标签

分类标签在两个入口之间是同一套,命名、层级和顺序都不换。你在 PC 端选中某一类,换到手机打开案例合集,看到的还是这一类的卡片,不用重新熟悉一遍叫法。

标签是怎么命名的

  • 一级用动作或用途命名,例如“上手”“检索”“适配”,一眼看出这一类解决什么。
  • 二级在一级下面按对象细分,例如“适配”下面再分机型、系统、分辨率。
  • 顺序从浅到深固定排列,越靠右的内容越偏进阶,第一次来从最左边进就行。

分类标签的完整层级和内容团队的分工,在品牌中心里有更细的说明,包括 12 个一级分类与 86 个二级目录的完整目录。

两级标签对应关系的信息图,一级标签以轨道线连接多个二级标签
一级标签定方向,二级标签收窄范围,两个入口读的是同一张标签表。

04 / COMPATIBILITY

适配与读取体验

不管是宽屏显示器还是几年前的手机,页面都会把可用宽度算清楚再排版,而不是把桌面版直接缩小塞进小屏。

PC 端浏览器

覆盖 6 款主流浏览器,横向轨道、标签切换与键盘方向键浏览在这些浏览器里表现一致。

iOS 系统版本

覆盖近 5 年发布的主要系统版本,卡片流、断点续看与深色模式在版本区间内保持可用。

长文阅读

正文按约 36 字一行排布,段落间距适度放宽,长条目连着读下来不容易串行。

并排展示三档宽度的页面布局对照示意,带等宽刻度标注
1920 / 1440 / 1280 三档常用宽度下,轨道条目数与标签行留白会同步调整。

宽屏轨道一屏能露出四到五张条目,标签行补足两侧留白,视线不会跑到屏幕边缘。

分屏窗口收窄后条目自动变窄,同时露出的条目减少,横拖的步长也跟着缩短。

窄屏轨道切换为纵向卡片流,标签行折成两行或横向滚动,不出现半截被切掉的内容。

如果你手上的设备显示异常,问题排查里按浏览器与系统版本列了对照步骤,照着走一遍基本能定位到原因。

05 / PIPELINE

内容怎么上架

站上的每一类内容都走同一条制作路径,四个步骤依次走完才会出现在轨道或卡片流里。站点每周更新内容 2 至 3 次,每月发布 1 期版本或专题说明。

STEP 01

选题立项

先定这一类内容解决什么问题、挂在哪个一级分类下,再决定做成条目还是卡片。

STEP 02

撰写与配图

正文按约 36 字的行宽写,配图跟着排版比例准备,避免上线后临时裁切。

STEP 03

适配与校对

在三档常用分辨率与近 5 年 iOS 系统版本上各过一遍,排版错位当场改掉。

STEP 04

发布与归档

上线后归到对应分类,同时在版本纪事里留一条记录,方便回查是哪一次加的。

四个顺序节点的内容制作流程示意图,节点以发光圆点与连线连接
四步走完才上轨道,新增条目会同步记进版本纪事。

最近几次新增内容与适配调整,都按时间排在版本纪事里,想确认某一条是什么时候上线的,去那里按标签筛就行。

06 / WHICH ONE

该进哪一个入口

判断标准很简单:看你现在手上是什么设备,以及你要的是对照信息还是具体例子。

  • 坐在电脑前,想一次摊开多个分类、并排对照目录层级和编号。

    PC 端内容中心

  • 通勤路上,想按机型或场景随手翻几张卡片,看别人是怎么处理的。

    iOS 端案例合集

  • 已经在电脑上选好了分类,出门想接着往下看,不打算重新找一遍。

    两个入口交替用

  • 第一次来,还不确定自己要看哪一类,想先花两三个小时把基础路径走完。

    先从上手引导进

  • 发现某个分类的命名不合适,或者希望增加一个筛选维度。

    联系页告诉内容编辑