AIGC落地项目拆解之UI设计篇

当前位置:首页>设计文章>人工智能>AIGC落地项目拆解之UI设计篇

AIGC落地项目拆解之UI设计篇

AIGC落地项目拆解之UI设计篇
1、AI绘画在工作中的流程

在UI设计工作中,我们都会用到相同的工作流程,首先接到产品给到的需求,然后我们会进行需求的分析,根据分析去找合适的参考,之后进行我们的初稿设计。

同样,在使用AI工具时,我们的工作流程并没有发生改变,改变的只是我们出图的效率以及效果,比如我们在经过分析和找到参考后,我们进行设计时,会花费大量的时间进行设计。而现在,AI绘画完全可以帮助我们进行设计,我们只需要进行关键词的调试,即可短时间做出不错的设计,我预计可以提升大概60%-70%的设计时间(这里还只是保守估计)。

AIGC落地项目拆解之UI设计篇

而且,我们进行初稿设计后,会经历令设计师感到非常痛苦的设计评审,公司的大佬们都会指点江山般的给你提出设计意见(我就是!!),然后你可能经历1稿、2稿、3稿.....

我们可以利用AI绘画来辅助设计工作。例如,在评审之前,我们可以使用AI生成五种设计方案(可以更多,嘿嘿),供评审大佬们选择.......(狗头保命)

AIGC落地项目拆解之UI设计篇

废话不多说,接下来为大家展示用AI创作一些可落地的工作参考:

2、引导页设计

医疗app——扁平插画风格

这里我们以一个“医疗app”为例子,我们接到的需求是做一组医疗app的引导页设计,需要使用扁平插画的设计风格,然后我们去找到合适的参考,根据参考出的特性进行关键词的描述,提炼关键词并进行prompt组合。
(关键词的详细教程我会放在我们的设计群里,大家有需要可以在主页联系我,案例会在群里进行资源共享)

01、需求分析

医疗app引导页设计,风格:扁平插画风格

AIGC落地项目拆解之UI设计篇

02、参考借鉴

去花瓣、站酷、behance上找到合适的参考,我们根据参考的图片来描述关键词,比如画面人物之间的动作描述。

AIGC落地项目拆解之UI设计篇

03、关键词描述

我们按照midjourney的词组顺序来描述,这里我按照第一张参考图的动作来进行描述

AIGC落地项目拆解之UI设计篇

04、Midjourney生成的图片

可以看到,midjourney生成的图片颜色并不能保持统一,不过这个问题不大,我们只需要选取合适的图片,然后后期用PS等工具稍微修饰一下即可了。

AIGC落地项目拆解之UI设计篇

05、应用项目中的效果

AIGC落地项目拆解之UI设计篇

3、勋章设计

成就勋章设计

这里我得到的需求是做一个娱乐app的勋章设计,元素需要丰富、质感华丽、情感传达热烈、体型饱满、勋章精致。得到需求后我们去拆解相关信息,然后根据整理的信息去找到类似的参考,这里我根据找到的风格直接用Midjourney的“喂图”功能,然后输入需求相关的关键词并组合,如下:

01、需求分析

娱乐app的勋章设计,元素需要丰富、质感华丽、情感传达热烈、体型饱满、勋章精致。

AIGC落地项目拆解之UI设计篇

02、参考借鉴

参考来自花瓣,这种风格就是比较适合我们需求的设计,所以我们这里借鉴一下,把图片喂给Midjourney。

AIGC落地项目拆解之UI设计篇

03、关键词描述

喂图之后还需要输入我们根据需求整理的关键词,把这些关键词和图片链接一起发送给midjourney。

AIGC落地项目拆解之UI设计篇

完整关键词:A shining badge with wings, Star, Badge logo, UI Design, Front view, Stereo, Bright. Black background, Digital illustration, Popular on Dribbble, noword, hyper detail, 4k --v 4

04、Midjourney生成的图片

这里生成的细节并不好,主要是中间标志区域,会出现变形的问题,不过问题不大,我们是设计师,后期调整一下,调整吃力的我们就多跑几组图片即可。

AIGC落地项目拆解之UI设计篇

05、应用项目中的效果

AIGC落地项目拆解之UI设计篇

4、闪屏页设计

淘宝闪屏页设计

这里我得到的需求是做一个淘宝app的闪屏页:设计一个具有亲和力和活力的大男孩形象,站在露营场景中弹吉他,搭配舒适、美观、吸引人的色彩和文案设计,以展示休闲娱乐和自然风光的美好。

01、需求分析

我们分析需求的确定相应的元素,如露营场地,大男孩,弹吉他。

AIGC落地项目拆解之UI设计篇

02、参考借鉴

去素材网上参考一下,然后整理出素材图片,根据参考的图片得出相应的关键词。

AIGC落地项目拆解之UI设计篇

03、关键词描述

我们按照midjourney的词组顺序来描述,这里我按照第一张参考图的动作来进行描述

AIGC落地项目拆解之UI设计篇

完整关键词:laughing child, symmetrical portrait, clear features, wearing a hat, rural summer, picnic, playing guitar, camping, tent, grass, flying a kite, hills, green, nature, poster, masterpiece, best quality, Pixar style 3d character, octane rendering, Hayao Miyazaki --ar 9:16 --niji

04、Midjourney生成的图片

有些图片比较夸张了,不过问题不大,我们经过多跑图,进行筛选就好啦,这是个体力活....

AIGC落地项目拆解之UI设计篇

05、应用项目中的效果

AIGC落地项目拆解之UI设计篇

5、直播礼物元素

3D小元素设计

这里我得到的需求是做一个直播礼物的小元素,元素需要丰富、质感华丽、情感传达热烈、体型饱满。得到需求后我们去拆解相关信息,然后根据整理的信息去找到类似的参考,这里我根据找到的风格直接用Midjourney的“喂图”功能,然后输入需求相关的关键词并组合,如下:

01、需求分析

娱乐app的勋章设计,元素需要丰富、质感华丽、情感传达热烈、体型饱满、勋章精致。

AIGC落地项目拆解之UI设计篇

02、参考借鉴

参考来自花瓣,这种风格就是比较适合我们需求的设计,所以我们这里借鉴一下,把图片喂给Midjourney。

AIGC落地项目拆解之UI设计篇

03、关键词描述

喂图之后还需要输入我们根据需求整理的关键词,把这些关键词和图片链接一起发送给midjourney。

AIGC落地项目拆解之UI设计篇

04、Midjourney生成的图片

同样我们需要多跑几组关键词,才会有相对满意的图片,这里的风格主要受到喂图片的影响,多试试几次,然后找到合适的,后期处理一下吧。

AIGC落地项目拆解之UI设计篇

05、应用项目中的效果

AIGC落地项目拆解之UI设计篇

6、B端网页设

b端图标设计

这里我得到的需求是做一个B端网页设计:设计一个符合UI规范和标准、能够清晰传达出现代科技感并与产品整体视觉风格相符的网页图标,提升用户品牌认知和体验。

01、需求分析

这类需求在b端中很常见,科技风的图标,符合品牌调性。

AIGC落地项目拆解之UI设计篇

02、参考借鉴

参考来自花瓣,这种风格就是比较适合我们需求的设计,所以我们这里借鉴一下,这里需要喂图控制下色调和视角,然后把图片喂给Midjourney。

AIGC落地项目拆解之UI设计篇

03、关键词描述

喂图之后输入细节关键词,让关键词控制主体样式,这类图标的渲染器用oc渲染器,参考国外网站的风格就没啥问题了。

AIGC落地项目拆解之UI设计篇

完整关键词:B2B 3D scenes, an operation center icon, white and blue, frosted glass, transparent technology sense, industrial design, isometric view, light gray background with simple linear detail, studio lighting, 3d, c4d, blender, OCrenderer, pinterest, dribbble, high detail, 8k --v 4

04、Midjourney生成的图片

这类图标生成的图大部分没啥问题,细节稍微修修改就能用了,重要是细节是不是我们需要的,改细节的方式还是通过关键词控制即可。

AIGC落地项目拆解之UI设计篇

05、应用项目中的效果

AIGC落地项目拆解之UI设计篇

7、写在最后

以上就是本期为大家分享的商业案例,我们可以将AI视作一个工具,为自己的工作带来增效,而无需感到恐慌和被替代的担忧。祝大家生活愉快!

本次教学分享到此结束,如果您有任何问题,可以与我私信联系,或者加下方二维码。如果本文对您有所帮助,也欢迎将其分享给需要的小伙伴。以上教程均经过实测,关注我,获取更多关于AIGC相关知识的资讯。

AIGC落地项目拆解之UI设计篇

除非注明,否则均为UIED用户体验学习平台-智设AI的原创文章,转载必须以链接形式标明本文链接

本文链接:https://www.uied.cn/31125.html

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
人工智能

爷爷都能看懂的AI绘画商业篇!!Midjourney教学

2023-9-6 16:10:17

人工智能

外婆都能看懂的Stable Diffusion入门教程(上篇)

2023-9-7 11:07:08

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索