欢迎光临散文网 会员登陆 & 注册

仅24小时!我用AI造了个购物网站

2023-08-10 22:00 作者:AI智能工具站-SDL实验室  | 我要投稿

相信很多人想开一个自己的网站,却不知道从何入手...

其实现在用AI,网站从策划-设计-搭建-上线,全程只需24小时!

以下,我用自己的作品为例,分享 如何在24小时内,用AI开一家真实的购物网站:




01. 用ChatGPT生成网站框架

我输入的指令&ChatGPT的回答

✦ 通过网站框架了解具体需要做什么网页内容

✦ 输入ChatGPT的指令需包含4要素


此时,你输入的指令需包含内容4要素:背景+内容+市场+目标。

明确的指令才能让AI根据你的实际情况,生成有针对性的网站框架,而不只是模版内容。




02. 教ChatGPT写Midjourney咒语

我训练ChatGPT的过程

✦ 未联网的ChatGPT需同步MJ最新规则

✦ 先输入4步内容,再让AI写MJ咒语


在让AI写MJ咒语之前,需要先把这4步内容输入ChatGPT(具体内容Midjourney官网里有)

MJ工作原理+MJ咒语规范+Prompt风格词库+优质的Prompt例子




03. 用Midjourney生成网页设计


MJ咒语:Design a long-scrolling vinyl records shopping web page UI inspired by minimalism, futuristic art, and abstract 3D graphics. Embrace a primary color scheme of black and white, exuding sophistication and modernity. Utilize clean lines, sharp angles, and asymmetrical compositions for a visually striking interface. Implement abstract geometric shapes, bold typography, 3D-inspired elements --s 500 --v 4

✦ 不必追求用Midjourney达到100%的完美效果

✦ 避免陷入“选择的悖论”


将上一步中用ChatGPT生成的咒语(Prompt)输入Midjourney中生成网页设计,然后选择你喜欢的设计,直接下载图片即可。




04. 对AI生成的设计稿进行调整

左为AI生成稿,右为设计师调整稿

✦ 由专业设计师对AI生成的稿子进行调整

✦ 考虑业务/功能/美学等实际场景&主观价值判断


若无设计基础,这一步可省略。




05. 用WIX一站式搭建网站

用WIX搭建网站的过程

✦ 包含前台展示+后台接入

✦ 可支撑商品上架&下单等完整交易流程的网站


根据设计稿,在WIX平台里进行可视化搭建。同时,WIX内置的店铺后台系统,可支持商品上架、下单购买等完整交易流程。

最后,连接你的域名即可上线发布网站啦。(网站最终效果见视频00:54)




本期幕后

✦ 本期内容节选自©️SDL实验室的线下互动课

✦ 入选IXDC2023年度热门工作坊


SDL实验室@洪草莓,在IXDC国际体验设计大会上分享《AIGC为体验设计提效》

查看原文:https://mp.weixin.qq.com/s?__biz=MzkwODE2NzE0NA==&mid=2247516680&idx=1&sn=15684f9a24a6ab62eb8636ec36a6c7c8&chksm=c0ccd08ff7bb5999e9371557e9614572e9161ee5f1afd8190052615dd1d45aaea122617a3040#rd

原创专栏©️100件免费神器:https://sdl.my.qingzhan.com

AI智能工具专区:https://sdl-ai.my.qingzhan.com/


仅24小时!我用AI造了个购物网站的评论 (共 条)

分享到微博请遵守国家法律