Velas Weekly Issue 10
内容提要
Velas电波站更新了新皮肤,使用Svelte 4 + SvelteKit 2重写,设计风格更简洁,注重文字内容呈现,取消冗余功能,提高阅读体验,取消点赞功能,改为标签分类,设计注重留白、对比和免打扰,希望新设计能陪伴电波站开启下一个十年。
延伸解读
技术选型:为何从Vue转向Svelte
作者弃用Vue 2 + Nuxt 2,改用Svelte 4 + SvelteKit 2重写电波站。原因包括:迁移到Nuxt 3成本过高,且作者被Svelte简洁语法吸引,认为Nuxt生态对小型博客过于臃肿。但迁移并非一帆风顺:Svelte生态完善度较低,许多功能需自行实现,如Fetch封装、RSS和Sitemap;同时Svelte的响应式语法($:)较难掌握,作者至今未完全摸透。这提醒开发者,轻量框架可能意味着更多自建成本。
设计哲学:留白、对比与免打扰
新设计围绕三个关键词:留白、对比、免打扰。留白指删除冗余装饰,取消圆角、背景图、毛玻璃效果,让图文清晰呈现,向印刷物靠拢。对比通过变化图文排版突出主体,降低认知负荷。免打扰则弱化界面动效,取消自动播放动画,并重新设计导航栏,利用CSS混合模式使logo和菜单按钮在任何背景下都保持可见。这些调整旨在让文章成为主角,减少干扰,营造静谧的阅读体验。
功能取舍:取消点赞与个性化选项
作者取消了点赞功能,因为其作用日渐有限:博客访客下降,点赞使用率低,且快速反馈不如评论留言有情感价值。同时,夜间模式和字体选择也被移除,作者认为浏览器自带阅读器能更好满足需求,且电波站已适配这些阅读器。此外,还删除了作品陈列页、回到顶部按钮、独立专栏页面和PWA等。这些取舍基于奥卡姆剃刀原则,旨在让网站更轻量,但可能影响部分用户习惯。
标签系统:替代栏目分类的利与弊
新站用标签机制取代栏目分类,使文章选题更自由,并能串联同一系列文章。标签原本仅用于SEO,现在界面中展示,首页还借鉴Apple Music卡片设计展示热门标签。但作者承认标签选择尚草率,未来可能优化,并考虑引入搜索功能。标签系统虽方便关联查找,但可能让习惯栏目分类的老用户感到不便,首页标签卡片的交互也刻意简化,以照顾“打酱油”访客。
Q&A
Velas电波站的新设计有什么主要变化?
新设计采用Svelte 4 + SvelteKit 2重写,风格更简洁,注重文字内容呈现,取消冗余功能,强调留白、对比和免打扰。
为什么Velas电波站选择使用Svelte而不是Vue?
选择Svelte是因为迁移成本较低,并且其简洁的语法风格更适合小型博客网站。
新电波站如何提升用户的阅读体验?
通过取消点赞功能、引入标签分类、减少界面干扰,设计旨在让用户专注于内容。
新设计中如何处理信息过载的问题?
新设计强调留白和免打扰,旨在减少用户的认知负荷,让用户能静下心来阅读。
电波站为什么取消了点赞功能?
点赞功能的作用逐渐减弱,且希望用户能通过评论获得更深层次的互动体验。
新电波站的标签机制有什么优势?
标签机制可以将同一系列的文章串联展示,方便用户查找相关内容,提升内容的可发现性。