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的实战案例!

给TA打赏
共{{data.count}}人
人已打赏
应用

超简单!10分钟带你快速上手Midjourney

2023-6-11 0:05:34

应用

AI短视频神器Gen-2开放测试!靠打字做短视频的时代来了?

2023-6-12 7:51:57

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
搜索