AI在线 AI在线

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

一、前言 UI 设计是一门结合了美学、技术和用户心理的艺术,它的目标是创造出既美观又易用的界面,从而提高用户的满意度和忠诚度。然而,UI 设计也是一项耗时耗力的工作,它需要设计师不断地进行创意、绘制、测试和修改,以适应不同的业务需求和用户反馈。有没有一种方法,可以让 UI 设计变得更简单、更快、更美呢?答案是:AI 人工智能!本文将介绍如何将 AI 技术应用于 UI 设计的全流程中,以及这种结合对业务和团队的价值。无论你是一名经验丰富的 UI 设计师,还是一名对 UI 设计感兴趣的新手,你都可以从本文中学习到一些有

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

一、前言

UI 设计是一门结合了美学、技术和用户心理的艺术,它的目标是创造出既美观又易用的界面,从而提高用户的满意度和忠诚度。然而,UI 设计也是一项耗时耗力的工作,它需要设计师不断地进行创意、绘制、测试和修改,以适应不同的业务需求和用户反馈。有没有一种方法,可以让 UI 设计变得更简单、更快、更美呢?答案是:AI 人工智能!本文将介绍如何将 AI 技术应用于 UI 设计的全流程中,以及这种结合对业务和团队的价值。无论你是一名经验丰富的 UI 设计师,还是一名对 UI 设计感兴趣的新手,你都可以从本文中学习到一些有用的知识和技巧,让你的 UI 设计更上一层楼。

更多AIGC实战案例:

二、AI设计调研方法

前期调研对于 UI 设计过程至关重要,它能让设计师掌握客户和市场的需求和趋势,为设计方向和策略提供依据。前期调研需要分析大量的资料,如用户画像、用户人群划分、用户真实需求、用户审美偏好等,以便在设计时充分考虑,实现用户体验和视觉调性的精准设计升级,达到数据转化的最终目标。chatgpt、NewBing 等辅助工具可以为设计师提供丰富的文字信息,帮助他们快速确定设计方向,并学习解决问题的方法。chatgpt 使用门槛高而 NewBing 亲测可以平替 chatgpt。无需注册直接使用!!

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

NewBing,是微软刚推出的一款基于人工智能的聊天机器人。使用 NewBing 帮我做一个家政类 APP 的竞品分析。通过提出问题得到同类型产品竞品分析,在提问时可以尝试用表格进行列举这样对比更清晰。并且从用户画像的角度为你分析用户的审美偏好,为前期视觉调性的设计定义大致的方向。如通过分析得知家政类的用户更注重生活品质,喜欢清晰、简洁、易用的页面。

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

三、AI设计流程与落地

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

MidJourney 是一款基于 GAN 技术的 AI 绘图工具,具有高度的可定制性和多样性,画面注重细节的构建和表达;可生成不同风格和色彩的图像。Prompt 关键词描述是 MidJourney 中与 AI 沟通创作的媒介,通过描述文本内容告诉 AI 理解听懂你的指令从而生成满意的画面。具体的描述方法如下:

「主题内容」+「环境、背景」+「构图、镜头」+「风格化」+「参考方向」+「渲染方式」+「图像设定」

主题内容:是指你要画个什么东西?比如是人、动物、地点、物体等。

环境、背景气氛:例如指定的地点或者物件、背景设计。比如是城市、森林、海滩、工作场景、室内、室外等,也包括画面的光线、氛围等方面。

构图、镜头:这里强调画面的构图和镜头处理,比如是透视、鸟瞰、特写等视角,以及画面元素的排布、层次、比例等方面。

风格化:指画面的风格特点,比如是现代风格、传统风格、卡通风格等。

参考方向:比如说艺术家的名字或者直接将图像风格写出来,比如 dribbble

渲染方式:指画面的渲染方式,比如是光线追踪、阴影、反射等渲染方式。

图像设定:指画面的一些基本设定,比如是画面尺寸、分辨率、图片质量等。

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

核心关键词是生成高质量图片的关键,为了便于生成高质量的 UI 图片,为大家收集了一些提升画面质量的关键词,大家可以根据需求添加并尝试。直到达到自己想要的画面效果。

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

更多关键词干货:

四、风格探索与实践

我们在设计方案时,会有许多创意想法。我们可以用 Midjourney 快速模拟出概念方案,满足提案的要求,并根据业务需求进行及时的迭代。低成本的实现方案方向的确立。再也不用因为没有灵感而苦恼。

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

在 UI 设计中,当我们遇到新的风格改版时候,首先是确定设计的方向,产品风格,为后续的产品方向制定基调。也是我们常用的情绪版设计。利用 midjourney。以 58 到家家政类 APP 为例,我们通过前期用户分析得出用户更注重生活品质,喜欢清晰、简洁、易用的页面,通过输入关键词来输出大量的情绪板。我们可以控制风格更倾向于用户的审美基调。控制颜色更贴近品牌的表达

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

图标的设计是 UI 设计中日常工作,使用 AI 让我们图标设计过程更加有趣,生成的结果也可以很方便的运用到实际的场景里。我们可以运用 knolling 的提示词把与主题相关的物品整齐地排列在一起。通过排列的图形为我们后期绘制图标提供灵感。

同样我们也可以根据某一个单独的图标进行绘制,给出 white background,白色背景的提示词能帮助更好的得到一个边缘清晰完整的 icon 图标

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

在对用户的分析中,用户更注重服务的品质,真实的服务场景能得到用户在情感上的共鸣从而选择平台上的服务。场景图片的真人拍摄需要花费大量的时间和模特成本。我们可以尝试用 midjourney 垫图的方法通过基础图片生成大量服务人员和场景图片。这些场景图片可以作为 SKU 的封面图,也可以作为专题栏目的入口封面图

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

在空状态页面的设计上,准确、直观、高效是空页面设计的原则。扁平插画风在 UI 设计中应用广泛,既能直观表达又简洁美观。输出状态页面的插图主要是关键是在场景的精准描述(主题内容:一个人在房间打扫卫生 环境:在绿植环绕的环境中 风格定义:扁平化、极简风格、多细节等)

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

五、AI对团队的帮助

AI 绘画对设计团队有着巨大的帮助,主要体现在以下几个方面:

创意辅助:AI 绘画能够利用智能算法快速生成多样化的元素和图案,激发设计师的灵感,拓展创意的可能性。

效率提升:AI 绘画能够通过自动化处理、批量操作、快速修图等方式,减少设计团队的重复繁琐的工作,提高生产效率。

素材丰富:AI 绘画能够通过人工智能技术生成基础素材、辅助绘画效果,提高设计团队的素材库的质量和数量。

内容优化:AI 绘画能够通过智能化的方式协助设计团队进行色彩、构图和设计细节等的优化,减少内容制作流程中的缺陷和错误。

方法沉淀:AI 绘画能够通过智能算法分析和学习历史设计作品的生成规则和工作流程,让设计团队在工作实践中形成更加深入的设计思考和理论体系。

总之,AI 工具不仅为设计团队提供了强有力的支持,同时也激发了人类设计的创新潜能,让设计作品更具有创意性和艺术性,推动了设计领域的不断创新发展。

AIGC如何应用到UI设计工作全流程?来看58的实战案例!

相关资讯

AIGC落地实战!有赞如何用Midjourney提高设计效率?

一、项目背景 设计界总是一波未平一波又起,从区块链到元宇宙,这轮风开始吹到 AIGC,什么是 AIGC?AIGC 全称(AI Generated Content)是一种新型的内容创作方式。越来越多数字内容工作过程中,创作者需要不断地学习探索和创新,以满足不断变化的市场需求。(本篇文章只聚焦设计内容生成方向,不展开 ChatGPT 辅助研究能力) 二、AI 在有赞增长实验室实际设计业务中的应用探索 M2L 增长实验室(Marketing To Leads)包含了公域营销(增长工程、广告投放、渠道拓展)、内容营销(内容
4/13/2023 8:37:22 AM
Kong Wen

AIGC如何落地?超多项目拆解之UI设计篇

一、AI 绘画在工作中的流程 在 UI 设计工作中,我们都会用到相同的工作流程,首先接到产品给到的需求,然后我们会进行需求的分析,根据分析去找合适的参考,之后进行我们的初稿设计。 同样,在使用 AI 工具时,我们的工作流程并没有发生改变,改变的只是我们出图的效率以及效果,比如我们在经过分析和找到参考后,我们进行设计时,会花费大量的时间进行设计。而现在,AI 绘画完全可以帮助我们进行设计,我们只需要进行关键词的调试,即可短时间做出不错的设计,我预计可以提升大概 60%-70%的设计时间(这里还只是保守估计)。 往期教
4/12/2023 4:52:34 AM
言川Artie

8大实战案例!AIGC在网易落地项目中的运用

AIGC 全称 AI Generated Content,是利用人工智能技术来生成内容,AIGC 绘画属于 AIGC 的分支。 近半年,以 Midjourney 和 Stable Diffusion 为代表的 AIGC 绘画迎来爆发式发展,掀起了一场生产力革命。Midjourney 和 Stable Diffusion 强大的创造力和无与伦比的高效性,使设计师通过它们提升生产力成为了必然。然而 Midjourney 和 Stable Diffusion 作为开放性工具,本身具有随机性与不可控性,很多设计师很难在工作
4/11/2023 8:12:11 AM
团队ASAK设计

AIGC落地实战!「什么值得买」如何用Midjourney提高设计效率?

写在前面 早在今年 2 月份,我们就通过 Midjourney 辅助设计,上线了专题 「从入门到行家-单板滑雪篇」。一开始上线还是比较忐忑的,因为对于 AI 的探索大家都刚刚起步,害怕通过 AI 生产的专题会遭到用户的反感。但后续得到数据验证,并未影响线上效果,并且还能大大提升团队的工作效率。自此,正式开启了值得买 UED 的 AIGC 探索之旅。 随着 AIGC 持续火热,值得买 UED 团队也一直在探索如何使用 AIGC 能力辅助设计团队快速落地日常项目。我们边探索边实践的过程中,目前找到比较好的应用场景主要有
4/27/2023 7:37:09 AM
值得买UED

AIGC落地案例复盘!五一劳动节海报设计实战

未来已至,AI 已来。不得不承认,AI 发展到现在已经可以明显的提升设计工作效率。按照这个趋势继续发展,很多原有的东西都会被改变,因此我们在现有的项目当中尝试 AI 辅助,提高工作效率。 虽然 AI 是非常好的工具,但最终还是要回归到设计本身。就像用 PS、Blender、C4D 一样,通过工具去构建想要的画面,提升整体设计效率。 这次我们通过五一劳动节海报去分析如何从 0 到 1 去完成 AI 海报设计,ChatGpt 搭配 AI 绘图 MidJourney 来进行视觉创意产出,结合 Photoshop 进行色彩
5/2/2023 1:07:23 AM
大鹏c

AI绘画如何落地?教你四步操作搞定运营设计!

本文总结了4个操作,帮你快速用AI搞定运营设计。 四步操作法,快速出运营设计! 这个操作就是快,不用我们花时间去想关键词怎么写、怎么描述,就非常的快。我们卷一点,别人用 AI 需要 1 小时出需求图,我们只需要 10~20 分钟,我比较追求方法论,方法对了,你的时间就比别人宝贵 2 倍甚至更多。但是这个方法也是有缺点的,就是太受自己手中素材的影响了,问题不大,来具体看看怎么玩吧: 1. 四步操作法的工作流程 实际工作中我们肯定是先接到需求文档之后在进行后续的工作安排,从需求分析开始到设计出稿结束,这里的需求分析我就
5/13/2023 12:33:28 AM
言川Artie

AI绘画落地实战!如何用 Midjourney 快速搞定主视觉海报设计?

前言 从几个月前 AIGC 的兴起到现在,各行各业已经有许多团队将之运用在工作流程当中。 其中,Midjourney 的到来,不仅在一定程度上提升了设计师们的工作效率,也为设计师提供了更多设计方式上的可能性。 其快速出图的特点帮助设计师节省了设计初稿的时间,可圈可点的画面构图与光影关系又给设计师带来许多灵感与参考。 那么,到底该如何运用 Midjourney 来帮助我们将一个项目落地呢?本文将以一个大型活动的主视觉设计案例,解析如何利用 Midjourney,来帮助我们从最初的构思到最后项目落地。 更多案例:一、项
6/1/2023 7:34:56 AM
团队ASAK设计

AI绘画实战案例!赶集直招如何用AI提高83%的出图效率?

随着 AI 技术不断的发展,AI 也给设计师的工作方式带来了全新的机遇与可能。赶集直招设计团队启动 AI 设计专项,主动探索,目前已将 AIGC 引入多个设计领域,包括设计资产搭建、品牌语言表达、设计生产流程等,显著提升设计效率与质量。本文将详细介绍 AIGC 在赶集直招视觉设计中的应用与探索。 更多AI实战案例:一、赶集直招AI设计资产 1. AI 搭建赶集设计素材库 通过前期反复调试,团队开始运用 MidJourney 快速生产符合赶集直招设计需要的人物素材、物品道具素材,实现「赶集直招设计素材库」的高效、高质
6/2/2023 8:37:57 AM
团队58UXD

AIGC实战案例!超完整的落地流程保姆级拆解!

当大家掌握 AI 绘图工具后,最重要的就是设计师能否通过 AI 工具在工作上的落地带来提效。 本期给大家带来的是一套通过 AI 辅助设计来加速需求落地的完整程拆解:步骤1主要涉及到前期需求与沟通确认低保真框架(具体流程不同公司有不同的方式,但最最终结果导向是一致的);步骤2和3主要讲解落地中详细的步骤流程与注意点。 本次产出用时预计 1.5 天,相较于以往当用 AI 工具介入后,在前期与上游对接和中期风格拟定流程上均有较大的提速。 希望这套流程拆解能够有效帮助大家在之后的需求中合理运用 AI 工具加速需求落地。 更
6/27/2023 7:04:53 AM
尹承元

深度解析!AIGC在电商产品设计中的应用

一、前言 在当今数字化时代,人工智能(AI)正逐渐渗透到各个领域,为我们的生活和工作带来了革命性的变化。其中,绘画领域也不例外。借助强大的 AI 绘画工具,我们可以在电商设计中探索全新的可能性。无论是为产品添加独特的视觉效果,还是为品牌塑造独特的形象,AI 绘画工具都为电商设计带来了创新的元素。本教程将深入探讨如何将 AI 绘画工具融入电商设计中,为看官们呈现一个全新的创作体验。 往期干货:在以往的文章中,我都是使用 Midjourneny 进行落地项目的案例分享,可能大家确实看的有点“腻”了,对 StableDi
8/21/2023 12:50:02 AM
言川Artie

AIGC如何应用到工作中?我做了3个实战案例!

本文主要通过在工作中使用Midjourney绘图的3个实际案例,来解析AIGC的落地流程。 更多AI落地实战项目:
4/21/2023 7:00:40 AM
栗子的设计笔记

AI时代产品设计会如何发展?大厂高手提出了8个猜想!

作为工业设计师出身,本就很喜欢创新产品和畅想未来。以下这 8 个关于 AI 产品 & 设计工作的猜想,来源于我最近阅读的各种资料和书籍的观点总结。猜想仅为个人推论,希望对你有启发而非误导。如不认同,欢迎留言讨论。 关于最新的AI落地应用案例:猜想一:逆向生成源文件的能力将增强 现在设计师已经可以使用 Midjourney 等 AI 制图工具快速生成各种设计作品,包括商品包装、家居产品、服装等成型方案:但是这些设计作品依旧停留在视觉效果图层面,距离直接商用和批量生产还差在源文件生成、打样、调整等环节上。未来从 AI
5/12/2023 7:55:36 AM
Ant Design 元尧

AIGC如何在商业项目中使用?来看6年独立设计师的深度分析!

一、AI 绘画的发展趋势 在大学期间,小哈读的是建筑专业,梦想一直是成为一名建筑设计师,但是在毕业半年后我就离开了建筑设计行业。现在的我是一名独立设计师、插画师,从 2018 年到 2023 年,我合作过很多客户。我喜欢画漫画,出版过个人漫画绘本《创作力的形状》,同时还开设了插画、三维、IP 设计培训的课程。对于我来说,变化一直在发生。 而关于 AIGC, 从 2018 年的“鲁班”,到 2022 年出现的小众 AI 工具,再到 2023 年初,Midjourney、chatGPT 等工具引发了大众的目光,科技以我
5/16/2023 1:25:17 AM
张小哈

网易大厂出品!AIGC组件化设计方法

2007 年 1 月 9 日 iPhone 第一代发布,开启了互联网黄金时代。互联网从小众行业,逐渐变成了大众熟知的行业。伴随着行业红利,互联网设计行业也开始了蓬勃发展。 ant design 1.0 在 2016 年发布,设计行业开启了组件化设计流程和组件化封装开发,而这一过程距 2007 年过去了 9 年。 9 年的实践探索,组件化设计方法得以发展、成熟并落地运用。 AIGC 从 3 月份迎来爆发,到现在 4 月份,我们花了一个月时间,尝试将组件化设计方法融入到工作项目流程中,并已经取到了部分成果。 往期网易干
5/24/2023 7:00:47 AM
团队ASAK设计

AIGC落地实战!什么值得买如何用 Midjourney 提高工作效率?

什么值得买设计团队一直在探索 AIGC 在实际项目中的应用,本篇文章基于团队在行业频道建设中的实际应用案例,希望能为大家带来一些新的想法和灵感。 更多AIGC 落地项目:一、频道页中场景模块生成 本次案例使用最新搭建的家电频道作为案例。 家电频道的需求为:希望搭建不同房间的简化图,房间内包含相应场景电器的简化模型,可点击并跳转到相关的页面。考虑到最后的效果,我们认为 3D 图是比较合适的展示形式。目前有 2 种方式来实现:一种是用 blender 来建模完成,一种是用 Midjourney 来生成。为了快速完成场景
6/16/2023 5:56:12 AM
值得买UED

腾讯云AI落地实战!如何用 Stable Diffusion 完成B端图标设计?

导语:现今,许多 B 端设计师在日常设计中难免会遇到各种运营 3D banner 设计需求。在设计过程中,他们不仅需要费尽心思构思各种造型,还要不断进行重复渲染,而有时渲染结果也难以令人满意。本文旨在介绍一种基于 Stable Diffusion 混合 AI 的 B 端 3D Banner 设计方法和流程,可供任何对该领域感兴趣的人进行实验,创作出各类 B 端模型。 更多AI落地实践:一、部署 Stable Diffusion 流程 本地安装 stable Diffusion 本地安装教程:()(来源:B 站秋葉
7/13/2023 7:52:55 AM
腾讯云设计中心

AIGC应用实战!玩转Stable Diffusion必知的3大绝技

Satble Diffusion 给视觉设计带来了前所未有的可能性和机会,它为设计师提供了更多选择和工具的同时,也改变了设计师的角色和设计流程。然而,设计师与人工智能软件的协作和创新能力仍然是不可或缺的。接下来我将从三个维度来向大家分享 Satble Diffusion 在视觉设计方向的技巧应用。 一、线稿/插画秒变3D 1. 线稿秒变 3D 场景 在人工智能绘画软件之前,我们如果想将一张线稿设计图转变为一幅 3D 场景可能需要非常复杂的过程,比如:线稿填色成平面插画,然后根据画面物体的结构在 3d 软件中进行建模
8/1/2023 7:00:52 AM
团队58UXD

如何使用Stable Diffusion进行AI模特快速换装?教程来了!

电商行业的发展已经改变了人们的购物方式,但随着市场竞争的加剧,电商公司需要更高效、更便捷的方式来展示商品。比如在电商服装行业中,服装展示就需要大量的图片素材,其中包括模特穿着不同款式的服装展示。然而,处理这些产品图片的成本非常高,而且时间周期也比较长。这些问题主要有以下几个方面:招募和培训模特的成本很高,而且模特的数量有限,难以满足电商公司的需求。 对于不同的服装款式和颜色,电商公司需要拍摄大量的图片,这需要大量的时间和人力成本。 电商公司需要对每个模特的服装进行搭配,以展示不同的款式和风格,这需要专业的搭配设计师
8/23/2023 7:19:18 AM
Nile
  • 1