AI实操：用WHEE辅助设计app启动页

2024-3-26 前端达人设计思维

今天我们继续用WHEE，带你玩转AI实操，设计春天出行启动页运营海报！

这次的主题是春天出行！

（文末已附上同款配方链接）

Part 01

第一，先找一下灵感参考图

第二，从三个方向来分析

版式
元素
色调

收集灵感图时，有4点要注意

风格：整体风格是否符合我们的主题和目标用户群？
版式：版式是否清晰、易读？
元素：运用的元素是否与主题相关？
色彩：色彩搭配是否和谐、美观？

我们先来看一下“春天”

-版式

从版式上面来看一下他们共同的特征，基本上都是一个上下结构的版式特征

这种结构简单明了，合适各种类型的内容

上方主标题，下方logo落款，这种排版方式我感觉是最稳的一种结构

即使是新人也能很容易出排版效果

标题的排版方式呢,有横向排版和竖向排版

它除了使用常规的黑体字

还有手写体，我感觉手写体更加符合主题

-元素

从元素结构来看

天空，河流，山川，阳光、花草等等

这些元素能够让人联想到春天的清新、活力和愉悦，增加了海报的吸引力和代表性

-色调

色调呢基本也是以蓝色，白色，绿色为主旋律

也就是阳光、白云、绿色植物

接着来看看“出行”

-元素

元素呢也是在上面“春天”的基础上面

多出车，人，露营等周边关于户外的元素

这些元素能够更加生动地展现春季户外活动的场景和氛围

-色调

色调也基本蓝、白、绿

这个主题我觉得还是要有生机感、有活力一点的色调才对

总结设计方向和关健词提取

版式

整体的版式规划采用上下的结构

主标题放在上方，横排版，用手写黑体

关键词

核心词：草地，拖车、车辆、山川

效果词：可爱的卡通设计、梦幻的视觉效果、鲜艳的色彩

Part 02

接下我们看一下WHEE的参数

提示词、模型这里维持默认就好

当然也还可以使用它的智能联想功能

看看有什么新灵感，亦或者是反向词等等

风格模型

在模型商店里面，这里我用了citypop的风格模型

当然这里面还有很多的模型，比如新中式风格，工笔画盲盒等等

所以在关键词里就不需要在写风格的关键词了

直接选择相对应的风格模型会更加高效率

出来的画面结果也更加接近目标视觉

参数这里保持默认就好

我们第一次跑图主要还是测试关键词

后续看情况在进行调整

这是我一共刷了两次图

从呈现的结果上面来看

第一排比较符合想要的感觉

画面上方也好做文字的排版

添加关键词“露营、帐篷”

氛围的感觉还是少了一点，因为少了露营和帐篷的元素

我们可以在右侧这里，选“重新编辑”按钮

这样我们就可以延续之前的设置继续编辑

然后我们把露营和帐篷关键词加上，其它不变

从结果来看第一张有帐篷的氛围更好

第三张和第四张有点脱离了

但是第三张处理一下拿来做弹窗感觉效果也会非常好

然后我们在右侧这个放大一下像素

这样就可以得到一个更高清的分辨率

Part 03

接着我们来做一下主标题的字体设计

就用手写黑体

我们先找一些毛笔字字形作为笔画垫字

用钢笔工具描出字形（这里先以春字为例）

我们挑选出重要的笔画特征就好

其实是不需要跟原来的一样

这样会更有灵性

比如这里“春”字，上部首里的三横

我这里只要第三横连笔的特征

后面的几个字也是以此类推

描绘完之后呢，我们加一粗一点描边的大小

同时将端点和边角都设为平头

基本的字体结构完成了

下一步就是细节的调整了

首先调整一下字间距

排版的话，我给它是上下错落

这样会给人比较轻松的感觉

整理细节的话，就需要注意

笔画之间的关系和空间感

例如“春”字上部首的第三横与“日”中间那一横

“出”和“行”的连接，以及它们相互之间的关系

完成主标题的设计之后，我们先来对画面进行二次构图

天空部份我们不需要太多

第一是文案放在上方识别度较低

第二放大主体元素露营车和帐篷后，它也能够更好的突出主题氛围

按照原先的计划做上下结构的版式设计

上面我们放主标题文案信息

但是单看着主标题设计还不够丰富

所以需要在添加一些细节

在“日”字上方和“出行”下方

我们在用文案做成曲线跟随字形弧度

同时他们也是相互呼应的

描述信息直接放在主标题下方

居中对齐的样式就好

下面就放辅助的信息

同时也是居中对齐的样式

这样上下就有元素关系的呼应

统一的居中对齐的样式

也会让文字阅读效率大大提高

最后在放入一些固定落款的元素就完成啦～

Part 04

总结

1. 设计方向和关键词提取

通过收集和分析同类题材，得出设计方向和关键词

前期的方向确定是很重要的，有效的方向可以减少后期改稿

2. 视觉风格

选择对应的风格模型，得到想要的视觉风格

WHEE模型库中有很多风格模型，这大大的提升了工作的效率

3. 主标题字体设计

以毛笔字字形作为基础字形，设计出主标题

毛笔字结合黑体的感觉非常合适这轻松、放松类型画面

4. 画面排版

根据前期版式分析确定的方向，对画面进行文字排版

文案与文案之间，标题字体设计

都需要注意它们之间的关系，以及统一性

今天的分享到这儿就结束啦

我们下篇见咯

以下同款配方链接

https://www.whee.com/ai/text-to-image?id=198427&styleModelId=3044&editorMode=advanced

https://www.whee.com/ai/text-to-image?id=198428&styleModelId=3044&editorMode=advanced

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。

关键词：UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司

银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发

作者：智明了智明
链接：https://www.zcool.com.cn/article/ZMTYxMzc2NA==.html
来源：站酷
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

分享本文至：

« 带你了解全案策划设计流程 2024年动效设计前瞻 »

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com