AI教程 | 如何用AI赋能数据可视化大屏的制作
chatgpt的横空出世在人们心中掀起了惊涛骇浪，而随之涌现的AIGC大模型渐渐平息了浪潮，各行各业的人开始用AIGC创造各种文本、图片、视频、音乐等各种形式的内容。数据可视化行业的从业者要设计千千万万个可视化大屏，难免有“江郎才尽”的时候，是否可以从AI这儿获取一些帮助呢？https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/56a3b3036b634daca3495fdd01d2f38d~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=KXH1yvPQE1AZUNMQgyvC%2BbQcJZU%3D
我们今天以灵活性高、易使用、学习成本低的Midjourney为例来讲解。
一、Midjourney生成图片流程
Midjourney生成图片有两种方式，一种是提示词生成，一种是根据提供的图片生成新的图片。
1.提示词生成图片
在MidJourney输入框中输入“/”，选择imagine，输入英文提示词，并用逗号隔开，提示词的描述颗粒度要尽可能精细。
对于不懂怎么描述想要的效果的小白来说，MidJourney Prompt 提示词助手可以提供极大助力。
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/60c9c9f1ee6f493286a59da77257befc~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=cRvn%2FfmM1JxqAVRm%2BfW2JE8DBgQ%3D
小白可以在此页面选择合适的背景、光线、颜色等提示词，限定尺寸、风格等属性，从而利用MidJourney 生成你想要的作品。
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/d1636292a7354e0cb5379b25423b07dc~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=LDe9VA8Qv0LdDvh1b1MmoK8VGzQ%3D
每个提示词下可多选小提示词，并调整权重。
还可直接在小助手输入框输入提示词（英文），用逗号隔开，然后复制到Midjourney输入框，等待图片生成即可。
2.图片+提示词生成图片
发送一张图片，右键复制图片链接，在MidJourney输入框中输入“/”，选择imagine，输入图片链接，空格后输入英文提示词，提示词用逗号隔开，即可生成新的图片。
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/36735f3be27543f6991d59375f7c6265~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=RrXHXIFdeUM9Zk2kQd667G708as%3D
二、Midjourney如何赋能数据可视化大屏设计1.大屏背景
假如需要做一张智慧城市数据可视化大屏，那就需要城市背景了。网上攫取灵感费时费力，不如寻求Midjourney的帮助。
在MidJourney Prompt 提示词助手选择以下选项
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/b42d3132579a47faa271c56cfe28aca6~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=Tw%2F7NKI2qYhPkMd54479m62JvbE%3D
再加一些常用的数据可视化提示词：HUD, FUI, Data visualization, 3D render, C4D,Dennis Schaefer, Futurism, Artstation, Behance, panoramic, screen is blue ，完整提示词为：/imagine prompt: HUD, FUI, Data visualization, 3D render, C4D,Dennis Schaefer, Futurism, Artstation, Behance, panoramic, screen is blue city background panorama near future city Metallic material Anthony Minghella contemporary architecture --ar 16:9
生成以下图片
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/ceb13ff19fdf460591018aecff22dcc1~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=uSRPS3V2CzEmLoA1thlrs7cKYII%3D
点击U2即可收到右上角的图片，点击V2即可收到右上角图片的细节调整版。
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/87e8ddb9f6f047e1b9aa52345d6ce19a~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=8fi1rgk1qHoE7v0sBfVppI8A3Uw%3D
选择合适的图片即可为你的大屏设计提供灵感。
也可以找一张你想要的效果图发给Midjourney ，复制图片地址到提示词输入框，补充提示词。
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/c53a316cec3a46aa868b16e4ef1390d9~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=2gB46A3tIRcjpQUSlfGBrYKPvR4%3D
以这张图为例
补充提示词为3D，city，即可生成以下图片
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/d549317bd0804652998322b63e3c6b05~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=%2F7SNtcCa8Qtsc72sj8IoxFLtdoE%3D
然后选择合适的图片精细化处理（v1、v2、v3、v4）即可。
2.图标元素
大屏制作过程中可能会用到一些图标元素，MidJourney同样可以提供帮助。
比如制作网络安全大屏时会用到如下元素
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/5ed465b7183942038d10a220b6d92734~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=%2BJWnh3wYfNE92xRA4Oz2d5JUnWE%3D
我们可以输入/imagine prompt: an icon with neon bule and dark colorblue soft lightingtr --ar 1:1即可生成以下图片
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/df776ecaec184a9fbed096410df083e6~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=3fECxdhaYblDIsP0F6CIFJSf4ws%3D
这个图片离我们想要的效果还是有一些差距的。加一些数据可视化常用后缀3D，high datail, FHD,FUI, HUD,UI,UX,Unreal Engine 5可生成以下图片
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/21c668bd3b304bdd97a805936e63b77d~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=JS9YBGeq3eP%2FBgQaQ9z9WZeLSQY%3D
再进行更精细的描述：/imagine prompt: an icon with neon bule and dark colorblue soft lightingtr，3D，high datail, FHD,FUI, HUD,UI,UX,Unreal Engine 5,three dimensional，security icon，3D rendering --ar 1:1，生成以下图片
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/583cb2bf7eb54138aabf3173ecb74ae0~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=OnSxggwHT1pOgjt6ieBzPmxIE%2Bg%3D
现在的图片已经离我们想要的效果不远了，选择合适的图片进行精细化处理（v1、v2、v3、v4 ），直到获得你想要的效果为止。
https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/4c36813bf542497a80139bdcf1e78e3d~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=2024030414003013F25338A28940757B59&x-expires=2147483647&x-signature=T7uNFghZh%2BQGYXVgot800eHPjKs%3D
除了大屏背景和图标元素，还可以依据以上步骤生成制作数据可视化大屏可参考的主视觉以及图表装饰类元素等，让你的大屏设计快人一步，灵感如泉涌。
结 语AI工具千千万，选对合适的工具、输入颗粒度足够细的关键词才能获得更符合的要求的素材。而颗粒度足够细的关键词来自于前人的经验和设计师的灵感，所以AI只是辅助，人才是大屏设计的主角。欲知下期如何，请持续关注万博维思~
页:
[1]