跳到正文
JAVMost中文站 · 视频站18+
进入官网

JAVMost平台介绍

JAVMost的页面分成三块:左侧一条深色竖栏管导航,右侧浅色主区放作品卡片,最右端另留一列页码。这一页讲清三块各自的作用,以及从不同入口进入时的路径差别。

三块区域的排布

深色竖栏是固定的,滚动时不会跟着消失。搜索框与整列导航都收在里面。

主区随滚动而移动,是页面上唯一会变化的部分。作品卡片三列铺开,一屏能容纳几张。

最右端那一列页码另成一格,与主区并列。它不随卡片一起滚动,位置始终留在视线范围内。

窄屏下三块会重新分配:页码栏先被收进列表下方,接着左侧竖栏折成抽屉,卡片降到一到两列。

  • 左栏固定
  • 主区随滚动
  • 页码栏另成一格

导航都收着什么

深色竖栏的导航项从上到下依次排开:主入口在最上,接着是分类、演员、最多观看、最新发布。

中间一段是队列、评分、导演与片商,属于按属性组织的入口。最后是高级检索与几项说明性链接。

整列排列的密度不低,但每一项之间留出了间距,扫起来不挤。当前项高亮成蓝色,位置一目了然。

导航底部另有几项站务链接,比如法律声明与联系方式。它们与内容无关,收在最下方不影响日常使用。

  • 内容入口在上
  • 属性入口居中
  • 站务链接在最下

卡片承载的信息

一张卡片由三层构成:最上面是大图与编号标签,中间是详情块,最下面是标签按钮行。

详情块逐行展开,每一行左侧是项目名、右侧是对应内容。行的数量固定,因此卡片高度也整齐。

标签按钮用彩色描边,一部作品挂几枚取决于内容涉及多少可描述的特征。它们排在同一行里,不换行。

三层结构加起来,一张卡片给出的信息量比常见列表多出一截。这也是它最实用的一处设计。

把信息摊开写在卡片上,省掉的是点开再返回的那两个动作。挑片时在列表上就能判断得差不多,点进去主要是为了看内容本身。

详情块的项目名用的是同一套说法,跨条目也保持一致。看惯之后,扫一眼行的位置就知道那一行写的是什么。

卡片的行数固定,因此列表的高度也整齐。滚动时不会出现某一屏突然变得更长的情况。

  • 大图与编号标签
  • 逐行展开的详情块
  • 彩色标签按钮行

几种进入路径

最直接的是从分类进。有码与无码两条线分开摆放,进入之后不必再按处理方式筛选。

第二种是从演员、导演或片商进。认准一个方向之后,相关的作品会收成一列,挑起来快。

第三种是从最多观看或最新发布进。一个按热度排,一个按时间排,两种口径覆盖了不同场合。

三种路径之间可以随时切换,页面不会因为换了入口而丢失位置。返回时列表停在原处。

四种路径之间没有先后要求。多数人只会用到其中一两种,取决于手头有多少起点信息。数据齐备时走搜索,只有一个名字时走按人索引,什么都没有就先翻榜单。这些路径并存的好处是无论从哪进来,都能走到同一批作品上。

  • 从分类进
  • 按人索引进
  • 从榜单或更新进

页码栏的用法

右侧那一列页码是页面上的一个小设计,但实用性不低。它让跳页不必滚到列表最底部。

页码通常列出前面若干页,另配上一个随机跳转的入口。想快速换一批内容时,随机项更好用。

这一栏与主区并列,位置固定。翻到列表中部时,它仍然停在原处。

移动端上页码栏会移到列表下方。竖屏空间有限,这种处理属于必要的取舍。

  • 常驻在右侧
  • 配一个随机跳转项
  • 移动端移到列表下方