如何用Molili帮你做网站设计?Molili网页ui设计教程

网页设计前期通常需要耗费时间进行原型搭建和视觉排版。通过配置相关的UI设计技能,用户可以直接向Molili输入文本需求,生成包含基础结构、配色和交互元素的网页设计稿或代码。以下是关于Molili生成网页UI设计的安装与实测案例。

一、安装方法

还是那句话直接让Molili帮你装,帮我安装ui-ux-pro-max-skill这个技能https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

二、功能实测

安装好后让Molili实测一下,比如

为甜品订购搭建一个着陆页,风格活泼亲和,并设置预约类行动召唤按钮。不需要很复杂,只是做个测试

Molili说归说,我们打开它设计的网页检查一下看看质量如何

还不错,生成的网页具备基础的UI组件、完整的结构以及相协调的配色方案。如果在输入需求时提供明确的线框图参考,或许输出的精确度会进一步提升。该技能主要还是适用于项目前期的原型设计阶段,可用于快速产出视觉草图,缩短初步设计所需的时间与精力,更进一步的当然就要交给专业的来啦~

UI设计也能搞?

出的页面还挺好看

细节还得手动调

省了画原型的时间

配色方案不错

响应式支持吗

基本布局没问题

设计师要失业了吗哈哈

辅助工具不会替代人

拿来做初稿很合适

设计师的好帮手

网页UI设计教程实用

AI做网站设计目前还停留在生成静态页面的水平吧

让Molili生成了个落地页,效果出乎意料的好

响应式设计能自动处理吗?还是只生成PC端的

设计审美这块AI还是差点意思,颜色搭配很迷

配合Figma导出再微调一下效果更好

@njace 不止静态页面 配合前端框架模板能生成React/Vue组件代码 虽然样式要调 但基本结构和交互逻辑都有 比从零写快很多

@lucky_clover 设计师不会失业 AI生成的设计缺乏品牌调性和用户体验细节 拿来做MVP原型可以 正式产品还是需要专业设计师把关