AI實操:用WHEE輔助設(shè)計app啟動頁

2024-3-26    前端達人

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

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

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

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



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

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔