在之前的文章中,陆续分享过用AI进行APP界面设计、B端设计、组件设计等内容,接下来继续分享在网页设计中,AI能够发挥出怎样的作用,有哪些必备的关键词描述。
AI中有哪些针对网页UI设计需要特别注意的描述规范呢,结合实际的应用案例,一步步生成网页设计。
使用否定描述
在Midjourney中,生成网页设计通用的关键词描述包括「web design for…」、「beautiful website for…」
其中描述指令「--no」指令功能很强大,但很多人可能对这个指令不熟悉。「--no」能告诉Midjourney你不想让图像中出现哪些内容。
例如设计一个航班网站,想在网站中使用简单的图形和插画,可以使用关键词:「web design for a flight discount service」
Midjourney出图的的默认风格更倾向于写实,不加否定提示,生成的网页会带很多细节和阴影。
我们使用同样的描述,再加上否定提示,生成的图片会更符合要求:
「web design for a flight discount service –no shading realism photo details」
注意比例
进行网页设计时,还需要考虑网页的比例,可以使用「--ar」参数来控制生成的图像的比例。
例如使用「--ar 3:2」或者「--ar 16:9」的宽高比,会让生成的图更像网页比例。
对比使用相同的关键词提示,会发现正方形的构图看起来更像是信息图表。当宽高比增加时,图像的内容也会发生变化。
关键词:「web design for a plant database, minimal vector flat –no photo detail realistic」
使用电脑样机
为了让生成的网页效果更好,我们往往会使用样机对页面进行包装,在Midjourney中可以使用描述:「行业或网站样机样式 + 网站样机+描述」
例如输入酒店网站描述时,默认不带样机:
「web design for a hotel website –no shading realism details –seed 1024912」
如果想要一个带有样机的酒店网站网站,需要输入关键词描述:
「web design for a hotel website MacBook m1 mockup –no shading realism details –seed 1024912」
AI网页设计应用案例
本次实操案例以球鞋类电商网站为主题,探究AI能够为网页设计带来的创意灵感。
⬇️关键词:「beautiful website for shoes,ui, ux, ui/ux, nike, website –v 4 –stylize 750」
⬇️关键词:「beautiful website for shoes, ui, ux, ui/ux, nike, red, blue, teal, yellow, running person, website –v 4 –stylize 750」
⬇️关键词:「beautiful website for shoes ,ui,ux,ui/ux,red,blue,yellow」
⬇️关键词:「beautiful website for shoes, ui, ux, ui/ux, nike, blue, white, website –v 4 –stylize 500」
⬇️关键词:「beautiful website for shoes, ui, ux, ui/ux, nike, light pink, white, website –v 4 –stylize 1000」
⬇️关键词:「webapplication for nike jordan stock maret type interface for trading shoes, ui,ux,ui/ux, app like robinhood but for shoes」
⬇️关键词:「beatiful website for shoes, ui, ux, ui/ux, nike, orange, green, running person website –v 4 –stylize 500」
最后
以上是利用Midjourney进行网页UI设计的方法和实操,希望借助这些关键词描述能帮助你提升灵感,更快更好地输出设计!

優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務" 的經(jīng)營理念,誠信務實的服務了近萬家客戶,成為眾多世界500強、集團和上市公司的長期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設、網(wǎng)站與各類業(yè)務系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(品牌展示型、官方門戶型、營銷商務型、電子商務型、信息門戶型、微信小程序定制開發(fā)、移動端應用(手機站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應用服務。