
浅谈博客设计:我们真的需要花哨的博客吗?
提示
个人观点,仅供参考。
前置
这是博客设计的两个极端:花哨和极简。
鱼和熊掌不可兼得,你只能二选一。
花哨的博客往往功能强大,内容复杂,并且存在大量与博客不相关的东西。
而简洁的博客,专注的是内容,而非把自己当作全能魔盒。
如果不了解博客
代表着什么的话,可以看一下定义:
博客(英语:blog)是一种在线日记型式的个人网站,借由张帖子章、图片或影片来记录生活、抒发情感或分享信息。博客上的文章通常根据张贴时间,以倒序方式由新到旧排列。
许多博客作者专注评论特定的课题或新闻,其他则作为个人日记。一个典型的博客结合了文字、图像、其他博客或网站的超链接、及其它与主题相关的媒体。能够让读者以互动的方式留下意见,是许多博客的重要要素。大部分的博客内容以文字为主,也有一些博客专注艺术、摄影、视频、音乐、播客等各种主题。博客是社会媒体网络的一部分。
回归初心
正如博客的定义所示,博客注重的是内容,而不是完全在于其设计。诚然,好的设计可以让人耳目一新,但是繁杂的设计也可以让人头晕。当一个博客的设计过于花哨时,反而削弱了内容本身的力量,也失去了博客的本质。
相反,一个简洁而清晰的博客主题,更容易让人专注于文字本身,避免无关的视觉元素。简约的设计不仅可以提升用户的阅读体验,也让博客的主题思想更加突出,读者能从中感受到更加纯粹的内容价值。毕竟,在信息爆炸的时代,简洁是一种珍贵的品质。
核心竞争力:内容的深度
与其追求表面的华丽和花哨,不如将更多的精力放在内容的深度上。在这个浮躁的网络世界里,很多博客仅仅停留在浅尝辄止的层面,缺乏对话题的深入剖析,最终难以给读者带来真正的思考。
一个简洁、优雅的设计能够提升用户体验,但它的核心作用是增强内容的传达,而非抢夺内容的风头。简洁的设计应该与深刻的内容互相配合,形成一个有机的整体。简洁的布局让读者能更容易找到自己感兴趣的内容,而深刻的文章则能留下长久的印象。
如何设计
总览
无非就是:
· 简洁的布局
· 简洁的内容
· 简洁的交互
有效信息为主
举个栗子:
· 文章标题
· 文章正文
这些是博客内容的核心构成,应该是最突出、最易于访问的部分。设计不应让这些关键信息被杂乱无章的装饰所掩盖。简洁明了的布局,让读者能够一目了然地找到自己感兴趣的文章和内容,而不必通过繁杂的菜单或过多的视觉元素(例如各种小标题)来分散注意力。
排版清晰
文字的排版是博客设计中的另一个关键因素。简洁的设计可以通过合适的字体、行间距和段落间距,让文字显得更加清晰易读。避免使用过多的字体样式和颜色,保持字体的统一性,可以有效提升文章的可读性。
图片的适度使用
诚然,图片比文字更有吸引力。首页放上各种花哨的封面,那么读者就会把注意力放在封面上,而不是标题。因此,请尽量减小文章封面的大小,或者完全不使用封面。对于正文,可以适当使用图片加强读者对正文的理解,但是请调整图片的大小,使得图片不会影响正文阅读。
背景设计
对于博客的背景,可以使用纯色或者渐变色背景。透明度过高的图片背景将会严重影响阅读。对于 universe 等星空粒子特效,个人是不建议使用的。
交互
对于交互,在读者阅读正文时,请不要设计主动性交互,例如全屏弹窗,snackbar 或者大量浮夸的动画效果。对于用户的主动交互操作,可以使用 snackbar 或类 toast 通知进行提示。
删除无关信息
最好不要在博客中加入音乐馆,彩蛋甚至是广告。这种将会严重影响读者的专注度,专注于内容传达和阅读体验才是博客设计的最终目标。
关于本站设计
本站使用的是基于 Solitude 魔改的 Eureka 主题,去除了 Solitude 主题部分繁复的设计。
以下是部分修改:
· 修改 home-top,改为双行大标题 + 小标题,移除了大封面以及滚动图像。
· 全局去除了文章封面,使得读者更专注于标题等文章有效信息。
· 尽量减少交互干扰,去除文章顶部的波浪效果以及部分弹窗。
· 加快了部分动画。
已经开源,喜欢的话可以拿去玩玩:
r1i1na/hexo-theme-eureka - Github
总结
开始,我们怀着新鲜感,为博客加上非常多的功能,但是当审美疲劳到来,我们不可避免回归内容,回归本质,回归初心。或许最后,我们都可以获得这种珍贵的品质: