专栏名称: 京东设计中心JDC
专业,创造力,激情,设计。京东用户体验设计部门,致力于创造更美好的电子商务购物体验。
51好读  ›  专栏  ›  京东设计中心JDC

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

京东设计中心JDC  · 公众号  ·  · 2024-03-01 18:57

正文

本期,我用自己的作品为例,分享 如何在24小时内,用AI开一家真实的购物网站
https://www.bilibili.com/video/BV11k4y15789/


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生成的稿子进行调整







请到「今天看啥」查看全文