购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.1.2 扁平插画风格

以扁平插画作为引导页,是很多App的第一选择。扁平插画适用于很多场景,这里我们为一个办公App做一组引导页设计,需要使用扁平插画的设计风格。

第一步,分析需求确定风格。

需求分析:办公App引导页设计,体现办公场景,扁平插画风格。

针对这个需求,我们可以先去花瓣网或Pinterest等设计素材网站中了解办公类App常用的设计风格、画面场景,搜集整理一些合适的灵感和参考,确定好设计方向和风格。

第二步,文本描述。

根据设计需求和参考图,我们会得到一个大概的设计方向。接下来按照“主体描述+风格设定+图像参数”的描述词结构,逐步拆解、提炼画面中需要的文本描述。

将这些文本描述提炼整理后,能得到一组中文描述,借助翻译软件将中文描述转换为可用的英文描述,如下图所示。

完整文本描述示例如下:

A male staff, in the office, looking at the chart dashboard, blue and orange, gradient, flat illustration,white background, Minimalist design, full body, super detail, 8K, --niji 6

第三步,AI出图。

根据整理好的文本描述,在Midjourney中输入/imagine指令,利用文本描述来生成图片素材。

通过生成的图片能看到,画面场景和效果基本符合预期,这时我们可以单击刷新按钮,尽可能多跑几次图,以此来获得更满意的图片。

同样的方法,将上述文本描述的动作描述部分替换为其他办公活动,例如打印文件、与同事交流等,其余文本描述不用调整,这样能生成一套风格更统一的图片素材。

首先将文本描述中的“looking at the chart dashboard”(查看图表)替换为“printing documents”(打印文件),得到的文本描述如下:

A male staff, in the office, printing documents, blue and orange, gradient, flat illustration, white background, Minimalist design, full body, super detail, 8K, --niji 6

生成的打印文件插画效果如下图所示。

再替换为“talking to another colleague”(与同事交流),得到的文本描述:

A male staff, in the office, talking to another colleague, blue and orange, gradient, flat illustration, white background, Minimalist design, full body, super detail, 8K, --niji 6

生成的同事交流插画效果如下图所示。

第四步,图片筛选及调整。

利用AI软件,每次都会生成大量的图片素材,其中只有一部分是可以使用的,因此对这些图片的筛选整理也是至关重要的一个环节。我们需要从生成的图片中精准挑选出符合需求、风格相近、画面效果更好的图片。

对于挑选好的图片素材,如果觉得图片的清晰度不是特别高,可以利用AI放大软件对图片进行高清处理,这样运用到项目中效果会更好。筛选调整后的图片如下图所示。

第五步,设计排版。

把挑选好的图片拖到设计软件中,加上标题文案、操作按钮进行设计排版,一套办公App引导页就完成了。 F9H+bPTCl4EX8wDr4IlUDyoqcTanNp9EEpO30ajluhPStBuXIgtmtD4y7GHeO3UZ

点击中间区域
呼出菜单
上一章
目录
下一章
×