腾讯平面设计实战!如何用AIGC提高200%的做图效率

这篇具有很好参考价值的文章主要介绍了腾讯平面设计实战!如何用AIGC提高200%的做图效率。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

一、AI 绘图背景与趋势

随着互联网行业发展和技术的进步,设计师也有越来越丰富的手段来应对多种类型的产品需求;比如说 3D 渲染、各种自定义的插件已经成为设计师的工作日常,在不断的提高大家的工作效率;包括最近火热的 AI 绘图,也时常出现在设计师的讨论话题当中。

AI工具大盘点:

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

AI 绘图模型令人叹为观止的画作

1. 模型的种类与画风

目前市面上,AI 绘图在商业设计领域,目前还鲜有人尝试。我们团队通过网上大量的资料和学习,针对 AI 的先有几个工具进行了研究和试验,看看高阶的 AI 模型能否满足我们的诉求。

由于市面上存在大量的 AI 绘画工具,每个工具擅长的画风也各有所长;例如 Midjourney;画面注重细节的构建和表达;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

Stable diffusion,画风更偏写实;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

Disco Diffusion;笔触较明显,适合油画风格;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

包括每一类型里不同的模型也会有不同的效果,例如基于 Stable-Diffusion 开发的 NovelAI Diffusion Models,风格更偏二次元;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

基于 AI 绘图具有「低成本、批量输出」的特征,而商业化运营需求也带有「日常、高频」的属性,例如日常大促、节日促销活动的 H5 页面、电商 banner 等;所以我们想将 AI 绘图应用在商业化设计流程之中。尝试打破效率边界,利用低投入高产出的方式为团队提效。

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

二、商业设计如何拥抱 AI

在进行具体的 AI 绘图实验之前,我们先把商业化运营设计需求分类,以活动类型、周期、对应设计复杂程度,可将其分为为 S、A、B 三个级别。其中 S 级别以专题大促为主,页面以为 banner 和 H5 为代表;A 级别以平台活动为主,同样是 banner 和 H5 需求并存;B 级别为日常促销,以 banner 需求居多;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

由于以上几类日常运营图的需求频次较高且生命周期不长,在极快的项目节奏中会较多占用设计人力及项目时间;同时因为 AI 绘图模型具有低成本、批量产出的特征,所以我们尝试用 AI 绘图工具来辅助完成日常的运营设计工作。另外值得一提的是,每类模型的擅长风格不同,我们选用的是时下最火热,也是学习资料较多的 MidJourney 来做尝试。

三、B 类商业运营设计需求:轻量手段快速达成

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

面对常规运营 banner 需求,之前团队合作流程是由产品、运营同学按固定周期提需求到设计部门,按需求排期,定量投入设计人力逐步交付。

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

既然工作流程上已是最短路径,那么我们尝试把目光聚焦在需求本质上,将 banner 的结构拆散,可以发现绝大部分的 banner 都由这五类元素构成;那么是否能够利用现有成熟的 AI 类技术平台,直接生成商业运营设计 banner 成品(或半成品)呢?我们接下来就尝试一下。

1. 对比和尝试

我们首先横向对比了国内外智能出图平台的各项能力,以关键功能类型作为衡量指标,得到了一张能力图表;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

那么横向来看,各平台的能力可以划分为两大类模版绘制、AI 绘制结合模版设计;

第一类在线模版绘制;大量模版可以供挑选并调整,支持线上编辑并输出;第二类 AI 绘制;优势是速度极快快、批量出图,但图像的质量没有保障,需结合模版能力一起使用才能质量可靠的设计图;综合效率和结果两方面来考虑,我们选择第二类方法,如上图所示网上有多种平台可供选择,大家可以根据需求自行选择恰当的平台来进行实验。

2. 方法总结

在具体操作流程上,跟我们常规的设计作图略有不同;大概分为 2 个阶段;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

首先我们需要选择配图主题类型、活动类型、人群,这决定了图片风格和商品素材的表现;并输入对应的文案标题,即 banner 图的文案显示;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

随后可得到批量生成的初稿;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

点击任一初稿,进入线上编辑环节,利用丰富的在线编辑能力对 banner 图做调整,例如图层查找,替换商品素材、装饰素材,更改字体等等;在智能编辑模块中简单处理后即可得到可用的设计图;经过大量实验后发现,这类方式更适合于电商类型的 banner 图;同时在经过对产品、运营同学的简单培训后,大家也可以非常迅速的做到上手并产出 banner 图;这也与我们的预期判断是匹配的;

四、A 类商业运营设计需求:AI 辅助生成

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

除了 B 类的日常促销活动外,我们也会经常遇到类似上图的 H5 头图的运营设计,面对这类需求通常需要在探索风格,绘制画面细节上花费较长时间,我们尝试通过 AI 模型辅助出图解决这个难题。

1. 工作流程介绍

在正式开始作图之前,我们需要对 MidJourney 的能力区间、工作模式建立基本的认知。

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

MidJourney 允许用户以对话的形式,通过以输入描述词的方式,经过 AI 模型运算后得到其返回的图片。

2. 利用 MidJourney 垫图能力辅助设计头图;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

针对 A 类平台活动类运营需求的绘制工作共分为四个步骤,分别是风格定义,垫图描述,调整与输出;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

首先先通过参考图,明确出我们倾向的风格和特征;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

第二步我们需要用到「以图生图」,在 discord 中将参考图发给 MidJourney,并结合意向风格,构图和其他特征添加上恰当的描述,可以得到初稿;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

不断调整图像与描述词,最终逐步接近目标效果;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

头图生成好之后,搭配上文案的字体设计与装饰元素,可以看到最终的效果如上。利用 AI 模型辅助生图,可以使繁琐的工作量可以得到有效压缩,从而把大家从繁杂的工作中解放出来。

五、S 类商业运营设计需求:AI 智能生成

除了较为基础的 A 类运营设计需求外,面对专题大促的运营需求需求,其展示周期更长,且对于设计质量要求更高,常常会涉及到 3D 场景的搭建和渲染工作,相对于 A 类需求,S 类需求通常排期时间更长,同时对设计师的能力提出更高要求;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

那么针对画面设计要求更高阶的运营需求,除依靠设计师个人能力来应对之外,会否有更高效、便捷的办法呢,我们同样可以通过 AI 模型绘制的办法来尝试解决这个问题。

1. 工作流程介绍

基于前面对于 MidJourney 的基础了解,我们接下来看下利用 MidJourney 辅助输出运营设计图的工作流,分别是风格定义、撰写描述、二次调整、输出 4 个步骤;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

① 风格定义

首先是风格定义,由于 AI 绘图具有高度的随机性和风格化的特质,而运营设计更注重理性的构图版式。所以在正式进入绘图步骤之前,我们需要提前明确画面大致的风格调性,这样才能保证后续 AI 产出的方向不跑偏,并更准确的获取我们想要的图像;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

我们以电商运营广告中最常见的美妆类别举例,通过观察可以发现,美妆类的图像具有明显的风格化特征,比如居中或对称构图、明亮的环境光等。所以这些特质就将成为我们输入的词汇,同时也是输出筛选步骤里的重要依据。

② 撰写描述

MidJourney 模型出图有两种模式,最常见的是 text to img 文本生图;以及 img to img 以图生图;文本生图即通过一段文本描述告诉 AI 模型你想要的画面,由它帮你绘制出来;以图生图是通过一份原始图片,配合文本描述,来绘制跟原始图片类似风格但又不尽相同的图片素材;无论哪种方式,都需要明确一个关键的概念「Prompt」,也就是「关键词描述」。

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

Prompt 关键词描述可以理解为与 AI 创作沟通的媒介,我们需要将脑海中构想的画面用恰当的提示词(语句)描述出来,并通过它来缩小 AI 想象的空间,它才能听懂、理解并产出令人满意的画面。另外值得注意的是,相同的描述文本内容,词语的顺序、前后词汇的关系对于内容的产出影响差异也会非常的大。所以关键词描述的写法至关重要;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

Prompt 的大致写法由几个部分构成,主体部分,环境氛围,构图,风格化,以及其他设定。我们接下来通过 Prompt 描述公式,一步步完成一张美妆运营图的设计。

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

首先是主体内容的描述,通常可以拆解为,存在几个「什么样的」的主体,在做什么动作,并附带了其他的什么动作。例如:There was a pink lipstick and a glass bottle of perfume;可以得到如上的主体内容,香水口红的图像。

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

其次是为主体内容添加场景或环境,例如给定某些地点或物件。比如案例中,我们指定背景花朵、自然植物,以及倒影等词汇。通过观察以上四张图,可以发现模型中「Nature Plants」这个词汇对画面有较大的影响,决定了不同风格的背景以及复杂程度。同时也能发现,尽管只相差了一个描述词,但前后结果仍存在较大的差异,所以大家在调试画面的过程中可以从词汇逐个调整,以尽量减少画面的随机跳变;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

然后是构图与镜头,比如左侧两张图强调景深,右侧两张图强调了构图位置等;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

接下来是风格化与参考方向,可以添加上艺术家名字或平台名字,或直接将图像风格写出来;比如说 3D 渲染还是 2D 画风,可以从上图的结果中明显感觉到两者的区别。

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

最后是图像的设定,例如--q 5,代表最高图像质量;同时你也可以通过类似「8k, ultra realistic」这样的词汇来对画质做强调。第二点是画幅,--ar 3:2 表示横纵比为 3 比 2 的横幅图像,--ar 9:16 表示横纵比为 9 比 16 的纵向图像;-- v4 代表最新的第四代计算模型;

最终通过以上五个小步骤,我们可以得出一大批风格各异的草图:

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

再通过第一步的风格调性做筛选,可以初步得出不同类型的初稿,以满足不同的品类需求。

③ 二次修正,进阶调整

当取得满足需求的初稿之后,我们可以使用 MidJourney 的进阶功能,来提升图像质量或对图像画面做调整;以下是几个使用频率最高的的调整功能;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

首先是通过点击成图下方的 U 按钮,可以放大对应序号的图片的比例,来提高其分辨率;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

第二种,通过点击图片下方的 V 按钮,可以基于原描述词,生成对应序号图片的变体,画面对比母版,图片的细节会出现随机变化,例如上图的花蕊、香水瓶的外轮廓;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

第三种是 Light Upscale Redo & Beta Upscale Redo,这两个功能都可以提升画质并细化效果;

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

最后一种也是变体生成方法,值得注意的是,需在「/setting」中开启「Remix mode」功能后,再次点 V 功能,此时可以二次编辑关键词;例如上图就通过「Remix mode」重置了图像的尺寸比例。

④ 调整输出

腾讯平面设计实战!如何用AIGC提高200%的做图效率,技术文章,AIGC,人工智能,大数据

将二次修正后的图像,经过设计师轻量化的调整工作,例如修正细节,添加文案后,即可看到最后的效果。

以上就是利用 AI 绘图技术辅助生成 S 类商业运营设计图;可以看到其优势是短时间、大批量生成可供选择的风格背景图;同时能配合需求本身,通过 AI 模型的变体加二次描述词编辑,来满足我们的个性化要求。

结语

以上则是本文的全部内容,如果你也想通过 AI 绘图的形式来辅助提高自己的工作效率,以下几点值得仔细阅读,首先 MidJourney 前期有免费的体验额度,当额度用完后需要付费使用。其次免费用户生成的作品不能商用,只有付费用户才拥有该图片的所有权。由于 AI 绘图的版权政策时常存在变动,所以也请大家关注 Midjourney 官方信息,以免带来困扰。

随着 AI 模型能力的飞速迭代升级,现有的短板能力也会不断补齐,因此我们可以相信在不远的将来,设计师利用 AI 模型来开脑洞并辅助出图是趋势所向,但并不是说我们需要完全依赖 AI,因为设计本身是理性而浪漫的工作,仅靠随机性做设计是完全不可取且不靠谱的。更合适的思路应该是,设计师首先定义好规则与框架,从 AI 模型提供的成百上千个结果中寻找到最匹配我们诉求的结果,从而辅助我们更快更好的达成目标。另外面对日新月异的的智能工具,我们应该保持终生学习的心态,做好时刻接受新事物的挑战,才能在越来越激烈的竞争中立于不败之地。

腾讯平面设计实战!如何用AIGC提高200%的做图效率? - AI人工智能 - 执刀人的工具库文章来源地址https://www.toymoban.com/news/detail-587243.html

到了这里,关于腾讯平面设计实战!如何用AIGC提高200%的做图效率的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Photoshop平面设计练习题(附答案)

    1.下列哪个是photoshop图像最基本的组成单元: C A. 节点 B. 色彩空间 C. 像素 D. 路径 2.下面对矢量图和像素图描述正确的是: C A. 矢量图的基本组成单元是像素 B. 像素图的基本组成单元是锚点和路径 C. Adobe Illustrator 9图形软件能够生成矢量图 D. Adobe photos

    2024年02月03日
    浏览(39)
  • 麓言信息流行平面设计风格大盘点

      设计风格总是在不断的变化与迭代更新,作为设计师熟悉并掌握经典的、流行的、前沿设计风格是一件非常必要的事。下面跟着小编盘点近几年流行过的设计风格。      1.苹果科技风     苹果设计风格大面积留白,一个文案配一套渲染图。文案充足的视觉延展空间

    2023年04月25日
    浏览(25)
  • 如何使用Midjourney辅助建筑平面设计和室内设计,常用的建筑平面效果图提示和使用效果展示(内附Midjourney提示词网站)

    Midjourney使用要的参数描述: --s :表示生成过程倾向于模型默认样式的程度(范围为0-1000,默认值为100) --seed — 保持生成一致 :: — 优先级和优先级的提示部分 --no (negative prompts) — 明确你不想要什么 --ar :设置宽高比。—16:9(风景)和—9:16(人像)适用于建筑摄影图像。在摄影中

    2024年02月06日
    浏览(48)
  • 平面设计师都在用的设计素材网站,免费下载~

    很多新手设计师不知道去哪里找高清、免费的设计素材,今天我就给大家推荐5个设计素材网站,免费下载,赶紧收藏起来把! 1、菜鸟图库 https://www.sucai999.com/?v=NTYwNDUx 菜鸟图库是我推荐过很多次的网站,主要是站内素材多,像平面、UI、电商等设计素材都能找到,还有超多高

    2024年02月03日
    浏览(52)
  • 做平面设计一般电脑可以吗 优漫动游

      平面设计常用的软件如下:Photoshop、AutoCAD、AI等。其中对电脑配置要求高的是AutoCAD,可运行AutoCAD的软件均可运行如上软件。   做平面设计一般电脑可以吗     AutoCAD64位版配置要求:AMDAthlon64位处理器、支持SSE2技术的AMDOpteron处理器、支持SSE2技术和英特尔EM64T的英特尔

    2024年02月10日
    浏览(30)
  • 计算机平面设计有何特点? 麓言信息

       计算机平面设计是指以电脑为工具,利用多种不同的电脑设备和软件来辅助完成平面设计工作。计算机平面设计使每个人都有可能成为艺术家和设计师。它在艺术领域展示出无穷的拓展魅力,改变了传统的视觉语言,引发了艺术观念与视觉形式的革命。电脑平面设计的

    2024年02月13日
    浏览(44)
  • 平面设计师实习报告范文十篇

        平面设计师实习报告范文1   经过了四年的系统性理论学习,使我对平面设计有了基本掌握,对于平面设计这个专业也有了一个系统的了解和掌握。我们即将离开大学校园,作为平面设计专业的毕业生,心中想得更多的是如何去做好一个平面设计师、如何更好的去完成每

    2024年02月10日
    浏览(45)
  • 平面设计师要会3D吗 优漫动游

      所谓物以稀为贵,对于设计人才也一样。越是稀缺的能力,能够发挥的价值就越高。于是现在很多互联网名企在招聘的时候都加了一条:会3D设计者优先。     其实这些看起来很厉害的设计,归结起来无非就三种形式:插画、三维、合成。     插画和合成,我们大部

    2024年02月08日
    浏览(40)
  • 3维空间下按平面和圆柱面上排版设计

    AR空间中将若干平面窗口排列在指定平面或圆柱体面上 平面排版思路 指定平面方向向量layout_centre ,平面上的一点作为排版版面的中心layout_position

    2024年02月13日
    浏览(88)
  • java平面设计广告效果图投放管理系统springboot+vue

    本广告管理系统有管理员,广告客户,广告商,广告制作商。 管理员功能有个人中心,广告客户管理,广告商管理,广告制作商管理,广告投放渠道管理等。 广告客户功能有个人中心,广告投放渠道管理,广告需求管理,广告提案管理,广告设计预览管理,广告调整信息管

    2024年01月17日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包