爱意满满的作品展示区。
jimmyC

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

  •  
  •   jimmyC ·
    Lily-404 · Jun 8, 2025 · 7401 views
    This topic created in 517 days ago, the information mentioned may be changed or developed.

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

    网站:browsebase.pages.dev

    Supplement 1  ·  Jun 8, 2025
    移动端和电脑端是不同的页面设计,每个小细节都是无数次的迭代和重构才有的最终版
    Supplement 2  ·  Jun 9, 2025
    就在刚刚,我迭代了新版本,解决了大家提到的痛点
    61 replies  •  2025-06-12 21:01:49 +08:00
    jimmyC
    jimmyC
    OP
    Jun 8, 2025
    1
    大家可以点评一下设计
    Rookie01
    Rookie01
    Jun 8, 2025
    2
    不错,挺精致的,

    喜欢这种设计,反复点了好几下。
    gorvey
    gorvey
    Jun 8, 2025
    3
    https://cooool.fun/
    我这也有个正在开发中的,还在开发页面,数据不多。
    收集一下平时遇到的有用的资源
    dankai
    dankai
    Jun 8, 2025
    4
    左边的分类和合集感觉有点空,我还以为有图标呢?刚进去还等着图标加载完成😂
    jimmyC
    jimmyC
    OP
    Jun 8, 2025
    5
    @dankai 这个参考了 oepnai.fm 的设计,故意这样设计的,减少用户使用负担
    jimmyC
    jimmyC
    OP
    Jun 8, 2025
    6
    @jimmyC 打错了,是 openai.fm
    wyfxnt
    wyfxnt
    Jun 8, 2025
    7
    风格很精致好看的。
    也许可以控制列表的整体高度 使翻页按钮保持在固定的位置? (现在翻页时由于列表中内容的不同,列表的高度不同,使得翻页后 翻页按钮可能会不在之前的位置 )
    wyfxnt
    wyfxnt
    Jun 8, 2025
    8
    @wyfxnt 还有就是 也许可以让卡片本身就是超链接,现在需要瞄准那个小的跳转按钮才可以,有点不够爽 ( 只是我个人的偏好哈)
    jimmyC
    jimmyC
    OP
    Jun 8, 2025
    9
    @wyfxnt 这里我之前在开发的时候注意到了,但是每个卡片是由内容的高度决定,如果固定的话每行都高度是 3 行,我试了,会让部分内容端的卡片显得格外的空,也不够美观,我后面再试试其他方案,去平衡这里的美学设计
    jimmyC
    jimmyC
    OP
    Jun 8, 2025
    10
    @wyfxnt 你考虑的很完善,这里我也很纠结,怕用户误点,现在的按钮确实有点小,我后期再考虑考虑
    jimmyC
    jimmyC
    OP
    Jun 8, 2025
    11
    @Rookie01 谢谢你
    importmeta
    importmeta
    Jun 8, 2025
    12
    你这种怎么 SEO? 让搜索引擎只收录主页吗?
    wyfxnt
    wyfxnt
    Jun 8, 2025
    13
    @jimmyC 确实会有这种问题,我之前做自己网站的卡片列表的时候,是设定了比较小的最大高度,超过的内容会被省略(鼠标放在上面出现 tooltip 显示完整的详情),这种方法的缺点也很明显,就是无法一目了然的进行阅读,优点就是好看一些 23333
    ranran
    ranran
    Jun 8, 2025
    14
    还不错,比我自己搞的漂亮很多,羡慕一下
    Vaspike
    Vaspike
    Jun 8, 2025
    15
    很奇怪, 我用 zen 浏览器(火狐内核)打不开, safari 能打开, chrome 没试, 看楼上应该可以打开
    radishzz
    radishzz
    Jun 8, 2025
    16
    非常棒!很精致的感觉。手搓[博客主题]( https://retypeset.radishzz.cc/)的我,非常理解你说的细节迭代,我也是很喜欢陷在那些细节不断打磨😹

    我在移动端看的,提两个移动端的小问题:

    1. “分类”区域有左右的渐变色块,覆盖在黑色的“全部”选项上,第一眼我以为是未完善的凸起按键,只亮了左侧。
    2. 有些卡片内容的行尾只有一个字。单字不成行,可以试试用 text-wrap: pretty 解决这个问题。
    randomx
    randomx
    Jun 8, 2025
    17
    音效吓了我一跳 怪我音响放太大声
    mcayear
    mcayear
    Jun 8, 2025 via Android
    18
    非常棒,界面整洁大方,也贴合拟物化。

    我之前搞了很多花里胡哨的,现在都归于极简,用的 Sora 。
    https://github.com/Liksone/halo-theme-sora
    7gugu
    7gugu
    Jun 8, 2025
    19
    这个首页的质感好棒啊,要是博客部分也是如此就更加完美了👍
    gp0119
    gp0119
    Jun 8, 2025
    20
    这种风格我也很喜欢,可以参考这个 https://demo.themesberg.com/neumorphism-ui/index.html
    17681880207
    17681880207
    Jun 8, 2025
    21
    哈哈,听喜欢你的 UI 设计。
    设计化趋同的年代,现在难得有这些有趣的网站了~
    xueyuehua
    xueyuehua
    Jun 8, 2025
    22
    我觉得 ui 还不够精致,最主要下一页那按钮的阴影有点粗制滥造的感觉,其次就是鼠标划过左边按钮没有动画,点击也有点生硬。当然可能是我吹毛求疵了
    googlefans
    googlefans
    Jun 8, 2025
    23
    怎么最近都热衷于收集这个了
    Bssn
    Bssn
    Jun 8, 2025
    24
    不错哎, 我也喜欢看博客, 爱折腾
    BazingaOrg
    BazingaOrg
    Jun 8, 2025
    25
    喜欢这种点击有音效的交互
    qiaobeier
    qiaobeier
    Jun 8, 2025
    26
    随便找个 AI 都设计的比你好看
    jimmyC
    jimmyC
    OP
    Jun 8, 2025
    27
    @radishzz 我去!好巧啊!我有收录你的网站!我很喜欢你的设计!
    jimmyC
    jimmyC
    OP
    Jun 8, 2025
    28
    @xueyuehua 哈哈哈哈,偏向复古感,就是故意这样设计的,不让鼠标划过有动画,而是让用户点击,就像实体一样!
    jimmyC
    jimmyC
    OP
    Jun 8, 2025
    29
    @radishzz 谢谢你的建议!你提到的问题我也考虑过!那个移动端的亮光是为了弱化效果左右按钮在滑动的时候的割裂感,但如果是被选中的黑色状态确实有点突兀!我之前的设计的按钮效果跟右上角的按钮一样,就不会有这种情况,但是我在即刻上发了一个互动贴,它们喜欢目前现在的样子。后续我会尝试解决这里的渐变色块!我看着也很难受,扣细节真的懂你,再次说一声,你的博客主题超级好看!
    jimmyC
    jimmyC
    OP
    Jun 8, 2025
    30
    @radishzz 我看了一下我收录你的网站,默认是/zh-tw 的页面,我重新编辑了一下!
    jimmyC
    jimmyC
    OP
    Jun 8, 2025
    31
    @7gugu 博客不是一个项目,风格也不同
    radishzz
    radishzz
    Jun 8, 2025
    32
    @jimmyC 哈哈我才发现,感谢收录 😺
    spark
    spark
    Jun 8, 2025
    33
    @jimmyC 风格感觉是参考了 Teenage Engineering 的 EP-133 、OP-1 合成器的复古又现代的设计理念
    jimmyC
    jimmyC
    OP
    Jun 9, 2025 via Android
    34
    @importmeta 还没有进行特定优化,我后面想想🤔
    520discuz
    520discuz
    Jun 9, 2025
    35
    点标题还不行 还要点后面的新窗口图标才能打开链接 ,一个网站最基本的人性化都没做好
    pol
    pol
    Jun 9, 2025
    36
    我遇到个问题,为什么我的音效只能在扬声器播放,我带蓝牙耳机不行,还是在扬声器,是我电脑的问题吗
    jimmyC
    jimmyC
    OP
    Jun 9, 2025 via Android
    37
    @520discuz 我是故意这样设计的,谢谢你的提醒,后面我把加上去
    jimmyC
    jimmyC
    OP
    Jun 9, 2025 via Android
    38
    @520discuz 我的设计语言是点击每个按钮,才有效果和音效,就像实物一样,纠结加不加🤦‍♂️
    jimmyC
    jimmyC
    OP
    Jun 9, 2025
    39
    @pol 我在自己的设备试了一下,我这边没有问题,应该是你的电脑设置有问题吧
    nexo
    nexo
    Jun 9, 2025
    40
    除了立体阴影 感觉没有太多拟物化的精髓, 但是明天是 ios26 发布,你这个稍微改改就能变成最新的半透明毛玻璃效果
    herewego
    herewego
    Jun 9, 2025
    41
    www.shiciju.cn 把我的加上去
    jimmyC
    jimmyC
    OP
    Jun 9, 2025
    42
    @gorvey 挺不错!就是白色图片会和背景相融
    jimmyC
    jimmyC
    OP
    Jun 9, 2025
    43
    @herewego 好的!很不错的是诗词资源!
    abelce
    abelce
    Jun 9, 2025
    44
    切换左边类型的时候,右边滚动条出现页面会抖动
    Dogxi
    Dogxi
    Jun 9, 2025
    45
    很不错的设计,看了博主的博客也很好看,粉了

    hellofreckles
    hellofreckles
    Jun 10, 2025
    46
    好看,细腻。
    觉得可以不用点击分页
    wali77
    wali77
    Jun 10, 2025
    47
    设计很漂亮,这个设计考虑卖吗
    jimmyC
    jimmyC
    OP
    Jun 10, 2025 via Android
    48
    @wali77 你想买?
    jimmyC
    jimmyC
    OP
    Jun 10, 2025
    49
    @spark 超级喜欢它们家的产品!
    jimmyC
    jimmyC
    OP
    Jun 10, 2025
    50
    @Dogxi 谢谢吖!
    jimmyC
    jimmyC
    OP
    Jun 10, 2025
    51
    @abelce 现在应该没问题了
    jimmyC
    jimmyC
    OP
    Jun 10, 2025
    52
    @wyfxnt 现在改掉了,之前你提到的都改了
    wyfxnt
    wyfxnt
    Jun 10, 2025
    53
    @jimmyC 爽了! 感觉像一个精致的 APP 了都,感觉你这种非常有 90s retro 风格的感觉,不会做的过于繁复
    meihonglou
    meihonglou
    Jun 12, 2025
    54
    博主,有开源的打算吗?
    nlzg
    nlzg
    Jun 12, 2025
    55
    你们都再说拟物化,为啥只看到一堆白底卡片,有人科普一下吗?
    wali77
    wali77
    Jun 12, 2025
    56
    @jimmyC 有人想买呢,价格合适,应该不少人买
    jimmyC
    jimmyC
    OP
    Jun 12, 2025
    57
    @wali77 也许吧,哈哈哈
    jimmyC
    jimmyC
    OP
    Jun 12, 2025
    58
    @nlzg 不是白底,是凹陷的,只是阴影设置的比较窄,也许是你屏幕大,你放大网站可以看到的
    walterggg
    walterggg
    Jun 12, 2025 via iPhone
    59
    @jimmyC 不错,我收藏了,值得学习,我还挺喜欢这种小站的
    walterggg
    walterggg
    Jun 12, 2025 via iPhone
    60
    这个网站做了多久
    jimmyC
    jimmyC
    OP
    Jun 12, 2025
    61
    @walterggg 断断续续 2 个月,还做了其他项目,因为是学生,还在忙论文什么的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   691 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 70ms · UTC 20:52 · PVG 04:52 · LAX 12:52 · JFK 15:52
    ♥ Do have faith in what you're doing.