UI原型设计——AiPy 编程开发实战案例

生成一个AiPy客户端首页界面高保真原型图文件，HTML格式保存在当前工作目录下，设计要求如下。AiPy是一个电脑客户端AI助手产品，客户端为三栏结构： 1、左侧栏：约占客户端总宽度的20%，左侧最上面显示产品LOGO及产品名称（爱派AiPy Pro），下面是任务列表，显示标题和时间，约占高度的60%，下面是个人信息情况（包括用户名、设置链接、版本号等）。 2、中侧栏：约占客户端总宽度的60%，下面是聊天框（包括输入框、发送按钮、常见组件按钮如画图、联网搜索等），上面是聊天过程展示。 3、右侧栏：上方为聊天任务后，输出的结果文件夹内容列表，输出的内容可能包括python文件、图片、html文件等，也有子文件夹。下方为一个仿真的CMD终端界面（背景色与其它区域搭配合理）。 其它要求： 1、HTML, 原型实现：使用 HTML+ Tailwind CSS生成所有原型界面，并使用FontAwesome(或其他开源 UI组件)让界面更加精美、接近真实的客户端。 2、整合配色要求具有现代、科技感。 3、原型图最终以HTML文件形式保存，保存在当前工作目录。