墨黑 #0A0A0C
页面主背景,占去画面一大半。正文、分区和图片底都压在它上面,长时间看片库目录眼睛不会累。
显示偏好
01 / 品牌定位
红黑娱乐会馆是为国内访客准备的内容浏览站点,我们把力气几乎都花在分类上:一条内容放进哪个类目,比它排在页面第几位更要紧。索引里的片目会随着新内容加入持续增补,叫法不一致的条目会被统一到同一个名字下,放错位置的条目会被挪回它该在的地方。服务覆盖国内 31 个省级行政区,访客以电脑端与手机端浏览为主。
名称里的红与黑取自午夜影院和戏院海报的视觉记忆——灯光暗下来之后,台口那一抹红就是全部的注意力所在。这个印象后来直接变成了站点的用色规则,也解释了为什么整站几乎不出现第三种抢眼的颜色。
02 / 用色规则
整站画面由两种颜色分工完成。红色出现得少,但每次出现都意味着这里可以动手;黑色占的面积大,负责让文字和图片安静地待在里头。下面是实际在用的十种颜色,以及它们各自站的位置。
墨黑 #0A0A0C
页面主背景,占去画面一大半。正文、分区和图片底都压在它上面,长时间看片库目录眼睛不会累。
剧场炭黑 #14141A
次级背景。折叠面板的底、拼贴分区的底都用它,和墨黑拉开一点点明度差,让人看出层次又不会跳。
幕布正红 #C8102E
主强调色。首页那个一键定位按钮、当前栏目的细线、时间线上正在看的节点,用的都是它。
炽红 #E03A2F
悬停与激活态。鼠标经过、手指按下的那一刻才出现,面积很小,但反馈很直接。
陶土棕 #B2593B
过渡色。图标底和分类标签底用它,给整片冷色画面添一点矿物暖调。
岩灰 #4B4B52
1px 细线和精密网格的描边色。片库页那些把类目分开的线,靠的就是它。
苔绿 #5C6B4F
只用在“已修复、正常”的状态点上。看到绿点,说明这一项不用再操心了。
米白 #F5F0E6
深色底上的正文与强调标题。和墨黑配在一起,读长段落也不发灰。
胶片银 #A7A7AD
元信息、编号和小标签。类目编号、版本号这类不需要抢戏的字,都归它管。
沙米 #E9DFCE
浅底长文阅读区。隐私政策、使用说明这类需要逐字读完的页面,会切到这一层底上。
03 / 发展历程
片库的分类不是一次画好的。中间经过几次比较大的调整,每一次的方向都一样:让访客少翻几页。点开任意一个阶段,可以看到当时面对的问题和改法。
最早的片目靠人工归堆,分类名随着内容增加临时增补。同一个题材在不同页面可能叫法不一样,访客找内容更多依赖搜索和翻页,翻到第几页碰上想看的,全凭运气。
第二阶段做的事是收拢:把反复出现的分类名归并成一批稳定的主类目,题材、年代、地区三条索引线先成形。访客第一次可以顺着一条线挑下去,而不是每次重新找入口。
热度线加入之后,片库有了四条并行的索引。喜欢慢慢挑的人可以按年代或地区一路看下去;赶时间的人直接走热度,几屏之内就能定下来看什么。
分类入口调整之后,定位分类的职责集中到主导航,设置项从内容区挪到页面右上角。电脑端和手机端的入口位置不同,但指向的是同一套分类,换设备不用重新学一遍。
现在以每月一版的节奏迭代,每次处理的问题、涉及的端侧和分类入口变化都记进维护公告,至今累计发布 27 个版本。哪一版修了什么,翻公告就能对上。
04 / 分类体系
划分依据其实很朴素:先让你一眼认出自己要看哪一类,再让这一类里能继续往下走。
四条线交叉之后,片库落在 12 个主类目与 68 个子类目上。索引中的片目条目累计超过 8.6 万条,按周整理与校订:新条目按既有类目归位,叫法不一致的统一到同一个名字,放错位置的挪回该在的地方。片库导航中心里有完整入口,也可以在那里按主题筛一遍。
05 / 维护与反馈
反馈不会停在收件箱里。能当场给出排查方法的,当天写进帮助中心;需要改的,排进下一次维护。
站点以每月一版的节奏向前走,至今累计发布 27 个版本。每次维护的范围、涉及的端侧和分类入口变化,都按版本、端侧、分类入口三类标签记进维护公告,想确认最近一次修了什么,翻公告就能对上。
近两年我们处理了 3,200 余条用户反馈,登录与白屏类占比最高。每条反馈先归到登录、白屏、导航或分类入口中的一类,能当场解答的写进帮助中心,需要动代码的排进下一次维护。
11月28日版本集中处理了三件事:电脑端登录不上、手机端打开页面白屏,以及找不到升级后的导航入口。这几项目前都已修复。
当前状态:正常
工作日 9:00-18:00,support@honghei-cinema.com.cn 接收反馈。附上设备型号与截图,能更快定位电脑端与手机端的差异。