JavGuru平台介绍
JavGuru的页面分成三块:顶部导航、右侧一栏与主区卡片网格。三块的宽度都是固定的,滚动的只有主区内容。这一页说明各块的分工,以及从不同起点进入时的路径差别。
三块区域的排布
顶部导航横贯整页,负责切换频道与调用搜索。右侧一栏窄而稳定,收着说明、目录与推广位。
主区占据剩余空间,是唯一随滚动而移动的部分。作品卡片以四列铺开,一屏能容纳十几张。
三块的宽度在窄屏上会重新分配:右栏先折到主区下方,接着导航收成折叠式,主区卡片降到两列。
这种排布让浏览始终围绕卡片进行,其它区块只做支撑,不会抢走注意力。
- 顶部导航
- 右侧一栏
- 主区卡片网格
内容取向
站内内容以亚洲影片为主体,覆盖正片、素人投稿与短片几类。分类目录把它们按片源切分成几大块。
一个明显的特点是字幕单独成频道。带字幕的作品有独立入口,不必在正片里逐条筛选。
另一处特点是素人类内容的分量。素人投稿单列一类,与片商出品并列摆放,两类之间没有高下之分。
标签体系承担了题材层面的分流,一件作品挂的标签往往能直接说明它属于哪一路。
站内对片源的处理方式比较统一:正片按成片规格收录,素人投稿照原样收下,两者并列摆放,不会因为来源不同而在列表里被区别对待。这种做法让浏览时的判断依据只剩下内容本身,而不是制作规格的高低。对偏好素人风格的人来说,这一点比把素人内容单独藏进一个角落要方便得多。
另一个特点是站内几乎不做主题化的推荐专栏。找片靠的是频道、目录与标签三套体系,而不是编辑挑出来的榜单。好处是结构透明,翻到的每一条都是同一套规则下筛出来的结果。
站内对短片的态度也顺带说一句。短视频与长片混在同一个列表里,靠封面角上的时长标注区分,没有单独开设一个短片频道。想找碎片时间能看完的,扫时长比进专区更直接。
- 正片、素人与短片并存
- 字幕单列频道
- 素人单独成类
浏览路径的几种走法
最直接的一种是从频道进。导航上的每一项都指向一类片源,点进去就是已经筛过一遍的列表。
第二种是从右栏目录进。目录里列的是更大的分类块,适合还不确定具体想看什么的时候。
第三种是从搜索进。记得编号时它最快,一条结果直接落在眼前,中间的层级全部跳过。
三种走法之间可以随时切换,页面不会因为换了入口而丢失位置。返回时列表停在原处。
- 从频道进
- 从目录进
- 从搜索进
卡片的字段安排
卡片上的信息排布是固定的:封面在上,时长与清晰度角标压在封面角上,编号与标题在中间,计数组件与标签在下方。
这个顺序与挑选时的思考顺序一致。先看画面与时长决定要不要点,再看标题确认内容,最后看标签确认题材。
字段位置固定带来的好处是读起来快。翻过几屏之后,眼睛会自动跳到该看的位置。
同一屏里的卡片尺寸完全一致。没有大小混排,扫列表时的节奏因此很稳。
如果把这套排布与其它同类站点比较,差别主要在顺序上。有的站把标题放在最上面,编号藏在角落;这里反过来,编号与标题并列一行,编号在前。这样做的结果是搜索回来的列表与主区列表看起来一致,切换时不需要重新定位。
标签区的留白也值得看一眼。标签不贴边,与卡片边缘之间留出一条窄缝,一排药丸不会显得拥挤。这处细节在四列网格里尤其明显,一屏十几张卡同时展开时,留白让视线有地方落脚。
计数组件的图标尺寸统一,配上数字之后横向排成一行。三个图标之间没有分隔线,靠间距区分,读起来比带框线的版本更轻。
- 封面与角标在上
- 编号与标题居中
- 计数与标签在下
关于右栏的推广位
右栏底部的推广位属于站内合作内容,位置固定,不随主区滚动而变化。它以卡片形式呈现,带着直播标记。
把它与正片分开摆放是站内的一个取舍:推广内容不混进作品列表,浏览时不会被意外打断。
如果不打算使用,直接略过即可。它不会弹出,也不会遮挡卡片区域。
整栏的宽度因此保持稳定,主区的四列网格也不会因为推广内容而有任何位移。
- 属于合作内容
- 位置固定在栏底
- 不混入作品列表