AIGC視覺營銷設計（全彩微課版）

童紅斌，副教授，浙江經貿職業技術學院商務智能學院副院長，教育部課程思政名師，國家一級電子商務師，多項國賽、省賽裁判。入選首批國家職業教育教師教學創新團隊、浙江省高校黃大年式教師團隊、浙江省中高職一體化教師教學創新團隊，執筆國家職業教育高職專科農村電商專業教學標準、專業簡介和浙江省中高職一體化電商專業教學標準，主持人社部職業標準《跨境電商運營管理師》，主編、副主編國家職業教育規劃教材6種。主要研究領域為職業教育理論與技術、電商數字化運營及相關前沿技術。

項目一 AIGC與視覺營銷設計概述…………… 1

案例導入：腦洞場景+AIGC賦能： 伊利海報點燃社交熱情……………………… 2

任務一 初識視覺營銷……………… 3

知識儲備………………………………… 3

一、視覺營銷的核心價值 ………… 3

二、視覺營銷5個維度的基本要求 … 4

任務實施：討論視覺營銷對用戶購物行為的影響………………… 6

任務二 初識視覺營銷設計………… 7

知識儲備………………………………… 7

一、視覺營銷設計的內容構成 …… 7

二、視覺營銷設計的基本流程 ……10

任務實施：賞析百香果營銷海報的視覺營銷設計……………………13

任務三 了解AIGC在視覺營銷設計中的應用…………………… 15

知識儲備…………………………………15

一、AIGC的功能……………………15

二、AIGC在視覺營銷設計中的應用場景 ………………………16

【AI賦能】利用AIGC生成個性化營銷物料…………………………17

三、AIGC對人才素質與能力的要求 ……………………………18

任務實施：調研AIGC的應用情況 ……20

綜合實訓：探討視覺營銷設計的規範………………………20

思考題………………………………… 21

項目二 AIGC工具的高效應用方法與技巧…… 22

案例導入：王老吉龍年AIGC定制罐：讓年味與品牌共融………23

任務一 認知視覺營銷設計領域常用的AIGC工具 …………………23

知識儲備…………………………………23

一、文本創作類AIGC工具…………24

二、圖片創作類AIGC工具…………25

三、智能體創建類AIGC工具………26

四、視頻創作類AIGC工具…………27

任務實施：體驗AIGC工具的功能 ……28

任務二 認知AIGC工具提示詞 ……29

知識儲備…………………………………29

一、提示詞的作用 …………………29

二、提示詞的設計原則 ……………31

任務實施：分析提示詞…………………33

任務三 高效地向AIGC工具提問 …33

知識儲備…………………………………33

一、將需求具體化 …………………33

二、提供上下文信息 ………………35

三、設置生成條件 …………………36

四、嘗試不同的表述方式 …………38

【AI賦能】使用AIGC工具生成關鍵詞… 39

任務實施：分析不同提示詞生成的內容…………………………41

綜合實訓：使用AIGC工具生成剪紙圖片………………………42

思考題…………………………………43

項目三 視覺營銷設計基礎技能…………………44

案例導入：AIGC驅動下的電商圖像素材制作革新………………45

任務一 色彩的搭配與運用…………45

知識儲備…………………………………45

一、色彩三要素 ……………………45

二、色彩搭配技巧 …………………46

三、色彩對消費者行為的影響 ……48

任務實施：分析優質商品主圖色彩的運用…………………………49

任務二 設計文字與排版……………49

知識儲備…………………………………49

一、文字字體的選擇 ………………49

二、文字排版布局技巧 ……………51

任務實施：使用DeepSeek分析營銷海報的文字設計…………………52

任務三 獲取與處理圖像……………52

知識儲備…………………………………52

一、圖像素材的獲取 ………………52

【AI賦能】使用即夢AI生成3D藝術字 … 53

二、使用AIGC工具優化圖像素材…55

【AI賦能】使用美圖設計室無損放大圖像…………………………55

【AI賦能】使用美圖設計室精修飾品商品圖………………………56

【AI賦能】使用百度AI圖片助手去除局部多余內容………………57

【AI賦能】使用百度AI圖片助手摳取商品圖………………………57

任務實施：使用可靈AI生成與優化商品圖………………………58

任務四 設計頁面版式………………59

知識儲備…………………………………59

一、頁面版式設計的基本原則 ……59

二、頁面版式構圖技巧 ……………60

任務實施：分析辣椒醬商品圖文描述版式設計……………………62

綜合實訓：賞析安踏童裝旗艦店移動端首頁………………63

思考題…………………………………64

項目四 AIGC＋品牌與商品包裝視覺營銷設計… 65

案例導入：58同城借AI重構“開工招才節”品牌視覺體系…66

任務一 認知品牌與商品包裝視覺營銷…………………………66

知識儲備…………………………………66

一、品牌視覺營銷的價值 …………67

二、商品包裝在品牌視覺營銷中的作用 ……………………………67

任務實施：分析格力品牌視覺系統……68

任務二 品牌視覺識別體系基礎系統設計…………………………70

知識儲備…………………………………70

一、品牌標誌的設計 ………………70

二、品牌標準色的設計 ……………71

三、品牌標準字的設計 ……………71

四、使用AIGC工具生成品牌標誌…72

【AI賦能】使用豆包和即夢AI生成咖啡品牌標誌……………………72

任務實施：使用AIGC工具生成水餃品牌標誌並優化……………74

任務三 商品包裝視覺設計…………74

知識儲備…………………………………74

一、商品包裝設計的視覺構成要素 ……………………………74

二、商品包裝的分類 ………………77

三、商品包裝的設計要點 …………78

四、使用AIGC工具生成商品包裝效果圖 …………………………80

【AI賦能】使用即夢AI生成高端茶葉禮盒效果圖…………………80

任務實施：分析海瀾之家的商品包裝視覺設計……………………81

綜合實訓：使用即夢AI生成零食包裝效果圖……………………83

思考題…………………………………84

項目五 AIGC＋店鋪首頁視覺營銷設計……………85

案例導入：顧家家居聯手CeMeta森宇宙打造首頁視覺設計新範式………………………86

任務一 規劃店鋪首頁………………87

知識儲備…………………………………87

一、店鋪首頁的視覺定位 …………87

二、店鋪首頁的結構布局 …………87

任務實施：分析君樂寶旗艦店首頁設計…………………………89

任務二 設計與制作店招和導航……90

知識儲備…………………………………90

一、店招與導航的類型和設計要點 … 90

二、使用AIGC工具輔助設計與制作店招和導航 ……………………91

【AI賦能】使用即夢AI生成店招背景圖………………………92

任務實施：使用美圖設計室輔助制作美妝店鋪店招和導航………94

任務三 設計與制作全屏海報………95

知識儲備…………………………………95

一、全屏海報的視覺主題設計 ……95

二、全屏海報的構圖方式 …………97

三、使用AIGC工具輔助設計與制作全屏海報 ………………………99

【AI賦能】使用即夢AI生成小家電周年慶全屏海報……………99

任務實施：使用即夢AI生成端午節促銷全屏海報………………… 100

任務四 設計與制作優惠活動區… 101

知識儲備……………………………… 101

一、優惠活動區的設計要點 …… 101

二、使用AIGC工具輔助設計與制作優惠活動區 ………………… 103

【AI賦能】使用即夢AI生成裝飾元素……………………… 103

任務實施：使用豆包生成店鋪優惠活動區…………………… 107

綜合實訓：使用AIGC工具輔助制作戶外品牌店鋪首頁……… 109

思考題……………………………… 110

項目六 AIGC＋商品詳情頁視覺營銷設計…… 111

案例導入：棉語借AIGC重塑商品詳情頁設計模式……… 112

任務一 設計與制作商品主圖…… 112

知識儲備……………………………… 112

一、商品主圖的設計規範 ……… 112

二、商品主圖的設計要點 ……… 114

三、商品主圖短視頻的內容類型及制作要點 …………………… 115

四、使用AIGC工具輔助設計與制作商品主圖 ……………… 117

【AI賦能】使用WeShop唯象生成模特圖…………………… 117

五、使用AIGC工具制作商品主圖短視頻 ……………………… 121

【AI賦能】使用剪映“營銷成片”功能剪輯商品主圖短視頻…… 121

任務實施：使用WeShop唯象和即夢AI輔助制作商品主圖……… 124

任務二 設計與制作商品圖文描述……………………… 125

知識儲備……………………………… 125

一、商品圖文描述的主要內容 … 125

二、商品圖文描述的設計要點 … 126

三、商品圖文描述短視頻的制作技巧 ………………………… 129

四、使用AIGC工具輔助設計與制作商品圖文描述 ……………… 130

【AI賦能】使用即夢AI生成圖片素材 …130

五、使用AIGC工具制作商品圖文描述短視頻 ………………… 136

【AI賦能】使用剪映“AI文案成片”功能制作寵物水壺短視頻…… 136

任務實施：使用即夢AI輔助制作零食商品圖文描述…………… 140

綜合實訓：使用剪映制作飾品主圖短視頻………………… 141

思考題……………………………… 142

項目七 AIGC＋廣告與活動視覺營銷設計 …… 143

案例導入：AIGC重塑長城汽車海報設計範式……………… 144

任務一 設計廣告圖……………… 144

知識儲備……………………………… 144

一、廣告圖的設計要點 ………… 144

二、使用AIGC工具輔助設計與制作廣告圖 ……………………… 147

【AI賦能】使用可靈AI生成藍牙耳機商品圖…………………… 147

任務實施：使用可靈AI輔助制作跑步鞋廣告圖…………… 151

任務二 設計活動頁……………… 152

知識儲備……………………………… 152

一、活動頁的設計要點 ………… 152

二、使用AIGC工具輔助設計與制作活動頁 ………………… 154

【AI賦能】使用即夢AI生成端午節促銷全屏海報………………… 155

任務實施：分析“雙11”大促活動頁的設計要點………………… 159

綜合實訓：使用即夢AI輔助制作年貨節活動頁………… 160

思考題……………………………… 162

項目八 AIGC＋移動端店鋪視覺營銷設計…… 163

案例導入：美團小象超市借AIGC打造年貨節視覺盛宴… 164

任務一 認知移動端店鋪………… 164

知識儲備……………………………… 164

一、移動端消費者的特點 ……… 165

二、移動端頁面的特點 ………… 166

任務實施：分析美的官方旗艦店移動端首頁……………… 168

任務二 設計移動端店鋪首頁…… 169

知識儲備……………………………… 169

一、移動端店鋪首頁的設計要點 … 169

二、使用AIGC工具輔助設計與制作移動端店鋪首頁 …………… 170

【AI賦能】使用即夢AI生成美妝商品促銷海報………………… 171

任務實施：使用即夢AI輔助制作開學季移動端店鋪首頁………… 175

任務三 設計移動端商品圖文描述……………………… 176

知識儲備……………………………… 176

一、移動端商品圖文描述的設計要點 ………………………… 176

二、使用AIGC工具輔助設計與制作移動端商品圖文描述 … 178

【AI賦能】使用可靈AI生成商品場景圖…………………… 178

任務實施：分析移動端保溫杯圖文描述的設計要點………………… 182

綜合實訓：使用AIGC工具輔助制作便當盒圖文描述……… 183

思考題……………………………… 186

項目九 AIGC＋新媒體平臺視覺營銷設計…… 187

案例導入：AI系統解鎖新媒體圖片設計新範式…………… 188

任務一 設計新媒體圖片………… 188

知識儲備……………………………… 188

一、新媒體圖片的設計要點 …… 189

二、使用AIGC工具生成微信公眾號首圖 ………………… 190

【AI賦能】使用稿定設計生成微信公眾號首圖……………… 190

任務實施：使用稿定設計生成旅遊微信公眾號首圖………… 192

任務二 設計與裝修直播間場景… 193

知識儲備……………………………… 193

一、直播間畫面的設計要點 …… 193

二、使用AIGC工具輔助設計與制作直播間貼片 …………… 196

【AI賦能】使用百度AI圖片助手摳取商品圖…………………… 196

任務實施：使用可靈AI生成美妝直播間背景圖…………… 199

綜合實訓：使用稿定設計制作家居直播間背景和貼片…… 200

思考題……………………………… 202