今天折腾的这个网页设计，说来话长。本来想着做个花里胡哨的个人博客，结果做着做着就变味儿了。

从塞满到清空

一开始打开编辑器，我这手就收不住。啥都想往上堆：左边导航栏搞个动态的，右边挂个小动画，中间文章标题还想着弄个渐变色背景。搞了半天，预览一看，好家伙，眼都看花了，我自己都不知道该瞅哪儿。

实在受不了，干脆全选了按删除键。得，回炉重造。

重新打开一个空白页，这回就盯着屏幕发呆十分钟。想着以前刷手机，看到那些清清爽爽的页面就觉得舒服。行，我就奔着“干净”两个字去。

标题栏砍三刀

顶部导航栏最先动手：

• 第一刀：把五个菜单项砍剩俩，“首页”和“碎碎念”。其他像“作品集”、“关于我”那些，先藏起来再说。
• 第二刀：右边搜素框旁边那个放大镜小图标，太抢戏，直接删了。
• 第三刀：原本准备在logo旁边加个动态太阳月亮切换，算了算了，弄个纯黑色文字logo比啥都强。

这么一整，顶栏就剩一行黑字，清爽得跟刚洗完脸似的。

排版死抠白边

中间文章列表才是我掉头发的地方。折腾半天发现秘诀就三个：

• 大字撑场子：标题直接上36px，省得用斜体粗体加下划线这种花活儿。
• 多留空：行高从1.4拉到1.8，段前段后间隔拉大两倍，文字像是能喘气了。
• 颜色不扎眼：背景死活不用纯白，调了淡米黄。文字黑里加点灰，看着不刺眼。

光这三条，我反反复复调了十七八遍。不是字太挤就是白边太大，把浏览器缩小放大看了二十几次才拍板。

干掉所有画蛇添足

最狠的在收尾阶段。预览时候边看边问自己：

• 这个文章底下的星星评分按钮？删！
• 分享到微博微信的小图标？删！
• 卡片四角那点小圆角？拉直！
• 鼠标移上去泛蓝光的效果？干掉！

折腾完这些天都黑了。按F5刷新的那一刻，嚯，满屏都是字和图，反而比之前塞满小零件的时候看着更舒服。这事挺有意思，有时候加东西是为了方便，结果添的全是乱。

反正现在页面加载快得像飞，我自己看着也不闹心。简约这玩意儿，真不是偷懒，是拿着大刀砍自己的纠结心。