Search

Hello World! 网站全面重构完成

记录一下二百七个人网站的全新改版,采用了更现代的技术栈和复古街机设计语言。

二百七1 min read

历经多天的折腾,终于把整个个人博客和产品主页的视觉系统全面翻新了一遍!

全新的设计语言

这次改版,我尝试摒弃了之前枯燥的常规网页排版,全面倒向了复古街机、像素风与赛博朋克的混合视觉语言。设计灵感有很大一部分来源于《绝区零》等具有强烈次世代视觉冲击力的作品。

  • 高对比度的暗黑模式:全局背景采用暗黑色,搭配明黄(#CFFF04)、亮红等高饱和荧光色作为点缀。
  • 复古像素元素:引入了经典的像素 UI 框架,从按钮、输入框到滚动条,全都带有 8-bit 的街机颗粒感。
  • 动态波点底纹:背景里隐隐若现的动态波点,为原本死板的页面增加了一丝活力和呼吸感。

隐藏的彩蛋

没错,如果你探索得足够深入,会在「友链分享」页面里发现一台隐藏的复古街机。那是我用纯原生代码手搓的俄罗斯方块,不仅在电脑端手感干脆利落,还专门为手机端绘制了带有物理按压反馈的虚拟按键!

欢迎大家多来逛逛,后面也会在这里陆续更新关于 YOUKAI 等自研产品的开发日志和设计复盘。

Game Start!