苏打白.Dev (@sodawhite_dev)

2026.11.09 02:20

最近同事看到手机上自己做的一个记录APP，也想要一个给她家小朋友学习打开的APP。设计了一版手机APP的UI，手机版的设计出来之后，想着也做个网页版本的吧。小蜜蜂学习看板原来是按手机排的，进度卡在上，任务清单在下。我想试个电脑版，打开就能一起看今天要做什么、这周做了多少。我把手机稿发给 Ling Studio 里的 Ling-3.2-flash，打了这么一句。 “帮我根据这个设计的图，制作成网页” 它给了我一份 HTML，打开就是图一，就是在电脑上套了个手机壳。网页是做出来了，四个入口也都在，内容还是挤在屏幕中间那一条里。我那句确实只说了做网页，就是把手机的设计稿复刻了一下，不是真正的网页版本。第二轮我没再传图，就补了一句。 “能不能适配一下，pc端的网页，而不是模拟的手机端页面” 这次把「今日、练习、资料、成长」挪到了左边，任务清单摊在中间，原来叠在清单上面的进度卡也摆到了旁边。这是算是真正的网页端了。如果说第一版是一句话复刻的设计稿，那么第二版是有加入了想法的感觉，理解力更强了，总的来说不管第一次还是第二次的版本都是能给你需求来完成任务。在线体验入口： API体验：