站点实拍- 彩色分频道
导航每项前面一个色点，频道一眼分开。
- 右栏分类表
分类收在右侧一栏，逐行列成目录。
- 卡片带角标
封面角上标着时长，清晰度另做角标。
- 标签药丸
卡片底部一排灰色标签，题材写得具体。
导航上的色点
顶部导航的每一项前面都配一个彩色圆点，直播是红、字幕是黄、正片是绿、素人是紫、高清是蓝，热门那一项颜色更深。
色点的作用是把长条导航切成几段，让人不必逐字读完才能找到目标。看惯之后，凭颜色就能定位。
最右端是标签项，带一个下拉符号，展开之后是一份完整的标签名单。搜索框紧挨在它的右边。
品牌标识用蓝色写出，在近黑底色上相当醒目。它固定在左上角，滚动时不会跟着消失。
- 直播、字幕、正片、素人、高清、热门
- 每项配一个色点
- 标签项可下拉
右侧那一栏
右侧栏从上到下分成三块，第一块是欢迎说明，用几句话交代站点的定位与内容取向。
第二块是分类目录，深色条头的标题下方逐行列出类目，正片、去码、字幕、素人、偶像、素人投稿与高清各占一行。
第三块是推广位，用一张卡片的形式给出，卡片上带着直播标记。它属于站内合作内容，位置固定在栏底。
整栏的宽度固定，不随主区卡片数量变化。窄屏时它会移到主区下方或折叠起来。
- 欢迎说明
- 分类目录
- 推广位
- 窄屏时折叠
卡片网格怎么读
主区是四列铺开的卡片网格。封面占去卡片的大部分面积，右上角用一枚圆角小标写着时长。
清晰度另做角标，标在时长下方。同一屏里既有普通清晰度也有高清，角标让差别直接可见。
封面下方是编号与标题。编号用方括号括起，后面跟着一句英文短标题，内容概括得比较具体。
再往下一行是三个计数组件，眼睛、向上的拇指与向下的拇指各配一个数字，旁边还有一枚粉色小标。最后是标签区。
- 四列网格
- 时长标在封面角上
- 编号加标题一行
- 计数组件与标签在下方
标签与分类的分工
卡片底部的标签是灰色的圆角小药丸，一件作品挂好几个。它们描述的是具体特征，比如体型、场景与关系。
右栏的分类目录则是粗分。它按片源类型把内容切成几大块，粒度比标签粗得多。
两者配合的用法是先看目录定方向，再用标签收窄。从目录进去之后再点标签，剩下的候选通常只有一屏。
标签的措辞偏直白，用的都是读者会顺手说出口的词。这也让它们比抽象的分类名更好用。
- 标签描述具体特征
- 目录负责粗分
- 先目录后标签
搜索与浏览节奏
搜索框在导航右端，输入编号或关键词都能用。记得编号时直接搜最准，结果通常只有一条。
日常浏览的节奏则靠卡片网格维持。四列排布一屏能看到十几张卡，翻起来不费劲。
卡片右下角还留着一行时间标记。它不参与排序逻辑，但能帮你判断这件作品是新近上架还是早先的存量。
往下滚动时导航固定不动，随时可以换一个频道。这个设计让浏览不必回到顶端重新开始。
- 搜索框在导航右端
- 四列一屏十几张
- 导航滚动时固定
导航按颜色分频道，卡片按标签找方向
适合哪些人
- 按题材找片的人
卡片底部的标签写得具体，一眼能看出路数。
- 在意清晰度的人
封面角上标着清晰度角标，不必点开确认。
- 认片源类型的人
右栏目录把正片、字幕、素人分开列出。
- 习惯横着翻的人
四列网格一屏十几张，翻起来节奏快。