Vivi 官网 · 版本索引

同一份真实数据(29 场 / 1,880 余人次 / 1,300 多位创作者 / 480 余作品 / 均分 9.1),多个风格方向。每张卡点进去就是完整可逛的站——手机电脑都能开。前三张是我自己目前比较喜欢的,但不用照顾我的偏好,按你的直觉投。

✅ 目前领先的三版
1⭐ 目前首选vivi.fieldFLOW FIELD · 深空流场
1 号 · 深空流场版

vivi-field · 流场版

lusion 深空流场粒子 + 大字动效的正式部署站。她最喜欢的一版,混合升级以它为主体。

vivi-field.pages.dev ↗
2NEWVIVI STRANDSTRAND ARCHIVE · 连接美学
2 号 · 连接档案版

vivi-strand · STRAND 连接档案版

小岛秀夫《死亡搁浅》「连接」美学:连线开机序列 + 连接场 canvas + HUD 界面,潮湿的黑配一道涨潮青。本地字体库 4 面子集,手机零横向溢出。

vivi-strand.pages.dev ↗
3VIVI.FIELD
PUBLIC ARCHIVE
活动索引 · 体验路径 · 反馈原声
3 号 · 档案馆版

档案馆 · 可筛选的活动主页

以 haoqi.design 的系统索引为骨架,保留 Vivi 的真实活动数据,新增关键词筛选、活动详情卡和参与者体验路径。

推荐入口:对外官网正式版 ↗
🧪 风格样机池 · 点进去都是完整可逛的站
4创造力集市VIVI MARKET · 数据全展示
4 号 · 集市数据版

vivi-market · 创造力集市

29 场活动全数据展示 + 历届活动月历 + 参与路径。日历模块就是从这一版拆出来移植的。

vivi-market.pages.dev ↗
5把自己活成作品.
5 号 · 沉浸大字版

暗场 · 粒子流体

黑底大标题 + 鼠标搅动的粒子场 + 数字滚动。像个高级创意工作室——「这个主理人很专业」。

参考:lusion.co(3D 交互工作室)
6T 切换明暗VIVI.FIELD©2026ENGINEERING INDEX · 工程索引
6 号 · 工程索引版

工程索引 · 明暗双主题

顶部状态条走实时上海时间和鼠标坐标,96px 发丝网格打底,克莱因蓝当唯一强调色,活动排成带编号的索引表。八版里唯一能按 T 键切明暗的一版。

参考:haoqi.design(工程感 × 活力)
🎮 特色板块 · 仅供娱乐,不实用好玩程度拉满,但不适合当对外主页。想玩就点进去。
7
VIVI-OS
开机即开场 →
双击图标逛活动
7 号 · 桌面系统版

VIVI-OS · 能开机能玩

开机动画 + 桌面图标 + 可拖拽窗口 + 开始菜单 + 回收站彩蛋(被否掉的厂牌名都在里面)。最好玩。

参考:echoecho.space(ECHO-OS 可玩作品集)
8🏠 ✨
8 号 · 3D 小屋版

可以逛的房间

three.js 手搓小屋:墙上 6 张海报=6 场黑客松、便利贴=问卷原话、桌上电脑=Demo Night、日历圈着 9.12。拖动环视、点击互动。

参考:小红书「我把个人网页做成了3D房间」
🗑 已淘汰方向已经不走了,留个档。鼠标移上去恢复彩色。
9Vivi的
创造力集市
MERGING.LIVE · 黑白极简
9 号 · 黑白极简版

极简黑白 · 大字号无衬线

按 merging.live 重构的视觉:纯黑底、超大无衬线、字重做层次、红色单点强调。动效全保留(粒子/滚动显现/数字滚动/跟随光标)。

参考:merging.live(极简黑白 / 强对比)
10VIVI FIELD®
10 号 · 厂牌乐队版

酸性荧光 · 入场仪式

CLICK TO ENTER 开场 + 跑马灯 + 系列当「厂牌成员 F1-F5」+ 巡回日志。最闹、最有厂牌味。

参考:balmingtiger.com(K-pop 另类厂牌)
11480+
11 号 · 大字报版

大字报 · 数字冲击

黑底白字 + 超大黑体 + 橙红滚动带。一屏一个论点,数字自己说话,手机上也震撼,最「敢」的一版。

来自 vivi-hackathon-homepage 六打样