一次大改版,三十来项更新
今天是一次大改版,前后动了三十来处,挑重点记。
视觉定稿:整站换成暗色电影感的底色,玻璃面板压深一档;三级文字(小标题、日期、编号)对比度从 2.49:1 提到 4.87:1,过了 WCAG AA;元素边框统一加深,卡片边界一眼可辨。主题默认改为夜间。
布局:画廊在手机上改成两列,整页高度从一万三千像素压到四千六;顶栏收紧;侧栏统计数字加了计数动画;左下角多了个音乐播放器,切页不断播。
动效:大标题先描边再填色,两行依次入场;测量完成前错位和顶动的问题修掉了;标题字号提到 120px。
搜索:搜索改成悬浮窗,顶栏、侧栏或 Ctrl/⌘+K 都能唤起,Esc 关闭。
背景:全站加了循环视频背景,切换页面不再重建、播放连续;旧的光晕层保留但压在视频下面。
修复:导航栏与下拉菜单磨砂化;首页作品卡片错乱重做;侧栏滚动回顶时压进导航栏的 2 帧问题改成瞬间归位;卡片和侧栏里同一日期出现两遍的重复渲染也去掉了。
小坑记一条:作品卡在浅色下没有轮廓,是边框颜色沿用了深色主题的写法——白底上等于看不见。