开发了一个资源网站，简约拟物化，资源人工筛选

[jimmyC]

之前特别喜欢看别人的博客网站，给我的感觉就像是拆盲盒，每个链接后面都是不同的内容，技术栈样式也不同，没有千篇一律，让我特别期待陌生的链接，目标是 1000 个资源。还在整理阶段，但每一个都值得你停留。

网站：browsebase.pages.dev

移动端和电脑端是不同的页面设计，每个小细节都是无数次的迭代和重构才有的最终版

就在刚刚，我迭代了新版本，解决了大家提到的痛点

[jimmyC]

大家可以点评一下设计

[Rookie01]

不错，挺精致的，

喜欢这种设计，反复点了好几下。

[gorvey]

https://cooool.fun/
我这也有个正在开发中的，还在开发页面，数据不多。
收集一下平时遇到的有用的资源

[dankai]

左边的分类和合集感觉有点空，我还以为有图标呢？刚进去还等着图标加载完成😂

[jimmyC]

@dankai 这个参考了 oepnai.fm 的设计，故意这样设计的，减少用户使用负担

[jimmyC]

@jimmyC 打错了，是 openai.fm

[wyfxnt]

风格很精致好看的。
也许可以控制列表的整体高度 使翻页按钮保持在固定的位置？ （现在翻页时由于列表中内容的不同，列表的高度不同，使得翻页后 翻页按钮可能会不在之前的位置 ）

[wyfxnt]

@wyfxnt 还有就是 也许可以让卡片本身就是超链接，现在需要瞄准那个小的跳转按钮才可以，有点不够爽 （ 只是我个人的偏好哈）

[jimmyC]

@wyfxnt 这里我之前在开发的时候注意到了，但是每个卡片是由内容的高度决定，如果固定的话每行都高度是 3 行，我试了，会让部分内容端的卡片显得格外的空，也不够美观，我后面再试试其他方案，去平衡这里的美学设计

[jimmyC]

@wyfxnt 你考虑的很完善，这里我也很纠结，怕用户误点，现在的按钮确实有点小，我后期再考虑考虑

[jimmyC]

@Rookie01 谢谢你

[importmeta]

你这种怎么 SEO? 让搜索引擎只收录主页吗?

[wyfxnt]

@jimmyC 确实会有这种问题，我之前做自己网站的卡片列表的时候，是设定了比较小的最大高度，超过的内容会被省略（鼠标放在上面出现 tooltip 显示完整的详情），这种方法的缺点也很明显，就是无法一目了然的进行阅读，优点就是好看一些 23333

[ranran]

还不错，比我自己搞的漂亮很多，羡慕一下

[Vaspike]

很奇怪, 我用 zen 浏览器(火狐内核)打不开, safari 能打开, chrome 没试, 看楼上应该可以打开

[radishzz]

非常棒！很精致的感觉。手搓[博客主题]( https://retypeset.radishzz.cc/)的我，非常理解你说的细节迭代，我也是很喜欢陷在那些细节不断打磨😹

我在移动端看的，提两个移动端的小问题：

1. “分类”区域有左右的渐变色块，覆盖在黑色的“全部”选项上，第一眼我以为是未完善的凸起按键，只亮了左侧。
2. 有些卡片内容的行尾只有一个字。单字不成行，可以试试用 text-wrap: pretty 解决这个问题。

[randomx]

音效吓了我一跳 怪我音响放太大声

[mcayear]

非常棒，界面整洁大方，也贴合拟物化。

我之前搞了很多花里胡哨的，现在都归于极简，用的 Sora 。
https://github.com/Liksone/halo-theme-sora

[7gugu]

这个首页的质感好棒啊，要是博客部分也是如此就更加完美了👍

[gp0119]

这种风格我也很喜欢，可以参考这个 https://demo.themesberg.com/neumorphism-ui/index.html

[17681880207]

哈哈，听喜欢你的 UI 设计。
设计化趋同的年代，现在难得有这些有趣的网站了～

[xueyuehua]

我觉得 ui 还不够精致，最主要下一页那按钮的阴影有点粗制滥造的感觉，其次就是鼠标划过左边按钮没有动画，点击也有点生硬。当然可能是我吹毛求疵了

[googlefans]

怎么最近都热衷于收集这个了

[Bssn]

不错哎, 我也喜欢看博客, 爱折腾

[BazingaOrg]

喜欢这种点击有音效的交互

[qiaobeier]

随便找个 AI 都设计的比你好看

[jimmyC]

@radishzz 我去！好巧啊！我有收录你的网站！我很喜欢你的设计！

[jimmyC]

@xueyuehua 哈哈哈哈，偏向复古感，就是故意这样设计的，不让鼠标划过有动画，而是让用户点击，就像实体一样！

[jimmyC]

@radishzz 谢谢你的建议！你提到的问题我也考虑过！那个移动端的亮光是为了弱化效果左右按钮在滑动的时候的割裂感，但如果是被选中的黑色状态确实有点突兀！我之前的设计的按钮效果跟右上角的按钮一样，就不会有这种情况，但是我在即刻上发了一个互动贴，它们喜欢目前现在的样子。后续我会尝试解决这里的渐变色块！我看着也很难受，扣细节真的懂你，再次说一声，你的博客主题超级好看！

[jimmyC]

@radishzz 我看了一下我收录你的网站，默认是/zh-tw 的页面，我重新编辑了一下！

[jimmyC]

@7gugu 博客不是一个项目，风格也不同

[radishzz]

@jimmyC 哈哈我才发现，感谢收录 😺

[spark]

@jimmyC 风格感觉是参考了 Teenage Engineering 的 EP-133 、OP-1 合成器的复古又现代的设计理念

[jimmyC]

@importmeta 还没有进行特定优化，我后面想想🤔

[520discuz]

点标题还不行 还要点后面的新窗口图标才能打开链接 ，一个网站最基本的人性化都没做好

[pol]

我遇到个问题，为什么我的音效只能在扬声器播放，我带蓝牙耳机不行，还是在扬声器，是我电脑的问题吗

[jimmyC]

@520discuz 我是故意这样设计的，谢谢你的提醒，后面我把加上去

[jimmyC]

@520discuz 我的设计语言是点击每个按钮，才有效果和音效，就像实物一样，纠结加不加🤦‍♂️

[jimmyC]

@pol 我在自己的设备试了一下，我这边没有问题，应该是你的电脑设置有问题吧

[nexo]

除了立体阴影 感觉没有太多拟物化的精髓, 但是明天是 ios26 发布,你这个稍微改改就能变成最新的半透明毛玻璃效果

[herewego]

www.shiciju.cn 把我的加上去

[jimmyC]

@gorvey 挺不错！就是白色图片会和背景相融

[jimmyC]

@herewego 好的！很不错的是诗词资源！

[abelce]

切换左边类型的时候，右边滚动条出现页面会抖动

[Dogxi]

很不错的设计，看了博主的博客也很好看，粉了

[hellofreckles]

好看，细腻。
觉得可以不用点击分页

[wali77]

设计很漂亮，这个设计考虑卖吗

[jimmyC]

@wali77 你想买？

[jimmyC]

@spark 超级喜欢它们家的产品！

[jimmyC]

@Dogxi 谢谢吖！

[jimmyC]

@abelce 现在应该没问题了

[jimmyC]

@wyfxnt 现在改掉了，之前你提到的都改了

[wyfxnt]

@jimmyC 爽了！ 感觉像一个精致的 APP 了都，感觉你这种非常有 90s retro 风格的感觉，不会做的过于繁复

[mhonglou]

博主，有开源的打算吗？

[nlzg]

你们都再说拟物化，为啥只看到一堆白底卡片，有人科普一下吗？

[wali77]

@jimmyC 有人想买呢，价格合适，应该不少人买

[jimmyC]

@wali77 也许吧，哈哈哈

[jimmyC]

@nlzg 不是白底，是凹陷的，只是阴影设置的比较窄，也许是你屏幕大，你放大网站可以看到的

[walterggg]

@jimmyC 不错，我收藏了，值得学习，我还挺喜欢这种小站的

[walterggg]

这个网站做了多久

[jimmyC]

@walterggg 断断续续 2 个月，还做了其他项目，因为是学生，还在忙论文什么的