能夠熟練運用 AI 的市場人,將在這一波技術浪潮中脫穎而出,成為具有超級生產力的 「超級個體」。本文源自@kvncnls 所著文章及 @xkonjin所著文章,由 深潮 Techflow 整理、編譯。 (前情提要:Google傳將「合作聯發科」開發下一代 AI 晶片,減少依賴輝達..博通危險了? ) (背景補充:打破輝達壟斷? Google地表最強AI模型「Gemma 3」用1顆H100,擊敗DeepSeek、OpenAI ) 未來的行銷人只需要兩樣東西:創意和會用 AI 的腦子。作為市場行銷的上游,品牌敘事和設計站在了 Web 3 專案的風口浪尖。今天分享 Web3 行銷大佬們如何用 AI 工具打出一套 「組合拳」,工具奉上,多點 「拿來主義」。 案例 1:設計師的 AI 組合拳 Monad 的設計師 @kvncnls 在推特分享了自己組合使用 AI 設計工具製作 Monad 測試網 Banner 的過程,展現了利用 AI 將設計想法落地到一張專業的設計圖的過程。這對於未來的行銷的人員來說,極大地促進了設計的生產效率。 AI 設計工具組合拳: @figma, @jittervideo, @LottieFiles, @cursor_ai, @greensock 案例 2:頂級 Web 3 Agency Hype 分享的品牌定位方法論,以及 GPT 模型連結 Web 3 增長駭客 @xkonjin 整理 @celestia 品牌定位師與 Web 3 知名 Agency-@hypepartners 首席行銷師 @emilyxlai 的對話,分享了品牌定位的方法論、GTP 模型、以及一張關於 Web 3 知名專案 Celestia、EigenLayer、Symbiotic.fi 品牌定位對比的表格,用這套 GPT 模型套上表格里的品牌定位框架,在制定品牌策略時事半功倍,拿走不謝! GPT: 表格: 案例 1 如何用 AI 工具設計測試網 Banner:以 Monad 為例 設計師 @kvncnls 近日在推特上分享了他如何利用多種 AI 設計工具,為 Monad 測試網建立了一個獨特的 Banner 頁面。他詳細介紹了整個設計流程,包括工具選擇、創意來源以及實現方法。以下是他分享的操作步驟,整理成了一份實用的操作指南。 1. 確定主題與工具選擇 @kvncnls 希望設計圍繞 80 年代復古遊戲的主題展開,因此選擇了以下 AI 工具: Visual Electric:專為設計師打造的 AI 圖形生成工具,適用於建立一致性的視覺素材。 Jitter:動畫製作工具,用於設計動態效果。 LottieFiles:動畫檔案匯出工具,支援輕量級的 JSON 動畫。 Cursor:程式碼編輯工具,能快速實現頁面互動效果。 Figma:主要用於線框圖設計。 Greensock (GSAP):用於實現複雜的網頁動畫效果。 2. 使用 Visual Electric 生成核心視覺素材 @kvncnls 在 Visual Electric 中從 80 年代復古遊戲的風格出發,通過 AI 提示生成了英雄部分的圖形設計。這個工具幫助他快速建立了具有卡帶質感和復古互動感的視覺元素。友情提醒:這麼專業的 prompt 不是小白可以想到的,建議存模版 3. 角色圖表設計 為了豐富頁面內容,他利用 AI 生成了角色圖表。這些圖表通常包含角色的不同姿勢、角度和表情變化,類似插畫師的工作流程。@kvncnls 表示,為此他消耗了所有的 AI 使用額度。 4. 標題設計與向量化 頁面的標題 「BREAK MONAD」 同樣由 AI 生成。雖然他並未實際使用,但他提到可以將生成的圖片匯入到 vecticon.co,將其向量化為 SVG 格式以便於後續調整。 5. 設計調整與背景移除 完成初步設計後,他對生成的素材進行了不同角度和姿勢的調整。然後使用 Visual Electric 自帶的 「移除背景」 工具清理了多餘部分,最終得到乾淨的素材。 6. 動畫製作 他將調整後的素材匯入 Jitter,製作了簡單的動畫效果。雖然動畫初稿已經完成,但他希望加入更復雜的互動效果。 7. 實現視差滾動效果 為了讓背景精靈在頁面滾動時呈現視差效果,@kvncnls 將前景和背景動畫分成了兩個獨立的動畫,並匯出為 LottieFiles 格式。隨後,他在 Cursor 中添加了滾動觸發的視差效果,並為了效能優化,在移動端禁用了該功能。 8. 增加主題特效 為了與 「BREAK MONAD」 這一標題相呼應,他在頁面中加入了一些 「故障 / 卡頓」 風格的螢幕特效,進一步強化了復古遊戲的主題氛圍。視訊見文章結尾原推文連結。 9. 工具組合使用心得 雖然 Figma 是他常用的設計工具,但這次他表示在英雄部分的設計中並未過多使用 Figma,而是直接從 Visual Electric 開始設計。Jitter 和 Cursor 則在動畫和互動效果中扮演了重要角色。 10. 最終釋出 經過一系列調整與優化,@kvncnls 成功上線了 Monad 測試網的 Banner 頁面,充滿 80 年代復古風格的設計。 通過 @kvncnls 的分享,我們可以看到 AI 工具在設計流程中的巨大潛力 —— 從視覺生成到動畫製作,再到互動實現,這些工具的組合使用讓設計變得更加高效且富有創意。 案例 2 Web3 專案的品牌與定位:AI 如何助力 在加密貨幣和 Web3 領域,品牌定位是一項極具挑戰性的任務,尤其是在競爭日益激烈的市場環境中。正如亞馬遜創...
230350 帖子
198099 帖子
146125 帖子
79024 帖子
65829 帖子
63093 帖子
60061 帖子
57726 帖子
51945 帖子
50380 帖子
AI 如何提升 Web3 市場行銷效率?從設計到品牌定位的實踐指南
能夠熟練運用 AI 的市場人,將在這一波技術浪潮中脫穎而出,成為具有超級生產力的 「超級個體」。本文源自@kvncnls 所著文章及 @xkonjin所著文章,由 深潮 Techflow 整理、編譯。 (前情提要:Google傳將「合作聯發科」開發下一代 AI 晶片,減少依賴輝達..博通危險了? ) (背景補充:打破輝達壟斷? Google地表最強AI模型「Gemma 3」用1顆H100,擊敗DeepSeek、OpenAI ) 未來的行銷人只需要兩樣東西:創意和會用 AI 的腦子。作為市場行銷的上游,品牌敘事和設計站在了 Web 3 專案的風口浪尖。今天分享 Web3 行銷大佬們如何用 AI 工具打出一套 「組合拳」,工具奉上,多點 「拿來主義」。 案例 1:設計師的 AI 組合拳 Monad 的設計師 @kvncnls 在推特分享了自己組合使用 AI 設計工具製作 Monad 測試網 Banner 的過程,展現了利用 AI 將設計想法落地到一張專業的設計圖的過程。這對於未來的行銷的人員來說,極大地促進了設計的生產效率。 AI 設計工具組合拳: @figma, @jittervideo, @LottieFiles, @cursor_ai, @greensock 案例 2:頂級 Web 3 Agency Hype 分享的品牌定位方法論,以及 GPT 模型連結 Web 3 增長駭客 @xkonjin 整理 @celestia 品牌定位師與 Web 3 知名 Agency-@hypepartners 首席行銷師 @emilyxlai 的對話,分享了品牌定位的方法論、GTP 模型、以及一張關於 Web 3 知名專案 Celestia、EigenLayer、Symbiotic.fi 品牌定位對比的表格,用這套 GPT 模型套上表格里的品牌定位框架,在制定品牌策略時事半功倍,拿走不謝! GPT: 表格: 案例 1 如何用 AI 工具設計測試網 Banner:以 Monad 為例 設計師 @kvncnls 近日在推特上分享了他如何利用多種 AI 設計工具,為 Monad 測試網建立了一個獨特的 Banner 頁面。他詳細介紹了整個設計流程,包括工具選擇、創意來源以及實現方法。以下是他分享的操作步驟,整理成了一份實用的操作指南。 1. 確定主題與工具選擇 @kvncnls 希望設計圍繞 80 年代復古遊戲的主題展開,因此選擇了以下 AI 工具: Visual Electric:專為設計師打造的 AI 圖形生成工具,適用於建立一致性的視覺素材。 Jitter:動畫製作工具,用於設計動態效果。 LottieFiles:動畫檔案匯出工具,支援輕量級的 JSON 動畫。 Cursor:程式碼編輯工具,能快速實現頁面互動效果。 Figma:主要用於線框圖設計。 Greensock (GSAP):用於實現複雜的網頁動畫效果。 2. 使用 Visual Electric 生成核心視覺素材 @kvncnls 在 Visual Electric 中從 80 年代復古遊戲的風格出發,通過 AI 提示生成了英雄部分的圖形設計。這個工具幫助他快速建立了具有卡帶質感和復古互動感的視覺元素。友情提醒:這麼專業的 prompt 不是小白可以想到的,建議存模版 3. 角色圖表設計 為了豐富頁面內容,他利用 AI 生成了角色圖表。這些圖表通常包含角色的不同姿勢、角度和表情變化,類似插畫師的工作流程。@kvncnls 表示,為此他消耗了所有的 AI 使用額度。 4. 標題設計與向量化 頁面的標題 「BREAK MONAD」 同樣由 AI 生成。雖然他並未實際使用,但他提到可以將生成的圖片匯入到 vecticon.co,將其向量化為 SVG 格式以便於後續調整。 5. 設計調整與背景移除 完成初步設計後,他對生成的素材進行了不同角度和姿勢的調整。然後使用 Visual Electric 自帶的 「移除背景」 工具清理了多餘部分,最終得到乾淨的素材。 6. 動畫製作 他將調整後的素材匯入 Jitter,製作了簡單的動畫效果。雖然動畫初稿已經完成,但他希望加入更復雜的互動效果。 7. 實現視差滾動效果 為了讓背景精靈在頁面滾動時呈現視差效果,@kvncnls 將前景和背景動畫分成了兩個獨立的動畫,並匯出為 LottieFiles 格式。隨後,他在 Cursor 中添加了滾動觸發的視差效果,並為了效能優化,在移動端禁用了該功能。 8. 增加主題特效 為了與 「BREAK MONAD」 這一標題相呼應,他在頁面中加入了一些 「故障 / 卡頓」 風格的螢幕特效,進一步強化了復古遊戲的主題氛圍。視訊見文章結尾原推文連結。 9. 工具組合使用心得 雖然 Figma 是他常用的設計工具,但這次他表示在英雄部分的設計中並未過多使用 Figma,而是直接從 Visual Electric 開始設計。Jitter 和 Cursor 則在動畫和互動效果中扮演了重要角色。 10. 最終釋出 經過一系列調整與優化,@kvncnls 成功上線了 Monad 測試網的 Banner 頁面,充滿 80 年代復古風格的設計。 通過 @kvncnls 的分享,我們可以看到 AI 工具在設計流程中的巨大潛力 —— 從視覺生成到動畫製作,再到互動實現,這些工具的組合使用讓設計變得更加高效且富有創意。 案例 2 Web3 專案的品牌與定位:AI 如何助力 在加密貨幣和 Web3 領域,品牌定位是一項極具挑戰性的任務,尤其是在競爭日益激烈的市場環境中。正如亞馬遜創...