V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
jimmyC
V2EX  ›  分享创造

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

  •  
  •   jimmyC · 2 天前 · 2831 次点击

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

    网站:browsebase.pages.dev

    第 1 条附言  ·  1 天前
    移动端和电脑端是不同的页面设计,每个小细节都是无数次的迭代和重构才有的最终版
    第 2 条附言  ·  1 天前
    就在刚刚,我迭代了新版本,解决了大家提到的痛点
    45 条回复    2025-06-09 21:08:19 +08:00
    jimmyC
        1
    jimmyC  
    OP
       2 天前
    大家可以点评一下设计
    Rookie01
        2
    Rookie01  
       2 天前
    不错,挺精致的,

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

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

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

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

    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5674 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 03:04 · PVG 11:04 · LAX 20:04 · JFK 23:04
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.