生成式人工智能 課件 項(xiàng)目六-任務(wù)二 電商產(chǎn)品視覺設(shè)計

任務(wù)二項(xiàng)目六

生成式AI在電商營銷中應(yīng)用電商產(chǎn)品視覺設(shè)計隨著消費(fèi)者對自然與純凈追求的不斷升級，純手工、無化學(xué)添加的國貨化妝品正逐漸成為市場的新寵。云溪谷綠源坊擁有近二十年的中草藥護(hù)膚配方研究經(jīng)驗(yàn)，產(chǎn)品憑借卓越的品質(zhì)與溫和的功效，在小范圍內(nèi)積累了良好的口碑。然而，受限于包裝設(shè)計、品牌傳播及市場拓展的不足，云溪谷綠源坊國貨化妝品品牌難以觸及更廣泛的消費(fèi)群體，其發(fā)展?jié)摿ξ茨艹浞轴尫拧１救蝿?wù)旨在為云溪谷綠源坊的“自然美肌之旅”插上翅膀，通過精心打造產(chǎn)品LOGO設(shè)計、產(chǎn)品外觀設(shè)計以及營銷海報設(shè)計，提升品牌形象，激發(fā)大眾對自然護(hù)膚的熱情，共筑中國本土美妝品牌的美麗中國夢。任務(wù)情境視覺設(shè)計是塑造品牌形象的關(guān)鍵環(huán)節(jié)，對于提升品牌吸引力和競爭力至關(guān)重要。針對護(hù)膚品牌的現(xiàn)狀，可運(yùn)用AIGC工具如稿定AI、豆包等，結(jié)合產(chǎn)品特點(diǎn)、品牌定位以及目標(biāo)消費(fèi)群體的審美偏好，進(jìn)行創(chuàng)新視覺設(shè)計。在產(chǎn)品LOGO設(shè)計中，利用AIGC挖掘護(hù)膚元素與品牌特色的融合點(diǎn)，設(shè)計出具有獨(dú)特識別性的圖案。產(chǎn)品外觀設(shè)計方面，借助AIGC探索新穎的色彩搭配、圖案元素和材質(zhì)選擇，突出產(chǎn)品的時尚感與功能性。創(chuàng)作營銷海報時，運(yùn)用AIGC結(jié)合構(gòu)圖法則和消費(fèi)者心理，突出產(chǎn)品優(yōu)勢，傳遞品牌價值。同時，要熟悉所選AIGC工具的功能和操作流程，根據(jù)設(shè)計需求精準(zhǔn)輸入指令，對生成的設(shè)計作品進(jìn)行二次編輯和優(yōu)化，使其達(dá)到預(yù)期效果。任務(wù)分析6.2.1產(chǎn)品Logo設(shè)計1.初識稿定AI其是由稿定設(shè)計推出的一款集合多種AI設(shè)計工具的在線平臺。設(shè)計工具集合：集合AI繪圖、AI文案、AI商品圖合成等多種工具，形成完整設(shè)計工具鏈?？赏ㄟ^輸入文字描述、上傳參考圖片等方式，生成設(shè)計作品。提供多種風(fēng)格選擇和海量模板資源，覆蓋海報、PPT、社交媒體圖片、視頻封面等各行業(yè)場景。支持Web端、移動端及桌面端，支持多人在線協(xié)作，團(tuán)隊成員可實(shí)時共享和編輯項(xiàng)目。對生成設(shè)計結(jié)果，可二次編輯，大大提高設(shè)計效率。任務(wù)實(shí)施6.2.1產(chǎn)品Logo設(shè)計技術(shù)原理是：稿定AI圖像合成算法主要基于擴(kuò)散生成模型，通過模擬像素值在圖像上的擴(kuò)散過程，從訓(xùn)練數(shù)據(jù)中逐步學(xué)習(xí)畫出完整的圖像。先對用戶輸入的數(shù)據(jù)先進(jìn)行違法違規(guī)的信息內(nèi)容的安全審核，通過審核的數(shù)據(jù)會被自動實(shí)時重寫，形成更完整的文本描述，再輸入生成模型中生成圖像，生成結(jié)果也會進(jìn)行安全審核，確保合法合規(guī)后才提供給用戶，并標(biāo)記AI生成標(biāo)識。任務(wù)實(shí)施6.2.1產(chǎn)品Logo設(shè)計2.LOGO設(shè)計在設(shè)計天然萃取護(hù)膚產(chǎn)品的LOGO時，應(yīng)突出天然、純凈與高端的品牌定位，選用綠色、大地色等自然色調(diào)和簡潔現(xiàn)代的字體，融入葉子、水滴等自然元素，保持設(shè)計簡潔易識別，并確保LOGO在不同場景和文化中都能良好呈現(xiàn)。同時，注重獨(dú)特性，避免與競爭對手雷同，并通過用戶測試優(yōu)化設(shè)計，最后確保LOGO可注冊為商標(biāo)，避免法律風(fēng)險。任務(wù)實(shí)施6.2.1產(chǎn)品Logo設(shè)計任務(wù)實(shí)施(1)打開網(wǎng)址：/ai，進(jìn)入“稿定AI”工作界面，打開工作界面，其左側(cè)菜單欄如圖6-5所示。如果打開“稿定AI”APP,其工作界面如圖6-6所示。6.2.1產(chǎn)品Logo設(shè)計6.1.2品牌名稱與Slogan設(shè)計(2)點(diǎn)擊“AI設(shè)計”功能菜單，選擇新媒體里的“LOGO”場景子項(xiàng)目，進(jìn)入到AI設(shè)計的操作界面。在操作界面，填寫品牌名稱、品牌口號等相應(yīng)指令信息，點(diǎn)擊“開始生成”按鈕，如圖6-7所示。6.1.2品牌名稱與Slogan設(shè)計(3)在右側(cè)的展示框中會出現(xiàn)8個AI生成的LOGO圖標(biāo)，如果都沒有您滿意的LOGO，你可以繼續(xù)選擇“換一批結(jié)果”。如圖6-8所示。6.2.1產(chǎn)品Logo設(shè)計6.1.2品牌名稱與Slogan設(shè)計(4)當(dāng)鼠標(biāo)移到選中的LOGO上方，則出現(xiàn)“編輯”和“下載”按鈕。如果對生成的LOGO滿意，則點(diǎn)擊“下載”保存文檔。需要修改，則點(diǎn)擊“編輯”按鈕，進(jìn)行編輯狀態(tài)，這時可支持修改LOGO模板、插畫元素、文字、尺寸、上傳替換背景圖等操作，部分編輯界面如圖6-9所示。編輯完成后，點(diǎn)擊右上角的“下載”按鈕，則可以下載LOGO文檔。6.2.1產(chǎn)品Logo設(shè)計6.2.2商品圖設(shè)計在設(shè)計天然萃取護(hù)膚產(chǎn)品的商品設(shè)計圖時，應(yīng)突出產(chǎn)品的天然、純凈的屬性，使用自然色調(diào)（如綠色、大地色）和簡潔優(yōu)雅的排版，營造清新、健康的視覺氛圍。同時，確保產(chǎn)品圖片清晰、質(zhì)感真實(shí)，突出核心賣點(diǎn)，并保持設(shè)計風(fēng)格與品牌LOGO一致，增強(qiáng)整體辨識度。注意設(shè)計圖在不同平臺（如電商頁面、社交媒體）上的適配性，確保視覺效果簡潔明了，吸引目標(biāo)用戶6.2.2商品圖設(shè)計(1)在“稿定AI”工作界面中，點(diǎn)擊“AI商品圖”按鈕，打開AI商品圖設(shè)計工作界面。如圖6-10所示。出現(xiàn)“上傳圖片”或“從資源庫選擇”，兩個選擇項(xiàng)。(2)點(diǎn)擊按鈕“從資源庫選擇”，選取一個產(chǎn)品樣圖進(jìn)行設(shè)計，導(dǎo)入后呈現(xiàn)效果，如圖6-11所示。6.2.2商品圖設(shè)計我們可以根據(jù)商品的特點(diǎn)，給商品圖替換不同的背景?，F(xiàn)根據(jù)品牌名稱，選擇與云溪谷主題搭配的背景畫面，效果如圖6-12所示。也可以根據(jù)品牌天然萃取，綠色健康的臉，與綠色天然萃取主題搭配，效果如圖6-13所示。根據(jù)國貨民族品牌的元素與中國紅搭配，效果如圖6-14所示。6.2.2商品圖設(shè)計(3)根據(jù)商品效果圖，還可以優(yōu)化設(shè)計。在面板中選擇對應(yīng)功能按鈕：裁剪、AI摳圖、調(diào)色、濾鏡、AI消除、AI變清晰、AI擴(kuò)圖、馬賽克、圈點(diǎn)、美化等功能。效果如圖6-15所示。6.2.2商品圖設(shè)計(4)編輯完成后，在“下載”對話框中，輸入作品類型：jpg，尺寸：原圖尺寸，清晰度等參數(shù)，點(diǎn)擊按鈕“下載”，保存圖片，如圖6-16。

圖6-16

作品下載屬性設(shè)置界面6.2.3電商海報設(shè)計電商海報的設(shè)計及指令輸入時，需要具體考慮：主題風(fēng)格+文字排版+具體要素。（1）打開“稿定AI”，點(diǎn)擊“AI創(chuàng)意工具”，點(diǎn)擊“AI商品圖”選項(xiàng)卡下的“豎版電商海報”，如圖6-17所示。在打開的電商海報設(shè)計場景中，依據(jù)提示，設(shè)置參數(shù)：主標(biāo)題、副標(biāo)題、上傳“商品圖，點(diǎn)擊“開始生成”按鈕，如圖6-18所示。6.2.3電商海報設(shè)計（2）完成步驟1和步驟2之后，在右邊展示框中就會生成多張可選擇的營銷海報效果模板，如圖6-19。點(diǎn)擊選中的模板樣式圖，生成效果如圖6-20所示。（3）依據(jù)工作需求，可以通過調(diào)整尺寸、裁剪、AI摳圖、調(diào)色、濾鏡、AI消除、AI變清晰、AI擴(kuò)圖、馬賽克、圈點(diǎn)、美化等參數(shù)，優(yōu)化效果圖。后擊按鈕“下載”，保存文檔。6.2.4新媒體直播海報設(shè)計在設(shè)計新媒體直播海報時，直播主題和關(guān)鍵信息突出是首要原則。通常海報尺寸要根據(jù)不同的新媒體平臺進(jìn)行設(shè)置，確保在各種設(shè)備上顯示效果良好。以常見的直播平臺為例，抖音直播海報建議尺寸為1125px×633px，淘寶直播海報尺寸為1920px×1080px等。分辨率要足夠高，保證海報在放大或縮小過程中不失真，一般建議分辨率不低于72dpi。6.2.4新媒體直播海報設(shè)計1）打開“稿定AI”，點(diǎn)擊“AI設(shè)計”，點(diǎn)擊“新媒體”選項(xiàng)卡下的“橫豎海報”，在打開的對話框中，輸入主標(biāo)題、副標(biāo)題，上傳素材，如圖6-21所示。提示：上傳素材后，軟件自動識別，并完成主插畫的摳圖。點(diǎn)擊按鈕“開始生成”，軟件自動生成作品初稿，效果如圖6-22所示。6.2.4新媒體直播海報設(shè)計（2）點(diǎn)擊選中的樣例效果圖，進(jìn)行編輯狀態(tài)。在編輯界面時，拖動到合適位置，點(diǎn)擊圖片的調(diào)整控制點(diǎn)，調(diào)整大小到合適，效果如圖6-23所示。當(dāng)商品圖不夠清晰時，也可以選擇“AI變清晰”工具，將商品變清晰，如圖6-24所示。最終效果，如圖6-25所示。6.2.4新媒體直播海報設(shè)計6.2.5H5頁面設(shè)計在設(shè)計產(chǎn)品的H5頁面時，應(yīng)注重用戶體驗(yàn)與視覺吸引力，確保頁面加載速度快，交互設(shè)計簡潔直觀，適配不同設(shè)備（手機(jī)、平板），并加入吸引用戶參與的元素，如動態(tài)效果或互動按鈕，提升用戶停留時間和轉(zhuǎn)化率。頁面設(shè)計有三個基礎(chǔ)原則。一是明確頁面主題和目的，圍繞核心內(nèi)容進(jìn)行設(shè)計。根據(jù)重要性和邏輯關(guān)系合理安排內(nèi)容順序，突出重點(diǎn)內(nèi)容，讓用戶一目了然。運(yùn)用分塊布局的方式，將不同內(nèi)容劃分區(qū)域，使頁面結(jié)構(gòu)清晰。例如，在設(shè)計產(chǎn)品介紹H5頁面時，可以將產(chǎn)品特點(diǎn)、優(yōu)勢、使用方法等內(nèi)容分別放在不同板塊，每個板塊使用不同的背景顏色或邊框進(jìn)行區(qū)分。6.2.5H5頁面設(shè)計同時，注意文字和圖片的搭配，避免文字過多或圖片過大影響加載速度和用戶體驗(yàn)。合理運(yùn)用空白區(qū)域，避免頁面過于擁擠，提高視覺舒適度。二是選擇與主題相符的色彩搭配，營造合適的氛圍。如喜慶的節(jié)日主題可選用紅色、金色等暖色調(diào)，科技主題適合藍(lán)色、銀色等冷色調(diào)。三是添加豐富的交互元素，如滑動、點(diǎn)擊、縮放等，增強(qiáng)用戶參與感和趣味性。具體操作方法如下：6.2.5H5頁面設(shè)計(1)打開“稿定AI”，點(diǎn)擊“AI工具”，點(diǎn)擊“設(shè)計工具”選項(xiàng)卡下的“H5頁面制作”。打開的“創(chuàng)建新的設(shè)計”對話框，效果如圖6-26所示；

點(diǎn)擊“長頁作品”或“翻頁作品”，本案例選擇“長頁作品”，點(diǎn)擊“前往模板中心”，選擇模板，編輯內(nèi)容效果如圖6-27所示。圖6-26創(chuàng)建新的設(shè)計界面6.2.5H5頁面設(shè)計(2)因編號方法和之前的案例操作相似，就不展示講述。在完成頁面編輯后，點(diǎn)擊窗口右上角的按鈕“發(fā)布”，彈出的菜單如圖6-28所示。編輯分享分布相關(guān)信息，保存設(shè)計作品文檔。1.運(yùn)用AIGC進(jìn)行視覺設(shè)計的技能，包括產(chǎn)品LOGO設(shè)計、商品圖設(shè)計、電商海報設(shè)計、新媒體直播海報設(shè)計以及H5頁面設(shè)計等。2.深入理解了不同視覺設(shè)計場景的要求和要點(diǎn)，學(xué)會根據(jù)品牌定位和目標(biāo)消費(fèi)群體偏好運(yùn)用AIGC進(jìn)行創(chuàng)意設(shè)計。3.在實(shí)際操作中，明確了精準(zhǔn)的指令輸入、對生成作品的細(xì)致篩選和優(yōu)化以及對設(shè)計趨勢的把握是提升設(shè)計質(zhì)量的關(guān)鍵。4.易錯點(diǎn)主要有指令表述不準(zhǔn)確導(dǎo)致設(shè)計結(jié)果不符合預(yù)期、過度依賴工具默認(rèn)設(shè)置而缺乏創(chuàng)新等。學(xué)生需通過不斷實(shí)踐，提升運(yùn)用AIGC進(jìn)行視覺設(shè)計的能力。任務(wù)小結(jié)情境：一家新興的茶飲品牌——“茶韻清悠”，主打高品質(zhì)中式茶飲，目標(biāo)客戶為年輕的都市白領(lǐng)和茶飲愛好者。品牌希望通過獨(dú)特的視覺設(shè)計在競爭激烈的茶飲市場中脫穎而出，吸引目標(biāo)客戶群體，提升品牌知名度和美譽(yù)度。實(shí)踐創(chuàng)新考核內(nèi)容LOGO設(shè)計（30分）：運(yùn)用稿定AI或其他AIGC工具，為“茶韻清悠”設(shè)計3-5個不同風(fēng)格的LOGO，闡述每個LOGO的設(shè)計理念，包括所運(yùn)用的設(shè)計元素、色彩搭配以及如何體現(xiàn)品牌特色（20分）。從設(shè)計的LOGO中選擇一個進(jìn)行深入優(yōu)化，展示優(yōu)化過程和最終效果（10分）。包裝設(shè)計（30分）：利用AIGC工具設(shè)計“茶韻清悠”的產(chǎn)品包裝，包括茶葉包裝袋和茶杯設(shè)計。突