跳到正文
进入官网

Hitomi.la平台特色

Hitomi.la的界面朴素,力气都花在几处关键细节上:内页预览先给画风,小表列明系列类型语言标签,细导航把四个索引方向一字排开,排序开关随时换看法。这一页把这些安排逐项拆开,看它们各自解决了什么问题。

预览先行

条目左侧那一列内页缩略图是最有辨识度的一处。它不是单张封面,而是把开头几页并排摆出来,画风、线条、配色同时给到位。判断要不要点进去,看这一列基本就有答案。

预览的排布方式与作品门类有关:成册作品给出多页连续内容,单幅插画则直接铺开成品。同一位作者的多件作品放在一起时,预览之间的风格差异也很直观。

条目长度并不统一。有的作品预览只有窄窄一列,有的能铺满整个屏幕宽度,后者通常页数更多、信息更密。熟悉之后,单看预览的宽度也能估出这件作品的分量。

预览也承担着筛选功能。看到画风不对味的直接跳过,不需要点开再返回,整页浏览的节奏因此保持得很快。

  • 并排铺开多页内页
  • 画风与配色一并给出
  • 不同门类排布不同

一行一表的元数据

作品名与作者之后,是一条逐行排列的小表:系列、类型、语言、标签各占一行,标签做成圆角小纽扣。这张表的排列顺序固定,看多了会形成肌肉记忆,眼睛往下一扫就能找到想要的那一行。

系列一栏常写着空缺,遇到真有合集的作品才会填上。类型与语言则几乎条条都有,这两项也是筛选时最常用的依据。

这张小表的另一处便利在于位置固定。无论条目是窄是宽、预览是一列还是铺满整行,小表始终待在作品名下方,抬头低头都在同一处,扫列表时视线不需要重新适应。

系列、类型、语言三行的排列顺序也照固定来:系列在最上,类型居中,语言靠下。需要确认语种时眼睛往下走,需要确认门类时停在中间一行就行。

  • 系列、类型、语言、标签各占一行
  • 排列顺序固定
  • 标签为圆角小纽扣

页首那条细导航

页首一条细窄的导航把四个索引入口、语言下拉框、搜索框与搜索按钮并排收在一起。它不占地方,功能却齐:找名字用搜索,找门类用入口,换语言用下拉框。

导航下方是一条横向横幅,摆着当期精选画面的拼贴,视觉上给站点定调。往下才是那句最近更新的标题与列表本体,层次清楚。

  • 四个索引入口并排
  • 语言下拉框与搜索框同排
  • 下方横幅做视觉定调

排序开关与热度档

列表上方的排序开关解决的是同一个存量的不同看法。按时间看,得到一条线性序列;按热度看,得到一份当前排名。两者切换只在一处,不需要重新进入某个栏目。

热度那组给出今日、本周、本月、全年四个时间窗,窗口越长,上榜的作品越偏向长期稳定的那批。想找一次性能看完的短篇集,从本月那档翻起命中率高。

  • 时间排序与热度排序互切
  • 热度分四个时间窗
  • 长窗口偏向稳定作品

作品页与跳转

作品页把图片按顺序排下去,滚动到底就是一件作品的终点。页面上方与下方都会重列作者、系列、角色与标签,跳转入口就嵌在这些词里,点一下换到同一作者或同一角色的其它作品。

这种跳转方式让浏览变成一条可以延伸的线:从不认识的作品出发,顺着作者或角色往回走,很快能摸到一批风格相近的内容。

作品页不需要额外操作,打开就是完整的一组图。翻到底之后,回上一层的位置也被记住,接着往下挑下一件很顺。

  • 图片按顺序排列
  • 作者与标签可点击跳转
  • 顺着线索延伸浏览