专栏名称: 58UXD
58同城用户体验设计中心
目录
相关文章推荐
山东省交通运输厅  ·  山东省委常委会召开会议 ·  2 天前  
鲁中晨报  ·  山东部分区域免费上幼儿园?教育部门回应 ·  2 天前  
德州晚报  ·  杨洪波(正厅级),主动投案! ·  2 天前  
鲁中晨报  ·  阿里巴巴,深夜传来大消息! ·  3 天前  
德州晚报  ·  全德州免费使用! ·  3 天前  
51好读  ›  专栏  ›  58UXD

零基础三步上手,UI设计师需要的AI绘图技巧来了

58UXD  · 公众号  ·  · 2024-12-06 11:38

正文

家人 们,今天来聊点儿 AI 图片生成的干货。
这个技法,对于需要使用AI辅助设计,但在平时的工作里又不需要生成复杂场景,希望能够简单有效的解决生图需求的UI设计师非常友好。
曾经,我们想得到一枚精美的图标,得靠设计师们一笔一划地创作,耗时又费力。但现在,AI 改变了这一切。它就像是一位神奇的魔法师,只需我们输入一些描述,就能在瞬间创造出令人惊叹的图片,无论是逼真的写实图标,还是近些年流行的3D立体图标,它都能轻松驾驭。
每个设计师可能都会有自己使用顺手的软件,在这个技法中,我们用的是Dreamina,它的优势是免翻墙,送积分,速度快,且由于是本土化软件,能更好的理解咒语含义。

1.吐血整理 写好 AI 绘画提示词秘籍

写提示词的关键在于详细描述主体和场景,明确风格画质,绝不能模糊有歧义,这样 AI 才能精准输出绘图内容!具体内容可以参考这段整理好的提示词表格(放大查看更清晰哦)。

2.  写一段B端3D立体图标咒语

接下来,我们以金融业务B端图标举例,来演示如何写一段提示词,在这次设计中,主要想表现的关键词是:科技、通透、质感。可以选用的提示词如下:

【3D图标】【渐变色彩】【磨砂玻璃质感】【透明的】【科技感】【工业设计风格】【细节丰富】【摄影棚灯光效果】【简约的】【超高清画质】【光线追踪技术】【等轴测视图】【Blend】【CAD】【OC Renderer】【高质量】,组合这些提示词,得到咒语如下:

除此之外,也分享给大家其他的一些3D风格icon咒语,用于平时辅助绘图使用,基本可以保证直出无损。

"A 3D icon of a camera with a transparent glass texture. The body of the camera is made of clear glass, with the lens in the center being a darker tinted glass. The buttons and dials on the camera are also glass, with a slight blue tint and a shiny, reflective surface. There are small, chrome accents on the edges of the glass elements to add a touch of realism and style."

"Create a 3D glassy globe icon. The globe is made of transparent glass, with the continents and oceans visible inside. The glass has a faint blue-green hue, as if it were filled with water. There are thin, golden lines tracing the outlines of the continents and the equator, adding a touch of elegance. The stand of the globe is also made of glass, with a curved, transparent design that gives the icon a sense of weightlessness."

"Design a 3D glassy folder icon. The folder is made of transparent glass, with a frosted surface on the front and back to give it a tactile feel. The edges of the folder are beveled and polished, reflecting light in a beautiful way. Inside the folder, there are a few sheets of paper made of a lighter, semi-transparent glass, with faint lines and text on them to suggest the contents of the folder."

"An icon of a 3D glassy key. The key is made of clear glass, with a detailed shape and ridges. The teeth of the key are a darker shade of glass, and there is a small, silver-colored loop at the end for hanging. The glass has a smooth, shiny finish, and when light hits it, it creates a prism effect, scattering colors in a beautiful display."

"Generate a 3D glassy heart icon. The heart is made of transparent glass, with a soft pink tint in the center that fades out towards the edges. The surface of the heart is smooth and reflective, with a few small bubbles trapped inside the glass to give it a unique, handmade look. There is a thin, golden border around the heart, adding a touch of luxury and charm."

在这次的项目中,我们准备的风格参考图、造型轮廓图如下:

我们的目标是,参考左图的风格,生成右图的造型。

接下来,添加咒语及辅助图。

点击生图,见证奇迹的时刻到了。

我们从中选取更为贴近目标风格的图,以备进行后一步效果细化。

Dreamina的智能画布功能是我最为推荐的。有局部重绘,扩图,AI 自动补齐空缺,细节重绘,消除部分内容,融图,无损超清等功能。

我们看看智能画布的表现。

总体讲,不管从速度还是质量,Dreamina的表现都是可圈可点,我们把图标放到实际需求中看一下效果。

我们再来讲讲如何通过咒语的控制,完成系列化设计。为什么要将系列化单开一项呢,因为系列化对设计语言及设计规范都会有一定程度的影响。

首先【风格统一,吸睛度UP】

一旦开启系列化设计,整个产品设计家族就拥有了共同的基因。从形状、色彩,到排版,都保持高度一致。这种统一风格超级吸睛,能迅速抓住目标受众的心。

其次【增强品牌辨识度】

系列化设计就像是设计语言的专属名片。只要看到这些元素,人们就能立刻联想到该品牌,让品牌在众多竞争对手中脱颖而出。

而使用这次分享的技法,只需要简单改变咒语中的物品名称,再配合辅助图片中造型轮廓的变化,就可以轻而易举的制作出系列化设计,以下就是我们快速产出的效果。

换个咒语,一样轻松







请到「今天看啥」查看全文


推荐文章
山东省交通运输厅  ·  山东省委常委会召开会议
2 天前
德州晚报  ·  杨洪波(正厅级),主动投案!
2 天前
鲁中晨报  ·  阿里巴巴,深夜传来大消息!
3 天前
德州晚报  ·  全德州免费使用!
3 天前
理想聚焦  ·  官场微小说:双规
8 年前