下载掌阅APP，畅读海量书库
立即打开
在引导页设计中，除了常见的插画风格，一些轻量化的、带有半透明渐变效果的设计风格出现的频率也越来越高，这种轻质感风格的页面看起来舒服，能体现出产品高级感、年轻化的特点。
例如一款集合拍照、娱乐、购物的休闲类App，想把这种风格应用到引导页设计中，体现产品的流行属性和年轻属性，我们应该怎么设计呢？
第一步，分析需求确定风格。
需求分析：休闲类App引导页设计，轻质感风格，能体现拍照、娱乐、购物等产品属性。
首先我们可以先去设计网站调研这种风格的图像，或者体验同类产品中的页面效果，分析页面的构成。通过分析能看到，轻质感风格的页面主要由主体元素加浅色背景两部分组成，两者搭配来凸显质感。
结合产品需求，我们可以把App的拍照、娱乐、购物等属性用具象的元素体现出来，如用照相机表示拍照、用游戏机表示娱乐、用购物车表示购物等，从而满足产品需求。
第二步，文本描述。
通过对设计素材的分析和对需求的理解转化，我们按照“主体描述+风格设定+图像参数”的描述词结构，逐步拆解、提炼画面中需要的文本描述。
将这些拆解出来的文本描述提炼整理后，借助翻译软件将中文描述转换为可用的英文描述。
完整文本描述示例如下：
A camera, blue gradient, frosted glass texture, isometric, translucent, white background, UI, Dribbble, Cinema4d style, glass material, high-definition, OC rendering
第三步，AI出图。
首先在模型的选择上，V6模型上传的图片整体更写实一些，如果我们想得到有年轻化氛围的图片，可以尝试使用Niji 6模型。
在Midjourney中输入/setting指令，按Enter键进入设置，选择“Niji version 6”模型。设置好模型后，再输入/imagine指令，利用整理好的文本描述来生成想要的图片。
多刷新几次得到合适的图片素材后，可以将文本描述中的主体描述照相机（camera）替换为其他元素，例如表示购物的购物车（shopping cart ）、表示娱乐的游戏机（gamepad）等，其余文本描述不需要调整，继续生产其他属性的图。
生成的购物车图像效果如下图所示。
生成的游戏机图像效果如下图所示。
第四步，图片筛选及调整。
生成图片后，从中挑选出整体风格、质感和颜色相近的图片。由于生成的图片素材背景颜色各不相同，这样不利于后期进行设计延展。建议先把筛选好的图拖到Photoshop或在线去背景的AI工具（如Pixian.AI）中，一键去除图片背景，可以得到方便设计排版的主体素材。
第五步，设计排版。
将处理好的图片进行统一设计排版，考虑到产品年轻化和流行化的属性，可以在界面设计中加入丰富的色彩渐变和文字装饰，让画面看起来更有活力。最后，加上必备的标题和操作按钮，一套轻质感流行风格的UI引导页就设计好了。
