Skip to content

手把手教你用AI 设计题库小程序界面

Published: at 00:00Suggest Changes

前两天在文章来看看AI 设计的题库小程序界面吧,已经很专业了中分享了 一款 AI 设计的界面,有读者在评论里留言说,想看手把手教的攻略。今天就写一篇

手把手教你用AI 设计题库小程序界面。

这篇文章分享的只是用 AI 设计题库小程序的界面,从界面到小程序上线的距离还远。正常的小程序从立项到上线,要经历需求调研编写,到设计,开发,测试,上线,才是一个完整的生命周期。AI 编程也一样,现在 AI 充当的角色更多的是辅助功能,需要人来主导和 review审核。

设计一个界面的前提,你要整理好自己的需求。然后输入具体的需求,让 AI 帮你生成界面,现在的 AI 输出能力还是随机的,能不能输出精美的设计一是要看你的提示词写的好不好 ,二是运气,因为它随机的。惊艳的设计偶尔也需要一定的运气的。

下面演示下

claude生成设计界面的一个简单流程。首先你需要有一个 claude 的账号,登录到

claude平台上。

第一步输入提示词语(具体的一个需求):

你现在是一个资深的页面设计师,帮我设计一个题库的微信小程序界面,有首页,题库类目列表页,每个题库类目有对应的年份,一年有一套或者两套试卷,题目有单选,多选,问答,论文等类型,试卷可以两种模式一种是答题模式,一种是浏览模式,有答题卡页面。

下面是claude 的答复。

然后你根据输出的结果进行微调,添加新的需求和新的界面。这里有个问题是 AI 上下文长度是限制的,你需要做好拆分,复杂的功能界面需要分解成多个模块。

以上就是一个简单的 demo,离开发出可以使用的题库小程序还有一段距离。最近可能完写一个教程,如何用 AI 从零开发到上线一个微信小程序。后面应该会做成一个收费的合集,写教程太耗时间了。

喜欢的请留言或者私信我。


Previous Post
来看看AI 设计的题库小程序界面吧,已经很专业了
Next Post
手把手教你用AI 设计小程序界面,让设计稿动起来