AIGC风口下多端小程序开发(一)

228 阅读2分钟

大概从ChatGPT火了之后,国内外关于人工智能大模型的开发一下子火了起来,从国内头部科技公司都争相组建自己的大模型团队的趋势看,大模型的发展和应用正在加速,作为一名前端,必须时刻保持一种谦虚谨慎的学习态度,于是,我开始想自己也先通过api对接的方式,先了解一下这些模型。 对接的比较友好的库当属langchain了,大家可以通过链接点进去了解,他有比较完善的通过nodejs和python两种语言的示例,我这里不展开祥诉,我主要讲述的是我通过uni-app这个多端框架开发AIGC小程序的过程。下面进入正题。 开发小程序,首当其冲就是选择用微信的wxml语言直接开发还是通过uni-app,taro这类框架开发,再编译输出成为wxml,一般前端开发通长都是由js的增强版jsx或者vue开发,小程序的wxml太过累赘,体验一般,所以不建议大家直接用wxml语言直接开发小程序。既然是一个前端程序,那肯定有UI和界面了,下面我先展示一些UI和界面。

image.png

首页

image.png

绘画

image.png

创作

image.png

个人中心

小程序的整体设计风格采用了蓝色调,给人一种科技感十足的感觉。界面设计以简洁为主,注重用户体验,将问答等功能放置在明显的位置,不会对用户的使用造成任何干扰。

小程序的整体色调选择了蓝色,这种颜色通常与科技、创新等概念相关联,能够给用户带来一种先进、高科技的感觉。同时,蓝色也是一种相对冷静、稳重的颜色,能够让用户感到舒适和安心。界面设计非常简洁明了。整个界面没有过多的装饰和复杂的布局,而是采用了清晰明了的排版和简洁明了的图标,使用户能够快速找到所需的功能和信息。同时,界面上的元素之间的间距也适当留白,不会给用户带来视觉上的压迫感。小程序将问答等功能放置在明显的位置,方便用户使用。这些功能通常会出现在首页或者导航栏上,用户可以轻松地找到并使用它们。这样的设计不仅提高了用户的使用效率,还减少了用户在使用过程中的困惑和迷茫。

下一篇,我会从技术框架开始,一步步讲诉我得开发过程和技术问题