平时浏览别人的博客,大多采用卡片式布局陈列文章。这种样式观感精致,却有个很现实的问题:单屏能够读到的内容有限,文章常常无法完整浏览。我的站点本就没有多少访客,大多时候只是供我自己翻阅查阅,因此我更希望页面能够把全部内容直接铺开展示。
可文章段落之间的分隔,一直是我反复纠结的小难题。我前后尝试过不少方案,最开始只用朴素的分割线,过于平淡;后来借助AI写过几版动画特效,初看尚且过得去,时间久了再回头审视,花哨的设计反倒越看越违和,以我这点挑剔的审美,长期来看实在难以接受。
今天刷题的时候依旧胡思乱想,忽然冒出一个想法:或许可以插入风景类SVG图形充当段落间隔。甚至可以把相册里留存的照片,既有个人特色又不失美感。矢量化转为SVG嵌入页面。可惜翻找许久,搜到的大多只是普通图片转换工具,记忆里见过的合适的 Skill始终没能找到。只能在网上看看了。
辗转搜集素材时,偶然看到动物主题的矢量图案。感觉还不错,是个下位替代。原本页面只是单调的横线分隔,我后来索性再加一张替换成这类图案作为背景。
平心而论,成品依旧带着几分俗气,在电脑端的适配效果也不尽人意。不过对比之前的种种方案,已经算是有所改善。平常时间实在不多,也只能先这样暂且如此。
…..…
…..…
(小说看多了觉着这么写省略号很帅)