昨天折腾个人主页,打开电脑一瞅——这玩意儿跟十年前QQ空间似的,惨白背景配蓝字链接,朋友说像超市促销海报。瘫在椅子上琢磨半天,决定把改版过程记下来。
第一步:先把纯文字大杂烩拆了
原先自我介绍就跟填户口本似的,姓名年龄毕业院校哐哐列七八行。直接Ctrl+A全删了,掏出手机自拍杆怼着脸拍了二十多张,选了张捧着咖啡杯傻笑的。用在线工具把背景抠成透明的,右边空白处只留三句话:“代码裁缝/野生设计师/厨房爆破专家”。
- 大字怼脸:名字字号调到屏幕宽度1/3,朋友说像网页欠他钱
- 关键词飘色块:给“代码裁缝”套了个水泥灰框,“厨房爆破”配番茄红
- 删掉三行废话:把“精通Office”“团队协作能力强”全扔进垃圾桶
第二步:配色灾难自救现场
本来学人家用莫兰迪色,结果调成婴儿蓝配脏粉色,整个页面跟新生儿用品店撞衫。气得把取色器摔了,扭头翻衣柜找灵感——发现常穿的牛仔外套配卡其裤挺顺眼。
- 牛仔裤蓝当主色:#3A5F90 调了八遍才不像校服
- 卡其色打辅助:用在项目案例边框上
- 突发奇想加警示色:把联系按钮改成工装服反光条那种橙
改完再看:嘶...总算不像理发店传单了。
第三步:让页面自己会说话
翻别人作品集发现,鼠标滚轮滑三屏都看不到重点。我干脆在首屏加了动态简历:
- 技能条会蠕动:Python进度条加载时像贪吃蛇往前拱
- 项目卡片翻跟头:鼠标划过时360度转体展示详情
- 埋了个复活节彩蛋:连续点三次咖啡杯,蹦出我炒菜烧糊锅的视频
特效代码抄了四五个教程,动画时长从2秒改成0.5秒——再慢点看着像网页卡顿了。
瘫在椅子上复盘
拿手机电脑平板轮着看,发现彩蛋在苹果手机上触发不了。正要摔鼠标,突然瞟见访问数据:平均停留时间从17秒蹦到82秒!虽然仍有五六个朋友吐槽像相亲网站主页...但好歹没人说像电子病历了。





