浏览网站多了，潜意识感觉卡片式的图文瀑布流更加高级精致。春节前凑巧注册到这个hudd.cn的域名，所以就索性将org域名替换为net，然后对博客UI进行了调整。
当初成品效果是这样
但是在用了一段时间之后，意识到了内容聚焦的问题所在。
1、信息权重差异
卡片瀑布流布局特点就是图多、滚动易浏览、信息轻缺少重量。因为是瀑布流的平行关系，所以一眼看上去很难区分重点推荐，更依赖于排序和图片的吸引。
这种瀑布流对于资讯内容平台很适合，因为是聚合文章，理论上所有文章权重是一致的，通过封面图的展示吸引不同的群体点击。
但是个人博客不一样，博客的主线对于博主来说是一个很清晰的线路，虽然技术博客上面也会发一些日常吐槽，但是这种信息是锦上添花的点缀作用，和开发的权重明显不一致，如果全部采用平权，就会出现主次不分的问题。
2、信息密度差异
图文瀑布流依赖图片营造精致感，但是博客的重点是内容，在找文字内容或者搜索内容时图片却变成了视觉噪音。
垂直列表排版符合从上到下的阅读习惯，更利于快速扫描标题。在同样一屏的展示效果下，信息密度更高，内容也会更聚焦。
3、响应速度提升
这个是一个隐藏的好处，减少了大量图片的加载，页面响应速度也会显著提升，虽然懒加载也能优化这种问题，但是这种纯粹极简的操作是更加极致的体验。
总结
在思想沉淀、技术总结的场景下，文字是灵魂，所以文字列表式对于追求高效、干净、专业感的个人技术空间会更合适。
而图文瀑布流适合的展示图片，预览内容，例如各类视频网站、内容聚合平台，第一反应是吸睛重于内容，场景不同。这个大概是不少人都走过的路，亲身经历之后，才体会到极简的魅力。
最后如果你对改造图文瀑布流有兴趣，可以查看下面这个文章修改教程达到截图的效果。
版权属于：胡东东博客 - hudd.cn
本文链接：https://blog.hudd.cn/1407.html
本文采用知识共享署名4.0 国际许可协议进行许可。转载或大段使用必须添加本文链接，否则您将构成侵权！
微信公众号: 东哥探索笔记
