AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)

2024-3-26    前端達(dá)人

今天我們繼續(xù)用WHEE,帶你玩轉(zhuǎn)AI實(shí)操,設(shè)計(jì)春天出行啟動(dòng)頁(yè)運(yùn)營(yíng)海報(bào)!
這次的主題是春天出行!
(文末已附上同款配方鏈接)
 
Part 01
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
第一,先找一下靈感參考圖
第二,從三個(gè)方向來(lái)分析
  1.  
    版式
  2.  
    元素
  3.  
    色調(diào)
 
收集靈感圖時(shí),有4點(diǎn)要注意
  •  
    風(fēng)格:整體風(fēng)格是否符合我們的主題和目標(biāo)用戶群?
  •  
    版式:版式是否清晰、易讀?
  •  
    元素:運(yùn)用的元素是否與主題相關(guān)?
  •  
    色彩:色彩搭配是否和諧、美觀?
 
我們先來(lái)看一下“春天”
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
-版式
從版式上面來(lái)看一下他們共同的特征, 基本上都是一個(gè)上下結(jié)構(gòu)的版式特征
這種結(jié)構(gòu)簡(jiǎn)單明了,合適各種類(lèi)型的內(nèi)容
上方主標(biāo)題,下方logo落款,這種排版方式我感覺(jué)是最穩(wěn)的一種結(jié)構(gòu)
即使是新人也能很容易出排版效果
標(biāo)題的排版方式呢,有橫向排版和豎向排版
它除了使用常規(guī)的黑體字
還有手寫(xiě)體,我感覺(jué)手寫(xiě)體更加符合主題
-元素
從元素結(jié)構(gòu)來(lái)看
天空,河流,山川,陽(yáng)光、花草等等
這些元素能夠讓人聯(lián)想到春天的清新、活力和愉悅,增加了海報(bào)的吸引力和代表性
-色調(diào)
色調(diào)呢基本也是以藍(lán)色,白色,綠色為主旋律
也就是陽(yáng)光、白云、綠色植物
 
接著來(lái)看看“出行”
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
-元素
元素呢也是在上面“春天”的基礎(chǔ)上面
多出車(chē),人,露營(yíng)等周邊關(guān)于戶外的元素
這些元素能夠更加生動(dòng)地展現(xiàn)春季戶外活動(dòng)的場(chǎng)景和氛圍
-色調(diào)
色調(diào)也基本藍(lán)、白、綠
這個(gè)主題我覺(jué)得還是要有生機(jī)感、有活力一點(diǎn)的色調(diào)才對(duì)
 
總結(jié)設(shè)計(jì)方向和關(guān)健詞提取
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
版式
整體的版式規(guī)劃采用上下的結(jié)構(gòu)
主標(biāo)題放在上方,橫排版,用手寫(xiě)黑體
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
關(guān)鍵詞
核心詞:草地,拖車(chē)、車(chē)輛、山川
效果詞:可愛(ài)的卡通設(shè)計(jì)、夢(mèng)幻的視覺(jué)效果、鮮艷的色彩
 
Part 02
接下我們看一下WHEE的參數(shù)
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
提示詞、模型這里維持默認(rèn)就好
當(dāng)然也還可以使用它的智能聯(lián)想功能
看看有什么新靈感,亦或者是反向詞等等
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
風(fēng)格模型
在模型商店里面,這里我用了citypop的風(fēng)格模型
當(dāng)然這里面還有很多的模型,比如新中式風(fēng)格,工筆畫(huà)盲盒等等
所以在關(guān)鍵詞里就不需要在寫(xiě)風(fēng)格的關(guān)鍵詞了
直接選擇相對(duì)應(yīng)的風(fēng)格模型會(huì)更加高效率
出來(lái)的畫(huà)面結(jié)果也更加接近目標(biāo)視覺(jué)
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
參數(shù)這里保持默認(rèn)就好
我們第一次跑圖主要還是測(cè)試關(guān)鍵詞
后續(xù)看情況在進(jìn)行調(diào)整
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
這是我一共刷了兩次圖
從呈現(xiàn)的結(jié)果上面來(lái)看
第一排比較符合想要的感覺(jué)
畫(huà)面上方也好做文字的排版
添加關(guān)鍵詞“露營(yíng)、帳篷”
添加關(guān)鍵詞“露營(yíng)、帳篷”
 
 
氛圍的感覺(jué)還是少了一點(diǎn),因?yàn)樯倭寺稜I(yíng)和帳篷的元素
我們可以在右側(cè)這里,選“重新編輯”按鈕
這樣我們就可以延續(xù)之前的設(shè)置繼續(xù)編輯
然后我們把露營(yíng)和帳篷關(guān)鍵詞加上,其它不變
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
從結(jié)果來(lái)看第一張有帳篷的氛圍更好
第三張和第四張有點(diǎn)脫離了
但是第三張?zhí)幚硪幌履脕?lái)做彈窗感覺(jué)效果也會(huì)非常好
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
然后我們?cè)谟覀?cè)這個(gè)放大一下像素
這樣就可以得到一個(gè)更高清的分辨率
 
Part 03
接著我們來(lái)做一下主標(biāo)題的字體設(shè)計(jì)
就用手寫(xiě)黑體
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
我們先找一些毛筆字字形作為筆畫(huà)墊字
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
 
用鋼筆工具描出字形(這里先以春字為例)
我們挑選出重要的筆畫(huà)特征就好
其實(shí)是不需要跟原來(lái)的一樣
這樣會(huì)更有靈性
比如這里“春”字,上部首里的三橫
我這里只要第三橫連筆的特征
后面的幾個(gè)字也是以此類(lèi)推
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
描繪完之后呢,我們加一粗一點(diǎn)描邊的大小
同時(shí)將端點(diǎn)和邊角都設(shè)為平頭
基本的字體結(jié)構(gòu)完成了
下一步就是細(xì)節(jié)的調(diào)整了
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
首先調(diào)整一下字間距
排版的話,我給它是上下錯(cuò)落
這樣會(huì)給人比較輕松的感覺(jué)
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
整理細(xì)節(jié)的話,就需要注意
筆畫(huà)之間的關(guān)系和空間感
例如“春”字上部首的第三橫與“日”中間那一橫
“出”和“行”的連接,以及它們相互之間的關(guān)系
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
完成主標(biāo)題的設(shè)計(jì)之后,我們先來(lái)對(duì)畫(huà)面進(jìn)行二次構(gòu)圖
天空部份我們不需要太多
第一是文案放在上方識(shí)別度較低
第二放大主體元素露營(yíng)車(chē)和帳篷后,它也能夠更好的突出主題氛圍
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
按照原先的計(jì)劃做上下結(jié)構(gòu)的版式設(shè)計(jì)
上面我們放主標(biāo)題文案信息
但是單看著主標(biāo)題設(shè)計(jì)還不夠豐富
所以需要在添加一些細(xì)節(jié)
在“日”字上方和“出行”下方
我們?cè)谟梦陌缸龀汕€跟隨字形弧度
同時(shí)他們也是相互呼應(yīng)的
描述信息直接放在主標(biāo)題下方
居中對(duì)齊的樣式就好
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
 
下面就放輔助的信息
同時(shí)也是居中對(duì)齊的樣式
這樣上下就有元素關(guān)系的呼應(yīng)
統(tǒng)一的居中對(duì)齊的樣式
也會(huì)讓文字閱讀效率大大提高
AI實(shí)操:用WHEE輔助設(shè)計(jì)app啟動(dòng)頁(yè)
 
 
最后在放入一些固定落款的元素就完成啦~
 
Part 04
總結(jié)
1. 設(shè)計(jì)方向和關(guān)鍵詞提取
通過(guò)收集和分析同類(lèi)題材,得出設(shè)計(jì)方向和關(guān)鍵詞
前期的方向確定是很重要的,有效的方向可以減少后期改稿
2. 視覺(jué)風(fēng)格
選擇對(duì)應(yīng)的風(fēng)格模型,得到想要的視覺(jué)風(fēng)格
WHEE模型庫(kù)中有很多風(fēng)格模型,這大大的提升了工作的效率
3. 主標(biāo)題字體設(shè)計(jì)
以毛筆字字形作為基礎(chǔ)字形,設(shè)計(jì)出主標(biāo)題
毛筆字結(jié)合黑體的感覺(jué)非常合適這輕松、放松類(lèi)型畫(huà)面
4. 畫(huà)面排版
根據(jù)前期版式分析確定的方向,對(duì)畫(huà)面進(jìn)行文字排版
文案與文案之間,標(biāo)題字體設(shè)計(jì)
都需要注意它們之間的關(guān)系,以及統(tǒng)一性
 
今天的分享到這兒就結(jié)束啦
我們下篇見(jiàn)咯
 
以下同款配方鏈接
01
 
02
 

藍(lán)藍(lán)設(shè)計(jì)(bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)



作者:智明了智明
鏈接:https://www.zcool.com.cn/article/ZMTYxMzc2NA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

日歷

鏈接

個(gè)人資料

存檔