先写下来,再慢慢写深
这些文章以“技术 + 个人记录”为主,有些偏实践总结,有些偏阶段性思考。后面我会继续把它们扩成更完整的版本。
给个人博客做第一次完整改版,我改了哪些地方
这次改版最核心的变化,不是单纯把页面做得更花,而是让整个博客真正“能用”。原来首页更像一个展示模板,现在我补齐了文章页、项目页、关于页和联系页,让导航里的每个入口都能落到实际内容上。
我也重新整理了首页信息层级,把“我是谁、这里写什么、最近在做什么、最新文章和精选项目”这些内容放到更清晰的位置。这样访客第一次进入时,不需要猜这个博客是做什么的,浏览路径会自然很多。
CSS 动效不只是“会动”,还要服务页面气质
最近做页面时,我越来越觉得动效的作用不只是“吸引注意”,而是帮助页面建立节奏。比如一个有主题感的页面,如果所有元素都用同样的过渡动画,最后看起来可能反而没有重点。
我开始更留意不同模块的动效层级:背景负责氛围,卡片负责轻微反馈,主按钮负责明确引导。动画幅度不需要很大,但要让人感觉页面是活的,而且这种“活”是和内容一致的。
最近重新找回学习节奏的一点方法
以前很容易陷入一种状态:想学很多,列计划时特别用力,真正执行时却很难持续。后来我发现,比起把目标定得很大,不如先让行动变得轻一点,轻到忙的时候也能做一点。
这段时间我会把学习任务拆成很小的块,比如“整理一个布局细节”“给页面补一个模块”“写一段短记录”。虽然单次推进不算大,但连续几天之后,反而更能感受到自己在往前走。
从一个首页练习里学到的布局细节
同样一份内容,信息层级稍微调整一下,阅读体验就会差很多。比如标题、说明文和按钮之间的距离,如果都靠得很近,页面会显得挤;如果完全拉开,又容易让内容失去关联。
我现在做首页时,会优先想“用户第一眼应该先看到什么,第二眼应该去哪里”。先把阅读顺序想清楚,再决定卡片数量、留白和颜色强调,往往比直接开始堆效果更有效。