那天突然冒出个想法，打算重新折腾个人博客的界面，因为看别人的网页都花里胡哨特好看。我寻思着这回得搞点正经设计，不能像上次那样直接用现成模板糊弄。

一、准备工作

翻出吃灰三年的数位板，先在草稿纸上乱涂乱画。第一版画得跟儿童简笔画似的，方框里塞个圆圈算按钮，自己瞅着都乐。干脆跑去刷设计网站找灵感，结果刷着刷着天都亮了。

熬夜到凌晨三点总结出几条经验：

• 颜色不能超过五个，我那版用了十二种颜色，跟打翻颜料罐似的
• 按钮要做大点，上次做的按钮小得要用放大镜点
• 留白很重要，之前把页面塞得像沙丁鱼罐头

二、踩坑记录

开工时飘了，觉得分分钟能搞定。结果刚调布局就卡住——电脑上显示好好的，手机上一看全挤成一坨。气得我直拍大腿，折腾三小时发现没设自适应。

更绝的是调渐变色时，反复输入这行代码：

输第十遍时才注意到把#00f写成#OOf（把零打成了字母O），电脑当场给我显示姨妈红配便便黄，差点把咖啡喷屏幕上。

三、意外惊喜

本想加个简单的图片轮播，插件拖进去死活不转。破罐破摔直接手写，没想到歪打正着搞出个效果：鼠标移过去图片会慢慢浮起来，边缘还带发光。这个失误反而成了最惊艳的部分。

验收时发现个鬼故事：

• 夜间模式忘了做
• 文章详情页忘了设计
• 导航栏在平板电脑上会消失

又熬了个通宵打补丁，完工时窗外鸟都开始叫了。

四、血泪总结

现在这个版本挂着三处没修的小问题，但打死不想碰代码了。最大的教训是下次改版前，绝对先把手机平板电脑全摆桌上同步测试，再也不想体验凌晨三点对着二十个浏览器调试的噩梦了。

做完最意外的是评论里都在夸毛玻璃特效，可那玩意儿压根不是我做的——查了代码才发现某插件自带的。行，就当是我的设计天赋了。