AIGC是什么意思?如何用AI产生内容?设计达人

AIGC(AIgeneratedcontent),人工智能生成内容,指利用人工智能技术来生成内容,其中包括文字、语音、代码、图像、视频、机器人动作等等,被认为是继PGC、UGC之后的新型内容创作方式。

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

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

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

StableDiffusion,画风更偏写实;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

首先是主体内容的描述,通常可以拆解为,存在几个【什么样的】的主体,在做什么动作,并附带了其他的什么动作。例如:Therewasapinklipstickandaglassbottleofperfume;可以得到如上的主体内容,香水口红的图像。

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

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

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

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

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

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

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

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

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

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

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

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

THE END
1.网页设计模板html代码,html网页设计代码作业模板示例命令提示符在当今这个数字化时代,网页设计模板和HTML代码的重要性不言而喻。本文将深入探讨网页设计模板的概念,分析HTML代码的构成,并提供实用的HTML代码示例,帮助您快速掌握网页设计的核心技巧。 精品网站模板:https://www.91084.com/ (已发布1000+款) 网页设计模板概述 https://www.163.com/dy/article/JJGB61D905568SD1.html
2.20幅离谱的生成图片,宣告AI搞笑能力的开发,已达到极致20幅离谱的生成图片,宣告AI搞笑能力的开发,已达到极致 人工智能绘画是上半年最热门的话题之一,不仅引起插画家、摄影师和雕塑家的关注,还受到许多“圈外”人的注意。我们只需要输入关键词,在短短几十秒的时间里,人工智能图像生成器就会利用算法给我们生成大量的图像,至于图像的风格也有许多选项可供选择。人工智能https://baijiahao.baidu.com/s?id=1773845248558026822&wfr=spider&for=pc
3.可以将UI设计图直接生成代码,简直太神奇了,这真的是解放了程序你想摆脱那种天天重复画简单 UI 界面的烦恼吗?今天,我在浏览 Github 的时候,偶然发现了一个开源的项目,很有意思。它的功能就是:你只要把设计师设计的 UI 界面扔进去,通过深度学习,它就会将软件设计图直接生成代码!目前支持iOS、安卓和 Web 页面。 感觉口说无凭,对吧,来直接看一段视频,真的很有意思的一个开https://cloud.tencent.com/developer/article/1373941
4.蓝湖设计图转代码插件蓝湖设计图转代码插件下载代码 节省开发三分之一时间立即体验 HTML ? 生成代码 hey!这里是蓝湖 DDS 自动生成代码官网,这里将让您和团队的开发效率加速提升。 试试右边 又做活动页?百分百还原 一秒生成,设计师不必再走查 设计图 代码还原效果 代码可维护性高 高可用代码DOM 嵌套合理,flex 布局,代码可读性高https://lanhuapp.com/dds
5.全网开源快速开发平台,低代码平台,企业级开发平台,开源系统,私活强大的代码生成器让前端和后台代码一键生成,不需要写任何代码,保持jeecg一贯的强大,绝对是全栈开发福音!! JeecgBoot在提高UI能力的同时,降低了前后分离的开发成本,JeecgBoot还独创在线开发模式(No代码概念),一系列在线智能开发:在线配置表单、在线配置报表、在线图表设计、在线设计流程等等。https://blog.51cto.com/lovebetterworld/2860989
6.蓝湖设计图转代码是提高前端工程师开发来自氪空间蓝湖「设计图转代码」是提高前端工程师开发效率的轻工具。 在蓝湖上传了 Sketch 、 Photoshop 设计图后,工程师可以使用该功能生成整个页面的代码,现已支持 HTML 、 Vue 、 React 、 微信小程序 、 uni-app。 https://weibo.com/5239350246/L8hs0BUB5
7.python使用PIL给图片添加文字生成海报示例pythonpython生成图片海报 1、设计图片模板 模板 2、安装python库 环境:python3 安装Pillow库 1 pip install Pillow 具体代码实现 新建index.py 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 https://www.jb51.net/article/145841.htm
8.基于三维GIS技术的公路交通数字孪生系统臻图信息独立CGA建模方案可比喻为一个“曲线积分”过程,用CGA语言几何、纹理函数描述横断面构造,该横断面构造即为“被积函数”,沿中心线路径积分即可完成快速建模。同时,桥、道、隧具有完全不同的横断面,且无法由代码形参输入改变,因此函数为一分段函数。 本文首先按下图一分别设计CGA对象,再通过抽象模型与参考地形的高程差https://www.ztmapinfo.com/blog/index.php/article/20.html
9.基于STM32+华为云IOT设计智能称重系统本设计的模型来源于物流、矿山、高速公路等场合,车辆称重地螃的智能化升级要求,设计基于物联网的智能在线称重方案,开发智能称重控制器,合理选择部署多个重量传感器和必要的算法、通过WIFF通信模块、GPS定位模块,采集车辆重数据一地理位置信息,并通过网络发送至云平台,设计图形化UI界面展示称重、地图位置等重要信息,实现对https://www.eeworld.com.cn/mcu/eic664361.html
10.一个月超3万个GPTs!深扒全球Top50GPTs,谁是民间GPT王者?如下图所示,类似这种室内设计图生成背后的提示词,将与超级描述GPT联动使用。 GPT地址:https://chat.openai.com/g/g-9qWC0oyBd 43、Builder.io助手(Builder.io Assistant):AI+无代码开发 Builder.io助手可以助用户使用和集成Builder.io公司的无代码开发平台,由Builder.io公司的CEO史蒂夫·休厄尔(Steve Sewell)发布http://www.bianews.com/news/details?id=173450
11.GraitecAdvanceDesign2025破解版GraitecAdvance包括对代码中的截面和公式的引用。 8、设计意图和加固图 使用高级设计模块时,您还可以获得梁、柱、基脚、楼板、承重墙和剪力墙的自动绘图。 9、钢筋混凝土模块 钢筋混凝土模块是使用工程BIM数据进行钢筋细部设计和建模的一系列创新应用程序,可帮助用户创建、设计、记录、跟踪和控制BIM项目的结构构件。 10、更多功能 http://www.sd173.com/soft/10007.html
12.北京拟7月实施国六标准苹果自动驾驶技术表现垫底新闻频道2月13日消息,据报道,斯柯达全新概念车Vision iV设计图流出,新车定位纯电动跨界轿跑车,将基于MEB平台打造。新车配备了22英寸大尺寸轮圈,有望搭载双电机,续航将超500公里,并将在3月开幕的日内瓦车展亮相。 7、雷诺新董事长将访日 与日产方面磋商 2月13日消息,据日媒报道,法国雷诺汽车公司新任董事长塞纳尔将于本周https://news.hexun.com/2019-02-14/196136776.html
13.从0到1,IDE如何提升端侧研发效率?DX研发模式考虑到命令行调用、代码复用的原因,我们设计了基于Node.js的CLI用于支持诸多基本功能,如创建模板,编译模板,发布模板等。这里也有一个两级分层。即提供通用的调试服务,静态文件服务的utbd-devtools,以及基于utbd-devtools的各个不同CLI/IDE插件(通过DaemonInterface同utbd-devtools进行交互)。 https://tech.taobao.org/news/kzaldx
14.XML架构设计器内容模型视图生成示例 XML 仅可用于全局元素。 生成全局元素的示例 XML 文件。 显示文档 显示或隐藏批注/文档节点内容。 将关系图导出为图像 将设计图面保存到 XPS 文件。 查看代码 在XML 编辑器中打开包含所选节点的文件。 在 XML 架构资源管理器中选定的项也会在 XML 编辑器中选定。 “属性”窗口 打开“属性”窗口(如果https://learn.microsoft.com/zh-cn/visualstudio/xml-tools/content-model-view
15.分布式定时调度:xxljob万字详解1.2.架构设计图 xxl-job分为 调度中心和执行器两大模块 调度模块(调度中心) 负责管理调度信息,按照调度配置发出调度请求,自身不承担业务代码。调度系统与任务解耦,提高了系统可用性和稳定性,同时调度系统性能不再受限于任务模块; 支持可视化、简单且动态的管理调度信息,包括任务新建,更新,删除,GLUE开发和任务报警等,所https://maimai.cn/article/detail?fid=1763465117&efid=2FspIfAmr4S06VPiiWqvGw
16.通过Rust语言计算加速技术突破图片识别性能瓶颈SIMD 在 Rust 语言社区中是以 RFC 被提出,经过一两年的讨论,作为 Roadmap 路径之一进行主要的开发工作,涉及从业务代码贯穿到底层硬件架构,是一个跨度大、工作量也很大的一个特性。 架构设计? 架构图设计图如下: 底层硬件架构 底层的硬件架构,每种 CPU 架构类型提供的 SIMD 指令都是该架构专用的,这就导致了同https://xie.infoq.cn/article/9452fd3d1cbc2fcee73351a75
17.在线印章生成器本站不会保存您制作的图片,服务器只提供字体数据,浏览器直接绘制生成图片。 注意: 昊霖设计在线制作工具生成的图片资源仅供网友参考,本站不承担用户因非法使用本工具生成的图片对自己和他人造成任何形式的伤害或损失。 用户免费分享或使用此在线资源请遵守国家相关法律法规。https://www.qtool.net/
18.iconfont原创设计 海量素材 高效协作 图标自定义下载 支持AI/SVG/PNG/代码格式下载 支持按路径在线编辑icon颜色 项目协同高效合作 创建项目后上传icon,成员下载使用图标 前端同学可将图标添加至代码 设计师交流分享 我们提供一个原创图标共享、交流平台 尊重原创、尊重每个设计师https://www.iconfont.cn/
19.java图形用户界面设计实验报告(共10篇).doc2.要求:设计图形用户界面,事件处理,异常处理并弹出对话框,提示重新输入信息。 二、实验题目 验证哥德巴赫猜想,添加图形用户界面 三、实验方法与步骤(需求分析、算法设计思路、流程图等) 1.添加图形用户界面 import java.awt.*; import java.awt.event.*; import javax.swing.*; public class GDBH extends Framehttps://max.book118.com/html/2017/0502/103857537.shtm
20.AI驱动的智慧课程平台全新亮相思维导图生成:根据视频内容自动生成思维导图,帮助学生构建知识框架,加深理解。 智能问答:让学习障碍一扫而空 **设计图注意去掉注释,然后视频配图换一张比较像正常课程里的 AI助教,24小时在线,为学生答疑解惑,成为同学们最可靠的学习伙伴。 当学生在观看教学视频、阅读资料时遇到不理解的地方,可以通过点击“我要提问https://itc.uoh.edu.cn/info/1021/1535.htm
21.战略图战略图在线制作AI生成战略图战略图模板使用AI智能设计工具Canva可画,免费生成设计战略图,帮助你理解和展示如何协同工作以实现战略目标。 创建战略图(在新标签页或窗口中打开) Canva可画的战略图制作功能 需要为你的业务战略制定简单、干净、直观的表示吗?那么你需要设计一张战略图。从本质上讲,战略图是一个图表,有助于可视化组织的目标和实现这些目标的战https://www.canva.cn/graphs/strategy-maps/
22.低功耗蓝牙工具APP开发实战大量实战代码,由浅入深讲解 代码开源分享,涵盖陆续扩展版本 资源永久分享,导图、设计图都有 你能收获什么? 快速掌握BLE基础知识 学会uni开发并上架市场 获得LightBLE 思维导图、原型图、设计原稿 获得一套完整的、可运行的LightBLE代码 适合人群 想快速掌握BLE的小伙伴 https://www.jianshu.com/p/3a8b80005261
23.ASP.NETCore适用于.NET的开源Web框架NET 在 GitHub 上是开放源代码的,已收到 100,000 次贡献,并已有 3,700 家公司参与。 加入.NET 社区 Azure 上的免费托管 使用Microsoft Azure 可免费获取 10 个 ASP.NET Core 网站。 还可以部署到任何主要云平台、自己的 Linux 或 Windows 服务器,或多个托管提供程序其中之一。 https://asp.net/
24.《建筑信息模型施工应用标准》GB/T5123520176 深化设计图生成。 5.4 钢结构深化设计 5.4.1 钢结构深化设计中的节点设计、预留孔洞、预埋件设计、专业协调等宜应用BIM。 5.4.2 在钢结构深化设计BIM应用中,可基于施工图设计模型或施工图和相关设计文件、施工工艺文件创建钢结构深化设计模型,输出平立面布置图、节点深化设计图、工程量清单等(图5.4.2)。 https://www.lanfanglian.com/gfxq/200