下载掌阅APP，畅读海量书库
立即打开
除了扁平风格插画，2.5D效果的插画在UI设计的应用范围也越来越广泛。2.5D插画因其特殊的视觉效果，更容易表达出产品的科技属性。
如一款数据分析类的产品如果想要这种风格的引导页设计，我们可以从哪几个方面借助AI工具着手设计呢？
第一步，分析需求，确定想表现的场景。
需求分析：数据分析类产品引导页设计，2.5D风格，体现数字化、商务化等属性。
提到数据分析，相信很多人第一时间想到的是各种形状的数据图表。这个方向没有问题，图表是画面中必不可少的设计元素，但如果页面中只有图表，那么设计起来会有点单薄和同质化，不能很准确地表达产品自身的特色。
那么如何才能进一步体现产品属性呢？在图表的基础上，可以结合产品的具体功能，借助插画的形式来表现用户使用场景。同时2.5D插画在体现场景上更有优势，画面感和表现力更好。沿着这个设计方向，我们可以尝试发散一些文本描述。
第二步，文本描述。
通过对需求的理解和对设计风格的定位，按照“主体描述+风格设定+图像参数”的描述词结构，来一步步完成文本描述的梳理。
整个设计最关键的地方是对于使用场景的精确描述，比如用户在使用产品的哪些功能，想表现什么主题等。
把提炼得到的中文描述借助翻译软件转换为可用的英文描述。完整的文本描述示例如下：
People operate data analytics tools, white background, isometric, UI illustration design,light silver and green, three-dimensional forms, technical themes --ar 3:4
第三步，AI出图。
出图前，在模型选择上建议使用V6模型，能让生成的图片效果更写实一些，更好地体现商务属性。设置好模型后，再输入/imagine指令，输入文本描述来生成图片。数据分析场景出图效果如下图所示。
通过生成的图片能看到，画面中既有图表元素，又结合了用户真实使用的场景，能更好展现产品属性。按照这个出图逻辑，将文本描述中的使用场景操作数据分析工具（people operate the data analytics tools）替换为其他场景，如查询交易平台（query exchange platform）、构建数据服务平台（build data services platform）等，其余文本描述保持不变，继续生成其他使用场景。
查询交易平台出图效果如下图所示。
构建数据服务平台出图效果如下图所示。
第四步，图片筛选及二次处理。
从生成的图中挑选出最符合要求的图片，为后期的设计做好准备。由于我们是对使用场景进行描述，AI生成的图片体现出很多元素。
在导入设计排版软件之前，需要对这些素材图片进行二次处理，去除图片中一些结构不完整、多余的元素，例如下图右侧的图中元素堆得很满，主体形象周围有一些表意不明的图形。对于这些存在问题的地方，需要进一步调整优化。
第五步，排版出图。
图片优化处理好之后，就可以将得到的图导入软件中进行设计出图了。为了更好体现产品的商务气质，在引导页设计中加入了灰色质感的背景，在此基础上加上卡片式的设计排版，再加上产品介绍和操作按钮，一套商务属性的UI引导页就完成了。
