當人人都有基本的設計思維，創造更貼近人性、符合現代審美，具動態感又能說好故事的「數位設計」將成為每個品牌都必須具有的條件；透過挖掘用戶核心需求和品牌個性，並借助 AI 等數位工具整合，創造出更具價值的設計賦能。這次 Shopping Design 風格經濟學院「商業裡的數位設計學」講座中，我們邀請 4 位設計團隊的設計總監、導演等，分享他們如何分析新時代的趨勢觀點，並透過創新、創意的數位設計，提升品牌的良好體驗與形象。
01 線上展開的品牌體驗敘事
李明／版塊設計 Block Studio 創辦人暨設計總監
數位體驗如何為品牌說好故事？版塊設計 Block Studio 創辦人暨設計總監李明認為，「網站」作為品牌故事核心的平台，透過動態特效和網站設計，便可以建立三大好感關鍵，分別是認知、情感、連結。
從視覺上建立認知 ，說明品牌的身份和使命，包括品牌的名稱、行業、產品或服務，還有獨特的價值主張； 從氛圍概念上建立情感 ，強調品牌的核心價值觀和信念，將涉及到品牌的文化、願景，以及它在乎的社會或環境責任； 再從行動上建立聯繫 ，因此促進與受眾的互動和參與，包括行動呼籲（CTA），如鼓勵用戶訂閱、購買、分享或聯繫品牌等資訊，會放在最後但與另外兩者同等重要。
以知名米其林主廚江振誠創立的 Fine Dining 餐廳 RAW 網站改版設計為案例分享。李明提到，像這樣高級感的餐廳，反而不能設計得太虛華或太複雜，「透過一個主動態讓大家留下深刻的印象便足夠有力。」更進一步分享，在 Fine Dining 餐廳用餐，除了食材的層次與創意，「體驗」更是要與眾不同，客人可以透過自己打開什麼蓋子、或是加入什麼樣的醬料等互動，增添用餐的豐富性與記憶點。
因此他們以主動態「游標繪圖效果」貫穿全站，傳達使用者與RAW一起在網站瀏覽的過程中，共創了屬於你獨有的畫面，並片段且短暫的留下了屬於你的美好記憶。將網站的互動感延伸至餐廳的互動體驗中，不但提升品牌連結度，也讓使用者獲得煥然一新的感受。
02 立體化形象的動態美學構成
劉承杰／浮點設計創辦人
擅長動態設計、將商業訴求轉化成視覺影像的「浮點設計」創辦人劉承杰，經歷過許多不同領域的專案，包括第 35 屆金曲獎動態視覺統籌、第三代林書豪球鞋 XTEP JLIN3 宣傳影片、鄭秀文《致我們的夢想》歌曲 MV 製作等等。面對多面向的挑戰，他認為「 數位工具和技術只是一種手段而已，如何善用它們並傳達品牌理念，才是重點。 」不管動態、靜態的設計，核心概念都是為了「說好一個故事」，而這些科技工具則是可以幫助我們創造全新的敘事形象。
劉承杰特別分享團隊在製作專案的 SOP，首先釐清核心概念、接著進行文字的文本描述、再讓設計師畫成圖像的分鏡，最後才是研究與開發，大量測試動態的設計可能。測試的過程中可能 90 % 都會被刪掉，只有 10% 是具有價值、可用性的，「 有過大量的錯誤累積，才能講出更好的故事。 」他更以團隊今年接手 2024 年第 35 屆金曲獎動態視覺的專案為例，總共有三個月的製作期，光是釐清專案的需求、梳理品牌脈絡等前期溝通就花費了一個月，剩下兩個月才開始製作，共完成了超過 80 個子項目。
第 35 屆金曲獎動態視覺的核心概念為「環」，動態主視覺取自平面主視覺中「渾天儀」的概念，由無數的金環轉動，帶動音樂的歷史、象徵生生不息；每一層的迭代映照音樂世代間的交織與傳承，亦帶出了音樂在光譜與樂譜上的無限可能。並以「眾星環繞」為出發點，象徵音樂人的圓球為起點觸發環的漣漪；金曲獎座上的排簫則象徵擁有 35 年歷史的金曲獎典禮。其他各大獎項的前導動態，也都以「環繞」為主軸，並利用「聲音」「音波」等特性為輔結合。
延伸閱讀：2024 金曲獎主視覺公開！設計師楊士慶操刀，以探索、挖掘為概念傳達音樂是生活中的寶藏
劉承杰表示，典禮本身才是重點，設計的角色是為了創造更好的觀賞體驗，不應搶奪音樂人、典禮的風采。經過審慎思考與精心設計的動態視覺，不會讓觀眾因此而分心，反而可以強化大家對於 3、5 的印象，像是每一個獎項的資訊條動態，主要目的是符合該獎項主題脈絡、又能清楚呈現，因此團隊規劃在 3 秒鐘黃金閱讀時間過後，才做更多動態設計的變化。這也是在商業設計裡很重要且基本的產業知識，如此一來，設計才能發揮最剛剛好的效益。
03 數位服務打造品牌專屬場景
楊英亮 / AJA 大予創意設計創意總監暨合夥創辦人
「設計是為商業服務，而體驗設計的改變，來自於商業需求的理解與用戶行為的挖掘。」AJA 大予創意設計創意總監暨合夥創辦人楊英亮 Alan 如此定義「設計」，在商業市場中，他認為在產品設計上，「 雖然我們都是設計從業人員，但不要深陷於設計技巧或論述，而是要挖掘本質讓價值被看見。 」設計師的使命在於，透過觀點包裝展現品牌個性，將產品概念以有形或無形的方式傳遞給消費者，引起消費者使用動機，進而形塑產品體驗，改變用戶行為。
Alan 以數位金融品牌 Richart 為案例分享，他們從設計師的觀點、客戶面到使用者介面共 3 方去深入研調，收斂出 Richart 所面臨的問題主要有兩個：第一，是Richart 過去的架構不易達到利收商品的跨售，隨著產品與行銷活動增加，成為產品擴充的限制；第二，則是 Richart 用戶隨著年齡增長，已成為具有現代感和創造力的 Y、Z 世代用戶，品牌風格需要隨著消費者改變。因此團隊訂定專案目標是「藉由 App 及官網的改版，建立全新品牌個性，同時擴充產品架構、重整行銷溝通，來因應新時代數位銀行與純網銀的競爭。」
以第二個問題試想，Richart 過去曾經顛覆金融的想像，要如何再次走出自己的路，成為超前時代的數位銀行？Alan 說到，Richart 的品牌狗狗形象令人印象深刻，但是過去的客群已逐漸成熟，狗狗的形象似乎過於可愛也顯得不盡專業，因此設計團隊將領結轉化為「無限、放大、向上」的符號意象，象徵著透過 Richart 金融產品，放大你的財富、創造更多可能，邁向更好的生活。
在官網、App、廣告看板等都展現出全新 Logo，但仍保留狗狗的圖像、縮小在字體的旁邊，整合出屬於 Richart 既創新又具專業的形象。一個 Logo 改變，便可以間接地翻轉用戶對品牌的印象，數位體驗設計的魅力就在於此。
04 設計場景裡的 AI 整合運用
林思翰 / 谷汩文化 Group.G 導演
近幾年 AI 工具已經充斥著我們的生活日常，首要衝擊的對象便是內容創作者，包含設計師、藝術家、電影導演等等，但危機何嘗不也是一種轉機？谷汩文化 Group.G 導演林思翰 Hans 分享：「 學著跟 AI 共處，把 AI 當作一個很有設計想法的同事，你會去反駁他嗎？ 」不與之為敵，他反而善用 AI 的多變性、速度快、成本低，以及能夠生成出既抽象又現實的效果等特色，創造了意料之外的更多可能性。
他分享了許多 AI 應用的工具與平台，包括可以將文字直接生成影片的視覺化 AI 平台「LTX Studio」，以及圖片修正、生成工具「Stable diffusion Web UI」等等。並進一步分享他們與品牌在溝通廣告影片時，是如何去溝通、執行、修改作品？
以谷汩文化 Group.G 過去執行的廣告影片為例，在前期的製作上，跟一般的商業影片一樣，會先和客戶確認影片的需求、定位、Slogan 等等，並盡可能地做出詳細的影片需求表和客戶確認，具體地聚焦想要的風格和程度。並且先將 AI 製作的前提說明清楚，像是造型上無法做到太精細，主要以氛圍為主等。接著才進到分鏡腳本的製作，把這些文字需求交給 AI 生圖，將靜態的分鏡圖畫出來。
AI 製作的優點是「快」，但缺點是「擁有極大不確定性」以及「無法重來」。因此當靜態圖完成，進到動畫影片製作時，如果客戶看了仍舊想改，必須透過「改關鍵字」讓 AI 重新生成一遍，盡力朝理想的畫面調整。Hans 也透露自已與客戶在溝通上的小撇步，他認為有鑒於 AI 擁有太多不確定性，改了關鍵字還是有可能會產生出不想要的元素／畫面。「因此我們會一次出至少 4 個版本提供給客戶讓他選，AI 雖不能調整，但我們可以善用它生成速度很快的優點。」
而在 AI 創作方面，Hans 提及去年底曾參與創作的展覽「《RE：江賢二》數位冥想．江賢二光影沈浸展」，將藝術家江賢二老師的畫作以 AI 生成藝術的方式轉譯，打造沈浸式體驗空間，重新詮釋江賢二於「巴黎聖母院」系列中的創作心境。他提到，江賢二老師的創作方式是，在同一塊畫布上不斷地重複疊加、重新創作，不喜歡就再用顏料蓋過去，因此畫中的黑色可能累積了超過 20 個圖層，彷彿畫中還有畫，「光是一幅畫就有很大的解讀空間，看越久便能從中看到更多東西。而該如何將極抽象的藝術傳達成具體的創作？這便是 AI 的強項。」
為了詮釋抽象的畫作與情感，他們運用 AIGC 生成的畫作，持續延展與堆疊，呈現江賢二獨有的視覺特色，使黑與白相互交融，營造出帶有空氣與神聖的透明感。Hans 更提到：「改編藝術家的作品，有一個很重要的事情便是『不能過度詮釋』。」
而 AI 生成的方式是由創作者輸入關鍵字、符號、文字，架構出快速變化的風格和故事線，因此不但能呼應原創的作品，又能發展出影像動態。對此，Hans 表示：「我很喜歡 AI 給人不確定性的透視玩法，帶有一點點合理性、但你又無法說明它到底是怎麼串連這些畫面的，我覺得是非常具有想像力的創作。」
