2020.03.30
一次偶尔在抖音上翻到了有关于莫兰迪的色彩在家居中的应用,非常喜欢。在这漫长无所事事的疫情中,心血来潮地重操旧业,决定把许久没有更新的网站做个从头到脚的变脸。
从网站的结构设计,到调色,到代码,足足码了一个星期,每天从早上 8 点到晚上 10 点,比上班还勤奋。最终看到成果还是挺喜欢的,虽然还有一些地方不是很满意估计也还会继续微调 (就在写这篇的过程中又调整了【随记】页面)。不过主要还是移动端的适配还没有写,这个估计还要话不少时间。其实考虑到网站的风格和内容,一直都没觉得有适配的必要,貌似我自己唯一的读者。
网上搜了一了, 以一些莫兰迪色为基础,高级淡雅灰作为主色调,外加一个高对比色

全站的整体布局上做了一些调整:
– 新加了一个固定的工具模块包括:搜索,首页,和回到顶部
– 菜单栏只出现在文章列表页,单页不展示菜单。
– 几番纠结后,在两个 logo 中放弃了手写版的 logo,选择了印章版的 logo
– 各个卡片的地方都使用了部分圆角的处理
首页的灵感来源与一个 timber-lite 的模板,横向卡片式罗列,外加了一个最近更新的大卡片

【旅册】的页面用了不同的格式来体现整套与单篇的不同


考虑到随机的篇数用了竖列的排版

单页加了几个小元素:
– 标题用了类似书本标贴的样式
– 大标题用了新找到的假3D效果

这应该是 2018 年以来第一次花这么多时间在这个网站上了,几乎一整个星期每天从早上起床一直到晚上睡觉,中间除了早午晚饭几乎都在电脑上敲代码。其实还挺怀念以前每个周末端杯咖啡在电脑前写博客的日子。
不知道是年纪的关系还是表达能力的退化,十个手指靠在键盘上,时不时地敲打,可是按下最多的确是回车键,落下的文字寥寥无几。趁这个从未试过的空闲希望能够重新点燃表达的欲望,重新操练表达的能力。