我的个人主页设计

1,818字 122阅

很早以前我曾无意间发现了一个网页时光机,最近又机缘巧合重逢,于是顺手查了一下曾经的ccyann.com,看到了令人无限怀念的主页设计。我没有保存网页的习惯,唯独记得在自定义程度不高的MSN Space捣腾出特别的版面时忍不住截了屏,现在也幸运地保留在了这个博客里。再往后的独立博客生涯中,主题模板成了主流,技术壁垒也彻底斩断了我想要自己设计版面的心思,因而便不再有太多有意义的截图了,因为爆改往往没有原生好。

2013@WordPress
2013@WordPress:第一次有了博客和主页分开的概念。

2011年秋我正式踏入独立博客圈,一手带大了ccyann.com(奈何现在却是个垃圾站)。没过几年适逢用WordPress做CMS的呼声渐响,一直以来有品牌情结的我也顺理成章地做成了第一个真正意义上的主页(区别于以往的博客)。我犹记得主页地址是ccyann.com,博客则放在二级目录ccyann.com/blog下,跟我观察到的很多网站相同,心里美滋滋的,感觉特别先进正派。虽然这不算真正意义上的我的设计,因为样式都是WordPress官方模板提供的,我只是按照自己的喜好对内容进行了排版,但即便如此,这个版面仍是个分水岭,是我从思想跨入行动的重要标志,为之后的个人主页设计做了个很有意义的热身。

2015@FarBox
2015@FarBox:归来仍是少年,重新上路。

不久后我竟厌倦了WP的太自由,真是「成也萧何败也萧何」,另一方面喜欢上了有限制的自定义,比起完全自由似乎更适合我,于是迁回Blogger,又在不久后遇到了“灵魂伴侣”FarBox便义无反顾地入坑了。而FarBox也没有让我失望地为我提供了正好符合需求的自定义功能,使得我又有了捣腾版面的想法。顺利产出博客主题「墨」后,我又打起了主页的主意,想来想去还是觉得简单大方浅显直白最舒服,于是把所有在意的目录融为一段自我介绍,搭配当时极其满意的自拍作为头像,就这么敲定了第一个主页设计方案。成品很令人满意,也使我感慨终于可以按照自己的想法设计主页了。

2016@FarBox
2016@FarBox:再也不怵攻克技术难题。

过了一阵子我决定升级主页,想要突出摄影这项“才艺”,于是到处搜刮教程,也第一次彻底尝到了JavaScript的甜头。搞定了这件“大事”后,我更有自信了,虽然HTML和CSS还是半桶水,Js也只是勉强看得懂一些简单的语法,但起码我不会再因为对技术的恐惧而放弃自己的设计。就算很慢,但能做完一件事,似乎在这个时代已经实属不易。现在回想起来,我也终于明白了当年去面试网页设计师时告知对方博客是我独立设计并编写之后他略带惊讶的眼神(虽然其实后端都是FarBox的功劳)。

2018@Bitcron
2018@Bitcron:平和地期待未来。

2016年,又是一个秋天,我收到了Bitcron的内测邀请。入驻了这个新平台后,我一直都想重新设计主页,但当时大部分精力都被制作博客主题给吸了去,毕竟那是我第一次有了卖主题的机会。可如若没有那些折腾,想必我也不会收获一个轻松愉快的设计经历,和一个满意到何时想起都会微笑的主页。

在网络上构建自留地已十年有余,从ccyann水八口,我走得更明确更坚定了。对未来我不打算做老套的承诺,只希望在每个当下都能感到开心和满足,做每个选择都追随内心的想法。


2021-06-30更新:

2021@FarBox
2021@FarBox:再次遇见,分外喜悦。

不知不觉FarBox走过了十年,坡坡两岁半了,我换了份工作(上一个是全职妈妈),豆哥成为了真正的社畜。烦恼来来去去,增增减减,日子倒也过得踏实。随着FarBox 2.0(有条件地)支持了Dropbox,我也终于顺利搬了家(花了一整个晚上搞Python仍旧失败这件事我是不会到处乱说的)。

好像每次换主页都是遇上了什么“大事”,过往主页也能明显看到logo的变迁。这次依然,个人网站结构大换血,主页放在GitHub上,博客放在FarBox,图床早些时候也搬到AWS了。摄影页面被更方便的Instagram替代,代码放在GitHub上存档了,准备今后的主页都存在上面。随着这次大“整改”,我索性换掉了历史仍尚浅的旧logo,从“硬朗”变回“圆润”。最近在公司做设计的时候深深喜欢上圆角Gothic字体1,Adobe Fonts上同步了好几个版本换着用,于是私底下也找了Typekit Web Fonts,好不容易搜到可以用于网站的圆角Gothic字体,新主页也如愿用上了。

自从做了个人色彩检定后,我决定从黑白灰的“泥沼”里爬出来,网站及logo用色也“大胆”了起来。这次更是斗胆采用了渐变!主页从最开始打算做的极简风转变为意外收获的艺术展风,还是很满意的。接下来还需要完成/lifetime/resume页面,前者用于记录个人大事记,后者用于在日求职(备个份以后好有个参照,灵感来源于上一次求职时花了不少时间整理过往简历)。不过在此之前,我想先把博客弄好,刚搬完家还没调好,更何况设计也要跟着换个人主页而变动。总之够我忙活一阵了!


  1. 查了一下,中文字体里好像不多。私以为圆角Gothic兼具了正式与柔和,不像Gothic那么死板,又比纯圆体字型更有正式感,特别适合商用。这应该就是字体界的「娘man平衡」!