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

从 UI 的变迁感慨一下自己一年半的 Vibe Coding 开发之路

  •  
  •   cloudhao1999 · 3 days ago · 1696 views
    写了一年半的小程序,每一个版本都截图做了几年,今天完成了第 N 次的首页改造,还挺感慨的,挑选了几张比较有代表性的截图来探讨一下当时的我对于工具类小程序首页的想法



    V1.0 是属于放飞自我,当时用 Claude Code 编码比较多,对于图片切分的功能比较刚需,想着自己写一个自用,于是就看到了这标志性的紫色 tailwind 背景,这时候属于是能用就行

    V1.3 这时候想着不仅仅只做一个功能,所以原有的图片切分就被收拢在了二级菜单,首页新增了一个图片拼接的入口,随便让豆包生成了两个图片凑合一下,现在看真的很适老化

    V1.8 增加了两个与节日有关的功能,这时候已经开始觉得首屏有一些塞不下,开始着手优化首页

    V1.9 - V2.2 我将其称之为归类 + 缩小,将原有一行一个的入口改为两行,用户能够在一屏看到更多的内容,这时候也做了一些微调,把不常用的节日头像向下放,主旨是能够让用户看到最新的功能模块

    V3.0 功能越做越多了,这时候想开发一个主页编辑的功能,于是在第一页的最后一个入口新增更多功能的模块,用户可以自定义首屏的内容

    V5.0 后台看到用户点击更多功能的意愿不大,于是在保留原功能的基础上模仿手机增加了多屏滑动的功能,能够让用户减少几步点击的操作

    V6.0 NPY 说主页的色块好杂,而且顶部的标题这么大,还不如砍掉多加两个入口来的实在。我觉得很有道理,于是让 GPT 帮我把图标抠了出来,统一背景和文字,在图标的背部做一层晕染,同时原本首页六个入口增加到 10 个

    现在用户每天也有二三十个,也算是给了我一些动力哈哈哈
    16 replies    2026-05-26 13:52:02 +08:00
    mywind
        1
    mywind  
       3 days ago
    是微信小程序吗? UI 的开发是用什么做的?
    cloudhao1999
        2
    cloudhao1999  
    OP
       3 days ago
    @mywind uniapp ,UI 也是用 codex GPT5.5 ,素材是让豆包和 GPT 生成
    Zenyet
        3
    Zenyet  
       3 days ago
    @cloudhao1999 请教下 OP ,AI 生成的图不支持透明底咋搞?🤔
    duuu
        4
    duuu  
       3 days ago
    @Zenyet 生成纯色底,然后用工具抠图
    PrinceofInj
        5
    PrinceofInj  
       3 days ago via Android
    竟然跟女炮友交流工作的事情,这越界了。说好的只进入身体不进入生活呢。不过话话说回来,这炮友的欣赏水平还行,如果没有家室的建议发展为女朋友。
    cloudhao1999
        6
    cloudhao1999  
    OP
       3 days ago
    @Zenyet 我是会去 PS 里再去做处理
    cloudhao1999
        7
    cloudhao1999  
    OP
       3 days ago
    @PrinceofInj 好家伙
    hanrong
        8
    hanrong  
       2 days ago
    这小程序有收入吗
    TwoBall
        9
    TwoBall  
       2 days ago
    接楼上,我也想问小程序广告收入如何
    liujan
        10
    liujan  
       2 days ago via iPhone
    ui 是用什么 ai 设计的?挺好看的
    sudo123
        11
    sudo123  
       2 days ago
    @TwoBall 我感觉是用爱发电
    cloudhao1999
        12
    cloudhao1999  
    OP
       2 days ago
    @hanrong 现在每天 1-4 块波动
    cloudhao1999
        13
    cloudhao1999  
    OP
       2 days ago
    @TwoBall 有的,现在用户 1400 ,每天有 20 来个新增,一天赚个一两块
    cloudhao1999
        14
    cloudhao1999  
    OP
       2 days ago
    @liujan Claude4.5 -> GPT5.2 -> GPT5.5 UI 这块主要还是自己想的,没有去模仿哪个
    TerranC
        15
    TerranC  
       2 days ago
    @cloudhao1999 #12 收费还是广告?
    cloudhao1999
        16
    cloudhao1999  
    OP
       2 days ago
    @TerranC 小程序流量主广告
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4430 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 69ms · UTC 10:04 · PVG 18:04 · LAX 03:04 · JFK 06:04
    ♥ Do have faith in what you're doing.