window['taobao-design-web']={"zh_TW":{"home.research5Title":"經濟美學設計與應用","products.aiagent.new.title":"團隊自研技能庫調用與執行","careers.socialJob4Team":"淘天集團","careers.socialJob4Years":"3年","research.all.the.articles.paragraph001":"對象本體：","research.all.the.articles.paragraph005":"還原度：","careers.internJob3Desc":"洞察用戶行為和反饋，分析同類產品尤其是AI產品的設計形態和發展方式；承接各業務形態的產品體驗設計；交付針對需求的策略和設計方案；構建內AI設計的產品能力；撰寫各類設計知識文檔，包括但不限於符合AI認知的規範、模型可識別的內容知識","research.all.the.articles.paragraph004":"商品狀態是評估AI生圖質量的核心。必須確保生成的AI商品形態完好，避免出現瑕疵、結構不合理等問題。同時應保證抠除背景正確，避免邊緣粗糙、泛白、紫邊等現象，從而使生成商品圖符合客戶預期。","research.all.the.articles.paragraph003":"商品形構：","research.all.the.articles.paragraph002":"生成商品的狀態與真實性呈現。基於商品物件本體的AI商品圖像美學評估標準，主要涵蓋兩個層面——商品形構和還原度。","research.all.the.articles.paragraph009":"角度選取：","research.all.the.articles.paragraph008":"商品展陳與觀看視角。","research.all.the.articles.paragraph007":"選擇角度：","research.all.the.articles.paragraph006":"應真實反映商品本身的結構表現，包括形體構成、材質與顏色，可受環境因素影響，但必須符合自然認知邏輯，不脫離商品原有形態。在視覺保真度與還原度方面，AI生成商品圖像需正確呈現商品的外觀、比例與細節特徵。此外，除高度還原商品本身外，圖像還應盡量保持高分辨率，並對商品細節作精細化處理，以卓越的清晰度捕捉精密的工藝細節、材質紋理與複雜的設計內核，從而充分展現商品的工藝水平與視覺吸引力。","team.intro.text":"淘寶設計，是一個服務於全球億萬消費者體驗的設計團隊，服務淘寶天猫等多個國民級產品。我們致力於引領用戶體驗，希望讓設計觸動人心，讓商業美而簡單。","careers.internJob3Location":"杭州","research.economic.aesthetics.title9":"設計手段提煉","research.economic.aesthetics.paragraph9":"堅信多才能活，店鋪招牌無縫銜接，相鄰店鋪形成連續的資訊牆，留白即浪費，填滿才有安全感。同一條資訊在地貼、立牌、門頭、橫幅，甚至是廣告喇叭中反覆出現，多通道強化。關鍵資訊大小遠超其他字，強行佔據版面中心。","research.economic.aesthetics.title7":"板式｜功能優先 高密度 強對比","research.economic.aesthetics.title8":"文字｜直白具象，方言混搭，“迷信”主義","research.structural.translation.of.design":"設計系統規範知識的結構化翻譯","products.design.specifications.paragraph3":"其能力覆蓋對話式出圖、批量生成、多尺寸延展、模板與風格復用、圖像精修與編輯、業務定制化生成、API化調用 等核心場景，支援從單圖創意到千級規模素材生產的高效轉化。","research.economic.aesthetics.paragraph7":"小城材質混用的現狀，是資源、認知、需求的共同作用結果。光滑vs粗糙、反光vs啞光、數字vs手工，在看似混亂的風格中，反而透出一種社會煙火氣與生命力。不過度追求「和諧精緻美」，但追求「實用生動美」。小城人民對於「金燦燦」的青睞，本質也是一種務實的理想主義。縣城街道普遍背景雜亂灰暗，高飽和度的金屬反光質感可以瞬間抓住行人眼球，且金閃閃的門面暗示商家資質正規帶來強信任背書。經歷過物質匱乏年代的人們，更需要金燦燦的質感，是一種豐收富足的心理寄託。","products.design.specifications.paragraph2":"淘天AI設計師（Taotian AI Designer） 是面向淘天電商業務與設計團隊打造的一體化 AI視覺設計智能體與生產平台，基於平台沉澱的設計能力、業務經驗與大規模圖像生成工作流，輔助設計師與營運完成從創意生成到批量交付的全鏈路視覺生產。","research.economic.aesthetics.paragraph8":"小城街道實景","products.design.specifications.paragraph5":"從「生成圖片」到「生成設計」","research.economic.aesthetics.paragraph5":"從產品包裝角度看，不論是早起受限於生產材料稀缺，採用透明視窗讓商品真實情況完整透出，還是包裝印刷精度提升，帶來的商品精修場景圖，都是透過直觀的商品本身來吸引用戶。從街頭廣告角度看，老闆手作招牌，野生圖形創作讓內容更便於理解，容易拉近用戶距離，且造價低迭代靈活。從文化傳播角度看，傳統吉祥符號（福、富、錦鯉）被高頻應用在生活場景中（布料、貼紙、瓷磚、產品造型等）轉為裝飾性好運符。","products.design.specifications.paragraph4":"挑戰：電商設計的高頻、海量與不可控性。","research.economic.aesthetics.paragraph6":"野生圖形創作","team.section.title":"這是淘天設計","research.economic.aesthetics.paragraph3":"縣城與小城市中招牌、牆繪等公共視覺元素頻繁使用紅、黃、藍、金（有時加入綠或白）的高飽和配色，背後既有材料工藝限制，也有文化心理驅動和傳播效率考量。主要有4方面考慮：1、原材料與施工成本極低，國產PVC噴繪、單原色油墨、交通工程級貼膜，本地建材「快乾耐曬」工業漆，價格低廉，無需調色；2、高辨識度＝高傳播效率，複雜光線下高飽和原色具有最強的視覺穿透力（日曬、夜晚昏暗、背景雜亂）；3、施工技能限制與模板操作，怎麼做最省事，也造成了結果的審美趨同；4、顏色自带「信任背書」，潛意識中傳遞「喜慶、光明、正統、可靠」，降低消費者決策成本。","research.economic.aesthetics.paragraph4":"生活環境色彩","research.economic.aesthetics.paragraph1":"非一二線城市的中國縣城與小城市中的普通人群，體現出大部分老百姓的日常真實生活狀態。他們所處的環境，關心的日常，接觸的事務，消費的對象，具備非一線城市的典型普遍特徵，與一線城市的用戶存在消費與關注點自然差異。研究中發現目標人群在日常生活中的審美偏好也隨之呈現出混雜性、實用性與人文情感化交織的特徵。縣城文學能獲得很大關注度，某種程度上是因為與我們自身的成長生活經歷有廣泛連接，引起共情。我們從真實的生活者感受視角切入，從色彩、圖形、文字、質感、排版等維度對線下生活消費場景中的常見設計做分析，提炼經濟美學特徵與設計手段，在線上電商產品體驗、品牌營銷場景中應用，引起用戶情緒共鳴，促進平台黏性與差異化心智。","research.economic.aesthetics.paragraph2":"看見目標群體對生活必需品具有預設與期待，體驗就應該還原出他們對經濟實用、回歸真實生活的狀態。還原群體在意的微小價格差，為生活帶來切實的小優惠而快樂；詮釋生活煙火中的菜場文學，從低價中尋找到用戶價值的創意設計。設計可以表達平凡物質帶來生活品質之美，也可以帶給生活更好的效用、增加／體現實用場景的巧思。經濟美學背後「小價格大價值」，折射的用戶對性價比的心理追求，設計尋找的是圍繞「核心價值點聚焦」的具象化豐富手段。","careers.socialJob13Date":"2026.01.05","careers.internJob2Title":"AI創意藝術家","research.ai.friendly.semantic.rules":"AI友好的語義規則","careers.bachelor":"學士","research.there.is.now.a":"目前，市場上已有種類繁多的AI驅動介面生成解決方案。新興的AI與IDE工具（V0、Stitch、Cursor等）依賴於內化開發知識的基礎模型，並調用開源組件庫（Tailwind、Shadcn、AntD、M3等）。同時，以設計軟體為基礎的代理解決方案（例如Figma Make和Mastergo Agent）則會根據設計工具本身所創建及維護的組件庫，同步生成介面與程式碼。","research.economic.aesthetics.title2":"背景介紹","research.economic.aesthetics.title5":"圖形｜具像化的表達，追求美好寓意","research.economic.aesthetics.title6":"質感｜實用主義拼貼，追求閃耀燦爛","research.economic.aesthetics.title3":"生活環境研究","research.economic.aesthetics.title4":"色彩｜遵循材料原色，自帶情緒導向","home.product1Title":"淘天 AI 設計師","research.building.internal.enterprise.design":"為AIGUI建立企業內部設計維基","research.note.design.tokens.for":"注意：元件與佈局的設計標記必須以明確的標準、清晰的語義和一致的結構來構建。它們通常遵循從值 → 原始屬性命名 → 語義命名 → 规則描述的層級進展。","careers.socialJob12Desc":"負責淘寶直播主播經營和開播相關產品的體驗設計工作，能確保產品易用性、擴展性及設計品質；負責從業務對接、策略制定、設計概念、方案輸出、還原落地、數據回收整體工作，能夠梳理完成資訊架構、風格定調、界面視覺產出、組件規範制定等；對業務有全局的理解和判斷，能夠聯合業務、用戶研究及開發等上下游團隊，尋找設計機會點，並深度共創驅動價值。","awards.new.article01":"2024 双11主互動 - MUSE白金獎&柏林設計獎金牌","awards.new.article02":"2025 春節主互動 - IAI全球設計獎銀獎＆MUSE白金獎","awards.new.article03":"2025 618主互動 - IAI全球設計獎銀獎","research.layout":"佈局","research.taobaoInteractiveGame.taoCoinPopArtStyleApplication":"陶幣：波普藝術風格應用","research.color.design.excerpt":"色彩設計（節選）","careers.socialJob5Team":"淘天集團（閒魚）","research.versionAI.tmall":"推出 VersionAI 在天貓的業務","careers.socialJob13Years":"5年","research.in.taobao.s.marketing":"在淘寶的行銷設計場景中，使用者旅程的特點是早期進入點多且循環模式強烈，這對資訊呈現的引導能力與資訊傳遞的直接性都提出了高要求。從商業角度來看，這些場景具有覆蓋面廣、需求高度重複且情境相互交織的特性。然而，歷史上，行銷表達並未被系統性地研究，也未確立為一門基礎性的設計學科。初步觀察顯示，表達風格多樣，包括類似海報的排版設計、圖形構成，以及圖文混合的方式，這表明未來有極大的潛力進行進一步整合與優化。本項倡議聚焦於「直覺化的資訊表達」，旨在建立普適的設計原則與方法論，以提升行銷溝通的整體效率。","research.tmall.app.uikit":"天貓App UIkit","research.generative.ui.agent":"生成式UI代理","careers.socialJob7Title":"體驗設計師-1688","home.bookFlipSubtitle":"淘天設計出品書籍：\n止於設計，不止AI","research.interactiveGameTrends.pageTitle":"淘寶互動遊戲設計趨勢研究","research.price.semantic.rules.excerpt":"價格語義規則（節選）","careers.internJob4Date":"2026年03月12日","research.from.literal.visualization.in":"從 splash screen 中的直觀視覺化，到彈出式廣告中的圖形容器，再到宣傳標題中的層級統一，進一步到行銷素材的精確媒介選擇、直接的文字構成、畫面級別對關鍵元素的強化，以及能喚起情感的特色提示——所有這些策略與案例研究，最終都遵循著同一個指導原則：在設計過程中保持複雜性，卻為使用者帶來簡潔；在商業語言中保留抽象性，卻讓使用者的認知回歸具體。","header.awards":"獎項","bottom.contributor.title":"貢獻者","careers.socialJob11Desc":"AI領域分析及行業專家訪談，從投資角度，針對AI技術領域、AI應用市場進行動態分析，洞悉行業發展趨勢、監控與分析該領域核心玩家／公司的關鍵動向，並針對資本市場反響較大的核心事件進行專家深訪、形成分析報告，面向戰略層提供有效輸出；電商與商業化領域策略調用／客戶研究，針對電商及商業化業務場景，行業動態分析，洞悉行業發展趨勢，梳理並追蹤各平台動向打法，進行業專家深訪，財報分析，行業資訊研究，內部資料提取分析，按需要開展商家客戶研究、代理生態研究，包括定性、定量，結合外部競爭環境以及媽媽業務，圍繞策略、技術、產品、運營，以及生態等輸出有深度、有思考的綜合性報告；與顧問、策劃、產品、運營、技術、生態等業務團隊深入溝通，了解內部業務訴求，透過動態分析反哺業務，賦能媽媽業務打區隔戰，找到業務落地點以及突破點創新變革。","products.design.specifications.paragraph7":"強大的底層引擎","products.design.specifications.paragraph6":"「聊天即創作」的全鏈路閉環","products.design.specifications.paragraph9":"效率革命：從1天到30秒。","home.award3Title":"MUSE白金獎","products.design.specifications.paragraph8":"設計知識循環","research.if.design.artifacts.are":"如果期望設計工件能被AI系統穩定地讀取、檢索、推理及執行，那麼傳統構建設計系統規範知識的方法存在三個根本性的缺陷，必須加以解決。1. {{bold}}缺乏結構化知識：{{/bold}}設計來源檔案標準化不足（缺少設計標記、組件變數和語義描述）；設計規則規定不夠明確（缺乏清晰的描述結構和內容格式）；設計程式碼不完整（缺乏具體的程式碼實現）。2. {{bold}}缺乏明確映射：{{/bold}}設計規則與程式碼之間沒有明確、結構化的關聯、約束和參考關係。3. {{bold}}缺乏統一維護：{{/bold}}設計來源檔案、規則和程式碼由設計師與開發人員分別創建和維護，缺乏共同的結構或映射共識，導致碎片化和不一致的迭代。","research.element.semantic.rule.template":"元素語義規則模板","careers.internJob2Desc":"各業務和活動的品牌行銷創意設計，交付全案設計，包括但不限於品牌、行銷、頁面、包裝、空間；互動產品的主題創意策劃，互動產品的視覺風格設定和角色設定；運用AI工具進行設計和藝術創作，解決目標達成的技術問題，具備業內頂尖的水平；構建設計資料庫，根據業務訴求和設計目標訓練／優化LoRA模型，助力業務素材自行生成","footer.sloganHumanistic":"人本","research.in.this.project.the":"在這個專案中，工作流程和代理程式都是建構於基於IDE的工具內。基礎模型與記憶體採用預設設定；工具或採用預設值，或無需任何配置；其餘項目則明確定義。提示Markdown檔案包含（但不限於）角色定義、任務定義、內建工作流程步驟、輸入與輸出要求、存取與路由，以及限制條件。","research.note.in.principle.the":"注意：原則上，知識檢索代理與設計綜合代理可統一為單一代理。但為了處理設計系統規範知識未能涵蓋某些需求至設計映射的情況，兩者特意分開。在這種情況下，解決方案設計代理可透過外部工具或授權的外部知識庫進行補充檢索。這種分離更明確地劃分了兩者之間的任務職責與自主程度，從而提升流程的可控性與結果的確定性。","careers.socialJob5Years":"5年","research.node.orchestration":"節點編排","careers.campus":"校園招聘","careers.socialJob2Location":"杭州","research.case.semantic.rules.template":"案例語義規則模板（摘錄）","home.seeAll":"查看全部","careers.socialJob3Years":"2年","home.research6Title":"「TAO」AI數位人動態影像研究","research.all.the.articles.new.label1":"設計團隊","careers.socialJob12Date":"2026.01.08","banner.titleTechnology":"科技","home.browseVideosTitle2":"快樂的工作","home.browseVideosTitle1":"我們追求","research.this.leads.to.a":"這引發了一個顛覆傳統模式的問題：在人類與人工智慧協作塑造使用者體驗與數位產品的時代，原本主要為人類解讀而設計的傳統設計指南與系統——即「面向人類的設計指南與系統」——無可避免地必須演變為針對機器理解而優化的指南與系統——即「面向人工智慧的設計指南與系統」。這一轉變為此類系統的構建方式引入了全新的原則、方法與工作流程。","research.this.article.is.a":"本文是淘寶設計團隊於2025年年中進行的一項探索，旨在研究如何讓人工智慧生成符合企業設計標準的產品界面。以中國主要的B2C購物平台——天貓App為例，本文闡述了AIGUI所解決的問題、構建可被機器解讀與利用的設計系統知識的具体方法，以及生成的產品頁面示例。隨著技術與工具的演進，相應的實踐方法亦將發生變化。以下內容僅供當前階段參考。","research.interface.generation.is.essentially":"界面生成本質上是{{bold}}由多個任務智能體、基於一條符合企業場景的設計工作流、透過上下文推理與檢索抽取設計系統規範知識所形成的的一個垂類智能體{{/bold}}。其中，工作流是工程基礎，串聯從需求輸入到界面輸出中所有的環節，來保障流程和結果確定性；多智能體是模型大腦，根據預設系統提示詞進行上一步輸入理解、自主分步推理、輸出結果至下一步，分為意圖識別、知識檢索、方案設計、代碼生成等四個任務智能體；設計系統規範知識是外掛事實，設計透過D2C的方式轉化為規則語義事實、代碼符號事實以及兩者間映射關係的結構化知識庫，供模型進行閱讀、檢索和抽取。","team.publish.a.book.paragraph102":"電影團隊的整體流程及工作內容","team.publish.a.book.paragraph101":"電影《局外人》主海報及劇情劇照","team.publish.a.book.paragraph100":"電影《鬼話連篇》主海報及劇情劇照","banner.cameraMoveBody2":"感受溫度變化","research.case.mapping.schema.template":"案例映射模式範本（摘錄）","home.adjustTextTitle":"我們打磨\n更好的設計","careers.socialJob10Title":"AI開發工程師－設計Agent","header.product2":"TDA 設計智能體","careers.socialJob1Date":"2026.03.10","header.product3":"設計系統","research.note.it.may.also":"注意：它也可能被稱為「頁面」或「區塊」。","careers.socialJob6Title":"產品視覺設計師-1688","header.product1":"淘天 AI 設計師","careers.socialJob10Desc":"負責建設和維護團隊的設計智能體生態系統，透過整合設計知識、工作流與AI能力，持續提升設計團隊的產出效率、質量一致性與知識復用率；該角色是設計體系的智能化核心構建者，連結「設計」、「工程」與「智能體技術」三大領域，確保AI在團隊中的落地可用、可迭代、可控；獨立構建和優化設計智能體系統，理解架構與工作轉移機制；主導設計智能體架構的演進與跨平台工作流集成；構建面向全團隊的智能設計平台，實現規模化賦能；負責智能體體系建設，構建並維護團隊的設計智能體（Design Agent）體系架構；負責知識體系與RAG維護，負責設計知識庫（Design Knowledge Base）的建設與演進；負責工作流智能化與工具集成＆設計智能體性能監控與評估","products.official.website.introduction.paragraph110":"執行校驗","products.official.website.introduction.paragraph111":"：生成完成後自動對照硬約束清單，攔截違規結構並輸出修正報告。","careers.internJob4Desc":"協助提升現有項目技術在AIGC產品中的實際表現；協助算法等崗位同事完成新技術的效果驗證；對現有美術資源進行分析和排查，給出改進方案","products.official.website.introduction.paragraph114":"：每個知識單元支援一鍵複製，提供 React 組件代碼與 Markdown 規則包，可直接注入 AI 對話上下文。","products.official.website.introduction.paragraph115":"場景模板","careers.socialJob2Date":"2026.03.05","products.official.website.introduction.paragraph112":"技術接入方式","products.official.website.introduction.paragraph113":"片段導出","products.official.website.introduction.paragraph118":"：規範結構已適配主流 AI 設計工具與 IDE 插件，支援規則更新與即時預覽。","products.official.website.introduction.paragraph119":"完整規範已上線，支援線上查閱與結構化資料下載","products.official.website.introduction.paragraph116":"：內建資料看板、表單頁、列表頁等高頻頁面的提示詞模板與佈局結構，可直接使用。","products.official.website.introduction.paragraph117":"外掛對接","careers.socialJob9Desc":"負責淘寶用戶產品體驗設計，涵蓋淘寶用戶平台產品（首頁、我的淘寶）、基礎交易流程產品（購物車、詳情頁、訂單等）、訊息與社交互動產品（訊息、分享、淘寶圈等），以及淘寶橫向設計系統，確保產品的可用性、可擴展性和設計品質。負責端到端的設計流程，包括業務對齊、策略制定、設計概念、方案交付、實施及數據分析，能夠完成資訊架構、風格定義、視覺介面輸出及組件規範開發。具備整體性的商業理解與判斷能力，能夠與業務、用戶研究及開發團隊合作，識別設計機會，並透過深度共同創造推動價值。","careers.socialJob8Location":"杭州","footer.sloganAcademic":"學術","research.all.the.articles.name9":"夏夢","research.all.the.articles.name8":"柳翰文","research.all.the.articles.name7":"戴啟迪","products.official.website.introduction.paragraph100":"落地接入與工作流","research.all.the.articles.name1":"樂可柯","careers.socialJob11Date":"2026.01.12","products.official.website.introduction.paragraph103":"在實際項目中，建議按以下順序調用規範：","research.all.the.articles.name6":"沈皎琦","home.product2Title":"TDA 設計智能體","products.official.website.introduction.paragraph104":"定框架","research.all.the.articles.name5":"崔瓊尹","products.official.website.introduction.paragraph101":"規範的實際價值在於高效應用。為降低團隊接入成本，梳理了標準工作流與技術對接方式：","research.all.the.articles.name4":"吳婷婷","products.official.website.introduction.paragraph102":"推薦工作流","research.all.the.articles.name3":"何雨航","products.official.website.introduction.paragraph107":"：根據業務需求調用結構化組件，嚴格遵循屬性映射與約束條件。","header.products":"產品","products.official.website.introduction.paragraph108":"校場景","products.official.website.introduction.paragraph105":"：優先讀取風格規範，確定色彩、排版與佈局基調。","products.official.website.introduction.paragraph106":"填組件","products.official.website.introduction.paragraph109":"：使用場景組合示例校驗主次關係與交互邏輯，確保輸出符合業務上下文。","banner.micTryTurnOn":"嘗試打開你的麥克風","home.award1Title11":"貓超好運桶","team.section.new.title":"團隊負責人","home.award1Title13":"喵滿分財寶香氛","home.award1Title12":"MUSE金獎","research.in.the.daily.workflow":"在設計團隊的日常工作流程中，產出目標一般分為三大類：模組、單頁和多頁流程。相應地，設計方法可歸納為三種模式：組裝現有組件、修改現有組件，以及創建新組件。其中，對現有組件的修改又可進一步細分為資訊調整、佈局調整和風格調整。","research.inject.the.snippet.into":"將片段注入上下文","research.taobaoInteractiveGame.paragraph18":"在下一階段，我們將沿著「機制驅動的整合＋場景為本的驗證＋體系化的擴展」之路前進：持續優化互動體驗框架與設計資產庫，圍繞關鍵業務場景開展快速迭代實驗與回顧反思，並將有效範式萃取為團隊的標準化能力與共用協作語言。","research.taobaoInteractiveGame.paragraph19":"同時，透過大學與產業合作研究夥伴關係所提供的外部視角與專業方法論，我們將持續保持對產業演進的敏銳度，並具備重新校準的能力——確保淘寶的互動遊戲在快速變化的環境中，繼續提供具有前瞻性的體驗。","research.taobaoInteractiveGame.paragraph16":"藉由汲取《動效圖鑑》中所総結的基礎標準與通用規則，針對關鍵場景——包括引導、過渡及覆疊層——進行實用化實施。透過統一動效節奏與反饋邏輯，此方法可提升互動的一致性與體驗的穩定性。","research.taobaoInteractiveGame.paragraph17":"本研究致力將「互動遊戲」從零散的遊戲機制與孤立的體驗觸點，昇華為一個可量化、可重複使用且可驗證的設計能力框架——透過結構化的方法解構類型學、美術風格、UI 與動態效果，同時善用趨勢研究以識別體驗機會。","research.taobaoInteractiveGame.paragraph10":"動態效果在互動式業務中扮演著關鍵角色，可發揮四項主要功能：引導、反饋、情感表達與節奏。然而，長期的專案迭代往往會導致標準不一致、品質波動以及資源效率低下——包括重複製作相似的動態效果、關鍵反饋回應遺漏或過多，以及節奏不均，從而削弱任務完成的效率。為了提升體驗的一致性與重複使用效率，有必要選擇具代表性的場景，進行系統化的解構並以規則為基礎加以整合。","research.taobaoInteractiveGame.paragraph11":"《動效圖鑑》以巴巴農場為主要案例研究，針對以下模組展開深入的動效設計研究：果樹動畫、種子選取動畫、施肥動畫、任務動畫、行為反饋，以及UI動效。透過系統化的整理與分類，識別出體驗上的問題並得出診斷結論，最終萃取出動效設計策略與參數化規則。","research.taobaoInteractiveGame.paragraph14":"普普藝術風格透過高度飽和、高對比的色彩關係來建立形式與空間層次，其表達本質上更加簡潔直接——這使其非常適合用於資訊密度高且擁有眾多UI元件的產品介面。在雙十一期間，淘幣互動區僅佔屏幕的一半，同時容納了包括入口點、按鈕及收益提示等多個模組。引入普普藝術風格，可藉由色塊劃分與對比層次來強化空間深度與結構秩序——且不會影響資訊的完整性——從而提升可讀性與決策效率。","research.taobaoInteractiveGame.paragraph15":"超現實主義拆解了現實世界的物理關係與空間常規，建立了一套介於「邏輯與非邏輯」之間卻仍具內在連貫性的表達體系——它將敘事從現實的束縛中解放出來，賦予其更強大的想像力、更深層次的象徵意義以及更豐富的主題潛力。它的價值在於運用看似違背常理卻內在自洽的視覺元素與規則，使使用者能在短暫的參與過程中迅速形成對世界的深刻記憶，並清晰地感受到獎勵的期待。","research.taobaoInteractiveGame.paragraph12":"透過互動遊戲類型圖鑑中的案例解構，我們發現，Duolingo藉由情感體驗驅動持續參與的機制具有重要的啟發價值。在Tao Coin的情境下，有必要透過情感驅動的視覺表達與回饋機制，重塑使用者與系統之間的互動關係。我們將導入階段性的狀態呈現與持續的情感回饋機制，將Tao Coin——原本以結果為導向的獎勵體系——轉變為一個以過程與節奏為定義的體驗型系統，從而提升使用者的參與意願與留存穩定性。","research.taobaoInteractiveGame.paragraph13":"在我們的類型學案例分析中，我們還發現了一種與中地霸業商業模式高度契合的互動結構——《大富翁GO!》的地圖進階系統。借鑑這一模式，我們在農耕進度與地圖進展之間建立了強烈的聯繫：用戶透過完成集卡任務逐步解鎖地圖內容，並以「解鎖整個區域」的形式獲得階段性的反饋。以地圖作為結構框架，日常用戶行為被串聯成一條可感知、可檢視且持續進步的成長旅程，從而形成穩定的節奏與閉合的動力迴路。","awards.taobaoInteractiveGame.title1":"淘寶視覺榮獲ADA蘋果設計獎","awards.taobaoInteractiveGame.title2":"淘寶視覺設計精華","products.design.specifications.title2":"天貓設計系統","research.taobaoInteractiveGame.typeGraph":"互動遊戲類型圖鑑","products.design.specifications.title3":"千牛設計系統","products.design.specifications.title1":"淘寶設計系統","research.component.mapping.schema.template":"組件對應模式範本","research.the.code.generation.agent":"程式碼生成代理程式以解決方案設計大綱為輸入。它會對應知識庫中的大綱檔案，並呼叫相應的程式碼，產生介面程式碼檔案作為輸出；使用者可以預覽生成的結果。","products.official.website.introduction.paragraph121":"前往 Taobao 設計","products.official.website.introduction.paragraph122":"Taobao Design 是一套專為淘寶App打造的設計系統，淘寶設計體系旨在打造一套通用的設計語言，確保淘寶整體產品體驗與賦能不同角色共同打造簡單而友好的商業生態。","products.official.website.introduction.paragraph120":"介紹 Taobao Design","products.official.website.introduction.paragraph125":"內容規範體系","products.official.website.introduction.paragraph126":"體驗度量","products.official.website.introduction.paragraph123":"淘寶設計以使用者為中心，對產品功能進行克制嚴謹的設計，系統複雜全面的設計構思旨在為使用者提供簡單好用有趣的产品體驗。設計師、產品經理和開發人員的資源，提供圍繞淘寶產品的通用語言，使用它來維護淘寶應用極致而貼心的產品體驗。","products.official.website.introduction.paragraph124":"Taobao Design 網站分為規範與應用兩部分，前者主要以全局樣式、基礎組件、交互模式、體驗度量，四部分出發介紹講解淘寶設計在不同模組、模式下應該如何進行正確應用；後者面向開發者，提供不同技術框架的接入說明。","careers.socialJob3Location":"杭州","team.section.new.paragraph1":"「我希望我們首先是一個有趣、好玩的設計團隊。」","products.official.website.introduction.paragraph127":"技術接入標準","products.official.website.introduction.paragraph128":"手淘圖標庫","team.section.new.paragraph2":"— 團隊負責人 顧曉元","research.existing.marketing.design.expressions":"現有的行銷設計表達方式，從四個維度進行了分析：內容識別、行為引導、視覺形式，以及整體結構關係。分析結果顯示，存在多項問題：資訊結構組織機械化，過度強調概念邏輯導致認知成本過高；開屏頁與宣傳素材倚賴模組化版面組合，創意整合薄弱且文字層級過於繁複；彈出式廣告缺乏明確的主題表達，卻包含過多資訊層次；宣傳標題的結構順序與後續內容不一致。這些表面問題背後，隱藏著一個根本性問題：設計元素彼此割裂、互不連結的積累。許多設計重視氛圍而忽略意義，迫使使用者進行大量的認知轉譯。同時，缺乏敘事結構也使得語義意義、資訊內容與視覺形式無法實現有機統一。因此，優化方向聚焦於透過普適的視覺符號來映射主題，並以結構化的構圖整合文字、品牌與產品元素，最終實現直接傳遞資訊——一種意義與形式內在契合的統一視覺表達。","research.website.homepage":"網站首頁","research.all.the.articles.label10":"裝置藝術與圖集","research.all.the.articles.label03":"總編輯","research.all.the.articles.label02":"中國美術學院","careers.socialJob1Desc":"結合電商業務情況，圍繞商家、TP服務商等角色開展經營洞察，分析提炼淘系商家在整體經營體驗、價格行銷、營運成本等方向的需求及痛點；能夠結合業務現狀明確研究課題，分析商家在淘系經營的核心問題、探索並收集關鍵策略的商家反饋，為業務策略制定和調優提供有效輸入","research.all.the.articles.label01":"淘天設計講師","research.balanced.color.contrast.use":"{{bold}}平衡的色彩對比{{/bold}}——策略性地運用對比。色相、亮度和飽和度的差異應能突顯主要主題，同時保持整體視覺的清晰度。","research.all.the.articles.label05":"書籍設計","research.all.the.articles.label04":"策劃編輯","careers.internJob1Years":"實習","careers.socialJob3Date":"2026.03.05","research.taobaoInteractiveGame.motionGraphApplication":"實踐中的互動遊戲動態效果圖鑑","footer.contactWechat":"微信公眾號","careers.socialJob8Desc":"負責前後台體驗設計，包括淘工廠頻道、基礎交易鏈路、玩法設計、淘工廠直播、商品素材設計、商家工作台的體驗設計、AI設計創新等；透過用戶調研、資料分析和商業理解，洞察用戶潛在需求和問題，深度跟業務和產品共建，洞察商業機會和用戶潛在痛點，主動發起設計提案和落地，透過創新設計提升用戶體驗並帶來業務增值；邏輯清晰、思維嚴密，設計方案有理有據；透過豐富的設計經驗、方法、流程，提高團隊整體設計水平；在大型項目中高效組織並協調聯動，跨團隊達成業務目標","research.all.the.articles.label13":"淘天設計成員","research.all.the.articles.label12":"中國美術學院成員","banner.blowOrApplaud2":"感受自由變化","research.all.the.articles.label11":"負責人","home.award9Desc":"2025 618主互動","research.shopping.guide.case.semantic":"購物指南案例語義規則（節錄）","research.design.system.specification.paragraph2":"語義規則是針對對象的定義、樣式、變數、用法、約束等內容的文本描述，是形成體驗差異的根源性知識產權，以Markdown作為格式。代碼實現是將對象轉化為可執行與應用的符號事實，以開發語言類型作為格式。","research.design.system.specification.paragraph3":"映射綱要是連接語義規則與代碼實現的中枢，其本身不作兩者的重複，而是提供物件ID錨定、映射規則約束、指向定位代碼，在工作流中的知識檢索、方案設計、代碼生成階段起到綱領指引作用，大模型無需遍歷所有知識從而節省資源消耗，以json作為格式。下面分別從各類物件展開。","research.this.document.was.produced":"本文件由淘寶設計於2025年底製作，作為專項計劃的一部分，該計劃聚焦於淘寶App行銷設計中的「直覺化資訊表達」。針對高頻行銷界面中反覆出現的問題——例如開屏、彈窗及促銷標題——包括資訊過載、使用者流程支離破碎以及視覺疲勞等，團隊提出了「符號敘事」設計策略。該策略透過普適的視覺符號來映射行銷主題，以結構化的構圖整合文字與影像，並遵循六項核心原則：意涵與形式的語義一致性、即時的結構清晰度、對主要主題的極端強調、必要的最小層級架構、均衡的色彩對比，以及自然且富表現力的動態效果。大量案例驗證顯示，此策略在各種場景中均具有效果，包括權益宣傳、紅包、優惠券、會員卡及促銷活動等。以下內容僅供階段性內部參考。","careers.socialJob10Location":"杭州","research.all.the.articles.name_new4":"炎鯨","research.all.the.articles.name_new5":"寧好","research.all.the.articles.name_new6":"憬然","research.all.the.articles.name_new7":"無二","careers.socialJob11Title":"行業策略投資分析與用戶研究高級專員－阿里媽媽","research.all.the.articles.name_new1":"群劍","research.all.the.articles.name_new2":"萱絳","research.all.the.articles.name_new3":"孟茗","research.all.the.articles.name_new8":"敬鳴","research.all.the.articles.name_new9":"柘劍","products.design.specifications.new.paragraph2":"淘天AI設計師要解決的正是從「生成圖片」到「生成設計」、從「單點創意」到「規模化交付」之間的關鍵斷層。","products.design.specifications.new.paragraph3":"從「生成圖片」到「生成設計」","products.design.specifications.new.paragraph1":"背景與挑戰：電商的視覺生產長期面臨高頻、海量與強時效的多重壓力。傳統流程依賴人工協同，效率有限；通用 AI 工具雖能生圖，卻難以真正理解業務場景與交付標準，無法直接轉化為可用的電商設計稿。\n","products.design.specifications.new.paragraph6":"累計生圖超百萬，超 2300 名非設計員工參與創作。","products.design.specifications.new.paragraph7":"淘天AI設計師正透過無限畫布與節點交互，構建更自由、更精準的智能創作空間，推動設計從「像素生成」走向「結構生產」，從「人工經驗」走向「演算法智能」，賦能設計師、營運與技術等更多角色參與創意生產。","products.design.specifications.new.paragraph4":"從「單點創意」到「規模化交付」，集成主流 AI 模型並提供 API 與批量生圖能力","products.design.specifications.new.paragraph5":"設計知識循環，知識的生產與共生。","careers.socialJob12Years":"1年","footer.navTitle":"導航","careers.internJob3Title":"產品體驗設計師","banner.titleAcademic":"學術","banner.punchedTapePlaceholder":"輸入內容轉譯為二進制","careers.socialJob4Date":"2026年02月27日","products.design.specifications.new.paragraph010":"為充分肯定學員在項目中的卓越表現與創新成果，本次工作坊特設專項獎勵機制，於終期評審後對選出的優秀作品予以表彰與實物獎勵。獎項共設三個等級：一等獎（2名）獲贈大疆雲台相機，二等獎（3名）獲得Sony高品質耳機，三等獎（4名）獲得Marshall經典音響。本次獎勵設定，旨在傳遞「設計驅動價值、創新值得嘉獎」的鮮明導向，強化「學以致用、創有所成」的課程激勵。期待這些載著匠心與前沿技術的獎品，能伴隨獲獎學員在未來的設計道路上持續捕捉靈感、傳遞聲音、記錄創想。頒獎典禮不僅為本次工作坊畫上具有儀式感的句點，更象徵著一個新起點的開始——期待所有學員承載這份認可與期待，在更廣闊的設計與商業舞台中，持續發光，影響未來。","research.design.system.specification.knowledge":"設計系統規範知識由兩大類知識物件與三種檔案類型構成。這兩大類知識物件分別是{{bold}}樣式{{/bold}}和{{bold}}頁面{{/bold}}，其中樣式又細分為四種類型：{{bold}}元素、佈局、組件和資源{{/bold}}。每一類知識物件都對應三種檔案類型：{{bold}}語義規則、映射模式和代碼實現{{/bold}}。語義規則由文字描述組成，涵蓋物件的定義、樣式、變數、使用方式及約束條件。它們代表了基礎性智慧財產權，促成了體驗上的差異化，並以Markdown格式撰寫。代碼實現則將物件轉換為可執行且可部署的符號化事實，採用適當的程式語言作為表達格式。映射模式充當語義規則與代碼實現之間的中央連結層。它們不複製任何一方，而是提供物件ID的錨定、映射約束以及精確的代碼參考。在工作流程中，它們扮演引導藍圖的角色，協助知識檢索、解決方案設計及代碼生成等階段，使大型語言模型無需遍歷整個知識庫，從而降低計算開銷。映射模式以JSON格式表示。以下各節將詳細闡述每一類知識物件。","research.icon.semantic.rules.excerpt":"圖標語義規則（節選）","careers.socialJob7Desc":"負責1688產品線的體驗設計工作，助力業務目標達成；深入理解業務，參與產品需求討論，提供有效的設計解決方案；從用戶視角出發，根據用戶場景和行為，圍繞業務目標，挖掘體驗改進機會點，推進體驗升級","team.section.link1":"大學－產業合作：中國美術學院×淘寶設計","team.section.link2":"出版書籍《止於設計，不止AI》","team.section.link3":"淘天設計的電影哲學——我們共同成長的影像檔案","research.design.system.specification.paragraph003":"設計系統規範知識由兩類知識物件、三項檔案類型構成。兩類知識物件分為樣式、頁面，其中樣式細分為元素、佈局、組件、資產四類。而每一類知識物件都包含三項檔案類型，分別為語義規則、映射綱要、代碼實現。語義規則是針對物件的定義、樣式、變數、用法、約束等內容的文本描述，是形成體驗差異的根源性知識產權，以Markdown作為格式。代碼實現是將物件轉化為可執行與應用的符號事實，以開發語言類型作為格式。映射綱要是連接語義規則與代碼實現的樞紐，其本身不作兩者的重複，而是提供物件ID錨定、映射規則約束、指向定位代碼，在工作流中的知識檢索、方案設計、代碼生成階段起到綱領指引作用，大模型無需遍歷所有知識從而節省資源消耗，以JSON作為格式。下面分別從各類物件展開。","research.agent.template":"代理人範本","products.official.website.introduction.paragraph19":"B 端商家平台 AI 設計規範","research.icon.code.implementation.excerpt":"圖標代碼實現（摘錄）","footer.sloganFree":"自由","products.official.website.introduction.paragraph17":"將片段注入上下文","products.official.website.introduction.paragraph18":"生成界面展示","products.official.website.introduction.paragraph15":"生成界面多智能體工作流運行","products.official.website.introduction.paragraph16":"複製或下載片段知識","products.official.website.introduction.paragraph13":"在IDE工具中配置","home.award2Title":"IF設計獎","products.official.website.introduction.paragraph14":"用自然語言輸入界面生成指令","research.interface.generation.in.practice":"透過VersionAI天貓網站進行實務中的介面生成","home.award9Title":"IAI全球設計獎銀獎","products.official.website.introduction.paragraph11":"AI友好型語義規則","products.official.website.introduction.paragraph12":"本網站提供使用者兩種方式在AI工具中調用到Tmall Design規範：MCP Server、上下文注入。透過在IDE工具中一鍵配置MCP伺服器，自動依賴天貓設計規範知識庫，MCP所封裝的API功能會根據用戶的自然語言指令進行自動化處理和結果輸出，具體功能包含但不限於搜尋、運行工作流等。或透過在特定知識單元頁點擊複製或下載，獲取到片段知識的語義規則、映射綱要、代碼實現檔案包體，將其直接引入指令輸入框，進行局部修改和生成。","awards.taobaoInteractiveGame.Contributors":"作者","banner.titleCreativity":"創意","products.official.website.introduction.paragraph10":"人類友好型語義規則","careers.internJob4Years":"實習","research.sidebar.consistent.with.the":"側欄與設計系統知識結構一致","careers.socialJob2Desc":"負責多端品牌行銷場景的視覺設計及創新設計，包括手機天貓、百億補貼、淘寶PC、淘寶Vision、淘寶設計官網、淘寶設計智能體等業務場景，工作包括但不限於品牌視覺體系、線上線下行銷物料、動態影片等多渠道視覺內容，提升使用者體驗、團隊影響力；結合傳統視覺設計思路方法技能與AIGC生成技術工具，產出高調性、高品質視覺作品，實現設計效率與創意產出的雙重提升。","research.economic.aesthetics.title11":"主體物｜具象優於抽象、熟悉事物再現","research.economic.aesthetics.title10":"色彩｜自然色系、情緒映射","research.economic.aesthetics.title15":"經濟美學設計模型","research.economic.aesthetics.title14":"動效：遊戲化動態設計","research.economic.aesthetics.title13":"排版｜飽和式的信息傳達","research.economic.aesthetics.title12":"文案｜生活化的語言體系","research.economic.aesthetics.title18":"拆分兩個方向：民俗物件、常見物件","research.economic.aesthetics.title17":"拆分兩個方向：生活實景、街頭小廣告","banner.titleFreedom":"自由","research.economic.aesthetics.title16":"拆分三個方向：營銷爆炸體、賣點貼紙風、塑封小商品","products.official.website.introduction.paragraph28":"約束清單化","products.official.website.introduction.paragraph29":"：直接列出「能做什麼」和「絕對不能做什麼」，為 AI 的生成過程劃清紅線。","products.official.website.introduction.paragraph26":"場景組合化","products.official.website.introduction.paragraph27":"：明確常見業務場景下組件該怎麼搭配、按什麼順序排列，避免 AI 孤立堆砌元素。","products.official.website.introduction.paragraph24":"結構代碼化","products.official.website.introduction.paragraph25":"：不僅給出外觀，還補充組件的內部結構、代碼屬性和交互狀態，讓設計參數能直接對接開發。","products.official.website.introduction.paragraph22":"規則具體化","products.official.website.introduction.paragraph23":"：去掉主觀描述，全部取代為明確的數值、固定的階梯範圍和清晰的邊界。","careers.socialJob9Date":"2026.01.29","products.official.website.introduction.paragraph20":"B 端商家平台 AI 設計規範是一套專門面向 AI 輔助設計工具的標準文檔。過去的設計規範主要是給人看的，依賴視覺參考和經驗判斷。但 AI 面對「適當留白」「視覺層次清晰」這類描述時，很容易因為理解偏差，生成排版混亂、樣式不一或主次不分的界面。我們在不改變原有設計原則的前提下，對規範的編寫邏輯做了全面升級。讓 AI 能準確讀懂要求，直接輸出符合業務邏輯和品牌標準的界面。","products.official.website.introduction.paragraph21":"調整在四個方面：","header.team":"團隊","careers.internJob4Location":"北京／杭州","research.all.the.articles.name46":"鍾佳成","research.all.the.articles.name45":"周藝歌","research.all.the.articles.name48":"有石","research.all.the.articles.name47":"龍影","research.all.the.articles.name49":"湘樂","products.official.website.introduction.paragraph39":"：採用 24 格系統。列間距固定 16px 或 24px。頁面內容區邊距 48px，卡片間距統一 24px，模組內間距 16-24px。","products.official.website.introduction.paragraph37":"：統一使用 Alibaba Sans 102（數字必須等寬）。基準字號 12px，行高嚴格遵循 FontSize + 8px（如 12px 對應 20px）。字重分級：500（標題／強調）、400（正文）、300（輔助說明）。","products.official.website.introduction.paragraph38":"間距與柵格","products.official.website.introduction.paragraph35":"連續數值會增加 AI 生成不確定性。規範將字體、行高、間距與對齊規則離散化，並綁定閱讀動線邏輯，AI 生成時直接讀取字號階梯、行高公式與對齊規則，結合 F 型動線自動分配資訊權重，避免內容堆砌或重心偏移。","home.award7Desc":"2024雙11主互動","products.official.website.introduction.paragraph36":"字體與行高","research.semantic.consistency.marketing.themes":"{{bold}}語義一致性{{/bold}}——行銷主題應透過符號進行視覺化呈現，這些符號的含義須與預期概念相符，並保持全球通用的辨識度。","products.official.website.introduction.paragraph33":"排版與佈局","products.official.website.introduction.paragraph34":"連續數值會增加 AI 生成不確定性。規範將字體、行高、間距與對齊規則離散化，並綁定閱讀動線邏輯，AI 生成時直接讀取字號階梯、行高公式與對齊規則，結合 F 型動線自動分配資訊權重，避免內容堆砌或重心偏移。","research.workflow.and.knowledge.integrated":"工作流程與知識整合工程套件","products.official.website.introduction.paragraph31":"風格語意綁定","research.all.the.articles.name51":"東宸","products.official.website.introduction.paragraph32":"顏色直接對應業務狀態與交互反饋，不作為視覺修飾使用。AI 在解析「轉化率下降」或「高優先級提交」等指令時，將透過語義映射自動呼叫對應變數，避免隨機取色導致的語義錯誤。所有色值按功能域分層聲明，並附帶明確的用途說明。","research.all.the.articles.name50":"飛飛","research.all.the.articles.name53":"拾羽","products.official.website.introduction.paragraph30":"風格規範的 AI 轉譯","research.all.the.articles.name52":"珀可","research.all.the.articles.name55":"汐桃","research.all.the.articles.name54":"蘊菲","research.all.the.articles.name57":"王晨陽","research.all.the.articles.name56":"小燭","header.research":"研究","research.all.the.articles.name59":"張鵬磊","research.all.the.articles.name58":"何雨航","careers.internJob1Team":"阿里巴巴集團","careers.socialJob13Desc":"洞察業務訴求並準確定義研究命題：獨立對接客戶營運部的營運／產品／技術等各部門負責人，了解業務發展訴求，主動思考當下關鍵產品痛點和業務機會，基於此準確定義並規劃具體研究課題；運用專業的研究手段，高效執行研究項目落地調研，並產出優質研究報告：熟練了解各類研究類型，如消費人群細分畫像、用戶需求痛點挖掘、產品體驗研究、用戶增長研究、產品概念測試與優化等；專業掌握各類研究手段，如定性研究（深度訪談／焦點座談會等）、定量研究（問卷調研）、業務後台數據分析、案頭研究／二手資料研究等；不斷迭代優化研究思路和執行方式，沉澱高效的研究工作方法論和執行體系；推動研究成果的業務落地與業務結果達成","careers.socialJob6Desc":"負責產品的視覺設計工作，包含品牌元素、商品定制、內容社區和供應鏈管理等產品；基於圖文、影片、3D等多模態，探索AIGC在商品定制和創物方面的應用創新；根據業務需求，負責從概念構思到落地實施的設計全流程，確保成果契合市場趨勢與業務目標","banner.titleHumanistic":"人本","products.official.website.introduction.paragraph48":"刪除冗餘","products.official.website.introduction.paragraph49":"：去掉不影響功能的形容詞與副詞。表頭已標明欄位時，單元格內禁止重複前綴。","products.official.website.introduction.paragraph46":"功能優先","products.official.website.introduction.paragraph47":"：文案直接服務於操作目標（如「提交訂單」替代「點擊這裡完成購買」）。","products.official.website.introduction.paragraph44":"文案生成規則","research.all.the.articles.name60":"繆亞希","products.official.website.introduction.paragraph45":"AI 生成的文案容易出現冗長、重複或語義模糊的情況。規範內建文本處理規則，生成時自動執行「去除修飾詞、提取核心資訊、使用數字替代文字、統一專業術語」的流程，確保內容符合中後台高效閱讀的標準。","products.official.website.introduction.paragraph42":"閱讀動線約束","research.all.the.articles.name62":"邵騰","products.official.website.introduction.paragraph43":"：遵循 F 型瀏覽模型。核心資訊、主標題、關鍵狀態置於左上；輔助資訊居中或弱化；關鍵操作入口置於右側。橫向單行資訊按「左（高）-中（低）-右（中）」分布。","research.all.the.articles.name61":"王庶","products.official.website.introduction.paragraph40":"對齊原則","research.all.the.articles.name64":"劉丹","products.official.website.introduction.paragraph41":"：數字／金額右對齊；文字／標題左對齊；表單標籤右對齊或頂部對齊。同類資訊必須形成穩定的矩形邊緣，禁止視覺鋸齒。","research.all.the.articles.name63":"李文良","careers.socialJob5Date":"2026.02.25","research.all.the.articles.name66":"梁以舒","research.all.the.articles.name65":"張程","research.all.the.articles.name68":"為一","research.all.the.articles.name67":"姜穎","research.all.the.articles.name69":"亦遙","research.human.friendly.semantic.rules":"人類友好的語義規則","research.structural.composition.integrating.textual":"{{bold}}結構組成{{/bold}}：將文字排版與視覺元素整合為一個連貫的圖文結構，使使用者能直接感知並理解訊息。","careers.socialJob8Date":"2026.02.04","products.official.website.introduction.paragraph59":"：適用於表單、表格、長文本等連續性內容。不使用卡片容器包裹，依賴留白與間距分隔，模組間僅使用 0.5px 發絲線或空白區域。","products.official.website.introduction.paragraph57":"規範將設計風格拆解為可執行的佈局規則。通過建立容器路由決策樹，明確不同內容類型對應的容器形式，並禁止 AI 進行遞歸嵌套或自由佈局。","careers.socialJob1Years":"3年","products.official.website.introduction.paragraph58":"極簡風格","products.official.website.introduction.paragraph55":"：完整說明文本預設收合為圖示或「了解更多」連結，僅在懸停／點擊時展開。","research.all.the.articles.name71":"孔歡帥","products.official.website.introduction.paragraph56":"佈局風格與容器路由","research.all.the.articles.name70":"顧曉元","products.official.website.introduction.paragraph53":"：全系統固定專業詞彙與行業縮寫，禁止同義混用。首次出現的縮寫需提供懸浮提示入口。","research.all.the.articles.name73":"楊昊","products.official.website.introduction.paragraph54":"動態提示","research.all.the.articles.name72":"胡川","research.taobaoInteractiveGame.caseStudies":"實務案例","products.official.website.introduction.paragraph51":"：長文本拆分為條目式短句；優先使用數字替代文字（如「15條未讀」替代「您有十五條未讀消息」）。","products.official.website.introduction.paragraph52":"術語統一","products.official.website.introduction.paragraph50":"結構化表達","research.design.principles":"設計原則","products.official.website.introduction.paragraph70":"中量級（非模態）","research.color.code.implementation.excerpt":"顏色碼實現（摘錄）","careers.internJob2Location":"杭州","products.official.website.introduction.paragraph68":"輕量級（不打斷）","products.official.website.introduction.paragraph69":"：訊息。用於操作後的即時狀態回饋，自動消失（如「儲存成功」）。","products.official.website.introduction.paragraph66":"交互反饋分級","research.note.the.design.to":"注意：設計到代碼（D2C）的代碼轉換與映射模式生成方法統一適用於所有知識物件類型。僅根據物件類別在模板結構上存在差異，此點在後續各節中將不再重複說明。","products.official.website.introduction.paragraph67":"回饋組件根據操作風險等級與異步狀態進行匹配，禁止跨級調用：","careers.socialJob5Location":"杭州","products.official.website.introduction.paragraph64":"組件與交互的 AI 結構化","careers.socialJob3Desc":"負責淘寶部分重點用戶產品（如首頁推薦、問評買等）研究，包括導購、體驗、人群心智、轉化提升等分析；透過監測和專項，定位關鍵用戶問題，以及改善優化的機會點，以提升用戶體驗，幫助提升淘寶整體產品競爭力及用戶黏性；能夠跨團隊、跨部門整合和推進體驗相關項目","products.official.website.introduction.paragraph65":"組件是界面的基礎單元。以 Button 組件為例，說明如何將傳統組件文檔調整為 AI 可直接呼叫的結構。","products.official.website.introduction.paragraph62":"硬性約束","products.official.website.introduction.paragraph63":"：禁止在卡片內部嵌套其他卡片；禁止為對齊網格而在底部保留空白區域；同類內容必須聚合在同一容器內；容器高度由內容決定，不強制使用柵格對齊。","products.official.website.introduction.paragraph60":"卡片風格","products.official.website.introduction.paragraph61":"：適用於數據指標卡、工具集合等獨立模組。使用 0.5px #E4E6ED 描邊、輕微投影與 6px 圓角，懸停時邊框顏色變更為主題色。","home.award8Desc":"2025春節主互動","products.official.website.introduction.paragraph80":"規範將視覺參數與代碼屬性一一對應，避免 AI 生成時出現樣式與邏輯脫節。建立設計參數 → CSS 變量 → 組件 Props 的單向映射表。AI 可直接讀取此表生成準確的組件代碼或設計參數，確保視覺表現與交互邏輯一致。","research.all.the.articles.name02":"蔣偉","products.official.website.introduction.paragraph81":"場景","research.all.the.articles.name01":"鄭權","research.all.the.articles.name04":"顧曉元","research.all.the.articles.name03":"殷文琦","research.all.the.articles.name06":"秦寶玉","home.product3Title":"設計系統","research.all.the.articles.name05":"段虞峰","research.all.the.articles.name08":"陳東","research.all.the.articles.name07":"唐相樂","research.all.the.articles.name09":"羅夕掇","home.award5Title":"A'設計獎","footer.downloadSuccessful":"下載成功","products.official.website.introduction.paragraph79":"結構、樣式與屬性映射","products.official.website.introduction.paragraph77":"明確定義與使用邊界","products.official.website.introduction.paragraph78":"直接說明組件的用途、適用場景與不適用場景。例如，Button 用於觸發業務操作（提交、確認、批量處理），不適用於純展示或導航路徑指示。定義結構拆分為用途 → 場景 → 排除條件，便於 AI 快速判斷調用時機。","products.official.website.introduction.paragraph75":"：警示／結果。用於頁面常駐提示或全局結果展示（如頂部維護通知、支付完成頁）。","research.code.generation.agent.configuration":"程式碼產生代理程式配置（摘錄）","products.official.website.introduction.paragraph76":"組件結構化","products.official.website.introduction.paragraph73":"：Modal/Popconfirm。用於關鍵操作確認或緊急阻斷（如「確定刪除嗎？」）。","products.official.website.introduction.paragraph74":"頁面級（持久化）","products.official.website.introduction.paragraph71":"：通知。用於系統通知或非同步任務完成提示，需使用者後續查看（如「匯出任務已完成」）。","research.all.the.articles.name11":"劉舒","products.official.website.introduction.paragraph72":"重量級（模態/阻斷）","research.all.the.articles.name10":"項宇","products.official.website.introduction.paragraph91":"：攔截非規範字號（如 13px）、顏色（如 #123456）或虛構組件名，自動取代為最近的標準階梯值。","research.all.the.articles.name13":"梁岱宗","products.official.website.introduction.paragraph92":"結構深度超標","research.all.the.articles.name12":"秦寶玉","research.all.the.articles.name15":"崔志偉","products.official.website.introduction.paragraph90":"偽造組件/Token","research.all.the.articles.name14":"俞晗","research.all.the.articles.name17":"吳敏龍","research.all.the.articles.name16":"王晶","research.all.the.articles.name19":"揭群劍","research.all.the.articles.name18":"段虞峰","products.official.website.introduction.paragraph88":"AI 硬約束清單","research.component":"組件","products.official.website.introduction.paragraph89":"為確保生成結果符合工程標準，規範內建了高頻違規攔截規則。AI 在輸出前將逐項自檢，觸發限制條件即終止生成並返回修正建議：","products.official.website.introduction.paragraph86":"可直接呼叫的程式片段","products.official.website.introduction.paragraph87":"規範末尾提供 React 與低代碼平台的調用示例，包含完整的屬性配置與佈局結構。AI 可直接參考這些片段生成初始代碼，或將其作為上下文輸入，減少重複描述。","products.official.website.introduction.paragraph84":"強制規則與約束條件","research.all.the.articles.name20":"孫玉霞","products.official.website.introduction.paragraph85":"明確的決策樹。透過條件－結果的邏輯結構，AI 可根據當前場景自動匹配正確的排布方式，避免主次顛倒或佈局錯亂。規範中直接列出不可違背的規則。如：同一操作區域僅允許 1 個主按鈕（Primary）；預設排布為「右主左副」，主按鈕位於最右側，重要性向左遞減；允許「左主右副」的例外場景：二級資訊區入口、三級資訊區高頻操作、並列工具區；按鈕數量超過 4 個時，低優先級操作需收斂至文字按鈕組。","products.official.website.introduction.paragraph82":"B 端界面通常由多個組件組合而成。規範補充了典型業務場景的組合方式，提供場景 → 組件組合 → 布局順序 的三段式指令模板。AI 能夠理解組件在實際業務中的搭配邏輯，而非孤立地調用單個元素。","research.all.the.articles.name22":"吳麗媛","research.human.ai.co.design":"人類與人工智慧共同設計產品介面，作為一種新興的工作模式","research.all.the.articles.name21":"馮帆","careers.socialJob7Date":"2026.02.24","home.research2Title":"為行銷場景下資訊的直觀表達而構建團隊內部設計共識","research.all.the.articles.name24":"趙輝","research.all.the.articles.name23":"黃松輝","research.at.this.point.an":"此時，一個整合的系統套件——結合了設計系統規範知識庫與介面生成工作流程工程管道——完成了面向人工智能的企业內部介面設計知識的建構。它可透過MCP或上下文注入，靈活地應用於基於IDE的生成環境以及設計工具中的代理模式環境。","awards.all.the.articles.paragraph1":"2025年天貓雙11品牌全案設計項目獲倫敦設計獎白金牌","research.all.the.articles.name26":"吳志祥","awards.all.the.articles.paragraph2":"獲獎證書、獎盃、標籤","research.all.the.articles.name25":"張犇","awards.all.the.articles.paragraph3":"專案展示","research.all.the.articles.name28":"周宇","research.design.system.specification.title1":"完整生成流程如下：","awards.all.the.articles.paragraph4":"獲獎資訊查詢","research.all.the.articles.name27":"楊雨韜","research.design.system.specification.title2":"用戶輸入自然語言需求","awards.all.the.articles.paragraph5":"作品名：2025天貓雙11品牌全案設計","awards.all.the.articles.paragraph6":"設計團隊：淘寶設計","research.all.the.articles.name29":"王有韜","awards.all.the.articles.paragraph7":"參賽類別：傳播設計-活動／廣告","research.design.system.specification.title5":"進入知識檢索智能體","awards.all.the.articles.paragraph8":"設計項目說明：","research.design.system.specification.title6":"，透過RAG從外掛設計系統規範知識中，按需檢索獲取與當前意圖高度相關的上下文","awards.all.the.articles.paragraph9":"在電商競爭加劇與消費體驗升級的背景下，2025年天貓雙11肩負著延續品牌影響力與突破創新的雙重使命，其核心設計策略聚焦於品牌心智的一致性和消費者體驗的統一性，並首次實現天貓與淘寶KV視覺表達的統一，旨在讓消費者在不同場景中直觀感受雙11氛圍。主視覺沿用「多彩、通透、年輕化」調性，以紅色放射狀漸變背景襯托解構為全色相幾何形體的貓頭主體，結合發散的購物袋等前景元素營造熱烈氛圍；畫面透過清晰傳達資訊的核心層、靈活適配業務的視覺元素層，以及強化品牌記憶的向前發散式「視覺錘」層，構建了層次分明的視覺體系；該統一視覺語言更貫穿發布會、廣告投放、APP全鏈路交易及園區等全場景，以連貫的表達提升品牌傳播力。","careers.socialJob4Desc":"參與負責淘寶店鋪會員關注／商家工作台／AI工具應用等產品設計；負責從業務對接、策略制定、設計概念、方案輸出、還原落地、數據回收整體工作，能夠梳理完成資訊架構、風格定調、界面視覺產出、組件規範制定等；對業務有全局的理解和判斷，能夠聯合業務、用戶研究及開發等上下游團隊，尋找設計機會點，並深度共創驅動價值。","research.design.system.specification.title3":"進入意圖識別智能體","research.design.system.specification.title4":"，將模糊需求擴寫為可被系統理解的設計意圖，輸出一份結構化需求描述，為後續決策提供邊界條件。","research.design.system.specification.title9":"進入代碼生成智能體","research.design.system.specification.title7":"進入方案設計智能體","research.design.system.specification.title8":"，在邊界條件下對檢索到的規範上下文進行取捨、組合、填入，生成中間態資料綱要Schema*，一份明確描述頁面、組件、樣式、內容的結構化設計方案","products.official.website.introduction.paragraph99":"：僅允許使用 Flex 文檔流，禁用 CSS Grid/Table/Float 布局及 vw/calc/百分比等動態單位，尺寸參數強制使用像素值。","products.official.website.introduction.paragraph97":"：自動替換「按鈕」「示例資料」等佔位文字，校驗資料隨機性與行業語境匹配度。","products.official.website.introduction.paragraph98":"佈局底層限制","research.extreme.emphasis.on.the":"{{bold}}極度強調主要主題{{/bold}}——突顯核心資訊，同時刻意弱化次要元素，確保清晰的層次結構，使關鍵元素能立即被識別。","products.official.website.introduction.paragraph95":"：數字與金額強制右對齊；單模組內字號種類嚴格控制在 3 種以內；標題層級按「核心/主要/輔助」邏輯分級。","research.all.the.articles.name31":"宣學君","products.official.website.introduction.paragraph96":"內容失真與佔位","research.all.the.articles.name30":"郭志宇","bottom.link.title":"相關文章","products.official.website.introduction.paragraph93":"：校驗 Primary 按鈕的唯一性；刪除、清空等破壞性操作強制綁定 Error 飾顏色與二次確認機制。","research.all.the.articles.name33":"陳柯曉","products.official.website.introduction.paragraph94":"對齊與層級違規","research.all.the.articles.name32":"奇維","research.all.the.articles.name35":"黃佳","team.publish.a.book.paragraph19":"《鬼話連篇 眼睛嘴巴和胃》，2024年","team.publish.a.book.paragraph9":"為什麼是電影？","research.all.the.articles.name34":"李可染","team.publish.a.book.paragraph8":"從2016年開始的每一年冬天，淘天團隊的設計師都會收到一份禮物。禮物的創意是對彼此工作和生活的洞察，比如：把各自旅行夢想地畫成新年日曆，將同事搞怪成歷史名畫人物，性格迥異的每個人自定義Pantone色號，你我的職場口頭禪編成一本熱血漫畫，童年的理想小店做成一個烏托邦小鎮……這份洞察年復一年，直到2022年，我們開始嘗試做一件新的事：拍電影。","research.all.the.articles.name37":"左傑","team.publish.a.book.paragraph17":"《再見凱蒂 HelloKitty》，2023年","team.publish.a.book.paragraph7":"當你看到這篇文章時，淘天設計年度禮物的傳統已經持續第十個年頭了。","research.all.the.articles.name36":"梁心平","team.publish.a.book.paragraph18":"這是我們拍攝的第一部長篇電影。影片嘗試以時間循環這一位高度類型化的敘事為結構框架，描述一個陷入婚姻失敗與經濟困境的中年男人，在失去家庭與尊嚴邊緣徘徊卻意外掉入時間循環，最終做出改變的故事。在反覆循環的時間中，主人公逐漸意識到，真正無法逃離的並非生活的时间，而是人對選擇的負責，當命運給予無數次重來的機會，他需要做出改變。","team.publish.a.book.paragraph6":"書中每一位親歷者，都將為你提供切身而真實的答案。","research.all.the.articles.name39":"梅禕涵","team.publish.a.book.paragraph15":"每年秋天，製片人和導演將主創團隊聚到一起，討論：「今年，我們想表達什麼？當我們開始寫一個故事，首先要想清楚的是：你最想說什麼。」","research.all.the.articles.name38":"龍思睿","team.publish.a.book.paragraph16":"李安談文化衝突和人性的壓抑，賈樟柯關注時代洪流中的個人命運，陳可辛常寫人與人的離散，小津安二郎直面家庭的隔閡，科恩兄弟描繪荒誕與命運、混亂與虛無。無論是對人性的洞察、人與人關係的複雜，還是更宏觀的社會議題，這些都是劇本的內核，也是創作者最原始的衝動。那麼我們呢？","team.publish.a.book.paragraph13":"所以我們拍攝電影。在鏡頭後重新認識彼此，在電影裡重述自我表達，從個人創作到集體觀看，讓一群人共同體驗一段時光。","team.publish.a.book.paragraph14":"我們在表達什麼？","team.publish.a.book.paragraph11":"電影是生活的延伸，這門綜合性的藝術，需要創作者視聽、敘事、情感的統一，高度調動創作者藝術表達的一致性。電影想要引人入勝，所有的場景和創作都得是細緻真摯的。你所創作的，是否真心是你所想要表達的？你所表達的，是否沒有停止對生活不斷真誠地發問？即使在AI時代，表達也是人類最本真的需求，不要停止對生活的洞察和發問，是設計師需要進修的功課。","team.publish.a.book.paragraph12":"更關鍵的是，一部電影需要數十個工種，是工業化程度最高的藝術形式。數百人協作，拍攝電影的過程，能夠讓團隊模擬體驗綜合協作，並且我們能夠在一部實驗性的電影中，用藝術化的方式探索科技領域的尖端技術進行融合。","team.publish.a.book.paragraph10":"1895年，一對法國的盧米埃爾兄弟發明了活動電影機，世界電影的歷史開始了。他們創作和拍攝的電影，真實地捕捉和記錄了現實生活的即景，使人們看到了自己身邊那些真切的生活和熟悉的人群。","research.shopping.guide.case.mapping":"購物指南案例映射模式（摘錄）","team.publish.a.book.paragraph1":"凝練淘寶設計在真實業務中的經驗與實踐，","research.all.the.articles.name40":"吳佳虹","research.all.the.articles.name42":"王祉凝","team.publish.a.book.paragraph5":"如果你正在進行體驗設計的日常學習、大廠求職關口、職業方向抉擇……","research.all.the.articles.name41":"何淑楠","team.publish.a.book.paragraph4":"在 AI 時代，設計思維又正在經歷怎樣的躍遷與演進？","research.all.the.articles.name44":"葉俊超","team.publish.a.book.paragraph3":"從一線實戰還原真實工作場景，需要怎樣的設計能力。","research.all.the.articles.name43":"王宇佳","team.publish.a.book.paragraph2":"我們不斷拓展設計邊界，更聚焦設計的深度和價值。","team.publish.a.book.paragraph28":"團隊模組化分工","team.publish.a.book.paragraph29":"前期籌備階段，主要是世界觀設定和劇本開發。我們會有劇本討論會，針對幾個議題進行編排和篩選，出品方和製片人會在這個階段進行決策。核心主創進行選角，發掘設計團隊中契合角色的同學。由於拍攝地限制在杭州附近區域，往往在劇本討論階段美術勘景就會同步進行，場景的調度和情節發生的方式緊密連結。中期拍攝是最刻苦的階段，導演會在每日安排分鏡，負責攝影和燈光、道具場務、演員、調度的同學將會配合導演的分鏡落實每一顆鏡頭。而最終的後期製作，我們也使用了大量的視覺特效、聲音、混音、調色的設計，融入AI影片的技術，電影的美術、海報、邀請函、宣發資料、周邊禮物也在這個階段完成。","careers.socialJob11Team":"淘天集團（阿里媽媽）","products.aiagent.title3":"選擇專項任務","team.publish.a.book.paragraph26":"電影製作的珍貴之處，恰恰在於它總是在時間、預算與現實條件的重重限制中展開。創作者必須不斷調動想像力，尋找更精準、更獨特、更有創造性的方式去解決藝術創作上的難題，找到創新且具有風格化的表達出口。而這也正是藝術創作最迷人的地方。","products.aiagent.title4":"支援多模態輸入與自由問答","research.enter.interface.generation.instructions":"以自然語言輸入介面生成指令","team.publish.a.book.paragraph27":"我們精簡工業化電影的發行流程進行創作，團隊雖小五臟俱全。以短短的3個多月為電影整體創作週期，從每年的10月底開始籌備，我們會經過以下幾個部分進行創作。","products.aiagent.title1":"TDA（Taobao Design Agent）是面向淘天設計團隊打造的一體化設計智能體與企業級虛擬專家，基於團隊沉澱的設計知識、方法與經驗，輔助用戶體驗設計師完成從分析到方案交付的全流程工作。其能力覆蓋自由問答、用研分析、競品與案例研究、規範查詢、策略產出、界面生成、設計審核及走查等多類任務。核心壁壘在於企業級私有設計知識庫、多任務子智能體技能，以及依託通義千問大模型的持續進化能力。當前主要服務淘天設計團隊及合作院校用戶。","team.publish.a.book.paragraph24":"這是一部作者型的黑色幽默犯罪電影，影片圍繞日本黑幫會長在華遺孤展開的權力爭奪，一場陰差陽錯的綁架與突如其來的車禍，真假主角在敘事上的巧妙替換使得多方勢力所追逐的故事真相不斷被改寫。身份、命運、敘事彼此交織，就彷彿當代世界所構建的網絡，不斷被命名、替代或利用，我們何時身處局中，又何時站在局外觀察這一切。","products.aiagent.title2":"首頁","team.publish.a.book.paragraph25":"我們如何創作？","products.aiagent.title7":"案例瀏覽","team.publish.a.book.paragraph22":"三話短片風格各異卻圍繞同一核心：人在面對社會的未知、孤獨或壓迫時，如何在真實與虛幻之間尋找自身的位置。","products.aiagent.title8":"知識庫後台","team.publish.a.book.paragraph23":"《局外人 I will survive》，2025年","footer.downloadAndScanWithWeChat":"Download and scan with WeChat","header.careers":"招聘","products.aiagent.title5":"用研分析","team.publish.a.book.paragraph20":"影片是三段式短片集，由三個彼此獨立卻在氣質上相互呼應的故事組成，每個故事都在現實與想像之間模糊界限，探討人性、記憶與存在的邊界。","products.aiagent.title6":"規範查詢","team.publish.a.book.paragraph21":"第一話「假山上的人」以偽紀錄片手法呈現，跟隨一群尋找靈媒的旅人，直至旅途盡頭視點轉移至螢幕外，觀眾才意識到自己才是旅人日思夜想的鬼魂；第二話「石·榴」是一部心理驚悚片，講述網路時代下的焦慮與權力異化，聾啞女孩在資本結構與流量的壓力下，借助AI生成將幻想變為現實，卻逐漸陷入幻覺與暴力之中；第三話「晴天」是一則溫情奇幻故事，除夕夜的當日，已故父親暫時附身女兒的閨蜜，用有限的時間重返家庭，試圖安撫在社會中無處安放孤獨與抑鬱的女兒。","products.aiagent.title9":"增加知識譜系分支","research.taobaoInteractiveGame.motionGraph":"互動遊戲動態效果圖鑑","home.joinUsTitle":"加入我們\n創造更棒的設計","research.all.the.articles.paragraph122":"真實性：生成物體材質應符合現實規律。","research.all.the.articles.paragraph121":"這些偏差會導致AI生成圖像時出現失誤，難以準確模擬真實世界細節。","research.all.the.articles.paragraph120":"AI模型本身存在偏差，在學習生成質感時更易模仿特定樣式或特徵。例如，模型學習生成風景圖片時如傾向於生成帶藍天白雲的圖像，則生成結果可能缺乏多樣性，僅反映訓練資料中的特定視角或偏見。","research.all.the.articles.paragraph126":"粗糙質感：表面凹凸，光線易散射，呈現柔和效果，如木材、水泥等材質。","research.all.the.articles.paragraph125":"光滑質感：表面平整，光線易反射，呈現光亮效果，如金屬、玻璃等材質。","research.all.the.articles.paragraph124":"現實世界中材質具多種不同質感，其差異使物體視覺上更真實生動。常見質感類型包括以下五種。","research.all.the.articles.paragraph123":"材質效果：需符合現實世界的材質效果及對應關係，避免材質異常。在電商場景中，合理材質能增強生成圖的真實性與客觀性。材質可傳達物體的物理特性與質感屬性，物體應匹配對應材質，如環境質感（模擬自然環境與光線變化）或人模皮膚質感（表現人質感與細節），避免材質反常導致視覺不自然或失實。","research.all.the.articles.paragraph129":"堅硬質感：給人以堅硬紮實感受，如石材、鋼材等材質。","footer.sloganTechnology":"技術","research.all.the.articles.paragraph128":"柔軟質感：給人以柔軟舒適感受，如棉花、絲綢等材質。","research.all.the.articles.paragraph127":"透明質感：可透光，呈現透亮效果，如水、玻璃等材質。","team.publish.a.book.paragraph39":"劇本側重故事本身，情節的推演、角色台詞、人物動機關係和邏輯的周全，分鏡腳本將再次重構故事，將劇本中的內容用視聽的方式進行重新拆分和創作。","team.publish.a.book.paragraph37":"前期籌備階段，主要是世界觀設定和劇本開發。我們會有劇本討論會，針對幾個議題進行編排和篩選，出品方和製片人會在這個階段進行決策。核心主創進行選角，發掘設計團隊中契合角色的同學。由於拍攝地限制在杭州附近區域，往往在劇本討論階段美術勘景就會同步進行，場景的調度和情節發生的方式緊密連結。中期拍攝是最刻苦的階段，導演會在每日安排分鏡，負責攝影和燈光、道具場務、演員、調度的同學將會配合導演的分鏡落實每一顆鏡頭。而最終的後期製作，我們也使用了大量的視覺特效、聲音、混音、調色的設計，融入AI影片的技術，電影的美術、海報、邀請函、宣發資料、周邊禮物也在這個階段完成。","team.publish.a.book.paragraph38":"從劇本創作到分鏡腳本","team.publish.a.book.paragraph35":"我們精簡工業化電影的發行流程進行創作，團隊雖小五臟俱全。以短短的3個多月為電影整體創作週期，從每年的10月底開始籌備，我們會經過以下幾個部分進行創作。","team.publish.a.book.paragraph36":"團隊模組化分工","team.publish.a.book.paragraph33":"我們如何創作？","team.publish.a.book.paragraph34":"電影製作的珍貴之處，恰恰在於它總是在時間、預算與現實條件的重重限制中展開。創作者必須不斷調動想像力，尋找更精準、更獨特、更有創造性的方式去解決藝術創作上的難題，找到創新且具有風格化的表達出口。而這也正是藝術創作最迷人的地方。","team.publish.a.book.paragraph31":"劇本側重故事本身，情節的推演、角色台詞、人物動機關係和邏輯的周全，分鏡腳本將再次重構故事，將劇本中的內容用視聽的方式進行重新拆分和創作。","team.publish.a.book.paragraph32":"《局外人》劇本推進時的故事設計","team.publish.a.book.paragraph30":"從劇本創作到分鏡腳本","careers.socialJob10Years":"3年","research.all.the.articles.paragraph111":"明暗關係：商品與環境色彩需保持一致，主體與場景應相互契合。AI電商產品生圖中的亮色調與暗色調透過圖像中的明暗分布及對高光與陰影的強調，影響整體觀感與氛圍。生圖美學中，需確保主體與背景之間亮暗色調的統一，防止明暗關係割裂。亮色調圖像常營造明朗輕鬆氛圍，適用於表達積極開朗情感，有助於突出細節，使物件紋理與形態更清晰，呈現輕盈通透效果；暗色調圖像則傳遞沉穩、神秘感受，適合莊重產品主題，其優勢在於強調陰影部分，創造高對比與深度感，並能增強色彩飽和度，在特定情境下產生強烈視覺衝擊。應在理解不同明暗色調基礎上，合理判斷AI生圖明暗關係的統一性，以實現理想的商品圖像視覺效果。","research.taobaoInteractiveGame.uiGraph":"互動式遊戲UI圖鑑","research.all.the.articles.paragraph115":"資料偏差","research.all.the.articles.paragraph114":"在AI生圖美學中，應根據產品特徵選擇合適的色調，並保持主體與背景冷暖關係的協調，以有效傳達所需情感與氛圍。AI生成圖像通常基於大量現實世界圖片的訓練資料，但由於資料採集、模型選擇、人為標註等等方面的不完善，訓練結果可能存在以下偏差。","research.all.the.articles.paragraph113":"質感","research.all.the.articles.paragraph112":"冷暖關係：需平衡畫面中色彩的冷暖傾向。AI電商產品生圖中的冷暖關係指圖像中顏色的主要分佈情況。產品圖片需確保整體色彩的冷暖傾向和諧，避免產生割裂感。冷調色常傳達冷靜情緒，適用於寒冷天氣或清冷氛圍，其製造距離感的能力可增強前景與背景之間的深縱感，有效營造深邃與空間效果，多與沉思或寧靜的產品主題相配；暖調色則常傳達溫暖與活力，更易吸引觀者注意，適用於突出主題或增強視覺吸引力，對人模圖像通常更具親和力，是表達熱情與活力的理想選擇。","research.all.the.articles.paragraph119":"模型偏差","research.all.the.articles.paragraph118":"資料標註過程中可能因主觀因素導致錯誤或不准。如圖片中物件被誤標，AI生成圖像時也會出現相應錯誤。","research.all.the.articles.paragraph117":"標註偏差","footer.sloganFuturistic":"未來","research.all.the.articles.paragraph116":"AI模型的訓練資料集多取自現實世界，而現實世界本身存在偏差。例如，白色人種在現實中的比例較高，此類偏差會傳遞至訓練資料，導致AI生成人模時更易生成白色人種，忽略其他人群或場景。","team.publish.a.book.paragraph48":"電影周邊禮品的製作，則是故事性的另一種實體載體的表達，當故事是虛構的，作為觀眾能夠帶走什麼？","team.publish.a.book.paragraph49":"三年的電影我們都製作瞭道具周邊禮品，用電影劇情中有趣或關鍵性的道具，來喚起離場觀眾的現場回憶。比如第一年的《再見凱蒂》使用瞭電影中的鐵飯盒，這個載體是80年代的回憶，使用鐵飯盒裝載角色台詞日曆，當團隊的同學打開飯盒，不僅打開的是電影中的一種溫情，更多的也是電影中歷歷在目的場景和人生感悟。《鬼話連篇》則以第三話中的肉包子蒸籠翻譯瞭一種結結實實的團圓。中國人特有的物品作為載體是無需多言的，這種敘事性的載體能夠比普通的紙盒禮盒多一份語義。《局外人》製作瞭一盒角色飛行棋，將劇情中的情節推演和多方碰撞融入在兒時飛行棋的遊戲規則中，當大家帶著飛行棋度過新年，也可以和家人朋友一起度過新的時光。","team.publish.a.book.paragraph46":"《鬼話連篇》電影美術概念海報","team.publish.a.book.paragraph47":"《局外人》電影美術概念海報","team.publish.a.book.paragraph44":"電影宣發與周邊禮品製作","team.publish.a.book.paragraph45":"雖然這是針對內部團隊的電影，我們仍然保留了概念海報與上映正式海報的製作與宣發。概念海報更有作者性，用場景或者畫面來演繹電影初始想要表達的概念，正式海報則更具商業性，在影片放映時作為觀眾進入故事的前奏。","team.publish.a.book.paragraph42":"電影特效設計則安排在影片拍攝完成之後的製作環節，一些高難度的拍攝導演及攝影會提前規劃好特效設計的綠幕或現場特效的素材，在後期一併進行製作，例如一些大場景的爆炸、螢幕綠幕合成、角色站位合成等等。","team.publish.a.book.paragraph43":"《局外人》美術設定參考","team.publish.a.book.paragraph40":"電影美術","careers.internJob3Team":"淘天集團","careers.socialJob6Date":"2026.02.24","team.publish.a.book.paragraph41":"電影現場美術組主要分成兩大職能：環境造型與人物造型。環境造型介入在劇本與分鏡創作的前期，美術指導與導演、編劇一同規劃故事發生的場景應該在何處、何時。電影場景的選址不僅要滿足情節畫面的要求，更需要給予導演在劇情調度、演員走位時的空間可能性。根據電影片段的調性來選擇何時的場景，搭建、繪建場景。人物造型則在選角以及具體分鏡執行時介入，包含了服裝設計、人物造型，人物的造型是根據角色的個性以及在劇情中的作用來決定，道具製作與採購也作為角色與場景真實性的銜接環節。比如《再見凱蒂》中的男主角，透過設計他舊夾克、自行車工具以及社會殺馬特青年的朋友來可視化角色在社會中的位置，又比如《鬼話連篇》中李默的角色，由於李默是一個聾啞女孩的職業網紅，我們設計了規整的粉色短髮並且增加了與掩蓋聲音的耳機來表達她內心的矛盾性，《局外人》中小菊和凜子冷暖對比的角色服飾和髮型來突出替身變化後的反差性等。","careers.title":"職位","research.all.the.articles.paragraph140":"風格模型","research.taobaoInteractiveGame.artGraphApplication":"實踐中的互動遊戲美術風格圖鑑","products.aiagent.title12":"知識清理","research.all.the.articles.paragraph144":"382.0MB","products.aiagent.title13":"支援多類型格式","research.all.the.articles.paragraph143":"國美x阿里 商品美學準則","products.aiagent.title10":"新增分支下知識","research.all.the.articles.paragraph142":"D20論壇與展覽現場","research.all.the.articles.paragraph141":"場景生成","careers.socialJob1Location":"杭州","careers.socialJob5Desc":"負責閒魚重點行業的體驗設計工作，根據行業交易特性構建具有特色的行業交易體驗和業務價值表達，助力樹立行業心智；深入了解業務，從用戶角度分解設計策略，結合數據和產品策略給出精細化設計方案，為整體目標達成提供設計價值；關注趨勢及外部環境的變化，保持對競品的追蹤分析，並能在閒魚的場景裡進行更好的創新設計。","careers.internJob3Years":"實習","home.award7Title":"MUSE白金獎&柏林設計獎金牌","team.publish.a.book.paragraph59":"本次工作坊是一次對設計教育邊界的主動拓展，旨在鍛造能駕馭複雜性、定義未來體驗的下一代設計創新力量。課程結構體現了嚴謹的學術訓練與前沿產業實踐的精妙耦合。","home.award6Desc":"2025天貓雙11品牌全案設計","team.publish.a.book.paragraph57":"架構層（Framing the Intervention）：基於深度洞察，指導學生進行體驗策略框架的構建。這包括定義核心設計主張、規劃服務觸點生態系統，以及制定體驗衡量指標。課程強調體驗的邏輯性、一致性與可擴展性，確保設計方案不是一個孤立的創意，而是能夠嵌入現有業務並創造新價值的系統化解決方案。","team.publish.a.book.paragraph58":"驗證層（Proving the Value）：推動設計概念向可論證的價值轉化。學生將學習如何構建高保真交互原型，並透過情境化故事板、資料埋點模擬、使用者測試反饋等方式，對設計方案的可用性、合意性及商業可行性進行初步驗證，完成從「概念構想」到「價值假設」的關鍵跨越。","team.publish.a.book.paragraph55":"以「直播、會員、互動」三大核心數位商業場景為深度介入點，其課程內容建設旨在超越傳統的界面美化或功能疊加，構建一套「從現象到本質，從策略到驗證」的完整教學與研究閉環。課程內容設計分為三個緊密銜接的層次：","footer.sloganCreative":"創意","team.publish.a.book.paragraph56":"洞察層（Seeing the System）：引導學生穿越數據與行為的表象，運用用戶旅程地圖、行為動機分析、商業畫布等工具，系統性解構每個場景背後交織的用戶心智模型、平台商業邏輯與社會互動關係。例如，在「直播」場景中，不僅分析互動按鈕的點擊率，更探究「沉浸感」與「即時消費衝動」背後的認知機制與情感聯結。","home.research1Title":"為生成符合規範的產品界面而構建企業內部設計知識","products.aiagent.title14":"立即試用","team.publish.a.book.paragraph53":"我們並未曾知曉，一件事能否持續多久，過去這些年，我們留下了共同成長的影像檔案。也許在不久的將來，我們會以更新的藝術形式和技術能力來完成心中所想，但不會改變的是，我們會持續表達，且不會停止對生活不斷真誠地發問，我們會保持這份熱忱將同行人凝聚在去往的路上。","team.publish.a.book.paragraph54":"校企合作國美 × 淘寶設計","team.publish.a.book.paragraph51":"系列電影禮品形象照","careers.socialJob3Title":"高級用戶研究專員-淘寶","team.publish.a.book.paragraph52":"後記","team.publish.a.book.paragraph50":"《鬼話連篇》禮品形象照","research.all.the.articles.paragraph133":"光照條件：光照影響質感表現，不同光照使物體質感產生變化。強光下質感更突出，弱光下質感更柔和。","research.design.system.specification.paragraph":"設計系統規範知識由兩類知識物件、三項檔案類型構成。{{bold}}兩類知識物件分為樣式、頁面{{/bold}}，其中樣式細分為元素、佈局、組件、資產四類。而每一類知識物件都包含。{{bold}}三項檔案類型，分為語義規則、映射綱要、代碼實現{{/bold}}。","research.all.the.articles.paragraph132":"表面紋理：表面紋理是質感的重要表現方式，不同紋理產生不同視覺與觸覺感受。光滑表面常給人以光潔平滑感，粗糙表面則給人以粗獷有質感之感。","research.all.the.articles.paragraph131":"物理屬性：不同材質具不同物理屬性（如密度、硬度、光澤度等），物形與質感應與其位置和環境一致，確保統一性。例如，物體在平坦表面上，其材質形狀應平整對稱；在起伏表面上，則需考慮凸起或凹陷部分，以與環境相適應。","research.all.the.articles.paragraph130":"質感符合現實世界材質需考慮以下三方面","research.all.the.articles.paragraph137":"紋理細節度：紋理比例越接近100%，紋理圖像細節越完整正確。","research.all.the.articles.paragraph136":"紋理清晰度：紋理比例越接近100%，紋理圖像在物體表面顯示越清晰。","research.all.the.articles.paragraph135":"紋理比例影響生成圖質感的以下方面","research.all.the.articles.paragraph134":"材質比例：需協調物體對象與其紋理的比例尺寸，輔助觀者對物形主體形成正確尺寸認知。物體紋理比例指紋理圖像的寬高與物體表面長寬之間的比例。正確表現紋理比例使物體更真實自然；比例過小會導致紋理細節丟失，比例過大則會導致紋理失真。","research.using.color.as.an":"以顏色為例，下圖說明了設計產物轉換為三種檔案類型的過程：語義規則、對應模式和程式碼實作。","research.all.the.articles.paragraph139":"物體紋理比例協調對整體外觀與比例認知起重要作用。人類視覺系統在感知物體時，會依據紋理判斷其尺寸。例如，若圖中木杯的木紋紋理細膩，觀者會認為物體尺寸較小；反之，若地板木紋紋理粗糙，與紋理比例不協調，觀者可能對物形主體產生錯誤尺寸認知。物體紋理比例是影響視覺效果的重要因素，需協調各對象材質比例，使其符合實際尺寸。實際應用中，紋理比例的呈現應根據具體場景與需求而定。","research.all.the.articles.paragraph138":"紋理視覺效果：紋理比例越接近100%，紋理在物體表面視覺效果越具真實感。","research.all.the.articles.name019":"溫毓健","research.all.the.articles.name018":"錢暘","careers.socialJob12Location":"杭州","team.publish.a.book.paragraph68":"隨著產品複雜化與同質化加劇，設計的核心從「視覺競爭力」轉向「體驗決定性」——在用戶擁有多重選擇的時代，體驗本身成為關鍵差異點。面對碎片化的注意力環境，「如何以更簡單、直白、直觀的方式傳達資訊」成為設計師的持續課題。","team.publish.a.book.paragraph69":"在淘天多元業務場景中，這一理念被轉化為具體實踐：","research.all.the.articles.name011":"鄭蘊菲","team.publish.a.book.paragraph66":"這場預熱不僅是項目復盤，更是心態轉換：從「學習者」到「預備役商業設計師」，從創作獨立作品到融入商業鏈路的關鍵環節。","research.all.the.articles.name010":"黃宗燕","team.publish.a.book.paragraph67":"奇維從設計演進的歷史視角出發，揭示了設計與技術之間持續互哺的共生關係——從施樂的開創到蘋果、微軟的演進，再到本土金山、騰訊最早組建專業設計團隊，標誌著互聯網設計從「界面美化」逐漸走向系統化專業軌道。","research.all.the.articles.name013":"史正陽","team.publish.a.book.paragraph64":"「在AIGC時代，電子商務平台的『美』究竟意味著什麼？」鄭朝教授在復盤時提出。","research.all.the.articles.name012":"劉宜靜","team.publish.a.book.paragraph65":"研究團隊摒棄了機械式的圖像打標，轉向構建一套可被AI學習的美學邏輯體系——從色彩構成、元素關係到視覺敘事，將主觀審美轉化為可迭代的演算法語言。","research.all.the.articles.name015":"廖震宇","team.publish.a.book.paragraph62":"工作坊的核心是要求學員不僅嫻熟於交互範式與視覺傳達，更需理解平台經濟學、消費心理學、遊戲設計與社會化傳播機制。","research.all.the.articles.name014":"彭栩雷","team.publish.a.book.paragraph63":"2025年12月9日，鄭朝教授帶領同學們回顧了與淘天集團共同創建的「AI生圖美學準則」研究課題。這並非一次簡單的技術適配，而是一場關於「美能否被定義、被機器理解」的哲學思辨。","research.all.the.articles.name017":"牛振宇","team.publish.a.book.paragraph60":"在三週的沉浸式研習中，學員將歷經「發現與定義、探索與設計、深化與交付」三個遞進階段，完成設計思維的顯性化操演與認知重塑過程。我們強調在真實商業約束下的「問題框定」能力，引導學員運用用戶體驗、行為邏輯、交互分析等方法，透過數據表象，捕獲深層次用戶心智模型與行為動因。","research.all.the.articles.name016":"孫琪","team.publish.a.book.paragraph61":"例如，在「紅包簽到年輕化」命題中，需整合行為設計學與激勵理論，構建可持續的參與回環；在「直播改版」課題中，則需平衡沉浸式敘事、即時社交臨場感與交易轉化效率這一個經典三元悖論。","careers.socialJob10Team":"淘天集團","team.publish.a.book.paragraph70":"在直播中構建專業心智，","careers.socialJob12Title":"體驗設計師-直播電商設計","team.publish.a.book.paragraph002":"凝練淘寶設計在真實業務中的經驗與實踐，我們不斷拓展設計邊界，更聚焦設計的深度和價值。從一線實戰還原真實工作場景，需要怎樣的設計能力。在 AI 時代，設計思維又正在經歷怎樣的躍遷與演進？如果你正在進行體驗設計的日常學習、大廠求職關口、職業方向抉擇……書中每一位親歷者，將為你提供切身而真實的答案。","article.wreading.time":"分鐘閱讀","research.for.enterprise.design.teams":"對於企業設計團隊而言，{{bold}}首要目標是打造忠實遵循內部設計標準的產品介面{{bold}}。然而，目前的解決方案在關鍵層面仍有所不足。前者缺乏存取專屬、非開源的企業設計系統知識，以及相應的設計到程式碼映射規則；後者雖然與組件和設計標記有所連結，卻無法支援更豐富的語義指引、精選的設計案例，以及以需求為導向的自訂工作流程——這些功能正是讓AI能夠更全面地檢索、理解並應用設計知識所不可或缺的。同時，大多數企業設計組織往往缺乏完整或維護不佳的設計與程式碼之間的映射關係。它們的指引通常專為人類讀者撰寫，且與設計來源檔案分開儲存，這使得AI系統難以完全吸收、解析和運用。因此，AI生成的成果經常未能達到預期。","products.official.website.introduction.paragraph6":"網站首頁","products.official.website.introduction.paragraph7":"與設計系統知識結構一致的側邊欄","products.official.website.introduction.paragraph8":"知識單元","team.publish.a.book.paragraph79":"曉冰在品牌行銷設計分享中指出，設計的核心在於從「學生思維」轉向「商業思維」——即從以個人審美為中心的表達，轉向以產品與用戶為視角的溝通。","products.official.website.introduction.paragraph9":"給AI看的規則切換","team.publish.a.book.paragraph77":"在實踐中，倡導透過競品分析、體驗走查與輿情調研深入診斷體驗問題，堅持「分析→策略→表達」的流程，使設計創新始終建立在尊重用戶習慣與商業共識之上。","team.publish.a.book.paragraph78":"優秀的設計，最終體現於鏈路的合理與邏輯的嚴謹，而非停留於視覺表層。","team.publish.a.book.paragraph75":"提出「用戶、鏈路、節點」三維框架，將設計從界面美化提升至系統體驗構建的高度。","team.publish.a.book.paragraph76":"這一方法論始終以「用戶想要什麼」為原點，強調透過入口分析洞察預期，並依此動態規劃頁面呈現。在明確用戶路徑的基礎上，需梳理清晰流暢的主線任務，並對紅包、引導等支線行為進行有度設計，同時確保各節點資訊架構的合理佈局。","team.publish.a.book.paragraph73":"奇維始終強調，設計的本質是理解並化解用戶顧慮，在商業目標與體驗價值之間尋找平衡，因為「消費者進入平台並非為了欣賞設計，而是為了獲取內容」。","research.knowledge.retrieval.agent.configuration":"知識檢索代理配置（摘錄）","team.publish.a.book.paragraph74":"這既是一種設計思維的成熟，也是一種商業智慧的沉澱。","team.publish.a.book.paragraph71":"在會員體系中塑造尊貴感，","team.publish.a.book.paragraph72":"在互動中融入遊戲化敘事。","team.publish.a.book.paragraph80":"商業設計不僅是視覺呈現，更是一場與用戶持續互動的對話，目標在於透過設計有效驅動用戶行為、實現明確的商業目標。在實際操作中，這要求設計師具備快速迭代與即時驗證的能力，如在「雙十一」等大促項目中，構建從品牌策略、視覺傳達、媒介投放到資料反饋的全鏈路閉環，確保每一個環節都緊密圍繞「用戶如何感知、如何行動」展開，讓設計在商業系統中真正發揮作用。","team.publish.a.book.paragraph81":"「過去我們設計搜尋，是設計一個結果的頁面；今天做AI搜尋，是設計整個AI輸出內容的規則。」群劍的這句話，道出了淘天AI搜尋設計的本質轉變：從設計「界面」轉向設計「規則」。為此，團隊將用戶意圖精細劃分為知識、攻略、對比、推薦四種類型，並為每一類構建了專屬的「答案模板」。","products.button.restrictions":"即將開放訪問","research.machine.interpretable.design.system":"機器可解讀的設計系統規範知識","careers.socialJob4Location":"杭州","research.page.knowledge.is.organized":"頁面知識被組織成諸如核心旅程、購物指南頻道、互動產品、行銷活動場域以及B2B體驗等單元。它還可進一步細分為二級頁面類型。作為最高層級的概要物件，它提供了明確的頁面結構、組件組成及內容填充邏輯。其語義規則包括頁面定義、目標使用者、命名規範、結構層次、頁面狀態（互動與視覺）、強制性規則以及功能使用方式。頁面知識無需編碼實現；相反，它由大語言模型透過整合組件、資產及元素代碼來構建。映射模式則由ID標誌、語義（名稱、定義、描述）、規則、結構以及約束（使用場景、強制禁止事項及其他）所構成。以購物指南頁面為例，下圖展示了將設計工件轉換為兩種檔案類型的結果：語義規則與映射模式。","banner.cameraPleaseAllow":"請在你的瀏覽器中選擇同意","products.official.website.introduction.paragraph2":"前往 VersionAI 天貓","products.official.website.introduction.paragraph3":"VersionAI Tmall是一套專為天貓App打造的設計系統，不僅面向人類設計師，更是面向人工智能。其內容結構與表達形式經過轉譯，使AI模型能夠閱讀、檢索並應用該設計系統規範。在AI的輔助下，用戶可以基於該知識庫生成符合天貓設計規範的使用者介面，並進行設計評估與問答。","research.intent.recognition.agent.configuration":"意圖辨識代理程式配置（摘錄）","products.official.website.introduction.paragraph4":"通過構建設計系統規範知識庫以及界面生成多智能體工作流，形成了一套完整、對 AI友好型的企业級設計系統。該系統可透過MCP或上下文注入，靈活應用於IDE環境及各類支援智能體模式的設計工具中。","products.official.website.introduction.paragraph5":"如何使用","products.official.website.introduction.paragraph1":"介紹VersionAI Tmall","careers.socialJob8Years":"3年","team.publish.a.book.paragraph88":"尤其重要的是，強調以敘事化為情感槓桿，將功能轉化為有溫度的故事：如春節「許願燈」將許願具象為點亮主題燈籠，雙十一「淘金幣功夫門」則將省錢包裝成功夫修煉。透過賦予行為意義與情感，互動設計在實現商業目標的同時，也完成了用戶體驗的價值昇華。","team.publish.a.book.paragraph89":"玄爾在行業營銷設計分享中，以「生活靈感」為線索，系統闡釋了設計如何成為連接商業、用戶與平台的智慧紐帶。她強調，有效設計始於對多元訴求的平衡，並推動思維從單品功能向生活方式升維——團隊將營銷分為聚焦賣點的常規品類、構建場景的空間方案、傳遞美學的主題敘事三個層次。","team.publish.a.book.paragraph86":"有石在互動遊戲設計分享中，深刻闡述了「輕量但成癮」的設計哲學。他開宗明義地指出：互動並非孤立功能，而是串聯「訪問、瀏覽、參與、獲得、選購」的關鍵體驗紐帶。","team.publish.a.book.paragraph87":"為實現這一目標，淘天構建了覆蓋全場景的互動體系：營銷互動製造爆發聲量，日常互動培養用戶習慣，產品內互動助力頻道運營，小遊戲生態則實現流量置換。以簽到產品為例，設計呈現出清晰的三層邏輯——主線聚焦核心路徑，任務拓展行為邊界，支線滿足個性場景，以此構建張弛有度的參與節奏。","team.publish.a.book.paragraph84":"團隊策略隨經濟環境靈活調整：2024年面對消費緊縮，採用「大字報」式設計，突出「全場八五折」等硬核權益，強調資訊效率與感知速度；2025年則伴隨經濟復甦，升級為「全心以赴，多彩生活」主題，融入AI與生態能力，轉向品牌心智與情感連接。","team.publish.a.book.paragraph85":"貫穿始終的核心武器是「視覺錘」——如雙十一主視覺中「貓頭＋發散幾何圖形」這一符號，具備唯一性、多場景適配性與語義清晰度，並被拆解為強、中、弱三種氛圍版本，靈活滲透從開屏大圖到商品卡片的每一個場景，在複雜系統中構建統一而富有彈性的品牌表達。","home.award8Title":"IAI全球設計獎銀獎＆MUSE白金獎","team.publish.a.book.paragraph82":"設計的關鍵在於，意圖的寬窄決定瞭資訊的組織方式：寬泛的提問需借助視覺與品類聚合來激發靈感，而精準的搜尋則要突出價格、參數等核心決策因子。同時，團隊透過色彩區分對話角色、融入趣味動效轉化等待焦慮，讓原本隱形的AI「思考過程」變得可感知，將技術「黑盒」轉化為一場流暢而令人期待的智能體驗。","team.publish.a.book.paragraph83":"直面電商設計的核心矛盾：「消費者第一眼看到的就是價格，如何不讓設計衝擊價格感知？」Jason從全鏈路一體化的視角出發，闡釋了品牌設計如何在用戶從站外廣告到支付成功的每一個觸點保持連貫表達。在雙十一這樣的超級流量場中，設計必須平衡氛圍營造與交易效率——既不能淹沒核心資訊，又需傳遞品牌溫度。","team.publish.a.book.paragraph91":"為充分肯定學員在項目中的卓越表現與創新成果，本次工作坊特設專項獎勵機制，於終期評審後對選出的優秀作品予以表彰與實物獎勵。獎項共設三個等級：一等獎（2名） 購贈大疆雲台相機，二等獎（3名） 獲得Sony高品質耳機，三等獎（4名）獲得Marshall經典音響。","research.design.demand.distribution.chart":"設計需求分布圖","team.publish.a.book.paragraph92":"本次獎勵設定，旨在傳遞「設計驅動價值、創新值得嘉獎」的鮮明導向，強化「學以致用、創有所成」的課程激勵。期待這些載著匠心與前沿技術的獎品，能伴隨獲獎學員在未來的設計道路上持續捕捉靈感、傳遞聲音、記錄創想。","team.publish.a.book.paragraph90":"為實現這一轉變，團隊精煉出一套「行銷設計公式」：形色質承載生活印象，結構構圖轉譯空間感知，元素劇本演繹趣味內容。在AI賦能下，這套創意系統進一步升級為全鏈路「加速器」：透過訓練Lora模型實現風格化批量出圖，運用「三幀法」生成流暢擬人動效，並推出「爆款神器放我家」等功能，讓用戶一鍵體驗真實場景渲染。AI已從輔助工具演進為創意夥伴與效率引擎，它將設計師從重複勞動中釋放，使其更聚焦於策略思考與情感化創造，真正實現「靈感可轉化、體驗可感知、效率可躍升」的智能行銷新時代。","research.spacing.mapping.schema.excerpt":"間距對應模式（摘錄）","careers.internJob2Team":"淘天集團","research.color.mapping.schema.excerpt":"色彩對應模式（摘錄）","careers.socialJob7Location":"杭州","research.all.the.articles.name022":"朱彬","team.publish.a.book.paragraph99":"電影《再見凱蒂》主海報及劇情劇照","home.award5Desc":"HEYLIVE 海邊樂迷之家","research.all.the.articles.name021":"蕭遙","research.all.the.articles.name024":"劉美璇","research.this.research.does.not":"本研究不僅止於風格優化或局部效率提升，而是試圖為淘寶的行銷設計建立一套專業的方法論基礎——這套基礎具備累積性、可轉移性和可驗證性。我們提出「符號敘事」的核心概念：以普適的視覺符號作為認知錨點，以結構化的表達作為理解的途徑，並以語義意義與視覺形式的高度統一作為最終標準。這種方法並不追求新奇本身，而是致力於降低認知轉譯的成本；它不強調視覺元素的堆疊累積，而著重於資訊的有機整合；它不迎合設計師的表達欲求，而是忠實於使用者的感知邏輯與行為流動。","team.publish.a.book.paragraph97":"設計項目3：紅包簽到","research.all.the.articles.name023":"韓曉冰","team.publish.a.book.paragraph98":"淘天設計的電影哲學，那些我們共同成長的影像檔案","research.all.the.articles.name026":"曾奕宸","team.publish.a.book.paragraph95":"設計項目1：直播間改版","research.all.the.articles.name025":"鄭朝","team.publish.a.book.paragraph96":"設計項目2：大會員","research.all.the.articles.name028":"邱炳坤","team.publish.a.book.paragraph93":"頒獎典禮不僅為本次工作坊畫上具有儀式感的句點，更象徵著一個新起點的開始——期待所有學員承載這份認可與期待，在更廣闊的設計與商業舞台中，持續發光，影響未來。","research.all.the.articles.name027":"馬遠志","team.publish.a.book.paragraph94":"學生作品","research.the.solution.design.agent":"解決方案設計代理以知識大綱檔案作為輸入。它做出設計決策，並產生頁面結構、組件類型與屬性、樣式元素、互動模式以及資料／內容需求的大綱指示。它會輸出解決方案設計模式／大綱，並轉交給下一階段的代理。","research.icon.mapping.schema.excerpt":"圖標對應模式（摘錄）","research.all.the.articles.name020":"劉宸寰","research.price.design.excerpt":"價格設計（節選）","careers.socialJob2Title":"品牌行銷設計師－體驗設計","research.price.mapping.schema.excerpt":"價格映射模式（摘錄）","research.taobaoInteractiveGame.coinEmotionalExperienceDesign":"淘金幣：情緒化體驗設計","banner.blowOrApplaud":"試著吹一下","research.knowledge.modules":"知識模組","research.design.strategy.symbolic.narrative":"設計策略：「象徵敘事」——形式即象徵，文字即意義","research.the.knowledge.retrieval.agent":"知識檢索代理以需求清單檔案作為輸入。它會從設計系統規範知識庫中查詢、過濾並檢索相應內容，然後輸出一份知識大綱——也就是填寫清單中所引用的知識項目——再轉交給下一階段的代理。","research.layout.knowledge.is.divided":"佈局知識分為四個單元——網格、間距、容器和對齊——它們構成了元件、資產和頁面排列的基礎依賴。語義規則、程式碼實現和映射模式沿用與元素所定義的相同範本。以間距為例，下圖說明了設計作品如何轉化為三種檔案類型：語義規則、映射模式和程式碼實現。","team.section.paragraph2":"VersionAI 天貓網站的頁面結構與設計系統的知識結構一致，分為以樹狀形式呈現的風格、頁面及其子項目知識單元導航。對於每個知識單元頁面，使用者可切換人為規則與 AI 規則，並支援複製或下載知識片段。此外，還提供了一個部署頁面，引導使用者如何調用規範以進行介面生成。","careers.socialJob9Team":"淘天集團","careers.socialJob13Title":"使用者研究專家－客戶營運","research.all.the.articles.name_custom12":"高萬行","research.all.the.articles.name_custom13":"十朵","research.all.the.articles.name_custom10":"黑棠","research.all.the.articles.name_custom11":"芷衿","research.when.mapped.to.the":"當對應至五大需求場景——核心使用者旅程、內容發現渠道、互動式產品、行銷活動，以及B端體驗時，全年分析顯示出一致的模式：在核心旅程、發現渠道，以及B端體驗中，涉及在模組或單頁層級上組裝或修改現有元件的設計任務，佔所有請求的近48%。","careers.socialJob7Years":"1年","research.taobaoInteractiveGame.paragraph7":"本研究以年輕用戶洞察與專業設計視角為基礎，系統性地挖掘並萃取了超越淘寶現有設計規範的多元藝術表達與方法論。透過在淘寶核心業務場景中的應用探索與小規模驗證，不同藝術風格將根據可量化的實踐成果進行評估——包括其商業契合度、落實路徑及擴展性——最終建立一個可重複使用的互動遊戲藝術風格圖鑑框架。","research.taobaoInteractiveGame.paragraph8":"在多業務並行運作且產品頻繁迭代的背景下，統一設計系統所帶來的穩定性同時也伴隨著視覺同質化的風險。為了維持用戶的新鮮感與增長彈性，必須在可控範圍內進行高度差異化的實驗——驗證有效的做法，並將其整合為可重複使用的資產。","research.taobaoInteractiveGame.paragraph9":"不受淘天現有UI系統的視覺語言與表達範式限制，此項倡議聚焦於核心業務場景（例如：巴爸農場、天貓農場、紅包翻轉及抓貓紅包），進行小規模、高度差異化的UI風格探索與應用驗證——萃取可重複使用的UI風格資產與標準，並建立UI風格圖鑑。","research.taobaoInteractiveGame.paragraph4":"傑出互動遊戲玩法之間的差異，很少在於「形式」本身，而是在於機械結構與敘事包裝的結合方式。為了讓設計師能將外部參考轉化為可重複使用的設計知識，有必要以結構化且系統化的方式整理零散的案例，並將其萃取出可付諸行動、可學習的洞見。","research.design.system.specification.title11":"以下各部分將對各類知識物件進行詳細闡述。","research.taobaoInteractiveGame.paragraph5":"基於這種方法，研究匯集了經市場驗證的優秀互動遊戲案例，並選取較適合電商場景的遊戲類型，以形成可供未來參考的資料庫。每款遊戲都從多個維度進行分析——包括來源與背景、體驗概覽、機制及世界觀——進而構建一套基礎性的類型學圖鑑。這套圖鑑旨在協助設計師發現、體驗並從這些案例中學習。目前，該圖鑑已收錄超過100款遊戲。","research.design.system.specification.title10":"，基於Schema再次回查設計系統規範知識，透過Grep方式檢索與調取對應代碼庫，對齊真實可用的組件屬性值、樣式變數與資源路徑，生成最終的UI。","research.taobaoInteractiveGame.paragraph6":"在內容同質化加劇、審美疲勞日益加重的背景下，年輕用戶對新穎性、情感價值和風格差異化的敏感度不斷提高。若繼續單純依賴現有的視覺慣例，將會壓縮創新空間，難以打造可持續的風格資產與可重複使用的設計系統。","banner.rulerTryReconnect2":"感受研究樂趣","home.award4Desc":"第四個卡片","careers.socialJob11Years":"5年","careers.socialJob9Title":"高級視覺體驗設計師-手淘AI","home.joinUsBtn":"加入我們","home.award6Title":"倫敦設計獎白金牌","awards.new.article3":"IAI全球設計獎銀獎＆MUSE白金獎","research.source.files.for.icons":"圖標的來源檔案（摘錄）","awards.new.article2":"柏林設計獎金獎項目連結","awards.new.article1":"MUSE白金獎&柏林設計獎金牌","awards.new.article4":"IAI全球設計獎銀獎","home.bookFlipTitle":"我們相信  \n知識的價值","research.asset":"資產","research.economic.aesthetics.title":"經濟美學設計與應用","research.interactiveGame2025.intro.paragraph2":"本研究與中國美術學院合作進行，旨在提升該研究的專業權威性，並豐富其成果呈現形式——產出兼具內在實踐價值與行業標竿意義的研究成果。本研究將系統性地支持淘寶互動遊戲的專業發展與體驗創新——透過持續追蹤電子商務互動遊戲的市場趨勢，並挖掘新興設計機會，力求全面推進淘寶在體驗設計方面的前瞻性能力，並在行業快速成長中強化其核心競爭力。","research.how.it.works":"它如何運作","home.award3Desc":"第三張卡片","research.interactiveGame2025.intro.paragraph1":"立足於2025年電商互動遊戲行業發展的關鍵節點，本研究以「互動遊戲設計」為核心視角，聚焦用戶結構演變與行為習慣的遷移，系統性地解構互動體驗的方法論體系，深入研究年輕用戶的體驗訴求與趨勢，從而探索互動遊戲驅動用戶增長的可行路徑。","research.taobaoInteractiveGame.babaFarmSurrealismArtStyleApplication":"巴巴農場：超現實主義藝術風格應用","research.all.the.articles.paragraph100":"對比關係：主體與背景的對比度應有效匹配，畫面物品的對比關係需保持統一。高對比色調與低對比色調透過調節圖像明暗部分之間的差異程度來影響整體對比感。若主體對比度較強，背景對比度也應相應增強。主體與背景對比關係差異過大會導致明顯割裂。高對比色調常關聯強烈的黑白效果，透過明亮高光與深沉陰影營造強烈對比，突出物體形態與紋理；低對比色調則透過減少明暗差異，呈現柔和自然的效果。","careers.socialJob4Title":"體驗設計師—B端平台產品設計","careers.socialJob8Team":"淘天集團（M&T）","research.all.the.articles.label3":"專家顧問","research.all.the.articles.label2":"產品負責人","research.all.the.articles.label1":"知識庫構建","research.copy.or.download.a":"複製或下載一段知識片段","research.all.the.articles.label7":"設計成員","research.component.knowledge.is.composed":"組件知識由以下商業語義單元組成：頭像、徽章、資產槽、按鈕、內容流、倒數計時、優惠券、過濾器、信標、引導指南、輪播圖、輸入欄位、訊息、浮動視窗、對話框、價格、產品卡片、進度條、紅包、選擇器、覆蓋層、浮動欄、開關、選項卡欄、選項卡、文字流、工具提示、氣泡和頂部欄。這些組件是用於介面生成的關鍵可重複使用單元。組件的語義規則包括組件定義、樣式組合、屬性變數、組件狀態（互動與視覺）、強制規則以及功能使用方式。代碼實現以 React 為基礎的技術棧中，以組件結構（TSX）和組件樣式（SCSS）的形式呈現。在現有映射模式結構的基礎上，組件映射模式額外引入了屬性模式（props schema），該模式對應於解決方案設計階段所產生的頁面級組件結構模式中各組件所需的屬性。以價格組件為例，下圖說明了設計成果轉化為三種檔案類型的過程：語義規則、映射模式和代碼實現。","research.all.the.articles.label6":"設計負責人","research.all.the.articles.label5":"設計","research.the.entire.interface.generation":"整個介面生成過程可追溯、可重現且可演進，其成果在持續演進的企業設計系統與程式碼庫內仍保持可控。以下各節將從兩個角度詳細闡述：設計系統規範知識的建構，以及多代理工作流程的設計。","banner.micPleaseAllow":"請在你的瀏覽器中選擇同意","research.all.the.articles.label4":"研發","research.price.code.implementation.excerpt":"價格代碼實施（節選）","research.all.the.articles.label9":"概念影片","research.all.the.articles.label8":"網站設計與開發","team.section.paragraph":"淘寶設計是一個致力於服務全球數十億消費者體驗的設計團隊。我們引領用戶體驗，創造能觸動情感的設計，讓商業變得美好而簡單。","careers.internJob4Team":"淘天集團","research.official.website.introduction.label8":"技術相關支援","research.all.the.articles.paragraph59":"調性是物體作用的直觀感受，如顏色冷暖、物體軟硬、材質肌理。場景視覺風格應與商品調性一致。從產品主體到背景場景，蘊含人的主觀判斷與心理暗示。商品圖的場景可營造情境，激發消費者對自身使用場景的聯想，引發提升生活品質或外貌形象的想像，從而增強對產品的渴望，促進購買決策。","research.all.the.articles.paragraph58":"調性","research.all.the.articles.paragraph57":"場景內容服務於商品，空間內容應與商品氣質一致，主要包括內容統一與視覺統一。商品圖的環境場景在展示商品使用場景方面具有關鍵作用。透過精心設計的背景，場景不僅幫助消費者理解產品用途，還能突出其核心特徵與功能。總體而言，恰當的環境場景能有效傳達產品資訊，增強消費者對產品功能與用途的理解，從而促進購買決策。","research.all.the.articles.paragraph56":"畫面主題關係","research.all.the.articles.paragraph55":"在商品圖場景設計方面，AI技術為我們帶來前所未有的便利與創造力。場景能有效烘托主體，強化品牌形象、營造情感聯結、提供產品使用資訊等多重作用。本節將從場景類別、選擇依據、場景作用、場景秩序與質量標準等方面，分析商品圖場景的製作。","research.all.the.articles.paragraph54":"場景","research.all.the.articles.paragraph53":"人種與年齡差異下的比例：AI人模比例設計應具備一定區分度，東西方模特人種轉換或不同年齡層轉換時，應考慮身材差異，以快速展現人物氣質及其與商品的適配性。","research.all.the.articles.paragraph52":"整體比例：AI生成人模的頭身比應均稱，四肢比例協調（如亞洲人通常為7~7.5頭身，歐美人通常為8頭身），呈現自然且具視覺吸引力的外觀，體現人物的健康與美感。","careers.socialJob1Title":"高級用戶研究專員－商家洞察","research.all.the.articles.paragraph51":"比例：人物的身體比例","research.all.the.articles.paragraph50":"AI生成人模姿態應自然、舒適、協調，避免肢體僵硬，符合人體力學原理。涉及物體互動的姿態需保持正確的受力關係。生成的人模在姿態狀態下應體現骨骼與肌肉的合理貼合，四肢比例自然，髮型動態與身體動態一致，服飾動態幅度相協調。","home.award1Title2":"紅點設計獎","home.award1Title1":"IF設計獎","research.element.mapping.schema.template":"元素對應模式範本","careers.socialJob10Date":"2026.01.12","home.award1Title3":"蘋果設計獎","careers.socialJob6Years":"5年","research.icon.design":"圖標設計","home.browseVideosTitle":"我們追求\n快樂的工作","home.research3Title":"淘寶互動遊戲設計趨勢研究","research.taobaoInteractiveGame.members":"貢獻者","research.taobaoInteractiveGame.artGraph":"互動式遊戲美術風格圖鑑","research.all.the.articles.paragraph69":"避免無關內容侵入：AI生成圖像應排除與商品無關的元素，防止其分散觀者注意力，削弱對商品的關注。","research.all.the.articles.paragraph68":"避免主體意外裁切：AI生成圖像應確保商品主體始終位於畫面合適位置，避免因位置不當造成的切割。","research.all.the.articles.paragraph67":"避免主體脫框造成切割，喪失畫面外聯想空間。在AI生成商品圖像時，確保商品主體內容的完整具有較高優先級。這不僅涉及防止主體被意外裁切，也包括排除無關內容的干擾，以及避免主體元素被大面積遮擋。","research.all.the.articles.paragraph66":"表達場景感受時的處理：當重點在於傳達整體場景的氛圍時，構圖需保持人物模型與環境的完整。此時商品通常作為場景的組成部分，與周圍環境協調共生，共同構建情境或敘事。","footer.downloadFailed":"下載失敗","research.all.the.articles.paragraph65":"表達物形本身時的處理：當重點在於表現商品本身的形態特徵時，可對場景作適當裁剪。","research.all.the.articles.paragraph64":"確保構圖完整，避免隨意裁切導致資訊缺失。需區分是表達產品本身還是場景感受。前者可對人模進行必要裁切，後者則應保持人模與環境的完整性。","banner.cameraTryTurnOn":"嘗試打開攝像頭","research.all.the.articles.paragraph63":"構圖完整性","careers.socialJob6Location":"杭州","research.all.the.articles.paragraph62":"在構建人工智慧生成商品圖的美學標準時，商品攝影的構圖完整性、主體性及透視關係共同構成優質商品圖像的關鍵要素。這三者融合為一套複雜而精細的視覺語言。構圖本質上是在自然存在的混沌中尋找內在秩序，將散亂的構圖元素組織成易於理解的整體，充分傳達圖像意圖與情緒。這一綜合視覺策略不僅提升圖像的美學品質，也增強AI商品圖在市場上的競爭力。","research.all.the.articles.paragraph61":"構圖","banner.rulerTryReconnect":"嘗試重新連接尺子","research.all.the.articles.paragraph60":"在AI生成商品圖的過程中，需依託觀者自身的思維認知。在人的潛意識中，不同事物具有不同的情感傾向，色彩的冷暖變化可調動情緒，物體形態與質感的改變也承載更深入的隱喻。所選的背景元素、形態質感與環境氛圍，可傳達品牌的立場與主張，使消費者暢想購買產品可能帶來的幸福感與生活品質的提升。同時，畫面意境的營造也會提升商品圖本身的審美體驗，將商業性與藝術性相結合，在推動銷售的同時，為消費者帶來審美享受。生成圖像時應以整體氛圍為主導，服務於商品主體，透過間接的情緒與意境引導，激發消費者對品牌的心理認同。","careers.intern":"實習生招聘","careers.internJob1Date":"2026年03月17日","careers.socialJob13Location":"杭州","research.machine.interpretable.design.system1":"設計系統規範知識","research.all.the.articles.paragraph29":"準則可能會因應用場景和需求而有所變化和調整，因此在具體的應用中需要更聚焦的有效對應。","research.all.the.articles.paragraph28":"質感","research.natural.and.expressive.motion":"{{bold}}自然且富有表現力的動態{{/bold}}——恰當地運用動態設計，遵循自然邏輯，使動畫承載敘事意義並提升視覺活力。","research.all.the.articles.paragraph38":"沉浸式視角：應提供身臨其境的360°觀察視角，使客戶能夠虛擬環繞產品，從不同角度瀏覽。此類虛擬探索有助於提升客戶的觀感體驗，輔助其作出更為明智的決策。","research.immediate.structural.clarity.establish":"{{bold}}立即的結構清晰度{{/bold}}——建立一個清晰明確的視覺結構，其中圖形符號與文字資訊有效整合，理想情況下形成統一的表達。","research.all.the.articles.paragraph37":"角度選取：AI生圖應多角度捕捉產品形態。角度直接影響產品圖像的觀感，基於商品自身特性，宜多採用正視圖或3/4透視構圖，地平線一般位於畫面中央或偏下位置。","home.award2Desc":"天貓多模態商品表達系統","research.all.the.articles.paragraph36":"選擇角度：商品展陳與觀看視角","research.all.the.articles.paragraph35":"還原度：應真實反映商品本身的結構表現，包括形體構成、材質與顏色，可受環境因素影響，但必須符合自然認知邏輯，不脫離商品原有形態。在視覺保真度與還原度方面，AI生成商品圖像需準確呈現商品的外觀、比例與細節特徵。此外，除高度還原商品本身外，圖像還應盡量保持高分辨率，並對商品細節作精細化處理，以卓越的清晰度捕捉精密的工藝細節、材質紋理與複雜的設計內核，從而充分展現商品的工藝水平與視覺吸引力。","research.all.the.articles.paragraph34":"商品形構：商品狀態是評估AI生圖質量的核心。必須確保生成的AI商品形態完好，避免出現瑕疵、結構不合理等問題。同時應保證抠除背景準確，避免邊緣粗糙、泛白、紫邊等現象，從而使生成商品圖符合客戶預期。","research.all.the.articles.paragraph33":"對象本體：生成商品的狀態與真實性呈現。","research.all.the.articles.paragraph32":"當我們以文本或圖像作為輸入內容傳入模型時，擴散模型透過去噪過程生成的結果，可視為對原始資料語義的延伸。它在保持概念相似性的同時能夠產生豐富的變化，不僅拓展了內容創作的技術路徑，也大幅降低了人工創作的時間成本。因此，針對AIGC生成的物體形態，我們有必要建立一套規範化定義。對於服務於電子商務平台（包括產品、人模等）的AIGC圖像，應制定相應的生成美學準則，以推動數位與實體融合背景下內容生產範式的形成。","research.all.the.articles.paragraph31":"在電商領域，人、貨、場等要素持續經歷解構與重構。商品如潮水般湧入電商平台，催生了海量的商品圖片處理需求。此類需求規模龐大且迭代迅速，已使傳統的影像製作與設計流程難以應對。面對如此龐大的工作量，傳統流程不僅經濟成本高昂，還常因物理空間等現實條件限制而難以擴展。從拍攝、修圖到最終圖片發布，各環節效率相對低下，無法適應電商快速迭代和高效率運行的商業要求。隨著商品品類持續擴充與市場競爭日益激烈，這些問題愈發凸顯，亟需透過技術創新實現更靈活、經濟的大規模商品圖片處理，以支撐現代電商的發展需求。而AIGC技術的進步與應用，正逐步彌補這一短板，AI正在重塑電商平台的圖像生產流程與用戶體驗習慣。","research.all.the.articles.paragraph30":"物形-商品","research.taobaoInteractiveGam.topic":"研究主題","careers.socialJob7Team":"淘天集團（1688）","research.design.synthesis.output.excerpt":"設計合成輸出（摘錄）","careers.socialJob9Location":"杭州","research.this.website.provides.two":"本網站提供兩種方式，讓使用者在AI工具中調用天貓設計規範：MCP伺服器與上下文注入。透過在IDE工具中一鍵配置MCP伺服器，系統會自動依賴天貓設計知識庫。經MCP包裝的API會根據使用者的自然語言指令進行自動處理並返回結果；支援的功能包括（但不限於）搜尋與執行工作流程（runWorkflow）。另外，使用者也可在特定知識模組頁面上點擊「複製」或「下載」，取得包含語義規則、映射架構及程式碼實作的片段套件，並直接貼上至指令輸入框，進行本地編輯與生成。","research.all.the.articles.paragraph39":"商品狀態：衣物褶皺合理，商品體感和諧飽滿","research.all.the.articles.paragraph49":"姿態：人物的肢體動作與舉止儀態","research.all.the.articles.paragraph48":"眼神狀態：眼神聚焦，神態自然，視線與身體動向協調一致。多樣化的面部特徵與表情可為產品圖增添趣味與吸引力，適應不同產品類別與目標受眾，此類情感聯繫可影響客戶的感知與購買決策，增強共鳴感。","research.all.the.articles.paragraph47":"表情管理：視覺上應營造鏡頭美學，生成的人模表情需舒展自然，符合商品氣質，避免非正向表情如憤怒、呆滯等。","home.research7Title":"手淘用戶體驗設計原則","research.all.the.articles.paragraph46":"鏡頭：人物在鏡頭前的表情與眼神狀態","research.all.the.articles.paragraph45":"性別與人種特徵：根據產品風格與美學定位，AI應生成與目標人群及文化背景相符的面部特徵，應對不同美學風格，避免人模與場景之間的割裂感。生成人模需考慮目標人群的膚色、髮質髮型及面部特徵等內容，面部特徵應體現性別差異，並與商品風格協調，避免非常規性別表達。","research.all.the.articles.paragraph44":"比例與氣質：五官比例應符合人體解剖結構，形態自然逼真，結構協調，包括面部比例、骨骼結構與表情等細節，整體呈現和諧美感，避免失真或病態感。此外，同一模特在不同場景中出現時，需保持面部特徵的一致性，此為AI生圖需重點考慮的內容。","research.all.the.articles.paragraph43":"五官：人物外貌的五大面部特徵","research.all.the.articles.paragraph42":"物形－人模","research.all.the.articles.paragraph41":"無障礙設計：AI生成的產品內容需經過篩選與調整，確保演算法遵循包容性原則。例如，為色弱或色盲用戶提供足夠的顏色對比度，盡可能保障所有用戶均可輕鬆獲取商品資訊。","research.all.the.articles.paragraph40":"商品與對象的貼合關係：AI生成圖像應準確反映產品的原始狀態。服裝類產品褶皺需自然，模特穿著時應貼合身形，懸掛類衣物則懸掛方式要合理，避免不自然的彎曲或變形。產品應與環境及其他物品比例協調，以便用戶正確判斷尺寸，防止誤導消費者。","research.all.the.articles.paragraph0010":"AI生圖應多角度捕捉產品形態。角度直接影響產品圖像的觀感，基於商品自身特性，宜多採用正視圖或3/4透視構圖，地平線一般位於畫面中央或偏下位置。","research.all.the.articles.paragraph0012":"應提供身臨其境的360°觀察視角，使客戶能夠虛擬環繞產品，從不同角度瀏覽。此類虛擬探索有助於提升客戶的觀感體驗，輔助其作出更為明智的決策。商品狀態：衣物褶皺合理，商品體感和諧飽滿。","research.all.the.articles.paragraph0011":"沉浸式視角：","research.all.the.articles.paragraph0014":"AI生成圖像應準確反映產品的原始狀態。服裝類產品褶皺需自然，模特穿著時應貼合身形，懸掛類衣物則懸掛方式要合理，避免不自然的彎曲或變形。產品應與環境及其他物品比例協調，以便用戶正確判斷尺寸，防止誤導消費者。","research.all.the.articles.paragraph0013":"商品與對象的貼合關係：","careers.socialJob8Title":"高級體驗設計師-淘工廠","research.all.the.articles.paragraph0016":"AI生成的產品內容需經過篩選與調整，確保演算法遵循包容性原則。例如，為色弱或色盲用戶提供足夠的顏色對比度，盡可能保障所有用戶均可輕鬆獲取商品資訊。","research.all.the.articles.paragraph0015":"無障礙設計：","research.all.the.articles.paragraph16":"影像影片","research.all.the.articles.paragraph15":"部分靜幀","research.all.the.articles.paragraph14":"人物基礎設定","research.strategy.breakdown.theme.content":"策略分解：主題、內容與形式不應孤立存在。主題代表核心意義，內容構成資訊實質，形式則界定呈現方式。象徵性敘事表達是指運用適當的視覺符號來映射主題的語義涵義，從而為使用者建立認知框架。首要之務是讓使用者先理解訊息所代表的內容，再透過輔助資訊獲得詳細的理解。","careers.internJob4Title":"AIGC設計師","research.all.the.articles.paragraph13":"本研究圍繞AI動態製作流程、表達穩定性及商品與數字人影片創意等方向，探索適用於電商場景的AI動態影像設計方法，提升設計效率與用戶體驗。同時，透過與中國美術學院合作，增強研究的專業性與行業影響力，推動淘天AI動態設計能力持續保持先進性。","research.all.the.articles.paragraph12":"隨著AI動態生產技術的快速發展，品牌與互聯網平台正不斷探索AI在產品與行銷傳播中的應用，以提升品牌感知並創新商業模式。對電商設計團隊而言，構建AI動態影像能力既是應對電商內容視訊化趨勢的關鍵舉措，也是探索未來電商內容形態的重要方向。","research.all.the.articles.paragraph11":"項目背景","research.all.the.articles.paragraph10":"「TAO」AI數位人動態影像研究","research.this.intuitive.information.expression":"這項「直覺資訊表達」設計倡議，始於對當前行銷設計現狀的誠實反思。當應用程式啟動時，彈出式畫面倏忽掠過用戶眼簾；互動過程中，彈窗突然出現；首頁上方，宣傳標題不斷攜帶商業意圖——我們已不再滿足於僅僅探問設計是否存在。相反，我們開始提出更深入的問題：使用者能否一目了然地理解？他們能否直覺地掌握訊息？它是否能自然引發行動？","products.official.website.introduction.paragraph":"VersionAI Tmall網站的頁面結構與設計系統知識結構一致，分為樣式、頁面及其子項知識單元的樹狀導航。每一篇知識單元頁，可以切換給人類看的規則和給AI看的規則，並支援複製或下載片段知識的功能。設有部署頁，指導使用者如何調用該規範以生成介面。","research.spacing.semantic.rules.excerpt":"間隔語義規則（節錄）","careers.socialJob9Years":"3年","research.all.the.articles.paragraph0022":"AI生圖美學準則涉及到藝術、設計和人機交互等多個領域。以下針對淘寶平台的生圖美學準則，關注圖片生成元素的質量以及元素之間互相影響下的關係構成準則細項。這些準則有助於確保生成圖像的品質和吸引力。基於商品的美學準則分為五大類：1. 物形 2. 場景 3. 構圖 4. 光影 5. 質感，準則可能會因應用場景和需求而有所變化和調整，因此在具體的應用中需要更聚焦的有效對應。","research.component.semantic.rule.template":"元件語義規則範本（節錄）","home.award1Desc":"淘寶Vision","research.all.the.articles.paragraph19":"隨著AI在創造藝術、設計和文化方面的應用日益增多，AI美學成為一個備受關注的領域。它在藝術創作中的應用引發了對AIGC時代的新理解。AI美學準則涉及到如何結合人類創意和機器學習算法，以創造引人入勝的智能體驗。美學準則需要關注作品是否反映了多樣性和包容性，避免對某些群體的偏見或歧視。還需要考慮作品如何觸發和傳達情感，產生有深度和動人的作品。同時，考慮在AI生成的作品中是否體現了社會和文化的价值觀，以及是否遵循倫理準則。","research.final.interface.code.generation":"最終介面代碼生成輸出（摘錄）","research.all.the.articles.paragraph18":"美學準則涉及作品創作和觀賞過程中的要素和標準。在美學領域一直存在爭論，即美是客觀存在的特質，還是主觀體驗的心理感受性和情感表現力的產物？部分美學理論強調對稱和均衡的重要性，但也有理論強調不對稱和不規則形式的吸引力。在藝術與日常生活的角度，有認為美學是藝術與日常生活分隔開的獨立領域，而另一些理論則主張藝術與生活密切相連。綜上，不同時期和文化有不同的美的標準，對美的理解和表達方式也有所不同，因此美學準則也呈現出多樣性和變化性。","research.all.the.articles.paragraph17":"美學是研究審美活動規律的學科，它是美、藝術和審美經驗的哲學分支，富於形而上的追求和思辨色彩。美學準則涉及對美的本質、美的標準以及作品的評價等問題，是一個廣泛而深刻的領域。","banner.punchedTapePlaceholder2":"體驗經典的打孔紙帶","research.all.the.articles.paragraph0018":"衣物褶皺合理，商品體感和諧飽滿。","research.all.the.articles.paragraph27":"光影","research.all.the.articles.paragraph0017":"商品狀態：","research.all.the.articles.paragraph26":"構圖","research.all.the.articles.paragraph25":"場景","research.all.the.articles.paragraph24":"物形","research.the.intent.recognition.agent":"意圖辨識代理程式會將使用者的查詢字串作為輸入（例如：「產生一個新產品購物指南頻道」）。它會輸出一份知識檢索需求清單，例如「需求類型（現有模組的組合式重用）、頁面類型（購物指南頁面）、資訊結構（產品卡片）、互動約束（是否可過濾）、內容需求（利益／優惠資訊）等」，並將其傳送至下一代理程式。","research.all.the.articles.paragraph23":"基於商品的美學準則分為五大類：","research.all.the.articles.paragraph22":"AI生圖美學準則涉及藝術、設計和人機交互等多個領域。以下針對淘寶平台的生圖美學準則，關注圖片生成元素的質量以及元素之間互相影響下的關係構成準則細項。這些準則有助於確保生成圖像的品質和吸引力。","careers.socialJob1Team":"淘天集團","research.all.the.articles.paragraph21":"AI商品美學標準","research.all.the.articles.paragraph20":"此研究於2024年，由淘天體驗設計與中國美術學院視覺傳播學院鄭朝教授團隊共研AI商品美學課題研究，項目歷時一年，透過第一期的校企協同合作提出有效的AI商品美學準則，旨在引導人工智慧（AI）在淘寶平台實際電商應用領域的發展，確保其在商用平台具有創造和引領性，對人類價值和審美具有積極和卓越貢獻。","research.taobaoInteractiveGam.paragraph3":"根據淘寶電商互動遊戲的類型學，並參考當前市場趨勢，本研究從設計角度進行專業解構。該研究以模組化方式組織，涵蓋四個維度——遊戲玩法類型、美術風格、UI設計與動態效果——以形成一整套研究主題，最終完成一份定稿的研究論文。","research.taobaoInteractiveGame.farmMapLevelDesign":"中帝巴：地圖與等級為基礎的設計","research.all.the.articles.new.label9":"淘天設計","careers.internJob1Location":"杭州","research.all.the.articles.new.label8":"自營設計","research.all.the.articles.new.label7":"天貓商家品牌行銷設計","research.all.the.articles.new.label6":"淘天品牌與商家行銷設計","research.all.the.articles.new.label5":"多端創新體驗設計","research.all.the.articles.new.label4":"合作院校","research.all.the.articles.new.label3":"淘寶好價設計","research.all.the.articles.new.label2":"使用者與互動設計","research.color.semantic.rules.excerpt":"色彩語義規則（節選）","research.this.substantial.volume.of":"這大量重複且結構相似的設計工作，迫切需要以人工智慧驅動的自動化設計生成方法，以大幅提高效率和產出品質。","research.multi.agent.workflow":"多代理工作流程","research.next.we.engineer.the":"接下來，我們針對介面設計與生成進行工作流程的工程化。一個多代理、從上游到下游的協作流程，本質上就是對每個子代理及其鏈接邏輯的定義與配置。每個代理包含上游輸入、基礎模型、記憶體、系統提示（角色與任務）、知識庫（或資料庫）、工具（MCP、外掛程式），以及下游輸出。確保子代理提示中所引用的存取路徑、物件命名及輸入／輸出合約保持一致且連貫，至關重要。","research.taobaoInteractiveGame.caseStudies1":"互動遊戲類型圖譜應用","research.taobaoInteractiveGame.conclusion":"結論","careers.socialJob2Years":"2年","careers.socialJob6Team":"淘天集團（1688）","research.economic.aesthetics.paragraph21":"排版原則","research.economic.aesthetics.paragraph22":"將冰冷的平台權益機制轉化為用戶熟悉的感官刺激和情感獎勵，讓產品體驗不是一個需要用戶學習的機器，而是一個能帶來即時快樂和確定性的「玩具」，從而達到增強用戶黏性的目標。","awards.taobaoInteractiveGame.link2":"查看 Red Dot Design Award 2025","research.economic.aesthetics.paragraph23":"動效原則","awards.taobaoInteractiveGame.link3":"查看 Apple Design Award 2025","research.economic.aesthetics.paragraph24":"主體物+色彩+文案+排版+動效=美學模型5要素。","research.economic.aesthetics.paragraph20":"核心在於提炼關鍵資訊進行放大，利用視聽觸等多感官通道重複轟炸，提供豐富多樣的內容供消費。","research.building.internal.design.consensus":"在行銷場景中建立直覺資訊表達的內部設計共識","awards.taobaoInteractiveGame.link1":"查看 IF Design Award 2025","research.economic.aesthetics.paragraph29":"02 街頭美學","research.taobaoInteractiveGame.babaFarmFullSceneMotionDesignExcerpt":"巴巴農場：超現實主義藝術風格應用","research.economic.aesthetics.paragraph26":"通過5要素下的多種設計手法的組合應用可達成多種契合小城人群偏好的美學風格","footer.contactXiaohongshu":"小紅書","research.economic.aesthetics.paragraph27":"01 超市促感","research.economic.aesthetics.paragraph28":"超市是小城人群每天都離不開的生活場景。透過提取超市中的元素再設計，真實還原人群熟悉場景，引起情緒共鳴。","research.economic.aesthetics.paragraph10":"小城街道概覽","research.economic.aesthetics.paragraph11":"不過度追求思辨抽象，更注重功能直述與寓意美好，喜用生活化生動比喻。不追求語言體系的一致性，傳統圖騰、網絡用語、歇後語、政府口號在同對話場景出現。","research.economic.aesthetics.paragraph12":"生活中的文案類型概覽","research.economic.aesthetics.paragraph13":"取生活環境色為色彩基底，調優純度&明度以保證屏幕色彩的肉眼還原度。繼承色彩情緒認知，在線上環境中拓展應用。","careers.internJob3Date":"2026年03月17日","research.element":"元素","awards.tmall.products.title1":"天貓多模態商品表達系統","awards.tmall.products.title3":"天貓多模態商品表達系統於2022年榮獲IF設計獎——使用者體驗設計類別（User Experience）","awards.tmall.products.title2":"天貓多模態商品表達系統榮獲 IF Design Award","research.regardless.of.whether.a":"無論設計系統是開源的，還是工具的功能已臻完善，如今每一個企業設計團隊都面臨著同樣的關鍵任務：釐清並建構{{bold}}一個對人工智慧友好的設計知識體系{{/bold}}，使其能夠與設計工具或大型模型相連結。","careers.internJob2Years":"實習","footer.copySuccess":"複製成功","careers.socialJob2Team":"淘天集團","awards.tmall.products.title9":"喵滿分 #財寶香氛# muse金獎","research.economic.aesthetics.paragraph18":"將抽象的價格／參數，轉化為用戶熟悉的日常概念（時間、食物、動作、小額消費），從而降低決策門檻。","awards.tmall.products.title8":"MUSE白金獎項目連結","research.economic.aesthetics.paragraph19":"文案描述原則","awards.tmall.products.title5":"多模式產品展示系統 設計精華","research.economic.aesthetics.paragraph14":"小城美學配色系統","awards.tmall.products.title4":"查看 IF Design Award 2022","research.economic.aesthetics.paragraph15":"色彩情緒分配","awards.tmall.products.title7":"貓超好運桶MUSE白金獎","research.economic.aesthetics.paragraph16":"盡量採用真實的商品、模擬真實消費場景，建立用戶聯想，拉近距離，激活行為記憶。","awards.tmall.products.title6":"本項目是基於阿里集團電商平台為線上購物體驗升級而設計的產品矩陣，旨在解決數以百萬計不同商品特性的表達需要，結合對消費者使用習慣和天貓尖端技術的長期累積，我們提供了身臨其境、智能的線上購買體驗。既允許消費者直接與商品進行交互；也可以利用AI快速生成動態內容；讓消費者足不出戶能更全面地體驗商品。","research.economic.aesthetics.paragraph17":"圖形&質感原則","footer.download":"下載","research.switch.to.ai.facing":"切換至面向人工智慧的規則","research.all.the.articles.name_custom9":"浩炅","research.all.the.articles.name_custom6":"屿文","research.all.the.articles.name_custom5":"空鳴","research.all.the.articles.name_custom8":"文琦","research.all.the.articles.name_custom7":"深空","research.all.the.articles.name_custom2":"復樂","research.all.the.articles.name_custom1":"入也","research.all.the.articles.name_custom4":"耶禮","research.all.the.articles.name_custom3":"幾里","research.asset.knowledge.consists.of":"資產知識由影像、圖標、標誌和標籤等單元組成，是頁面內容填充的主要素材來源。資產的語義規則包括資產定義、屬性變數、必填規則以及功能使用方式。根據具體資產類型的不同，資產知識可能需要或不需要程式碼實現——例如，圖標通常需要程式碼實現，而影像則通常不需要。在這種情況下，實現形式為源資產檔案（例如，SVG或PNG），其命名規範與語義規則中所定義的一致。資產的映射模式沿用與元素相同的模板。以圖標為例，下圖說明了設計產物轉換為三種檔案類型的過程：語義規則、映射模式和程式碼實現。","research.symbolization.translating.the.core":"{{bold}}符號化{{/bold}}：將行銷資訊的核心語義轉譯成具體的視覺表達，並使用普遍可識別的符號或圖像。","banner.clearAll":"清除全部","awards.taobaoInteractiveGame.paragraph2":"在提供全面購物功能的同時，淘寶Vision充分發揮蘋果Vision Pro的特性，例如空間運算、共享空間、3D內容，以及眼動與手部追蹤互動，為用戶帶來更直觀、更沉浸、更廣闊且令人愉悅的購物體驗。同時，它還協助數萬個品牌透過混合實境空間，將其產品、內容和故事帶入用戶真實的家中。","awards.taobaoInteractiveGame.paragraph1":"淘寶Vision體驗設計於2025年榮獲蘋果設計獎——交互設計類別（Interaction Category）。之後相繼榮獲IF Design Award——使用者體驗設計類別（User Experience）、紅點設計獎——介面與使用者體驗設計類別（Interface & User Experience Design）。","footer.allRightsReserved":"版權所有","home.research4Title":"AI美學","research.the.complete.generation.pipeline":"完整的生成管道流程如下：1. {{bold}}使用者輸入自然語言需求。{{/bold}} 2. {{bold}}請求會傳遞給意圖辨識代理，{{/bold}}它會將含糊的輸入擴展為系統可解讀的設計意圖，並輸出結構化的需求描述，為後續決策提供明確的邊界條件。 3. {{bold}}接著，流程進入知識檢索代理，{{/bold}}它會利用檢索增強生成（RAG），根據當前意圖，從外部檢索的設計系統規範知識中選擇性地檢索高度相關的上下文資訊。 4. {{bold}}隨後，設計合成代理{{/bold}}會在已定義的邊界條件內運作，評估、組合並實例化檢索到的規範上下文，產生一個中間結構化資料大綱（Schema\\*）。此Schema明確描述了頁面結構、組件、樣式和內容，形成一個完全結構化的設計方案。 5. {{bold}}最後，代碼生成代理{{/bold}}會根據Schema重新查詢設計系統規範知識，利用grep-based檢索定位並調用相應的代碼庫工件。它會與生產就緒的組件屬性、樣式變數和資源路徑對齊，進而生成最終的UI。","research.minimal.necessary.hierarchy.reduce":"{{bold}}最小必要層級{{/bold}}——將資訊層級簡化至不可或缺的最低限度。避免過度使用排版縮放、分割或分層結構，以降低認知負擔。","careers.internJob1Desc":"負責建設和維護團隊的AI設計平台，透過整合設計知識、工作流與AI能力，持續提升設計團隊的產出效率、質量一致性與知識復用率；設計體系的智能化核心構建者，連接「設計」、「工程」與「AI設計工具」三大領域，確保AI在團隊中的落地可用、可迭代、可控；能夠獨立構建和優化設計智能體系，理解架構與工作流转機制；主導設計智能體系架構的演進與跨平台工作流集成；構建面向全團隊的智能設計平台，實現規模化賦能；負責智能體系建設，構建並維護團隊的設計智能體（Design Agent）體系架構；負責知識體系與RAG維護，負責設計知識庫（Design Knowledge Base）的建設與演進；負責工作流智能化與工具集成＆設計智能體性能監控與評估","careers.social":"社會招聘","research.generated.interface.preview":"生成的介面預覽","products.design.specifications.new.paragraph08":"直面電商設計的核心矛盾：「消費者第一眼看到的就是價格，如何不讓設計衝擊價格感知？」Jason從全鏈路一體化的視角出發，闡釋了品牌設計如何在用戶從站外廣告到支付成功的每一個觸點保持連貫表達。在雙十一這樣的超級流量場中，設計必須平衡氛圍營造與交易效率——既不能淹沒核心資訊，又需傳遞品牌溫度。團隊策略隨經濟環境靈活調整：2024年面對消費緊縮，採用「大字報」式設計，突出「全場八五折」等硬核權益，強調資訊效率與感知速度；2025年則伴隨經濟復甦，升級為「全心以赴，多彩生活」主題，融入AI與生態能力，轉向品牌心智與情感連接。","careers.socialJob12Team":"淘天集團","products.design.specifications.new.paragraph09":"有石在互動遊戲設計分享中，深刻闡述了「輕量但成癮」的設計哲學。他開宗明義地指出：互動並非孤立功能，而是串聯「訪問、瀏覽、參與、獲得、選購」的關鍵體驗紐帶。為實現這一目標，淘天構建了覆蓋全場景的互動體系：行銷互動製造爆發聲量，日常互動培養用戶習慣，產品內互動助力頻道運營，小遊戲生態則實現流量置換。以簽到產品為例，設計呈現出清晰的三層邏輯——主線聚焦核心路徑，任務拓展行為邊界，支線滿足個性場景，以此構建張弛有度的參與節奏。","research.versionai.tmall.is.an":"VersionAI Tmall 是一個以人工智慧為導向的設計規範網站。它收錄了上述所有設計知識，並協助使用者生成符合 Tmall 設計規範的使用者介面、進行設計審查，以及解答相關問題。該網站的頁面結構與設計系統的知識架構一致，以樹狀導航的方式組織風格、案例及其子單元知識模組。每個知識模組頁面均可切換人為規則與人工智慧規則，並支援複製或下載知識片段。此外，還有一個部署頁面，引導使用者如何調用該規範來生成介面。部落格版塊也收錄了專案的關鍵學習心得；除了本文之外，還包括兩篇實踐作品：「人工智慧協作首頁概念影片」和「人工智慧協作網站設計與開發」。","products.design.specifications.new.paragraph02":"2025年12月9日，鄭朝教授帶領同學們回顧了與淘天集團共同創建的「AI生圖美學準則」研究課題。這並非一次簡單的技術適配，而是一場關於「美能否被定義、被機器理解」的哲學思辨。「在AIGC時代，電子商務平台的『美』究竟意味著什麼？」鄭朝教授在復盤時提出。","products.design.specifications.new.paragraph03":"研究團隊摒棄了機械式的圖像打標，轉向構建一套可被AI學習的美學邏輯體系——從色彩構成、元素關係到視覺敘事，將主觀審美轉化為可迭代的演算法語言。這場預熱不僅是項目復盤，更是心態轉換：從「學習者」到「預備役商業設計師」，從創作獨立作品到融入商業鏈路的關鍵環節。","products.design.specifications.new.paragraph01":"在三週的沉浸式研習中，學員將歷經「發現與定義、探索與設計、深化與交付」三個遞進階段，完成設計思維的顯性化操演與認知重塑過程。我們強調在真實商業約束下的「問題框定」能力，引導學員運用用戶體驗、行為邏輯、交互分析等方法，透過數據表象，捕獲深層次用戶心智模型與行為動因。工作坊的核心是要求學員不僅嫻熟於交互範式與視覺傳達，更需理解平台經濟學、消費心理學、遊戲設計與社會化傳播機制。","products.design.specifications.new.paragraph06":"提出「用戶、鏈路、節點」三維框架，將設計從界面美化提升至系統體驗構建的高度。這一方法論始終以「用戶想要什麼」為原點，強調透過入口分析洞察預期，並依此動態規劃頁面呈現。在明確用戶路徑的基礎上，需梳理清晰流暢的主線任務，並對紅包、引導等支線行為進行有度設計，同時確保各節點資訊架構的合理佈局。在實踐中，倡導透過競品分析、體驗走查與輿情調研深入診斷體驗問題，堅持「分析→策略→表達」的流程，使設計創新始終建立在尊重用戶習慣與商業共識之上。優秀的設計，最終體現於鏈路的合理與邏輯的嚴謹，而非停留於視覺表層。","research.page":"頁面","products.design.specifications.new.paragraph07":"曉冰在品牌行銷設計分享中指出，設計的核心在於從「學生思維」轉向「商業思維」——即從以個人審美為中心的表達，轉向以產品與用戶為視角的溝通。商業設計不僅是視覺呈現，更是一場與用戶持續互動的對話，目標在於透過設計有效驅動用戶行為、實現明確的商業目標。在實際操作中，這要求設計師具備快速迭代與實時驗證的能力，如在「雙十一」等大促項目中，構建從品牌策略、視覺傳達、媒介投放到數據反饋的全鏈路閉環，確保每一個環節都緊密圍繞「用戶如何感知、如何行動」展開，讓設計在商業系統中真正發揮作用。","research.all.the.articles.paragraph99":"色彩傾向與純度應統一，畫面中色彩和諧呼應，避免雜亂拼貼。在AI電商產品生圖美學中，色調一致性需從對比關係、明暗關係、冷暖關係等多維度綜合考量。唯有各維度的色彩關係均保持平衡和諧，圖像才能呈現真實感與感染力。","products.design.specifications.new.paragraph04":"奇維從設計演進的歷史視角出發，揭示了設計與技術之間持續互哺的共生關係——從施樂的開創到蘋果、微軟的演進，再到本土金山、騰訊最早組建專業設計團隊，標誌著互聯網設計從「界面美化」逐漸走向系統化專業軌道。隨著產品複雜化與同質化加劇，設計的核心從「視覺競爭力」轉向「體驗決定性」——在用戶擁有多重選擇的時代，體驗本身成為關鍵差異點。面對碎片化的注意力環境，「如何以更簡單、直白、直觀的方式傳達資訊」成為設計師的持續課題。","research.all.the.articles.paragraph98":"色調關係：畫面色彩基調的一致性","products.design.specifications.new.paragraph05":"在淘天多元業務場景中，這一理念被轉化為具體實踐：在直播中構建專業心智，在會員體系中塑造尊貴感，在互動中融入遊戲化敘事。奇維始終強調，設計的本質是理解並化解用戶顧慮，在商業目標與體驗價值之間尋找平衡，因為「消費者進入平台並非為了欣賞設計，而是為了獲取內容」。這既是一種設計思維的成熟，也是一種商業智慧的沉澱。","research.all.the.articles.paragraph97":"室外燈光：在運用室外燈光時，不同光源的照明效果可使商品在電商平台上呈現多樣化氛圍。同樣需關注燈光色彩、角度與投影之間的合理關係，確保生成圖像效果自然真實。","research.all.the.articles.paragraph96":"室外月光：夜晚月光柔和，營造出低調的冷色調，減輕場景中的硬陰影。此類柔和寧靜的光線為商品賦予高雅而神秘的美感。","research.spacing.design.excerpt":"間距設計（節選）","research.all.the.articles.paragraph95":"室外雪天：雪天環境中，光線均勻灑落於產品表面，呈現柔和而均勻的照明效果。此時圖像中產品表面的硬陰影減少，細節與紋理得以突出。例如，聖誕禮品類產品在雪景中展示，更添節日氛圍。","research.all.the.articles.paragraph94":"室外雨天：雨天環境下景物更顯清澈，色彩更为鮮艷，可為產品營造清新生動的視覺效果。此時需考慮路面上積水的倒影，使其與主體形成和諧鏡像。例如，補水面膜類產品可借助雨天倒影強化水潤的視覺感受。","research.all.the.articles.paragraph93":"室外陰天：在陰天環境中，光線均勻柔和，有助於降低商品表面反差，真實呈現產品色彩與紋理。此類光線下的陰影關係給人以舒適自然的視覺感受，充滿親和力。","research.all.the.articles.paragraph92":"室內光線：室內光線強度通常隨傳播距離增加而減弱。室內光多來源於人工燈光、窗戶自然光或二者結合，光線相對柔和，不易形成強烈陰影，因此室內場景的AI生圖不宜出現過硬陰影。此外，不同類型燈具與燈光顏色會營造不同氛圍，陰影顏色需與燈光顏色協調，並與環境反光相呼應。","research.all.the.articles.paragraph91":"陰影反饋／光影一致性：畫面中陰影方向須與光源方向一致，陰影面積應與物體面積相匹配，各物體的受光與背光關係也需統一。","research.all.the.articles.paragraph90":"應保持畫面全局光源統一，主次光佈局合理，多採用明亮柔和的自然光。光感的協調是圖像真實感的重要構成。光線方向、物體投影、環境反光等諸多要素之間密切相關。唯有物體與場景的光影要素協調一致，避免矛盾的光影關係，才能生成具備足夠感染力的產品圖像。","footer.scanWithWeChat":"使用WeChat掃碼","careers.socialJob3Team":"淘天集團","awards.tmall.products.title15":"專案展示","research.configure.the.tmall.design":"在IDE中配置tmall-design MCP","awards.tmall.products.title16":"設計項目說明：","awards.tmall.products.title17":"天貓小黑盒與2024年阿那亞蝦米音樂節合作的「HEYLIVE海邊樂迷之家」全案，透過場景化行銷策略將品牌植入音樂節文化場景，主視覺天貓小黑盒立方體造型被解構為「探照光源」，還原閃亮舞台與漸變海岸線，構建品牌與年輕用戶的情感連結。項目同時整合德龍、海爾等五大品牌資源，打造線上線下聯動的立體化行銷矩陣，實現品牌曝光、用戶引流與文化共鳴的多維目標。","footer.scanToFollow":"掃碼關注","footer.contactEmail":"郵箱","awards.tmall.products.title10":"MUSE金獎項目連結","awards.tmall.products.title11":"天貓小黑盒 × 蝦米音樂節「HEYLIVE 海邊樂迷之家」項目獲意大利 A'Design Award 國際設計獎金獎","app.check":"success","awards.tmall.products.title12":"獎項標誌","awards.tmall.products.title13":"獲獎證書、獎盃","awards.tmall.products.title14":"獲獎資訊查詢","research.spacing.code.implementation":"間距碼實現","careers.socialJob5Title":"體驗設計專家-閒魚","products.design.specifications.paragraph18":"千牛設計系統組件預覽","products.design.specifications.paragraph17":"該系統以「務實提效」設計理念為核心，強調回歸B端商業管理系統的本質：在資訊框架上，追求極致的清晰直觀，確保商家對「是什麼」與「怎麼做」一目了然，降低理解成本；在視覺樣式上，主張不宣兵奪主、恰當自然，透過克制且簡單地使用顏色與抽象符號，消除可能引發認知困擾的視覺元素；在交互邏輯上，致力於簡單快捷，透過最短的動線支撐商家頻繁的操作與切換。","products.design.specifications.paragraph19":"天貓設計系統規範","footer.contactTitle":"聯絡","products.design.specifications.paragraph14":"淘寶系統組件預覽","products.design.specifications.paragraph13":"淘寶設計以使用者為中心，對產品功能進行克制嚴謹的設計，系統複雜全面的設計構思旨在為使用者提供簡單好用有趣的产品體驗。設計師、產品經理和開發人員的資源，提供圍繞淘寶產品的通用語言，使用它來維護淘寶應用極致而貼心的產品體驗。","products.design.specifications.paragraph16":"千牛商家設計（Qianniu Design）是專為千牛商家工作台打造的一套設計系統，以效率為核心，適應高頻複雜的業務場景，確保核心資料與任務高效傳達，從而滿足商家日常經營與店鋪管理的核心需求。","products.design.specifications.paragraph15":"千牛設計系統規範","careers.socialJob11Location":"北京／上海","products.design.specifications.paragraph10":"願景：定義智能生產新範式","products.design.specifications.paragraph12":"淘寶設計（Taobao Design）是一套專為淘寶App打造的設計系統，淘寶設計體系旨在打造一套通用的設計語言，確保淘寶整體產品體驗與賦能不同角色共同打造簡單而友好的商業生態。","products.design.specifications.paragraph11":"淘寶設計系統規範","research.all.the.articles.name_new10":"董望俐","research.all.the.articles.name_new02":"王湧","careers.internJob2Date":"2026年03月17日","research.all.the.articles.name_new01":"孔凱樂","research.all.the.articles.paragraph79":"透視關係","research.all.the.articles.name_new06":"周舟","research.all.the.articles.paragraph78":"例如，人模與畫面邊緣之間應保留適當負空間，透過合理留白避免畫面擁擠，增強呼吸感，使整體構圖更顯平衡自然。保持構圖主體與畫面邊緣的適當間距，旨在維護人模與商品之間的協調關係，同時提升畫面的視覺吸引力與美感。","research.all.the.articles.name_new07":"王妍","research.all.the.articles.paragraph77":"在以人模作為畫面主體時，關鍵在於透過構圖使人模的比例與位置有效突出商品。將人模置於畫面中央，既能直接吸引觀者視線，強化其焦點地位，也符合觀者觀察圖像時自然關注中心區域的視覺習慣。","research.all.the.articles.name_new04":"劉祥","research.all.the.articles.paragraph76":"符合視覺習慣的佈局強調構圖應順應人類的視覺感知規律與審美偏好，運用經典構圖原則營造自然且悅目的視覺效果。黃金分割與三分法是構圖中最為經典和廣泛運用的準則，其持久生命力源於契合人類對視覺平衡與和諧的本能認知。例如，黃金分割法則建議將重要視覺元素置於畫面的特定分割點——通常靠近畫面邊緣，此類佈局不僅能吸引觀者注視，還能在視覺上營造平衡感與動態效果。","research.all.the.articles.name_new05":"楊浩炅","research.all.the.articles.paragraph75":"本項標準關注如何透過構圖確保商品的主體地位得以凸顯。主體性的核心在於使商品在畫面中居於中心位置，並藉助視覺元素的有機組織，強化其作為畫面焦點的屬性。","research.all.the.articles.paragraph74":"主體性","research.all.the.articles.paragraph73":"畫面整體的平衡與協調：設計視覺動線時，還需兼顧畫面整體的平衡與協調。所有元素的排布不僅需服務於視覺引導，也應保持構圖的內在和諧。","research.all.the.articles.name_new08":"文禹翰","research.all.the.articles.paragraph72":"視線空間的考量：當圖像中含有人模且具備明確的眼神表達時，視線方向的延展性尤其重要。應在人模視線前方預留足夠空間，以增強畫面動態感並引導視覺流動。","research.all.the.articles.name_new09":"劉姿君","research.all.the.articles.paragraph71":"線條、形狀與光線的運用：透過合理佈置線條與形狀，可構建引導觀者視線的路徑，自然將注意力引向商品。這些視覺元素應被組織為流暢的視覺引導系統，最終聚焦於商品本身。","research.design.method.literal.visualization":"設計方法：文字視覺化","research.all.the.articles.paragraph70":"若人模帶有眼神表達，需注意視線方向的延伸感，並在人模朝向的一側預留適當空間。","careers.internJob1Title":"人工智慧工程設計師","research.economic.aesthetics.paragraph32":"民俗是小城人群的精神寄托，透過民俗的美好祝福以及載體的傳遞，獲得這一群體的認同感。","research.economic.aesthetics.paragraph33":"審美不論高低，下沉市場也有美學追求，小到吃穿用，大到建築裝修，小鎮人民的審美也在隨著時代遷移變化。從日常生活中汲取靈感，精煉野生設計精髓，讓產品更有溫度，讓小商品煥發出大價值。設計不停，經濟美學仍在迭代……","research.economic.aesthetics.paragraph30":"小城街頭隨意拼貼的小廣告，是小城人群鮮活的生活。提取其形式感，構建獨特的小城野生混搭美學。","research.economic.aesthetics.paragraph31":"03 民俗達意","products.design.specifications.paragraph21":"該系統以「白紙」（White Paper）設計理念為核心，強調讓內容彷彿從空白畫布中躍然而出，透過簡化流程與結構，去除一切可能造成干擾或困惑的元素。","products.design.specifications.paragraph20":"天貓設計（Tmall Design）是專為天貓購物應用打造的一套設計系統，涵蓋設計理念、原則、風格、組件與資產。其體驗目標是以內容為核心，簡化任務操作，確保資訊高效傳達，並呈現極致簡約的設計風格，從而滿足產品定位與目標用戶的需求。","research.versionai.tmall":"版本AI 天貓","products.design.specifications.paragraph22":"天貓系統組件預覽","research.all.the.articles.paragraph89":"光源關係：畫面中各物體的光源統一性","banner.cameraMoveBody":"試著移動你的身體","research.all.the.articles.paragraph88":"曝光統一：核心主體內容的曝光程度應保持一致。適應不同場景是產品圖曝光調節的另一要點。在整個產品系列圖中，保持統一的曝光水平有助於建立品牌形象，使用戶更易識別與記憶產品，從而強化品牌整體一致性。","research.all.the.articles.paragraph87":"整體曝光：欠曝圖像偏暗，影響物體形態辨識；過曝圖像泛白，導致細節損失。通常傾向於明亮的曝光水平。在產品圖中，背景的曝光控制同樣重要。透過調整曝光，可更好地控制產品與背景間的對比關係，尤其在產品與背景顏色相近時，這對突出產品並使其脫穎而出尤為關鍵。","research.all.the.articles.paragraph86":"曝光主體：應以圖像主體內容為曝光基準，注重曝光的合理性。在AI電商產品生圖美學中，產品呈現不僅關乎外觀，更需透過曝光度的精細調節以突出各方面細節。恰當的曝光能夠強調產品表面紋理、材質與顏色，確保潛在買家清晰看到產品細節，從而增強購買吸引力。","research.all.the.articles.paragraph85":"曝光度：畫面光線的明暗程度及曝光一致性","research.element.knowledge.is.divided":"元素知識被劃分為四個不可簡化的單元——{{bold}}顏色、排版、圓角半徑和動態{{/bold}}——它們構成了所有設計風格的基礎依賴。其語義規則包括元素定義、風格組成、屬性變數（設計標記）、強制性規則以及功能使用方式。代碼實現採用全局樣式（SCSS）的形式；這些樣式會自動從設計產物中重建，並透過調用設計軟體的MCP服務，由IDE工具自動生成代碼。映射模式由ID符號、語義（包括名稱、定義和描述）、rules_refs、implementations_refs以及約束條件（例如使用場景、強制禁止事項及其他限制）所組成。此模式由人工智能根據基於模式的提示規則自動生成\\*。","research.all.the.articles.paragraph84":"光影","careers.socialJob13Team":"淘天集團（淘寶平台）","research.all.the.articles.paragraph83":"景深營造：在AI生成電商圖像時，景深控制是構圖的關鍵要素之一。它透過模擬相機焦距與光圈設定來調節景深，從而實現背景虛化效果，使商品在視覺上更為突出，成為畫面焦點。AI生成電商商品圖像時，需要精確控制焦距、光圈及物距，合理安排前景與背景的虛實關係，以確保輸出圖像既符合商業規範，又具備藝術價值。透過此類處理，AI能夠創作出兼具專業性與視覺吸引力的商品圖像，有效提升商品的展示效果。","research.all.the.articles.paragraph82":"空間透視：空間透視是AI生成電商圖像中重要的視覺元素之一，要求人模、產品與空間結構之間保持一致的透視關係。正確的透視關係能夠確保人模和產品在空間中的位置及大小與環境相協調。","research.design.synthesis.agent.configuration":"設計合成劑配置（節錄）","research.all.the.articles.paragraph81":"光影處理是另一關鍵要素，直接影響商品的形態與紋理呈現。透過模擬不同光照效果（如單側照明產生的陰影），可強化產品的三維感。精確的光影模擬不僅令商品更顯生動，也為畫面賦予豐富的層次與質感。","careers.master":"碩士","research.all.the.articles.paragraph80":"在AI生成電商商品圖像的透視構圖方面，核心在於如何在二維平面上有效模擬三維空間感。這一挑戰涉及視覺藝術中的多項基本原理，尤其是透視法、光影處理與景深控制。透視法在視覺藝術中歷史悠久，透過線條與形狀的排布模擬視覺深度與距離感。AI生成商品圖像時，可藉助構建消失點與透視線，營造產品向遠處延伸的視覺效果。該方法不僅能增強商品的立體感，也可為畫面注入深度與動態表現。"},"zh_HK":{"home.research5Title":"經濟美學設計同應用","products.aiagent.new.title":"團隊自行研發嘅技能庫調用同執行","careers.socialJob4Team":"淘天集團","careers.socialJob4Years":"3年","research.all.the.articles.paragraph001":"對象本體：","research.all.the.articles.paragraph005":"還原度：","careers.internJob3Desc":"睇下用戶行為同埋反饋，分析同一類產品，尤其是人工智能產品嘅設計形態同發展路向；承接唔同業務形態嘅產品體驗設計；交出針對需求嘅策略同設計方案；建立內部人工智能設計嘅能力；寫各種設計知識文檔，包括但不限於符合人工智能認知嘅規範，同埋模型識別得到嘅內容知識。","research.all.the.articles.paragraph004":"商品狀態係評估AI生圖質素嘅核心。一定要確保生成嘅AI商品形態完好，避免出現瑕疵、結構不合理之類嘅問題。同時要保證去底準確，避免邊緣粗糙、泛白、紫邊等現象，咁樣先可以令生成嘅商品圖符合客戶預期。","research.all.the.articles.paragraph003":"商品形構：","research.all.the.articles.paragraph002":"生成商品嘅狀態同真偽都會呈現出嚟。以商品對象本體為基礎嘅AI商品圖像美學評估標準，主要涵蓋兩個層面——商品形構同還原度。","research.all.the.articles.paragraph009":"角度選擇：","research.all.the.articles.paragraph008":"商品展陳同睇嘅角度。","research.all.the.articles.paragraph007":"選取角度：","research.all.the.articles.paragraph006":"應該真真正正反映商品本身嘅結構表現，包括形體構成、物料同顏色。雖然可能會受環境因素影響，但一定要符合自然認知嘅邏輯，唔可以脫離咗商品原本嘅形態。喺視覺保真度同還原度方面，用AI生成嘅商品圖像要準確呈現出商品嘅外觀、比例同細節特徵。另外，除咗高度還原商品本身之外，圖像仲要盡量保持高解像度，對商品細節做精緻處理，以超卓嘅清晰度捕捉到精密嘅工藝細節、物料紋理同複雜嘅設計核心，從而充分展現出商品嘅工藝水平同視覺吸引力。","team.intro.text":"淘寶設計係一個服務全球幾億消費者體驗嘅設計團隊，服務咗淘寶、天貓等好多國民級產品。我哋致力於引領用戶體驗，希望設計可以打動人心，令商業變得美而簡單。","careers.internJob3Location":"杭州","research.economic.aesthetics.title9":"設計手段提煉","research.economic.aesthetics.paragraph9":"堅信多樣化嘅能力先可以活得長久，舖頭招牌要無縫接駁，相鄰舖頭就連成一堵連續嘅資訊牆。留白就係浪費，一定要填滿先有安全感。同一條訊息會喺地貼、立牌、門頭、橫幅，甚至係廣告喇叭入面反覆出現，用多個渠道去加強效果。關鍵訊息嘅大小遠超其他字，硬生生霸佔版面中心。","research.economic.aesthetics.title7":"板式｜功能為先，高密度，強對比","research.economic.aesthetics.title8":"文字｜直白具象，方言混搭，“迷信”主義","research.structural.translation.of.design":"設計系統知識結構轉譯","products.design.specifications.paragraph3":"佢嘅能力覆蓋對話式出圖、批量生成、多尺寸延展、模板同風格重用、圖像精修同編輯、業務客製化生成、API化調用等核心場景，支援由單張圖像創意到千級規模素材生產嘅高效轉化。","research.economic.aesthetics.paragraph7":"小城呢種混用物料嘅現狀，係資源、認知同需求一齊作用出嚟嘅結果。光滑對粗糙、反光對啞光、數碼對手工，在睇落好似好混亂嘅風格入面，反而透出咗一種社會嘅生活氣息同生命力。唔會過度追求「和諧精緻美」，但係會追求「實用生動美」。小城人對「金燦燦」嘅鍾意，其實都係一種務實嘅理想主義。縣城街頭普遍背景都雜亂又灰暗，而高飽和度嘅金屬反光質感就可以瞬間吸引路人眼球，而且金閃閃嘅門面仲暗示住商家資格正規，帶嚟強大嘅信任背書。經歷過物質匱乏年代嘅人，更加需要金燦燦嘅質感，呢種質感其實係一種豐收富足嘅心理寄託。","products.design.specifications.paragraph2":"淘天AI設計師（Taotian AI Designer）係為淘天電商業務同設計團隊度打造嘅一體化AI視覺設計智能體同生產平台。佢以平台上累積嘅設計能力、業務經驗同大規模圖像生成工作流為基礎，幫手設計師同運營完成由創意生成到批量交付嘅全鏈路視覺生產。","research.economic.aesthetics.paragraph8":"小城街道實景","products.design.specifications.paragraph5":"由「生成圖片」到「生成設計」","research.economic.aesthetics.paragraph5":"從產品包裝嘅角度嚟講，無論係早期因為生產材料稀缺而用透明視窗，令商品真實情況完全透晒出嚟，定係包裝印刷精度提升之後帶嚟嘅精修場景圖，都係靠直觀嘅商品本身去吸引用戶。從街頭廣告嘅角度嚟講，老闆親手做招牌，用野生嘅圖形創作，令內容更加易明易懂，容易拉近同用戶之間嘅距離，而且造價低，迭代又靈活。從文化傳播嘅角度嚟講，傳統嘅吉祥符號（福、富、錦鯉）被頻繁應用喺生活場景入面（布料、貼紙、磚塊、產品造型等等），變成咗裝飾性嘅好運符。","products.design.specifications.paragraph4":"挑戰：電商設計嘅高頻率、海量同唔可控性。","research.economic.aesthetics.paragraph6":"野生圖形創作","team.section.title":"呢個係淘天設計。","research.economic.aesthetics.paragraph3":"喺縣城同小城市，招牌、牆畫呢啲公共視覺元素都好常見用到紅、黃、藍、金（有時仲會加綠或者白）嘅高飽和配色。背後既有材料工藝嘅限制，亦有文化心理驅動同埋傳播效率嘅考慮。主要分四個方面去睇：第一，原材料同施工成本超低，譬如國產PVC噴繪、單原色油墨、交通工程級貼膜，仲有本地建材入面「快乾耐晒」嘅工業漆，價錢平，根本唔使調色；第二，辨識度高就代表傳播效率高，就算喺複雜光線下面，高飽和嘅原色都有最強嘅視覺穿透力（無論係日光下定係夜晚昏暗，又或者背景亂七八糟都一樣）；第三，施工技能有限，又要靠模板操作，點樣做最省事，結果就令到審美趨向一致；第四，顏色本身帶咗種「信任背書」，潛意識入面傳達出「喜慶、光明、正統、可靠」嘅感覺，減低消費者做決定嘅成本。","research.economic.aesthetics.paragraph4":"生活環境色彩","research.economic.aesthetics.paragraph1":"喺非一線城市嘅中國縣城同小城市入面嘅普通群眾，反映咗大部分老實老百姓日常真實嘅生活狀態。佢哋所處嘅環境、關心嘅日常小事、接觸嘅事務、消費嘅對象，都帶有非一線城市典型嘅普遍特徵，同埋一線城市嘅用戶自然有消費同關注點上嘅差異。研究發現，目標人群喺日常生活入面嘅審美偏好，亦都呈現出混雜性、實用性同人文情感化交織嘅特徵。縣城文學能夠獲得好大關注，某程度上正因為佢同我哋自己成長同生活經歷有廣泛嘅連結，引起共情。我哋由真實生活者嘅感受角度入手，從色彩、圖形、文字、質感、排版等維度，對線下生活消費場景入面常見嘅設計做分析，提煉出經濟美感特徵同設計手法，然後將呢啲應用到線上電商產品體驗同品牌營銷場景入面，引起用戶情緒共鳴，促進平台黏著力同差異化心智。","research.economic.aesthetics.paragraph2":"睇到目標群對生活必需品都有既定嘅預設同期望，所以體驗就要還原佢哋對經濟實用、回歸真實生活嘅狀態。還原群體留意嘅細微價差，為生活帶嚟真真正正嘅小優惠，令大家開心；再將生活日常入面嘅街市文學解讀出嚟，喺低價之中搵到用戶價值嘅創意設計。設計可以表達平凡嘅物質帶嚟嘅生活質素之美，仲可以畀生活有更好嘅效用，增加或者體現啲巧思應用喺實際場景入面。經濟美學背後「細價錢大價值」，反映咗用戶對性價比嘅心理追求，而設計要尋找嘅，就係圍繞「核心價值點聚焦」嘅具體化豐富手段。","careers.socialJob13Date":"2026年1月5日","careers.internJob2Title":"人工智能創意藝術家","research.ai.friendly.semantic.rules":"對人工智能友好的語義規則","careers.bachelor":"學士","research.there.is.now.a":"而家市面有兩類由AI生成介面嘅解決方案：新生代AI或者IDE工具（比如V0、Stitch、Cursor之類），佢哋係用啲已經內化咗開發知識嘅大模型，調用開源組件庫（譬如Tailwind、Shadcn、AntD、M3之類）；仲有設計軟件智能體模式（例如Figma Make、Mastergo Agent之類），佢哋係根據設計軟件入面創建同維護嘅組件庫，一齊生成介面同代碼。","research.economic.aesthetics.title2":"背景介紹","research.economic.aesthetics.title5":"圖形｜具象化嘅表達，追求美好寓意","research.economic.aesthetics.title6":"質感｜實用主義拼貼，追求閃耀燦爛","research.economic.aesthetics.title3":"生活環境研究","research.economic.aesthetics.title4":"顏色｜跟住材料嘅原色，自己帶出情緒導向","home.product1Title":"淘天 AI 設計師","research.building.internal.enterprise.design":"為咗生成符合規範嘅產品界面，而建立企業內部設計知識。","research.note.design.tokens.for":"注意：元素同布局設計嘅標記要符合規範，語義清晰，結構一致。一般由值value → 屬性命名primitive → 語義命名semantic → 规則描述description組成。","careers.socialJob12Desc":"負責淘寶直播主播經營同開播相關產品嘅體驗設計工作，可以確保產品易用性、擴展性同設計質素；負責從業務對接、策略制定、設計概念、方案輸出、還原落地、數據回收整體工作，能夠理順完成資訊架構、風格定調、界面視覺產出、組件規範制定等等；對業務有全局嘅理解同判斷，可以聯合業務、用戶研究同開發等上下游團隊，搵設計機會點，仲可以深度合作創造價值。","awards.new.article01":"2024 双11主互動——MUSE白金獎&柏林設計獎金牌","awards.new.article02":"2025年春節主互動——IAI全球設計獎銀獎同MUSE白金獎","awards.new.article03":"2025 618主互動 - IAI全球設計獎銀獎","research.layout":"佈局","research.taobaoInteractiveGame.taoCoinPopArtStyleApplication":"淘金幣：波普藝術風格應用","research.color.design.excerpt":"顏色嘅設計（節選）","careers.socialJob5Team":"淘天集團（閒魚）","research.versionAI.tmall":"喺天貓推出VersionAI業務","careers.socialJob13Years":"5年","research.in.taobao.s.marketing":"喺淘寶嘅市場推廣設計場景入面，用戶旅程嘅特點係入門點好早，而且循環模式好強，對資訊呈現嘅引導能力同埋資訊傳遞嘅直接性都有好高要求。從商業角度嚟講，呢啲場景覆蓋範圍廣，需求重複性高，而且各種情境都交織埋一齊。不過，歷史上呢啲市場推廣嘅表達方式都冇經過系統性研究，亦未被確立為一個基礎設計學科。初步觀察發現，表達風格多種多樣——包括好似海報咁嘅排版、圖文組合，仲有圖文混合嘅手法——顯示出有相當大嘅潛力去進一步整合同優化。呢個計劃重點係「直覺式資訊表達」，目標係建立普適嘅設計原則同方法論，以提升市場推廣溝通嘅整體效率。","research.tmall.app.uikit":"天貓 App UI 組件庫","research.generative.ui.agent":"界面生成智能體","careers.socialJob7Title":"體驗設計師-1688","home.bookFlipSubtitle":"淘天設計出嘅書：\n止於設計，唔止AI","research.interactiveGameTrends.pageTitle":"淘寶互動遊戲設計趨勢研究","research.price.semantic.rules.excerpt":"價格嘅語義規則（節選）","careers.internJob4Date":"2026年3月12日","research.from.literal.visualization.in":"由啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲......由啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲啲......","header.awards":"獎項","bottom.contributor.title":"貢獻者","careers.socialJob11Desc":"喺人工智能領域做分析同埋訪問行業專家，從投資角度出發，對人工智能技術領域同埋人工智能應用市場做動態分析，睇清行業發展趨勢，密切監控同分析呢個領域核心玩家同公司嘅關鍵動向。仲會針對資本市場反應特別大嘅核心事件，深度訪問專家，寫成分析報告，為策略層提供有效嘅資訊輸出。喺電商同商業化領域，會調用策略或者做客戶研究，針對電商同商業化業務場景，做行業動態分析，睇清行業發展趨勢，整理同追蹤各個平台嘅動向同打法，深度訪問業界專家，分析財報，研究行業資訊，提取同分析內部數據，按需要開展商家客戶研究、代理生態研究，包括定性同定量分析。同時，會結合外部競爭環境同母嬰業務，圍繞策略、技術、產品、運營同生態等範疇，交出有深度、有思考嘅綜合性報告。仲會同顧問、策劃、產品、運營、技術、生態等業務團隊深入溝通，了解內部業務需求，透過動態分析反哺業務，幫母嬰業務打區隔戰，搵到業務落地點同突破點，推動創新變革。","products.design.specifications.paragraph7":"強勁嘅底層引擎","products.design.specifications.paragraph6":"「聊天即創作」嘅全鏈路閉環","products.design.specifications.paragraph9":"效率革命：由1天縮到30秒。","home.award3Title":"MUSE白金獎","products.design.specifications.paragraph8":"設計知識循環","research.if.design.artifacts.are":"如果想設計出可以畀AI穩定讀取、檢索、推理同埋執行嘅話，傳統設計系統規範知識嘅構建方式主要有三個根本性問題亟待解決：{{bold}}1. 缺失知識結構：{{/bold}}設計資源唔規範（冇設計令牌、組件變數、語義描述）、設計規則唔清晰（冇描述結構、內容格式），設計代碼唔完善（冇代碼實作）。{{bold}}2. 缺失映射關係：{{/bold}}缺失規則同代碼之間明顯嘅錨定、約束同指向嘅結構化關係。{{bold}}3. 缺失統一維護：{{/bold}}設計資源、規則、代碼由設計師同開發者分開構建維護，冇結構同映射嘅共識，導致彼此割裂同迭代唔一致。","research.element.semantic.rule.template":"元素語義規則模板","careers.internJob2Desc":"各業務同活動嘅品牌營銷創意設計，交出整體方案設計，包括但唔限於品牌、營銷、頁面、包裝、空間；互動產品嘅主題創意策劃，互動產品嘅視覺風格設定同角色設定；運用AI工具做設計同藝術創作，解決目標達成嘅技術問題，具備業界頂尖水平；構建設計數據庫，根據業務需求同設計目標訓練／優化Lora模型，助你自行生成業務素材。","footer.sloganHumanistic":"人本","research.in.this.project.the":"呢個項目入面，工作流同智能體都係喺IDE工具入面整嘅。其中，模型基礎、記憶同工具都係預設咗，或者根本唔需要設定，其他嘅就單獨定義。而喺提示詞Markdown檔案入面，包括但唔限於角色定義、任務定義、內置工作流步驟、輸入輸出要求、存取同路由，仲有強制要求等等。","research.note.in.principle.the":"注：理論上，知識檢索智能體同方案設計智能體可以合併成一體。獨立設置係因為當設計系統嘅規範知識入面冇有關需求對照嘅內容時，方案設計智能體可以透過工具或者授權外部知識庫去補全。即係話，將兩個智能體嘅任務定義同自主程度分得更清楚，有助於令流程同結果更加確定。","careers.socialJob5Years":"5年","research.node.orchestration":"節點串聯","careers.campus":"校園招聘","careers.socialJob2Location":"杭州","research.case.semantic.rules.template":"頁面嘅語義規則模板（節選）","home.seeAll":"睇全部","careers.socialJob3Years":"2年","home.research6Title":"「TAO」AI數碼人動態影像研究","research.all.the.articles.new.label1":"設計團隊","careers.socialJob12Date":"2026年1月8日","banner.titleTechnology":"科技","home.browseVideosTitle2":"開心嘅工作","home.browseVideosTitle1":"我哋追求","research.this.leads.to.a":"就引申出一個變革命題：喺人機協同去構建用戶體驗同數碼產品嘅時代下，傳統意義上嘅設計師構建面向{{bold}}人類理解使用嘅設計規範同系統（Design Guideline and System for Human）勢必要轉化成面向機器大模型理解使用（Design Guideline and System for AI）{{/bold}}。咁樣，喺構建思路同做法上面就會有啲分別啦。","research.this.article.is.a":"呢篇文章係淘寶喺2025年年中寫嘅，講咗點樣用人工智能去搞出符合企業設計規範嘅產品界面嘅經驗分享。以天猫App呢個國內大型B2C購物軟件為例，講咗AIGUI解決咗啲咩問題、點樣建立一套專門畀機器理解同埋用嘅設計系統規範知識，仲有生成產品頁面嘅實際效果等等。隨住科技同工具嘅變化，做法同思路都會跟住變，以下內容只係暫時性參考啦。","research.interface.generation.is.essentially":"界面生成本質上係{{bold}}由多個任務智能體、根據一條符合企業場景嘅設計工作流，透過上下文推理同埋檢索，抽取設計系統規範知識而形成嘅一個垂直類別智能體{{/bold}}。其中，工作流係工程基礎，串連住由需求輸入到界面輸出之間所有環節，確保流程同結果都係確定嘅；多智能體就係模型嘅大腦，根據預設嘅系統提示詞去理解上一步嘅輸入，自主分步推理，然後將結果輸出到下一步，分為意圖識別、知識檢索、方案設計、代碼生成等四個任務智能體；設計系統規範知識就係外掛事實，設計會透過D2C方式轉化成規則語義事實、代碼符號事實，仲有兩者之間嘅映射關係嘅結構化知識庫，供模型去閱讀、檢索同抽取。","team.publish.a.book.paragraph102":"電影團隊嘅整體流程同工作內容","team.publish.a.book.paragraph101":"電影《局外人》主海報同劇情劇照","team.publish.a.book.paragraph100":"電影《鬼話連篇》主海報同劇情劇照","banner.cameraMoveBody2":"感受温度變化","research.case.mapping.schema.template":"頁面嘅映射綱要模板（節選）","home.adjustTextTitle":"我哋打磨\n更好嘅設計","careers.socialJob10Title":"人工智能開發工程師——設計代理","header.product2":"TDA設計智能體","careers.socialJob1Date":"2026年3月10日","header.product3":"設計系統","research.note.it.may.also":"注：仲有叫「Page」或者「Block」嘅。","careers.socialJob6Title":"產品視覺設計師-1688","header.product1":"淘天 AI 設計師","careers.socialJob10Desc":"負責建設同維護團隊嘅設計智能體生態系統，透過整合設計知識、工作流同AI能力，持續提升設計團隊嘅產出效率、質素一致性同知識重用率；呢個角色係設計體系嘅智能化核心建設者，連接「設計」、「工程」同「智能體技術」三大領域，確保AI喺團隊入面落地得來用得著、可以迭代同可控；獨立建設同優化設計智能體系統，明白架構同工作流運作機制；主導設計智能體架構嘅演進同跨平台工作流集成；建設面向全團隊嘅智能設計平台，實現規模化賦能；負責智能體體系建設，建設同維護團隊嘅設計智能體（Design Agent）體系架構；負責知識體系同RAG維護，負責設計知識庫（Design Knowledge Base）嘅建設同演進；負責工作流智能化同工具集成，仲要監控同評估設計智能體嘅表現。","products.official.website.introduction.paragraph110":"執行校驗","products.official.website.introduction.paragraph111":"：生成完咗之後自動對照硬性約束清單，攔截違規結構，然後輸出修訂報告。","careers.internJob4Desc":"幫手提升現有項目嘅技術喺AIGC產品入面嘅實際表現；幫手算法等同事完成新技術嘅效果驗證；對現有美術資源進行分析同排查，提出改進方案。","products.official.website.introduction.paragraph114":"每個知識單元都支援一鍵複製，提供 React 組件代碼同 Markdown 規則套件，可以直接注入 AI 對話上下文。","products.official.website.introduction.paragraph115":"場景模板","careers.socialJob2Date":"2026年3月5日","products.official.website.introduction.paragraph112":"技術接入方式","products.official.website.introduction.paragraph113":"片段導出","products.official.website.introduction.paragraph118":"：規範結構已經配合咗主流AI設計工具同IDE插件，支援規則更新同即時預覽。","products.official.website.introduction.paragraph119":"完整規範已經上線，支援線上查閱同埋結構化數據下載。","products.official.website.introduction.paragraph116":"：內置數據看板、表單頁、列表頁等高頻頁面嘅提示詞模板同布局結構，可以直接用。","products.official.website.introduction.paragraph117":"插件對接","careers.socialJob9Desc":"負責淘寶用戶產品體驗設計，覆蓋淘寶用戶平台產品（首頁、我的淘寶）、基本交易流程產品（購物車、詳情頁、訂單等）、訊息與社交互動產品（訊息、分享、淘寶圈等），以及淘寶橫向設計系統，確保產品的易用性、可擴展性和設計質素。負責端到端的設計流程，包括業務對齊、策略制定、設計概念、方案交付、落實執行，以及數據分析，能夠完成資訊架構、風格定義、視覺界面輸出，仲有元件規範開發。具備整體業務理解同判斷能力，可以同業務、用戶研究同開發團隊合作，識別設計機會，透過深度共同創造推動價值。","careers.socialJob8Location":"杭州","footer.sloganAcademic":"學術","research.all.the.articles.name9":"夏夢","research.all.the.articles.name8":"柳翰文","research.all.the.articles.name7":"戴啟迪","products.official.website.introduction.paragraph100":"落地接入同工作流","research.all.the.articles.name1":"樂可柯","careers.socialJob11Date":"2026年1月12日","products.official.website.introduction.paragraph103":"喺實際項目入面，建議按以下順序調用規範：","research.all.the.articles.name6":"沈皎琦","home.product2Title":"TDA設計智能體","products.official.website.introduction.paragraph104":"定框架","research.all.the.articles.name5":"崔瓊尹","products.official.website.introduction.paragraph101":"規範嘅實際價值喺於高效應用。為咗降低團隊接入成本，我哋整理咗標準工作流程同技術對接方法：","research.all.the.articles.name4":"吳婷婷","products.official.website.introduction.paragraph102":"推薦工作流程","research.all.the.articles.name3":"何雨航","products.official.website.introduction.paragraph107":"根據業務需求調用結構化組件，嚴格遵循屬性映射同約束條件。","header.products":"產品","products.official.website.introduction.paragraph108":"校場景","products.official.website.introduction.paragraph105":"：先睇下風格規範，定下顏色、排版同布局嘅基調。","products.official.website.introduction.paragraph106":"填組件","products.official.website.introduction.paragraph109":"：用場景組合示範去驗證主次關係同互動邏輯，確保輸出符合業務上下文。","banner.micTryTurnOn":"試下開你嘅咪高風。","home.award1Title11":"貓超運氣桶","team.section.new.title":"團隊負責人","home.award1Title13":"喵滿分財寶香氛","home.award1Title12":"MUSE金牌","research.in.the.daily.workflow":"設計團隊日常需求產出嘅對象大致可以分為三種：模組、單頁面、多頁面。設計方法分為三種：存量拼合、存量改動、新增創造。其中存量改動又可以分為：資訊改動、佈局改動、樣式改動。","research.inject.the.snippet.into":"將片段注入上下文","research.taobaoInteractiveGame.paragraph18":"下個階段，我哋會以「機制化沉澱＋場景化驗證＋體系化推廣」做推進路徑：持續完善互動體驗框架同設計資產庫，圍繞關鍵業務場景做小步快跑嘅實驗同復盤，將有效嘅模式沉淀成團隊嘅標準能力同協作語言。","research.taobaoInteractiveGame.paragraph19":"同時，借助校企聯合研究嘅外部視角同專業方法，保持對行業演進嘅敏感度同校準能力，確保淘寶互動遊戲喺快速變化嘅環境入面持續帶嚟先進嘅體驗。","research.taobaoInteractiveGame.paragraph16":"根據動效圖譜累積嘅基礎規範同通用規則，揀啲關鍵場景，例如引導、轉場、浮層等等，落實應用，統一動效節奏同回饋邏輯，提升互動一致性同體驗穩定性。","research.taobaoInteractiveGame.paragraph17":"呢項研究試圖將「互動遊戲」由零散嘅玩法同單點體驗，提升成一套可以量化、可以重用、可以驗證嘅設計能力體系：用結構化嘅方法拆解類型、美術、UI、動效，仲要用趨勢研究去定位體驗機會。","research.taobaoInteractiveGame.paragraph10":"動效喺互動業務入面擔當緊「引導、反饋、情緒同節奏」嘅關鍵功能，但長期項目迭代就容易出現標準唔統一、質素波動同資源浪費：同一類嘅動效重複造輪仔，關鍵反饋唔夠或者過度，節奏唔統一又影響完成效率。為咗提升體驗一致性同重用效率，就要揀啲有代表性嘅場景，做一次系統拆解同規則化沉澱。","research.taobaoInteractiveGame.paragraph11":"動效圖譜主要以芭芭農場做個典型案例，開展動效設計研究。圍繞果樹動效、選種動效、施肥動效、任務動效、行為回饋同UI動效等幾個模組，系統咁整理同歸類，識別體驗上嘅問題，然後得出診斷結論，繼而總結出動效設計策略同參數化規則。","research.taobaoInteractiveGame.paragraph14":"波普風格係用高飽和、高對比嘅顏色關係去建立形體同空間層次，表達得更加簡潔直接，天然就適合啲資訊密度高、控件多嘅產品界面。雙11淘金幣互動區淨係佔咗半個螢幕，同時承載入口、按鈕、收益提示等好多模組嘅資訊；引入波普風格，喺唔犧牲資訊完整嘅前提下，可以透過色塊分區同對比層級去加強空間感同立體秩序，提升易讀性同決策效率。","research.taobaoInteractiveGame.paragraph15":"超現實主義透過打破現實世界嘅物理關係同空間規律，建立咗一種介乎「合理／唔合理」之間但內部自洽嘅表達體系，令敘事從現實約束中解放出嚟，獲得更強嘅想像力、象徵性同主題承載能力。佢嘅價值在於：用啲「睇落好似違反常識，但邏輯上又成立」嘅視覺同規則，令用戶喺短時間入面形成一個易記嘅世界觀理解，仲有清晰嘅獎勵預期。","research.taobaoInteractiveGame.paragraph12":"喺互動類型圖譜嘅案例拆解入面，我哋發現多鄰國用情緒化體驗去驅動持續參與嘅機制，真係好有啲啟發性。對應到淘金幣，就要透過情緒化嘅視覺表達同回饋機制，重新塑造用戶同系統之間嘅互動關係。我哋會引入階段性嘅狀態呈現同持續性嘅情緒回饋機制，令到金幣呢個偏結果導向嘅權益體系，升級成一個帶有過程感同節奏感嘅體驗系統，從而提升大家參與嘅意欲同留存嘅穩定性。","research.taobaoInteractiveGame.paragraph13":"我哋喺類型案例入面都識到一種同「種地吧」業務形態相近嘅互動結構——MonopolyGO! 嘅地圖推進模型。根據呢個模型，種地進度同地圖推進會有強烈嘅關聯：用戶透過完成集卡任務逐步解鎖地圖內容，仲會收到「解鎖咗一整塊區域」嘅階段性反饋。以地圖做為載體，將日常行為串連成一條可以感知、可以回顧、可以持續推進嘅成長過程，形成穩定嘅節奏同動機閉環。","awards.taobaoInteractiveGame.title1":"Taobao Vision 獲得ADA蘋果設計獎。","awards.taobaoInteractiveGame.title2":"淘寶視覺設計精華","products.design.specifications.title2":"天貓設計系統","research.taobaoInteractiveGame.typeGraph":"互動遊戲類型圖譜","products.design.specifications.title3":"千牛設計系統","products.design.specifications.title1":"淘寶設計系統","research.component.mapping.schema.template":"組件對應綱要（Schema）範本（節選）","research.the.code.generation.agent":"代碼生成智能體會以方案設計大綱做輸入。佢會將大綱檔案映射到知識庫，然後調用相應嘅代碼，最後以介面代碼檔案做輸出。用戶可以喺預覽模式下睇下生成效果。","products.official.website.introduction.paragraph121":"去淘寶設計","products.official.website.introduction.paragraph122":"Taobao Design係一套專為淘寶App度打造嘅設計系統。淘寶設計體系嘅目標，係要打造一套通用嘅設計語言，確保淘寶整體產品體驗同埋畀唔同角色一齊打造簡單又友善嘅商業生態。","products.official.website.introduction.paragraph120":"介紹淘寶設計","products.official.website.introduction.paragraph125":"內容規範體系","products.official.website.introduction.paragraph126":"體驗度量","products.official.website.introduction.paragraph123":"淘寶嘅設計以用戶為中心，對產品功能做咗好克制又嚴謹嘅設計。系統設計得又複雜又全面，就係為咗畀用戶一個簡單、易用同有趣嘅產品體驗。設計師、產品經理同開發人員都用同一套語言去圍繞著淘寶產品，用呢套語言去維持淘寶應用極致又貼心嘅產品體驗。","products.official.website.introduction.paragraph124":"Taobao Design網站分咗規範同應用兩個部分。前者主要由全局樣式、基礎組件、互動模式同體驗度量四個部分出發，講解喺唔同模組同模式下，點樣正確應用淘寶設計；後者就係面向開發者，提供唔同技術框架嘅接入說明。","careers.socialJob3Location":"杭州","team.section.new.paragraph1":"「我希望我哋第一個係一個有趣、好玩嘅設計團隊。」","products.official.website.introduction.paragraph127":"技術接入標準","products.official.website.introduction.paragraph128":"手淘圖標庫","team.section.new.paragraph2":"— 團隊負責人 顧曉元","research.existing.marketing.design.expressions":"我哋從四個維度分析咗現有嘅市場推廣設計表達：內容識別、行為引導、視覺形式，以及整體結構關係。分析之後發現咗好多問題：資訊結構安排得死板，概念邏輯過於複雜，導致認知成本超高；啲開屏頁同推廣素材都係靠模組化排版組合，創意融合唔夠強，文字層次又過多；彈出式廣告冇清晰嘅主題表達，反而塞咗太多資訊層次；而推廣標題嘅結構順序同後面嘅內容又唔一致。呢啲表面問題背後，其實有一個根本問題：設計元素之間完全割裂，冇連貫性。好多設計重視氣氛多過意義，逼住用家要花好大精力去理解同轉譯。同時，因為缺乏故事結構，令到語義、資訊內容同視覺形式之間根本搵唔到有機統一。所以，優化方向就係透過普世嘅視覺符號去映射主題，再用結構化嘅構圖將文字、品牌同產品元素整合埋一齊，最終達到直接傳遞資訊嘅目標——即係一種視覺表達，當中意義同形式天生就互相配合，水乳交融。","research.website.homepage":"網站首頁","research.all.the.articles.label10":"裝置藝術同圖集","research.all.the.articles.label03":"總編輯","research.all.the.articles.label02":"中國美術學院","careers.socialJob1Desc":"結合電商業務情況，圍繞商家、TP服務商等角色開展經營洞察，分析提炼淘系商家喺整體經營體驗、價格營銷、運營成本等方向嘅需求同痛點；能夠結合業務現狀明確研究課題，分析商家喺淘系經營嘅核心問題，探索同收集關鍵策略嘅商家反饋，為業務策略制定同調優提供有效輸入。","research.all.the.articles.label01":"淘天設計講師","research.balanced.color.contrast.use":"{{bold}}平衡嘅顏色對比{{/bold}}——要策略性噉用對比。色相、亮度同飽和度之間嘅差異應該突出主要主題，同時保持整體視覺清晰。","research.all.the.articles.label05":"書籍設計","research.all.the.articles.label04":"策劃編輯","careers.internJob1Years":"實習","careers.socialJob3Date":"2026年3月5日","research.taobaoInteractiveGame.motionGraphApplication":"互動遊戲動效圖譜應用","footer.contactWechat":"微信公眾號","careers.socialJob8Desc":"負責前台同後台嘅體驗設計，包括淘工廠頻道、基礎交易流程、玩法設計、淘工廠直播、商品素材設計、商家工作台嘅體驗設計、AI設計創新等等；透過用戶研究、數據分析同商業理解，睇清用戶潛在需求同問題，深度同業務同產品一齊開發，搵到商業機會同用戶潛在痛點，主動提出設計方案同落實執行，用創意設計提升用戶體驗同帶嚟業務增值；邏輯清晰、思維嚴密，設計方案有理有據；憑住豐富嘅設計經驗、方法同流程，提升團隊整體設計水平；喺大型項目入面高效組織同協調各方，跨團隊達成業務目標。","research.all.the.articles.label13":"淘天設計成員","research.all.the.articles.label12":"中國美術學院成員","banner.blowOrApplaud2":"感受自由變化","research.all.the.articles.label11":"負責人","home.award9Desc":"2025 618主互動","research.shopping.guide.case.semantic":"購物指南頁嘅語義規則（節選）","research.design.system.specification.paragraph2":"語義規則係針對物件嘅定義、樣式、變數、用法、約束等等嘅文字描述，係形成體驗差異嘅根源性知識產權，用markdown做格式。代碼實作就係將物件轉化成可以執行同應用嘅符號事實，用開發語言類型做格式。","research.design.system.specification.paragraph3":"映射綱要是連接語義規則同代碼實現嘅中樞，佢本身唔會重複咁做兩者，而係提供物件ID錨定、映射規則約束、指向定位代碼，在工作流入面嘅知識檢索、方案設計、代碼生成階段都起緊綱領指引作用。大模型無需遍歷所有知識，從而節省資源消耗，用json做格式。下面分別從各類物件展開。","research.this.document.was.produced":"呢份文件係由淘寶設計部喺2025年底出嘅，係一項專注於淘寶App市場推廣設計入面「直覺化資訊表達」嘅專項計劃嘅一部分。針對高頻市場推廣界面——譬如開屏、彈窗同埋推廣標題——經常出現嘅問題，包括資訊過載、用戶流程支離破碎同埋視覺疲勞，團隊提出咗「象徵性敘事」嘅設計策略。呢個策略透過普世嘅視覺符號去描繪市場推廣主題，用結構化嘅構圖將文字同影像融合一齊，並且遵循六個核心原則：意思同形式之間嘅語義一致性、即時嘅結構清晰度、對主要主題嘅極端強調、盡量減少必要嘅層級關係、平衡嘅色彩對比，以及自然而有表現力嘅動態效果。大量案例驗證都證明咗佢喺各種場景入面都好有效，包括優惠資訊傳遞、紅包、優惠券、會員卡同埋促銷活動。以下內容只供階段性內部參考。","careers.socialJob10Location":"杭州","research.all.the.articles.name_new4":"炎鯨","research.all.the.articles.name_new5":"寧好","research.all.the.articles.name_new6":"憬然","research.all.the.articles.name_new7":"無二","careers.socialJob11Title":"行業策略投資分析與用戶研究高級專員——阿里媽媽","research.all.the.articles.name_new1":"群劍","research.all.the.articles.name_new2":"萱絳","research.all.the.articles.name_new3":"孟茗","research.all.the.articles.name_new8":"敬鳴","research.all.the.articles.name_new9":"柘劍","products.design.specifications.new.paragraph2":"淘天AI設計師要解決嘅正係由「生成圖片」到「生成設計」、由「單點創意」到「規模化交付」之間嘅關鍵斷層。","products.design.specifications.new.paragraph3":"由「生成圖片」到「生成設計」","products.design.specifications.new.paragraph1":"背景同挑戰：電商嘅視覺生產長期面對高頻率、海量同強時效嘅多重壓力。傳統流程依賴人工協作，效率有限；通用AI工具雖然可以生成圖像，但係難以真正理解業務場景同交付標準，根本唔能夠直接轉化成可用嘅電商設計稿。\n","products.design.specifications.new.paragraph6":"累計生圖超過一百萬張，超過2300名非設計員工都參與咗創作。","products.design.specifications.new.paragraph7":"淘天嘅AI設計師正透過無限畫布同節點互動，構建一個更加自由、更加精準嘅智能創作空間，推動設計由「像素生成」走向「結構生產」，由「人工經驗」走向「算法智能」，為設計師、運營同技術等更多角色提供動力，令佢哋可以參與到創意生產入面。","products.design.specifications.new.paragraph4":"由「單點創意」到「規模化交付」，整合主流AI模型，提供API同埋批量化生圖能力。","products.design.specifications.new.paragraph5":"設計知識循環，知識嘅生產同共生。","careers.socialJob12Years":"1年","footer.navTitle":"導航","careers.internJob3Title":"產品體驗設計師","banner.titleAcademic":"學術","banner.punchedTapePlaceholder":"輸入內容轉譯成二進制","careers.socialJob4Date":"2026年2月27日","products.design.specifications.new.paragraph010":"為充分肯定學員喺項目入面嘅卓越表現同創新成果，今次工作坊特設咗個專項獎勵機制，等大家喺終期評審之後，對選出嘅優秀作品做表揚同實物獎勵。獎項總共分三個級別：一等獎（2名）會送大疆雲台相機，二等獎（3名）會送Sony高質素耳機，三等獎（4名）會送Marshall經典音響。呢個獎勵安排，就係想傳達「設計驅動價值，創新值得嘉獎」呢個鮮明嘅導向，加強「學以致用，創有所成」呢個課程嘅激勵作用。我哋好期待呢啲帶住匠心同前沿技術嘅獎品，可以伴住得獎學員喺未來嘅設計路上繼續捕捉靈感、傳遞聲音、記錄創意。頒獎典禮唔單止為今次工作坊畫上一個充滿儀式感嘅句點，更加象徵住一個新嘅起點——我哋期望所有學員都帶著呢份認可同期望，在更廣闊嘅設計同商業舞台上面，繼續發光發熱，影響未來。","research.design.system.specification.knowledge":"設計系統規範嘅知識係由兩類知識對象同三種檔案類型組成。{{bold}}兩類知識對象分咗樣式同頁面{{/bold}}，而樣式又細分咗元素、佈局、組件同資產四個類別。而每一類知識對象都包含{{bold}}三種檔案類型，分別係語義規則、映射綱要同代碼實現。{{/bold}}語義規則係針對對象嘅定義、樣式、變數、用法、約束等等嘅文字描述，係形成體驗差異嘅根源性知識產權，用markdown做格式。代碼實現就係將對象轉化成可以執行同應用嘅符號事實，用開發語言類型做格式。映射綱要是連接語義規則同代碼實現嘅中樞，佢本身唔會重複兩者，而係提供對象ID錨定、映射規則約束同指向定位代碼，在工作流入面嘅知識檢索、方案設計同代碼生成階段起緊綱領指引作用，大模型無需遍歷所有知識，從而節省資源消耗，用json做格式。下面我哋分別從各類對象講起。","research.icon.semantic.rules.excerpt":"圖標嘅語義規則（節選）","careers.socialJob7Desc":"負責1688產品線嘅體驗設計工作，幫手達成業務目標；深入理解業務，參與產品需求討論，提供有效嘅設計解決方案；由用戶角度出發，根據用戶場景同行為，圍繞業務目標，搵出體驗改進嘅機會點，推進體驗升級。","team.section.link1":"大學同產業合作：中國美術學院 × 淘寶設計","team.section.link2":"出版書籍《止於設計，不止AI》","team.section.link3":"淘天設計嘅電影哲學——我哋一齊成長嘅影像檔案","research.design.system.specification.paragraph003":"設計系統規範嘅知識係由兩類知識對象同三種檔案類型組成。兩類知識對象分咗樣式同頁面，而樣式又細分成四類：元素、佈局、組件同資源。每一類知識對象都包含三種檔案類型，分別係語義規則、映射綱要同代碼實現。語義規則係針對對象嘅定義、樣式、變數、用法、約束等等嘅文字描述，係形成體驗差異嘅根源性知識產權，用markdown做格式。代碼實現就係將對象轉化成可以執行同應用嘅符號事實，用開發語言類型做格式。映射綱要是連接語義規則同代碼實現嘅中樞，佢本身唔會重複兩者，而係提供對象ID錨定、映射規則約束同指向定位代碼，在工作流入面嘅知識檢索、方案設計同代碼生成階段都起緊綱領指引嘅作用，大模型無需遍歷所有知識，從而節省資源消耗，用json做格式。下面我就逐一講下各種對象。","research.agent.template":"智能體模板","products.official.website.introduction.paragraph19":"B端商家平台AI設計規範","research.icon.code.implementation.excerpt":"圖標嘅代碼實現（節選）","footer.sloganFree":"自由","products.official.website.introduction.paragraph17":"將片段注入上下文","products.official.website.introduction.paragraph18":"生成界面展示","products.official.website.introduction.paragraph15":"生成介面多智能體工作流運行","products.official.website.introduction.paragraph16":"複製或者下載片段知識","products.official.website.introduction.paragraph13":"喺IDE工具入面配置","home.award2Title":"IF設計獎","products.official.website.introduction.paragraph14":"用自然語言輸入界面生成指令","research.interface.generation.in.practice":"透過VersionAI Tmall官網嘅實踐界面生成","home.award9Title":"IAI全球設計獎銀獎","products.official.website.introduction.paragraph11":"對人工智能友好的語義規則","products.official.website.introduction.paragraph12":"呢個網站提供咗兩種方法，畀用家喺AI工具入面調用Tmall設計規範：MCP伺服器同埋上下文注入。只要喺IDE工具入面一鍵配置MCP伺服器，就會自動依賴天猫設計規範知識庫。MCP封裝嘅API功能會根據用家嘅自然語言指令自動處理同埋輸出結果，具體功能包括但唔限於搜尋、運行工作流等等。或者，你亦可以喺特定知識單元頁面上按「複製」或者「下載」，搵到片段知識嘅語義規則、映射綱要同埋代碼實現檔案包體，然後直接將佢哋引入指令輸入框，做局部修改同埋生成。","awards.taobaoInteractiveGame.Contributors":"作者","banner.titleCreativity":"創意","products.official.website.introduction.paragraph10":"人類友好型語義規則","careers.internJob4Years":"實習","research.sidebar.consistent.with.the":"跟設計系統知識結構一致嘅側欄","careers.socialJob2Desc":"負責多個端品牌營銷場景嘅視覺設計同創意設計，包括手機版天貓、百億補貼、淘寶PC、淘寶Vision、淘寶設計官網、淘寶設計智能體等業務場景。工作範圍包括但不限於品牌視覺系統、線上線下營銷物料、動態影片等多渠道視覺內容，致力提升用戶體驗同團隊影響力。同時，會將傳統視覺設計嘅思維方法同技能，同AIGC生成技術工具結合起嚟，製作出高格調、高質素嘅視覺作品，從而雙重提升設計效率同創意產出。","research.economic.aesthetics.title11":"主體物｜具象勝過抽象，再現熟悉嘅事物","research.economic.aesthetics.title10":"顏色｜自然色系、情緒映射","research.economic.aesthetics.title15":"經濟美學設計模型","research.economic.aesthetics.title14":"動效：遊戲化動態設計","research.economic.aesthetics.title13":"排版｜飽和式嘅資訊傳達","research.economic.aesthetics.title12":"文案｜生活化嘅語言體系","research.economic.aesthetics.title18":"分開兩個方向：民俗物件、常見物件","research.economic.aesthetics.title17":"分開兩個方向：生活實景、街頭小廣告","banner.titleFreedom":"自由","research.economic.aesthetics.title16":"分三個方向：營銷爆炸體、賣點貼紙風、塑封小商品","products.official.website.introduction.paragraph28":"約束清單化","products.official.website.introduction.paragraph29":"直接列出「可以做啲咩」同「絕對唔可以做啲咩」，為AI嘅生成過程劃清紅線。","products.official.website.introduction.paragraph26":"場景組合化","products.official.website.introduction.paragraph27":"：講清楚喺常見業務場景入面，點樣配搭組件、按咩順序排列，避免人工智能孤零零咁堆砌啲元素。","products.official.website.introduction.paragraph24":"結構代碼化","products.official.website.introduction.paragraph25":"唔單止畀外觀，仲要補足組件嘅內部結構、代碼屬性同互動狀態，令設計參數可以直接對接開發。","products.official.website.introduction.paragraph22":"規則具體化","products.official.website.introduction.paragraph23":"：去掉主觀描述，全部換成明確嘅數值、固定嘅梯度範圍同清晰嘅邊界。","careers.socialJob9Date":"2026年1月29日","products.official.website.introduction.paragraph20":"B端商家平台嘅AI設計規範，係一套專門針對AI輔助設計工具嘅標準文件。過去嘅設計規範主要係畀人睇嘅，靠視覺參考同經驗判斷。但係當AI面對「適當留白」、「視覺層次清晰」呢啲描述嗰陣，就容易因為理解偏差，搞出排版混亂、風格唔統一或者主次不分嘅界面。我哋喺唔改變原有設計原則嘅前提下，全面升級咗規範嘅編寫邏輯，令AI可以準確睇清要求，直接輸出符合業務邏輯同品牌標準嘅界面。","products.official.website.introduction.paragraph21":"調整喺四個方面：","header.team":"團隊","careers.internJob4Location":"北京／杭州","research.all.the.articles.name46":"鍾佳成","research.all.the.articles.name45":"周藝歌","research.all.the.articles.name48":"有石","research.all.the.articles.name47":"龍影","research.all.the.articles.name49":"湘樂","products.official.website.introduction.paragraph39":"用咗24格系統。欄間距固定係16像素或者24像素。頁面內容區邊距係48像素，卡牌之間距離統一係24像素，模組入面嘅間距係16至24像素。","products.official.website.introduction.paragraph37":"統一用Alibaba Sans 102（數字一定要等寬）。基準字號12px，行高要嚴格依循FontSize + 8px（例如12px就對應20px）。字重分級：500（標題／強調）、400（正文字體）、300（輔助說明）。","products.official.website.introduction.paragraph38":"間距同格子","products.official.website.introduction.paragraph35":"連續數值會增加 AI 嘅生成唔確定性。規範會將字體、行高、間距同對齊規則離散化，仲會綁定閱讀動線嘅邏輯。當 AI 生成嘅時候，直接讀取字號梯度、行高公式同對齊規則，再配合F型動線自動分配信息權重，避免內容堆砌或者重心偏移。","home.award7Desc":"2024年雙11主互動","products.official.website.introduction.paragraph36":"字體同行高","research.semantic.consistency.marketing.themes":"{{bold}}語義一致性{{/bold}}——市場推廣主題應該用符號來視覺化表達，而呢啲符號嘅意思要同預期嘅概念一致，而且要全球都認得。","products.official.website.introduction.paragraph33":"排版同布局","products.official.website.introduction.paragraph34":"連續數值會增加 AI 嘅生成唔確定性。規範會將字體、行高、間距同對齊規則離散化，仲會綁定閱讀動線嘅邏輯。當 AI 生成嗰陣，直接讀取字號梯度、行高公式同對齊規則，再配合F型動線自動分配資訊權重，避免內容堆砌或者重心偏移。","research.workflow.and.knowledge.integrated":"流程同知識整合工程包體","products.official.website.introduction.paragraph31":"風格語意綁定","research.all.the.articles.name51":"東宸","products.official.website.introduction.paragraph32":"顏色直接對應業務狀態同互動反饋，唔會用嚟做視覺修飾。AI喺解析「轉化率下降」或者「高優先級提交」之類嘅指令嗰陣，會透過語義映射自動調用相應變數，避免隨機揀顏色引致嘅語義錯誤。所有顏色值都按功能域分層聲明，仲附有清楚嘅用途說明。","research.all.the.articles.name50":"飛飛","research.all.the.articles.name53":"拾羽","products.official.website.introduction.paragraph30":"風格規範嘅 AI 轉譯","research.all.the.articles.name52":"珀可","research.all.the.articles.name55":"汐桃","research.all.the.articles.name54":"蘊菲","research.all.the.articles.name57":"王晨陽","research.all.the.articles.name56":"小燭","header.research":"研究","research.all.the.articles.name59":"張鵬磊","research.all.the.articles.name58":"何雨航","careers.internJob1Team":"阿里巴巴集團","careers.socialJob13Desc":"洞悉業務需求，準確界定研究命題：獨立同客戶營運部嘅營運／產品／技術等各部門負責人對接，了解業務發展需求，主動諗吓而家關鍵產品有咩痛點同埋有咩業務機遇，然後根據呢啲去準確界定同規劃具體嘅研究課題；運用專業嘅研究手法，高效落實研究項目，做埋調研，仲要出到優質嘅研究報告：熟識各種研究類型，譬如消費群體細分畫像、用戶需求痛點挖掘、產品體驗研究、用戶增長研究、產品概念測試同優化等等；專業掌握各種研究手法，例如定性研究（深度訪談／焦點座談會之類）、定量研究（問卷調查）、業務後台數據分析、案頭研究／二手資料研究等等；不斷迭代優化研究思路同執行方式，積累高效嘅研究工作方法論同執行體系；推動研究成果落地到業務上，幫公司達成業務目標。","careers.socialJob6Desc":"負責產品嘅視覺設計工作，包括品牌元素、商品客製化、內容社區同供應鏈管理等產品；以圖文、影片、3D等多模態為基礎，探索AIGC喺商品客製化同創物方面嘅應用創新；根據業務需求，負責由概念構思到落地實施嘅設計全過程，確保成果符合市場趨勢同業務目標。","banner.titleHumanistic":"人本","products.official.website.introduction.paragraph48":"刪除多餘嘅","products.official.website.introduction.paragraph49":"：去掉冇影響功能嘅形容詞同副詞。表頭已經標明咗欄位，個細胞入面就唔可以重複前綴。","products.official.website.introduction.paragraph46":"功能優先","products.official.website.introduction.paragraph47":"文案直接服務操作目標（比如「提交訂單」取代「點這裡完成購買」）。","products.official.website.introduction.paragraph44":"文案生成規則","research.all.the.articles.name60":"繆亞希","products.official.website.introduction.paragraph45":"人工智能生成嘅文案容易出現冗長、重複或者語義模糊嘅情況。規範入面有內置嘅文本處理規則，生成嗰陣會自動執行「去除修飾詞、提取核心資訊、用數字取代文字、統一專業術語」呢啲流程，確保內容符合中後台高效閱讀嘅標準。","products.official.website.introduction.paragraph42":"閱讀動線約束","research.all.the.articles.name62":"邵騰","products.official.website.introduction.paragraph43":"：要依循F型瀏覽模式。核心資訊、主標題同關鍵狀態放喺左上角；輔助資訊就放中間或者淡化啲；關鍵操作入口就放喺右邊。橫向單行嘅資訊就按照「左（高）－中（低）－右（中）」嚟分佈。","research.all.the.articles.name61":"王庶","products.official.website.introduction.paragraph40":"對齊原則","research.all.the.articles.name64":"劉丹","products.official.website.introduction.paragraph41":"：數字／金額要右對齊；文字／標題要左對齊；表單標籤要右對齊或者頂部對齊。同一類嘅資料一定要形成穩定嘅矩形邊緣，唔可以有視覺上嘅鋸齒。","research.all.the.articles.name63":"李文良","careers.socialJob5Date":"2026年2月25日","research.all.the.articles.name66":"梁以舒","research.all.the.articles.name65":"張程","research.all.the.articles.name68":"為一","research.all.the.articles.name67":"姜穎","research.all.the.articles.name69":"亦遙","research.human.friendly.semantic.rules":"人類友好型語義規則","research.structural.composition.integrating.textual":"{{bold}}結構組成{{/bold}}：將文字排版同視覺元素整合成一個連貫嘅圖文結構，令用家可以直接睇到同明白個訊息。","careers.socialJob8Date":"2026年2月4日","products.official.website.introduction.paragraph59":"呢個適用於表單、表格、長文本等連續性內容。唔使卡牌容器包住，靠留白同間距去分隔，模組之間淨係用0.5px嘅細線或者空白區域。","products.official.website.introduction.paragraph57":"規範會將設計風格拆解成可執行嘅排版規則。透過建立容器路由決策樹，清楚界定唔同內容類型對應嘅容器形式，仲要禁止AI進行遞歸嵌套或者自由排版。","careers.socialJob1Years":"3年","products.official.website.introduction.paragraph58":"極簡風格","products.official.website.introduction.paragraph55":"：完整說明文字預設收合為圖標或者「了解更多」連結，只有喺滑鼠懸停／按啲嗰陣先會展開。","research.all.the.articles.name71":"孔歡帥","products.official.website.introduction.paragraph56":"佈局風格同容器路由","research.all.the.articles.name70":"顧曉元","products.official.website.introduction.paragraph53":"：整個系統都係固定嘅專業詞彙同行業縮寫，唔准混用同義詞。第一次出現嘅縮寫都要提供浮動提示入口。","research.all.the.articles.name73":"楊昊","products.official.website.introduction.paragraph54":"動態提示","research.all.the.articles.name72":"胡川","research.taobaoInteractiveGame.caseStudies":"實踐案例","products.official.website.introduction.paragraph51":"：長篇文字拆成一項一項嘅短句；優先用數字取代文字（例如「15條未讀」取代「你有十五條未讀訊息」）。","products.official.website.introduction.paragraph52":"術語統一","products.official.website.introduction.paragraph50":"結構化表達","research.design.principles":"設計原則","products.official.website.introduction.paragraph70":"中量級（非模態）","research.color.code.implementation.excerpt":"顏色嘅代碼實現（節選）","careers.internJob2Location":"杭州","products.official.website.introduction.paragraph68":"輕量級（唔打斷）","products.official.website.introduction.paragraph69":"：訊息。用嚟即時反饋操作後嘅狀態，會自動消失（例如「儲存成功」）。","products.official.website.introduction.paragraph66":"互動反饋分級","research.note.the.design.to":"注：D2C代碼轉化同映射綱要生成方法適用於所有物件，只係根據物件類型喺模板內容結構上有啲唔同，後文就唔再詳細講咗。","products.official.website.introduction.paragraph67":"回饋組件會根據操作風險等級同非同步狀態去配對，唔准跨級調用：","careers.socialJob5Location":"杭州","products.official.website.introduction.paragraph64":"組件同互動嘅人工智能結構化","careers.socialJob3Desc":"負責研究淘寶入面啲重點用戶產品（譬如首頁推薦、問評買之類），包括購物指南、體驗、目標群體嘅心態，同埋提升轉化率等嘅分析；透過監測同專項研究，搵到關鍵用戶嘅問題，仲有改善同優化嘅機會點，嚟提升用戶體驗，幫手提高淘寶整體產品嘅競爭力同用戶黏性；仲可以跨團隊、跨部門整合同推進跟體驗有關嘅項目。","products.official.website.introduction.paragraph65":"組件係界面嘅基礎單位。以按鈕組件為例，講下點樣將傳統組件文件調整成AI可以直接調用嘅結構。","products.official.website.introduction.paragraph62":"硬性約束","products.official.website.introduction.paragraph63":"唔可以喺卡入面嵌其他卡；唔可以為咗對齊網格而喺底度留白區；同一類嘅內容一定要聚合喺同一個容器入面；容器嘅高度由內容決定，唔強制用網格對齊。","products.official.website.introduction.paragraph60":"卡牌風格","products.official.website.introduction.paragraph61":"適用於數據指標卡、工具集合等獨立模組。用0.5px嘅#E4E6ED邊框，加少少投影，角圓度係6px，懸停嗰陣邊框顏色會變做主題色。","home.award8Desc":"2025年春節主互動","products.official.website.introduction.paragraph80":"規範會將視覺參數同代碼屬性一一對應，避免AI生成時出現樣式同邏輯脫節。建立設計參數 → CSS變量 → 組件Props嘅單向映射表。AI可以直接睇到呢張表，生成準確嘅組件代碼或者設計參數，確保視覺表現同互動邏輯一致。","research.all.the.articles.name02":"蔣偉","products.official.website.introduction.paragraph81":"場景","research.all.the.articles.name01":"鄭權","research.all.the.articles.name04":"顧曉元","research.all.the.articles.name03":"殷文琦","research.all.the.articles.name06":"秦寶玉","home.product3Title":"設計系統","research.all.the.articles.name05":"段虞峰","research.all.the.articles.name08":"陳東","research.all.the.articles.name07":"唐相樂","research.all.the.articles.name09":"羅夕掇","home.award5Title":"A設計獎","footer.downloadSuccessful":"下載成功","products.official.website.introduction.paragraph79":"結構、樣式同屬性映射","products.official.website.introduction.paragraph77":"清楚界定同埋用邊界","products.official.website.introduction.paragraph78":"直接講明組件嘅用途、適用場景同唔適用場景。例如，按鈕係用嚟觸發業務操作（提交、確認、批處理），唔適合用來純粹展示或者指示導航路徑。結構定義拆成用途 → 場景 → 排除條件，方便人工智能快啲判斷邊時機調用。","products.official.website.introduction.paragraph75":"：警示／結果。用嚟做頁面常駐提示或者全局結果展示（比如頂部維修通知、支付完成頁）。","research.code.generation.agent.configuration":"代碼生成智能體配置（節選）","products.official.website.introduction.paragraph76":"組件結構化","products.official.website.introduction.paragraph73":"：Modal／Popconfirm。用嚟確認關鍵操作或者緊急阻斷（好似「真係要刪咗呀？」）。","products.official.website.introduction.paragraph74":"頁面級（持久化）","products.official.website.introduction.paragraph71":"：通知。用嚟系統通知或者異步任務完成嘅提示，要等用戶之後睇下（例如「匯出任務已完成」）。","research.all.the.articles.name11":"劉舒","products.official.website.introduction.paragraph72":"重量級（模式／阻斷）","research.all.the.articles.name10":"項宇","products.official.website.introduction.paragraph91":"：攔截唔規範嘅字號（例如 13px）、顏色（例如 #123456）或者虛構嘅組件名，自動替換成最近嘅標準階梯值。","research.all.the.articles.name13":"梁岱宗","products.official.website.introduction.paragraph92":"結構深度超標","research.all.the.articles.name12":"秦寶玉","research.all.the.articles.name15":"崔志偉","products.official.website.introduction.paragraph90":"偽造組件／Token","research.all.the.articles.name14":"俞晗","research.all.the.articles.name17":"吳敏龍","research.all.the.articles.name16":"王晶","research.all.the.articles.name19":"揭群劍","research.all.the.articles.name18":"段虞峰","products.official.website.introduction.paragraph88":"人工智能硬性約束清單","research.component":"組件","products.official.website.introduction.paragraph89":"為確保生成結果符合工程標準，規範入面有設咗高頻違規攔截規則。AI喺輸出之前會一項一項自己檢查，一旦觸發咗限制條件，就會即刻終止生成，然後返畀你修訂建議：","products.official.website.introduction.paragraph86":"可以直接調用嘅代碼片段","products.official.website.introduction.paragraph87":"規範尾端提供咗React同低代碼平台嘅調用示範，包括咗完整嘅屬性配置同佈局結構。AI可以直接參考呢啲片段去生成初始代碼，或者將佢哋當作上下文輸入，減低重複描述。","products.official.website.introduction.paragraph84":"強制規則同約束條件","research.all.the.articles.name20":"孫玉霞","products.official.website.introduction.paragraph85":"清晰嘅決策樹。透過條件同結果嘅邏輯結構，人工智能可以根據當下嘅情境自動配對正確嘅排版方式，避免主次搞錯或者布局亂七八糟。規範入面直接列出啲唔可以違反嘅規則。例如：同一個操作區域淨係允許有1個主要按鈕（Primary）；預設排版係「右主左副」，主要按鈕擺喺最右邊，重要性由右向左遞減；有啲例外情況可以採用「左主右副」：譬如二級資訊區嘅入口、三級資訊區嘅高頻操作，仲有並列工具區；如果按鈕數量超過4個，低優先級嘅操作就要收窄成文字按鈕組。","products.official.website.introduction.paragraph82":"B端界面通常由好幾樣組件組合出嚟。規範補充咗典型業務場景嘅組合方式，提供咗場景 → 組件組合 → 布局順序呢個三段式指令模板。AI可以明白組件喺實際業務入面嘅搭配邏輯，而唔係孤立咁調用單一元素。","research.all.the.articles.name22":"吳麗媛","research.human.ai.co.design":"人機協作生成產品界面，係一種新嘅工作方式。","research.all.the.articles.name21":"馮帆","careers.socialJob7Date":"2026年2月24日","home.research2Title":"為咗喺營銷場景下對資訊做直觀嘅表達，我哋要喺團隊入面建立設計共識。","research.all.the.articles.name24":"趙輝","research.all.the.articles.name23":"黃松輝","research.at.this.point.an":"到咗而家，一個整合咗設計系統規範知識庫同埋介面生成工作流工程嘅系統包體，已經完成咗對AI友好型嘅企業內部介面設計知識嘅建構。可以靈活地用MCP方式或者知識注入等方式，應用喺IDE生成環境同埋設計軟件智能體模式環境。","awards.all.the.articles.paragraph1":"2025年天貓雙11品牌全案設計項目攞到倫敦設計獎白金牌。","research.all.the.articles.name26":"吳志祥","awards.all.the.articles.paragraph2":"獎狀、獎盃、標籤","research.all.the.articles.name25":"張犇","awards.all.the.articles.paragraph3":"項目展示","research.all.the.articles.name28":"周宇","research.design.system.specification.title1":"完整生成流程如下：","awards.all.the.articles.paragraph4":"查詢得獎資訊","research.all.the.articles.name27":"楊雨韜","research.design.system.specification.title2":"用戶輸入自然語言需求","awards.all.the.articles.paragraph5":"作品名：2025天猫雙11品牌全案設計","awards.all.the.articles.paragraph6":"設計團隊：淘寶設計","research.all.the.articles.name29":"王有韜","awards.all.the.articles.paragraph7":"參賽類別：傳播設計－活動／廣告","research.design.system.specification.title5":"進入知識檢索智能體","awards.all.the.articles.paragraph8":"設計項目說明：","research.design.system.specification.title6":"透過RAG，從外掛設計系統嘅規範知識入面，按需要搵出同而家嘅意圖高度相關嘅上下文。","awards.all.the.articles.paragraph9":"喺電商競爭加劇同消費體驗升級嘅背景下，2025年天猫雙11背負住延續品牌影響力同突破創新的雙重使命。佢嘅核心設計策略聚焦喺品牌心態嘅一致性同消費者體驗嘅統一性，仲首次實現咗天猫同淘寶KV視覺表達嘅統一，目的係要令消費者喺唔同場景入面都可以直觀感受到雙11嘅氣氛。主視覺沿用「多彩、通透、年輕化」嘅調性，以紅色放射狀漸變背景襯托解構成全色相幾何形體嘅貓頭主體，再配埋發散嘅購物袋等前景元素，營造出熱烈嘅氛圍。畫面透過清晰傳達資訊嘅核心層、靈活配合業務嘅視覺元素層，以及強化品牌記憶嘅向前發散式「視覺錘」層，構建咗層次分明嘅視覺體系。呢套統一視覺語言更加貫穿咗發布會、廣告投放、APP全鏈路交易同園區等所有場景，以連貫嘅表達提升品牌傳播力。","careers.socialJob4Desc":"參與負責淘寶店鋪會員關注、商家工作台、AI工具應用等產品設計；負責從業務對接、策略制定、設計概念、方案輸出、落實執行，到數據回收嘅整體工作，可以整頓好資訊架構、定下風格基調、做出界面視覺效果，仲要制訂元件規範；對業務有全面嘅理解同判斷力，能夠聯同業務、用戶研究同開發等上下游團隊，搵到設計嘅機會點，並深度合作創造價值。","research.design.system.specification.title3":"進入意圖識別智能體","research.design.system.specification.title4":"將模糊嘅需求擴展成系統可以理解嘅設計意圖，輸出一份結構化嘅需求描述，為後續嘅決策提供邊界條件。","research.design.system.specification.title9":"進入代碼生成智能體","research.design.system.specification.title7":"進入方案設計智能體","research.design.system.specification.title8":"喺邊界條件下，對搵到嘅規範上下文進行挑選、組合同填入，生成一個中間態數據綱要Schema*，即係一份清楚描述頁面、組件、樣式同內容嘅結構化設計方案。","products.official.website.introduction.paragraph99":"只可以用Flex文檔流，唔可以用CSS Grid／Table／Float佈局，仲有vw／calc／百分比等動態單位都唔可以用，尺寸參數一定要用像素值。","products.official.website.introduction.paragraph97":"自動取代「按鈕」、「示範數據」等佔位文字，校對數據嘅隨機性同行業語境嘅配合度。","products.official.website.introduction.paragraph98":"布局底層限制","research.extreme.emphasis.on.the":"{{bold}}極度強調主要主題{{/bold}}——突出核心資訊，同時刻意淡化次要元素，確保有清晰嘅層次關係，令關鍵元素一目了然。","products.official.website.introduction.paragraph95":"數字同金額強制右對齊；單個模組入面嘅字號種類嚴格控制喺3種以內；標題層級按照「核心／主要／輔助」嘅邏輯分級。","research.all.the.articles.name31":"宣學君","products.official.website.introduction.paragraph96":"內容失真同佔位","research.all.the.articles.name30":"郭志宇","bottom.link.title":"相關文章","products.official.website.introduction.paragraph93":"校驗 Primary 按鈕嘅唯一性；刪除、清空等破壞性操作強制綁定 Error 食色同二次確認機制。","research.all.the.articles.name33":"陳柯曉","products.official.website.introduction.paragraph94":"對齊同層級違規","research.all.the.articles.name32":"奇維","research.all.the.articles.name35":"黃佳","team.publish.a.book.paragraph19":"《鬼話連篇 眼嘴同肚》，2024年","team.publish.a.book.paragraph9":"點解係電影呀？","research.all.the.articles.name34":"李可染","team.publish.a.book.paragraph8":"由2016年起，每年冬天，淘天團隊嘅設計師都會收到一份禮物。呢份禮物嘅創意，係對大家工作同生活嘅深入觀察，例如：將各自旅行夢想地畫成新年日曆、將同事搞怪成歷史名畫入面嘅人物、性格各異嘅每個人自訂Pantone色號、你我喺職場常用嘅口頭禪編成一本好熱血嘅漫畫、童年時理想嘅小店變成一個烏托邦小鎮……呢份觀察年復一年，直到2022年，我哋開始試住做件新嘢：拍電影。","research.all.the.articles.name37":"左傑","team.publish.a.book.paragraph17":"《再見凱蒂 HelloKitty》，2023年","team.publish.a.book.paragraph7":"你睇到呢篇文章嘅時候，淘天設計年度禮物嘅傳統已經持續咗第十個年頭啦。","research.all.the.articles.name36":"梁心平","team.publish.a.book.paragraph18":"呢個係我哋拍嘅第一部長篇電影。片入面試圖用時間循環咁高度類型化嘅敘事架構，去講一個中年男人，佢陷入婚姻失敗同經濟困境，喺失去家庭同尊嚴嘅邊緣徘徊，結果意外跌入咗時間循環，最後終於做出改變嘅故事。喺反覆循環嘅時間入面，主角慢慢意識到，真正逃唔走嘅其實唔係生活嘅時間，而係人對自己選擇嘅責任。當命運畀咗無數次重來嘅機會，佢就要做啲改變啦。","team.publish.a.book.paragraph6":"書入面每一位親歷者，都會畀你提供切身而真實嘅答案。","research.all.the.articles.name39":"梅禕涵","team.publish.a.book.paragraph15":"每年秋天，製片人同導演會將主創團隊聚埋一齊，討論：「今年，我哋想表達啲咩呀？當我哋開始寫一個故事，第一樣要搞清楚嘅就係：你最想講乜嘢。」","research.all.the.articles.name38":"龍思睿","team.publish.a.book.paragraph16":"李安講文化衝突同人性嘅壓抑，賈樟柯關注時代洪流入面個人嘅命運，陳可辛成日寫人同人之間嘅離散，小津安二郎直面家庭嘅隔閡，科恩兄弟描繪荒誕同命運、混亂同虛無。無論係對人性嘅洞察、人同人關係嘅複雜，定係更宏觀嘅社會議題，呢啲都係劇本嘅核心，亦都係創作者最原始嘅衝動。咁我哋呢？","team.publish.a.book.paragraph13":"所以我們拍電影。喺鏡頭背後重新認識彼此，喺電影入面重述自己嘅表達，由個人創作到集體觀看，令一班人可以共同經歷一段時光。","team.publish.a.book.paragraph14":"我哋表達緊啲咩？","team.publish.a.book.paragraph11":"電影係生活嘅延續，呢門綜合性嘅藝術，需要創作人統一視聽、敘事同情感，高度調動創作人藝術表達嘅一致性。如果想令電影吸引人，所有嘅場景同創作都一定要細緻又真摯。你創造嘅嘢，係咪真心想表達嘅？你所表達嘅，係咪一直都有停低去真誠地問生活？就算喺AI時代，表達都係人類最本質嘅需求。唔好停止對生活嘅洞察同發問，呢個就係設計師要繼續學習嘅功課。","team.publish.a.book.paragraph12":"更重要嘅係，一部電影要動用幾十種工種，係工業化程度最高嘅藝術形式。幾百個人合作拍攝電影嘅過程，可以令團隊模擬體驗綜合協作，而且我哋仲可以喺一部實驗性嘅電影入面，用藝術化嘅方式去探索科技界嘅尖端技術點融合。","team.publish.a.book.paragraph10":"1895年，一對法國嘅盧米埃爾兄弟發明咗活動電影機，世界電影嘅歷史就開始咗。佢哋創作同拍攝嘅電影，真真正正捕捉咗同記錄咗現實生活嘅即景，令大家睇到自己身邊嗰啲真實嘅生活同熟悉嘅人群。","research.shopping.guide.case.mapping":"購物指南頁嘅映射綱要（節選）","team.publish.a.book.paragraph1":"將淘寶設計喺真實業務入面嘅經驗同實踐濃縮埋一齊，","research.all.the.articles.name40":"吳佳虹","research.all.the.articles.name42":"王祉凝","team.publish.a.book.paragraph5":"如果你正喺度做體驗設計嘅日常學習、大廠求職关口、職業方向選擇……","research.all.the.articles.name41":"何淑楠","team.publish.a.book.paragraph4":"喺人工智能時代，設計思維又正經歷咩轉變同演進呀？","research.all.the.articles.name44":"葉俊超","team.publish.a.book.paragraph3":"由一線實戰還原真實工作場景，需要點樣嘅設計能力呀。","research.all.the.articles.name43":"王宇佳","team.publish.a.book.paragraph2":"我哋不斷拓展設計嘅邊界，更加專注於設計嘅深度同價值。","team.publish.a.book.paragraph28":"團隊模組化分工","team.publish.a.book.paragraph29":"前期準備階段，主要係世界觀設定同劇本開發。我哋會有劇本討論會，針對幾個議題去排陣同篩選，出品方同監製都會喺呢個階段做決定。核心主創會揀角，仲會搵啲符合角色嘅同學入設計團隊。因為拍攝地限咗喺杭州附近，所以往往喺劇本討論階段，美術睇景就會同步進行，場景嘅調配同情節發生嘅方式都係緊密連埋一齊。中期拍攝係最辛苦嘅階段，導演每日都會安排分鏡，負責攝影同燈光、道具場務、演員、調度嘅同學都會配合導演嘅分鏡落實每一鏡頭。而最後嘅後期製作，我哋亦用咗好多視覺特效、聲音、混音、調色嘅設計，仲融入咗AI影片嘅技術，電影嘅美術、海報、邀請函、宣傳資料同周邊禮物都喺呢個階段完成。","careers.socialJob11Team":"淘天集團（阿里媽媽）","products.aiagent.title3":"揀專項任務","team.publish.a.book.paragraph26":"電影製作最珍貴嘅地方，正正就係佢總係喺時間、預算同現實條件嘅重重限制下展開。創作人要不斷發動自己嘅想像力，搵啲更加精準、更加獨特、更加有創意嘅方法去解決藝術創作上嘅難題，搵到創新又帶風格嘅表達出口。而呢個正正就係藝術創作最吸引人嘅地方。","products.aiagent.title4":"支持多模式輸入同自由提問。","research.enter.interface.generation.instructions":"用自然語言輸入界面生成指令","team.publish.a.book.paragraph27":"我哋精簡咗工業化電影嘅發行流程去創作，雖然團隊細細個，但五臟俱全。只係短短三個多月就完成整部電影嘅創作周期，由每年10月底開始準備，我哋會經過以下幾個部分去創作。","products.aiagent.title1":"TDA（Taobao Design Agent）係為淘天設計團隊度身打造嘅一體化設計智能體同企業級虛擬專家。佢係根據團隊累積嘅設計知識、方法同經驗，幫手用戶體驗設計師由分析到方案交付整條流程都搞掂。佢嘅能力覆蓋自由問答、用研分析、競爭對手同案例研究、規範查詢、策略制定、界面生成、設計審核同走查等多類任務。核心優勢在於企業級私有設計知識庫、多任務子智能體技能，仲有依賴通義千問大模型嘅持續進化能力。而家主要服務嘅對象係淘天設計團隊同合作院校嘅用戶。","team.publish.a.book.paragraph24":"呢套係一部作者型嘅黑色幽默犯罪電影，片入面講嘅係日本黑幫大佬喺中國留低嘅孤兒之間嘅權力爭奪。一場陰差陽錯嘅綁架同突然發生嘅車禍，令到真正主角同假主角喺敘事上巧妙地互換咗位置，結果各方勢力追逐嘅故事真相不斷被改寫。身份、命運、敘事互相交織，就好似當代世界構建嘅網絡一樣，不斷畀人起名、取代或者利用。我哋究竟幾時身處局中，又幾時站喺局外睇住呢啲事？","products.aiagent.title2":"首頁","team.publish.a.book.paragraph25":"我哋點樣創作呀？","products.aiagent.title7":"個案睇下","team.publish.a.book.paragraph22":"三段短片風格各有特色，但都圍繞同一個核心：當人面對社會嘅未知、孤獨或者壓迫時，點樣喺真實同虛幻之間搵到自己嘅位置。","products.aiagent.title8":"知識庫後台","team.publish.a.book.paragraph23":"《局外人 我會生存》，2025年","footer.downloadAndScanWithWeChat":"下載咗之後用微信掃碼。","header.careers":"招聘","products.aiagent.title5":"用研分析","team.publish.a.book.paragraph20":"呢個影片係三個獨立但氣質上互相呼應嘅短片集，每個故事都喺現實同想像之間模糊咗界限，探討人性、記憶同存在嘅邊界。","products.aiagent.title6":"規範查詢","team.publish.a.book.paragraph21":"第一話「假山上嘅人」用偽紀錄片嘅手法去講，跟住一班尋找靈媒嘅旅人，直到旅程盡頭，視點轉到銀幕之外，觀眾先意識到自己其實就係旅人日思夜想嘅鬼魂；第二話「石·榴」係一部心理驚悚片，講述咗網絡時代下嘅焦慮同權力異化。個又聾又啞嘅女仔喺資本結構同流量嘅壓力下，借助AI生成將幻想變做現實，但慢慢就陷入幻覺同暴力入面；第三話「晴天」係一個溫情奇幻故事。除夕夜嗰陣，已經過世嘅爸爸暫時附身咗個女仔嘅閨密，用有限嘅時間重返家庭，試圖安撫個女仔，佢喺社會入面根本冇地方放低孤獨同抑鬱。","products.aiagent.title9":"增加知識譜系分支","research.taobaoInteractiveGame.motionGraph":"互動遊戲動效圖譜","home.joinUsTitle":"加入我哋\n創造更勁嘅設計","research.all.the.articles.paragraph122":"真確性：生成嘅物體材質應該符合現實規律。","research.all.the.articles.paragraph121":"呢啲偏差會令AI生成圖像時出錯，難以準確模擬真實世界嘅細節。","research.all.the.articles.paragraph120":"人工智能模型本身就有偏差，喺學緊生成質感嘅時候，更容易模仿特定嘅風格或者特徵。舉個例，如果模型學緊生成風景圖片，淨係傾向於生成有藍天白雲嘅圖像，咁生成嘅結果就可能會缺乏多樣性，只反映訓練數據入面嘅特定角度或者偏見。","research.all.the.articles.paragraph126":"粗糙質感：表面凹凸，光線容易散射，呈現柔和效果，好似木頭、水泥咁嘅物料。","research.all.the.articles.paragraph125":"光滑質感：表面平滑，容易反射光線，呈現光亮效果，好似金屬、玻璃咁嘅物料。","research.all.the.articles.paragraph124":"現實世界入面，物料有好多唔同嘅質感，呢啲差異令物件睇落更加真實生動。常見嘅質感類型包括以下五種。","research.all.the.articles.paragraph123":"物料效果：一定要符合現實世界嘅物料效果同埋對應關係，避免物料出現異常。喺電商場景入面，合理嘅物料可以加強生成圖嘅真實性同客觀性。物料可以傳達物件嘅物理特性同質感屬性，物件應該配對到相應嘅物料，好似環境質感（模擬自然環境同光線變化）或者人模皮膚質感（表現人體質感同細節），避免物料唔正常導致視覺睇落唔自然或者失實。","research.all.the.articles.paragraph129":"堅硬質感：畀人一種堅硬穩固嘅感覺，好似石頭、鋼鐵咁嘅物料。","footer.sloganTechnology":"技術","research.all.the.articles.paragraph128":"柔軟質感：畀人一種柔軟舒服嘅感覺，好似棉花、絲綢咁嘅物料。","research.all.the.articles.paragraph127":"透明質感：可以透光，呈現通明嘅效果，好似水、玻璃咁嘅物料。","team.publish.a.book.paragraph39":"劇本重視故事本身，講求情節推展、角色對白、人物動機同關係，仲要有個全面嘅邏輯。分鏡腳本會再次重構呢個故事，將劇本入面嘅內容用視聽嘅方式重新拆解同創作出嚟。","team.publish.a.book.paragraph37":"前期準備階段，主要係世界觀設定同劇本開發。我哋會有劇本討論會，針對幾個議題去排陣同篩選，出品方同監製都會喺呢個階段做決定。核心主創會揀角，仲會搵啲符合角色嘅同學入設計團隊。因為拍攝地限咗喺杭州附近，所以往往喺劇本討論階段，美術睇景就會同步進行，場景嘅調配同情節發生嘅方式都係緊密連埋一齊。中期拍攝就係最辛苦嘅階段，導演每日都會安排分鏡，負責攝影同燈光、道具場務、演員、調度嘅同學都會配合導演嘅分鏡落實每一鏡頭。而最後嘅後期製作，我哋亦都用咗好多視覺特效、聲音、混音、調色嘅設計，仲融入咗AI影片嘅技術，電影嘅美術、海報、邀請函、宣傳資料同周邊禮物都喺呢個階段完成啦。","team.publish.a.book.paragraph38":"由劇本創作到分鏡腳本","team.publish.a.book.paragraph35":"我哋精簡咗工業化電影嘅發行流程去創作，雖然團隊細細個，但五臟俱全。只係短短三個多月就完成整部電影嘅創作周期，由每年10月底開始準備，我哋會經過以下幾個部分去創作。","team.publish.a.book.paragraph36":"團隊模組化分工","team.publish.a.book.paragraph33":"我哋點樣創作呀？","team.publish.a.book.paragraph34":"電影製作最珍貴嘅地方，正正就係佢總係喺時間、預算同現實條件嘅重重限制下展開。創作人要不斷發動自己嘅想像力，搵啲更加精準、更加獨特、更加有創意嘅方法去解決藝術創作上嘅難題，搵到創新又帶風格嘅表達出口。而呢個正正就係藝術創作最吸引人嘅地方。","team.publish.a.book.paragraph31":"劇本重視故事本身，講求情節推展、角色對白、人物動機同關係，仲要有個全面嘅邏輯。分鏡腳本會再次重構呢個故事，將劇本入面嘅內容用視聽方式重新拆解同創作出嚟。","team.publish.a.book.paragraph32":"《局外人》劇本推進時嘅故事設計","team.publish.a.book.paragraph30":"由劇本創作到分鏡腳本","careers.socialJob10Years":"3年","research.all.the.articles.paragraph111":"明暗關係：商品同環境嘅顏色要一致，主體同場景都要互相配合。喺AI電商產品生成圖入面，亮色調同暗色調透過圖像入面嘅明暗分佈，同埋對高光同陰影嘅強調，會影響整體睇法同氣氛。喺生圖美學入面，要確保主體同背景之間嘅亮暗色調統一，防止明暗關係割裂。亮色調嘅圖像通常會營造出明朗輕鬆嘅氣氛，適合表達積極開朗嘅情感，有助凸顯細節，令物件嘅紋理同形態更加清晰，呈現出輕盈通透嘅效果；而暗色調嘅圖像就帶出沉穩、神秘嘅感覺，適合用喺莊重嘅產品主題上。佢嘅優勢係強調陰影部分，創造出高對比同深度感，仲可以加強色彩飽和度，喺特定情境下產生強烈嘅視覺衝擊。應該喺明白唔同明暗色調嘅基礎上，合理判斷AI生圖明暗關係嘅統一性，咁樣先可以達到理想嘅產品圖像視覺效果。","research.taobaoInteractiveGame.uiGraph":"互動遊戲UI圖譜","research.all.the.articles.paragraph115":"數據偏差","research.all.the.articles.paragraph114":"喺AI生圖嘅美學入面，應該根據產品特徵去揀啱嘅色調，仲要保持主體同背景之間冷暖關係嘅協調，咁先可以有效傳達所需嘅情感同氣氛。AI生成嘅圖像通常係根據大量現實世界圖片嘅訓練數據嚟做嘅，但因為數據採集、模型選擇、人為標註等各方面都唔夠完善，所以訓練結果可能會有以下偏差。","research.all.the.articles.paragraph113":"質感","research.all.the.articles.paragraph112":"冷暖關係：要平衡畫面入面顏色嘅冷暖傾向。AI電商產品生圖入面嘅冷暖關係，就係指圖像入面顏色嘅主要分佈情況。產品圖片要確保整體顏色嘅冷暖傾向和諧，避免畀人覺得割裂。冷色調通常帶出冷靜嘅情緒，適合用喺寒冷天氣或者清冷嘅氛圍，佢製造距離感嘅能力可以加強前景同背景之間嘅深度感，有效營造出深邃同空間嘅效果，多數都配埋沉思或者寧靜嘅產品主題；暖色調就通常帶出溫暖同活力，更容易吸引觀眾注意，適合突出主題或者增強視覺吸引力，對人模圖像通常更加親和，係表達熱情同活力嘅理想選擇。","research.all.the.articles.paragraph119":"模型偏差","research.all.the.articles.paragraph118":"喺數據標註嘅過程中，可能會因為主觀因素而導致錯誤或者唔準確。好似圖片入面嘅物件被誤標咗，人工智能生成圖像嗰陣都會出現相應嘅錯誤。","research.all.the.articles.paragraph117":"標註偏差","footer.sloganFuturistic":"未來","research.all.the.articles.paragraph116":"人工智能模型嘅訓練數據集大部分都係嚟自現實世界，而現實世界本身就存在偏差。例如，白人喺現實入面嘅比例比較高，呢啲偏差會傳到訓練數據入面，導致人工智能生成人物模時，更容易生成白人，忽略其他族群或者場景。","team.publish.a.book.paragraph48":"製作電影周邊禮品，其實係另一種以實體形式表達故事嘅方式。如果個故事係虛構嘅，作為觀眾，我哋可以帶走啲咩呀？","team.publish.a.book.paragraph49":"我哋三年來都整咗電影周邊禮品，用啲電影劇情入面有趣或者關鍵嘅道具，去勾起離場觀眾對現場嘅回憶。譬如第一年嘅《再見凱蒂》，就用咗電影入面嗰個鐵飯盒，呢個載體就係80年代嘅回憶。我哋用鐵飯盒裝咗角色對白日曆，當團隊同學打開飯盒嗰陣，除咗打開咗電影入面嘅溫暖之外，仲有好多歷歷在目嘅場景同人生感悟。而《鬼話連篇》就以第三集入面嘅肉包蒸籠，傳達咗一種實實在在嘅團圓感覺。中國人特有嘅物件做載體，根本毋需多講，呢種敘事性嘅載體比起普通嘅紙盒禮盒，可以多出一份特別嘅含義。至於《局外人》，我哋整咗一盒角色飛行棋，將劇情入面嘅發展同多方碰撞融入到兒時飛行棋嘅遊戲規則入面。等大家帶住飛行棋過新年嘅時候，都可以同家人朋友一齊度過新嘅時光。","team.publish.a.book.paragraph46":"《鬼話連篇》電影美術概念海報","team.publish.a.book.paragraph47":"《局外人》電影美術概念海報","team.publish.a.book.paragraph44":"電影宣傳同周邊禮品製作","team.publish.a.book.paragraph45":"雖然呢套電影係針對內部團隊嘅，我哋都保留咗概念海報同埋正式上映海報嘅製作同宣傳。概念海報比較有作者性，用場景或者畫面嚟表達電影一開始想講嘅概念；而正式海報就比較商業化，喺電影播緊嗰陣，可以當做觀眾入場前嘅前奏。","team.publish.a.book.paragraph42":"電影特效設計係喺影片拍完之後嘅製作環節入面安排嘅。有啲難度高嘅拍攝，導演同攝影師會預先規劃好特效設計用嘅綠幕或者現場特效嘅素材，等後期一齊做。例如一啲大場景嘅爆炸、螢幕綠幕合成、角色站位合成等等。","team.publish.a.book.paragraph43":"《局外人》美術設定參考","team.publish.a.book.paragraph40":"電影美術","careers.internJob3Team":"淘天集團","careers.socialJob6Date":"2026年2月24日","team.publish.a.book.paragraph41":"電影現場美術組主要分成兩大職能：環境造型同人物造型。環境造型喺劇本同分鏡創作嘅前期就介入，美術指導同導演、編劇一齊規劃故事發生嘅場景應該點樣選、幾時選。電影場景嘅选址唔單止要滿足情節畫面嘅要求，仲要畀導演喺劇情調度同演員走位嗰陣有空間可能性。根據電影片段嘅調性嚟揀幾時啲場景，然後搭建同繪建場景。人物造型就喺選角同具體分鏡執行嗰陣介入，包括服裝設計、人物造型。人物嘅造型係根據角色個性同佢喺劇情入面嘅作用嚟決定，道具製作同採購都係連接角色同場景真實性嘅重要環節。譬如《再見凱蒂》入面嘅男主角，我哋透過設計佢舊夾克、自行車工具同埋社會上啲殺馬特青年嘅朋友，去形象化佢喺社會入面嘅位置；又譬如《鬼話連篇》入面李默嘅角色，因為李默係一個聾啞女仔兼職網紅，我哋設計咗整齊嘅粉紅短髮，仲加咗隱藏聲音嘅耳機，去表達佢內心嘅矛盾性；而《局外人》入面小菊同凜子冷暖對比嘅服飾同髮型，就突出咗替身變化之後嘅反差感。","careers.title":"職位","research.all.the.articles.paragraph140":"風格模型","research.taobaoInteractiveGame.artGraphApplication":"互動遊戲美術圖譜應用","products.aiagent.title12":"知識清理","research.all.the.articles.paragraph144":"382.0兆字節","products.aiagent.title13":"支援多種格式","research.all.the.articles.paragraph143":"國美x阿里 品質美學準則","products.aiagent.title10":"新增分支下知識","research.all.the.articles.paragraph142":"D20論壇同展覽現場","research.all.the.articles.paragraph141":"場景生成","careers.socialJob1Location":"杭州","careers.socialJob5Desc":"負責閒魚重點行業嘅體驗設計工作，根據行業交易特點構建有特色嘅行業交易體驗同埋業務價值表達，助力樹立行業心智；深入了解業務，由用戶角度拆解設計策略，結合數據同埋產品策略出精細化嘅設計方案，為整體目標達成提供設計價值；關注趨勢同埋外部環境嘅變化，保持對競爭產品嘅跟蹤分析，仲可以喺閒魚嘅場景入面做更好嘅創新設計。","careers.internJob3Years":"實習","home.award7Title":"MUSE白金獎&柏林設計獎金牌","team.publish.a.book.paragraph59":"今次工作坊係一次主動拓展設計教育邊界嘅機會，目的係要培養出能夠應付複雜性、定義未來體驗嘅新一代設計創新力量。課程結構體現咗嚴謹嘅學術訓練同前線產業實踐之間嘅精妙結合。","home.award6Desc":"2025年天貓雙11品牌全案設計","team.publish.a.book.paragraph57":"架構層（Framing the Intervention）：憑住深度嘅洞見，指導學生去建立體驗策略嘅框架。呢個過程包括界定核心設計主張、規劃服務接觸點生態系統，同埋制訂體驗衡量指標。課程重點講體驗嘅邏輯性、一致性同埋可擴展性，確保設計方案唔係孤離嘅創意，而係能夠嵌入現有業務，並且創造新價值嘅系統化解決方案。","team.publish.a.book.paragraph58":"驗證層（證明價值）：推動設計概念轉化成可以論證嘅價值。學生會學點樣去構建高保真互動原型，仲會透過情境化嘅故事板、數據埋點模擬、用戶測試反饋等方法，初步驗證設計方案嘅可用性、合意性同埋商業可行性，從而完成由「概念構想」到「價值假設」嘅關鍵跨越。","team.publish.a.book.paragraph55":"以「直播、會員、互動」三大核心數碼商業場景為深度介入點，佢嘅課程內容建設旨在超越傳統嘅界面美化或者功能疊加，構建一套「由現象到本質，由策略到驗證」嘅完整教學同研究閉環。課程內容設計分咗三個緊密相連嘅層次：","footer.sloganCreative":"創意","team.publish.a.book.paragraph56":"洞察層（睇到整體系統）：引導學生穿越數據同行為嘅表象，用用戶旅程地圖、行為動機分析、商業畫布等工具，系統性拆解每個場景背後交織埋嘅用戶心態模型、平台商業邏輯同社會互動關係。舉個例，在「直播」場景入面，唔單止分析互動按鈕嘅點擊率，仲要探究「沉浸感」同「即時消費衝動」背後嘅認知機制同情感聯繫。","home.research1Title":"為咗生成符合規範嘅產品界面，而建立企業內部設計知識。","products.aiagent.title14":"即刻試用","team.publish.a.book.paragraph53":"我哋根本唔知一件嘢可以持續幾耐。過去呢啲年頭，我哋留低咗一啲共同成長嘅影像檔案。可能喺不久嘅將來，我哋會用更新嘅藝術形式同技術能力嚟實現心中所想，但有啲嘢永遠都唔會變，就係我哋會繼續表達，而且永遠唔會停止對生活真誠噉發問。我哋會一直保持住呢份熱忱，將同行嘅人凝聚埋一齊，一齊行落去。","team.publish.a.book.paragraph54":"校企合作國美 × 淘寶設計","team.publish.a.book.paragraph51":"系列電影禮品形象照","careers.socialJob3Title":"高級用戶研究專員－淘寶","team.publish.a.book.paragraph52":"後記","team.publish.a.book.paragraph50":"《鬼話連篇》禮品形象照","research.all.the.articles.paragraph133":"光照條件：光照會影響質感嘅表現，唔同嘅光照會令物件嘅質感有變化。強光下質感會更突出，弱光下質感就會比較柔和。","research.design.system.specification.paragraph":"設計系統規範嘅知識係由兩類知識對象同三種檔案類型組成。{{bold}}兩類知識對象分咗樣式同頁面{{/bold}}，而樣式又細分咗元素、佈局、組件同資產四個類別。而每一類知識對象都包含{{bold}}三種檔案類型，分別係語義規則、映射綱要同代碼實現{{/bold}}。","research.all.the.articles.paragraph132":"表面紋理：表面紋理係質感嘅重要表現方式，唔同紋理會帶出唔同嘅視覺同觸覺感受。光滑表面成日畀人一種光潔平滑嘅感覺，而粗糙表面就畀人一種粗獷又有質感嘅感覺。","research.all.the.articles.paragraph131":"物理屬性：唔同物料有唔同嘅物理屬性（好似密度、硬度、光澤度之類），物件嘅形狀同質感都要配合佢嘅位置同環境，確保統一性。舉個例，如果物件喺平滑嘅表面上，佢嘅物料形狀就要平正又對稱；如果喺凸凹不平嘅表面上，就要考慮到凸起或者凹陷嘅部分，好令佢同周圍環境更協調。","research.all.the.articles.paragraph130":"質感要符合現實世界嘅物料，就要考慮以下三方面","research.all.the.articles.paragraph137":"紋理細節度：紋理比例越接近100%，紋理圖像嘅細節就越完整準確。","research.all.the.articles.paragraph136":"紋理清晰度：紋理比例越接近100%，紋理圖像喺物件表面顯示就越清晰。","research.all.the.articles.paragraph135":"紋理比例會影響生成圖嘅質感以下幾方面","research.all.the.articles.paragraph134":"物料比例：要調校物件同佢紋理嘅比例尺寸，幫手觀者對物件嘅主體形成正確嘅尺寸認知。物件紋理比例就係紋理圖像嘅闊度同高度，同物件表面嘅長寬之間嘅比例。正確表達紋理比例會令物件睇落更加真實自然；比例太細就會失去紋理嘅細節，比例太大又會令紋理失真。","research.using.color.as.an":"以顏色為例，下圖展示由設計到規則、映射、代碼三項檔案轉化的結果。","research.all.the.articles.paragraph139":"物件嘅紋理比例協調，對整體外觀同比例認知都係好重要。人類視覺系統喺感知物件嘅時候，會根據紋理嚟判斷佢哋嘅尺寸。舉個例，如果圖入面個木杯嘅木紋紋理細緻，睇落就覺得物件細啲；反之，如果地板嘅木紋紋理粗糙，同紋理比例唔協調，睇者可能會對物件嘅實際尺寸產生誤解。物件嘅紋理比例係影響視覺效果嘅重要因素，所以要協調各物件嘅材質比例，令佢哋符合實際尺寸。喺實際應用入面，紋理比例嘅呈現就要睇具體場景同需求而定啦。","research.all.the.articles.paragraph138":"紋理視覺效果：紋理比例越接近100%，紋理喺物件表面嘅視覺效果就越逼真。","research.all.the.articles.name019":"溫毓健","research.all.the.articles.name018":"錢暘","careers.socialJob12Location":"杭州","team.publish.a.book.paragraph68":"隨住產品越嚟越複雜同同質化加劇，設計嘅核心由「視覺競爭力」轉向「體驗決定性」——喺用戶有好多選擇嘅時代，體驗本身就變咗關鍵差異點。面對注意力分碎片嘅環境，「點樣以更簡單、直白、直觀嘅方式傳達資訊」就變成咗設計師嘅持續課題。","team.publish.a.book.paragraph69":"喺淘天嘅多樣化業務場景入面，呢個理念已經轉化成具體實踐：","research.all.the.articles.name011":"鄭蘊菲","team.publish.a.book.paragraph66":"呢場預熱唔單止係項目復盤，更加係心態轉變：由「學習者」變咗「預備役商業設計師」，由創作獨立作品變咗融入商業鏈路嘅關鍵環節。","research.all.the.articles.name010":"黃宗燕","team.publish.a.book.paragraph67":"奇維由設計演進嘅歷史角度出發，揭示咗設計同技術之間持續互哺嘅共生關係——由施樂開創到蘋果、微軟嘅演進，再到本土嘅金山、騰訊最早組建專業設計團隊，標誌住互聯網設計由「界面美化」逐漸走向系統化專業軌道。","research.all.the.articles.name013":"史正陽","team.publish.a.book.paragraph64":"「喺AIGC時代，電子商貿平台嘅『美』究竟有咩意思呀？」鄭朝教授喺復盤嗰陣咁問。","research.all.the.articles.name012":"劉宜靜","team.publish.a.book.paragraph65":"研究團隊唔再用機械式嘅圖像標籤，而係轉向建立一套可以畀人工智能學嘅美學邏輯體系——由色彩構成、元素關係到視覺敘事，將主觀審美轉化成可以迭代嘅演算法語言。","research.all.the.articles.name015":"廖震宇","team.publish.a.book.paragraph62":"工作坊嘅核心係要求學員唔單止要熟練互動模式同視覺傳達，仲要明白平台經濟、消費心理學、遊戲設計同埋社交傳播機制。","research.all.the.articles.name014":"彭栩雷","team.publish.a.book.paragraph63":"2025年12月9日，鄭朝教授帶領同學們回顧咗同淘天集團一齊搞嘅「AI生圖美學準則」研究課題。呢個唔單止係一次簡單嘅技術配對，而係一場關於「美可唔可以被定義、被機器理解」嘅哲學思辨。","research.all.the.articles.name017":"牛振宇","team.publish.a.book.paragraph60":"喺三星期嘅沉浸式研習入面，學員會經歷「發現同定義、探索同設計、深化同交付」呢三個遞進階段，完成設計思維嘅顯性化操演同認知重塑過程。我哋重視喺真實商業約束下嘅「問題框定」能力，引導學員用用戶體驗、行為邏輯、互動分析等方法，透過數據表象，捉到更深層次嘅用戶心智模型同行為動因。","research.all.the.articles.name016":"孫琪","team.publish.a.book.paragraph61":"比方喺「紅包簽到年輕化」呢個命題入面，就要整合行為設計學同激勵理論，去建立一個可以持續嘅參與循環；而喺「直播改版」呢個課題入面，就要平衡沉浸式敘事、即時社交臨場感同交易轉化效率呢個經典三元悖論。","careers.socialJob10Team":"淘天集團","team.publish.a.book.paragraph70":"喺直播入面建立專業心態，","careers.socialJob12Title":"體驗設計師—直播電商設計","team.publish.a.book.paragraph002":"我哋將淘寶設計喺真實業務入面嘅經驗同實踐濃縮埋，不斷拓展設計嘅邊界，更加聚焦設計嘅深度同價值。由一線實戰返到真實工作場景，睇下究竟需要啲咩設計能力。喺AI時代，設計思維又正經歷點樣嘅躍進同演變？如果你而家正做體驗設計嘅日常學習、準備投大廠求職、或者係揀職業方向……書入面每一位親歷者，都會畀你提供貼身又真確嘅答案。","article.wreading.time":"分鐘閱讀","research.for.enterprise.design.teams":"對企業設計團隊嚟講，{{bold}}生成符合內部規範嘅產品界面係最大嘅訴求{{/bold}}。不過，前者缺咗企業內部非開源設計系統嘅規範知識同代碼映射關係，而後者就係缺咗除咗組件同樣式令牌之外，仲有啲功能，例如能夠令設計知識被更全面搜尋、理解同調用嘅語義規範編寫、典型案例構建，仲有針對需求嘅自訂工作流設定等等。而且，企業設計內部通常又欠妥善維護設計同代碼之間嘅映射關係，規範描述都係為人睇而寫，仲同設計原始檔案分開，唔方便AI完整接收同友好閱讀，結果就導致生成效果差咗。","products.official.website.introduction.paragraph6":"網站首頁","products.official.website.introduction.paragraph7":"跟設計系統知識結構一致嘅側欄","products.official.website.introduction.paragraph8":"知識單元","team.publish.a.book.paragraph79":"曉冰喺品牌營銷設計分享入面指出，設計嘅核心係由「學生思維」轉向「商業思維」——即由以個人審美為中心嘅表達，轉向以產品同用戶為視角嘅溝通。","products.official.website.introduction.paragraph9":"畀AI睇嘅規則切換","team.publish.a.book.paragraph77":"喺實踐入面，鼓勵透過競爭對手分析、體驗走查同埋輿情調研，深入診斷體驗問題，堅持「分析→策略→表達」嘅流程，令設計創新永遠建立喺尊重用戶習慣同商業共識之上。","team.publish.a.book.paragraph78":"優秀嘅設計，最終體現喺鏈路嘅合理同邏輯嘅嚴謹，而唔係停喺視覺表面。","team.publish.a.book.paragraph75":"提出「用戶、鏈路、節點」三維架構，將設計由界面美化提升到系統體驗建設嘅層次。","team.publish.a.book.paragraph76":"呢個方法論一直以「用戶想乜嘢」為原點，強調透過入口分析去洞悉預期，然後依住啲去動態規劃頁面呈現。喺釐清咗用戶路徑之後，就要理順一條清晰流暢嘅主線任務，仲要對紅包、引導之類嘅支線行為做有度設計，同時確保每個節點嘅資訊架構都擺得合理啲。","team.publish.a.book.paragraph73":"奇維一直強調，設計嘅本質係要明白同化解用家嘅顧慮，喺商業目標同體驗價值之間搵平衡，因為「消費者上平台唔係為咗欣賞設計，而係為咗搵內容。」","research.knowledge.retrieval.agent.configuration":"知識檢索智能體配置（節選）","team.publish.a.book.paragraph74":"呢既係一種設計思維嘅成熟，亦係一種商業智慧嘅沉澱。","team.publish.a.book.paragraph71":"喺會員體系入面塑造尊貴感，","team.publish.a.book.paragraph72":"喺互動入面融入遊戲化嘅敘事。","team.publish.a.book.paragraph80":"商業設計唔單止係視覺呈現，而係一場同用戶持續互動嘅對話。目標係透過設計有效咁驅動用戶行為，達成清晰嘅商業目標。喺實際操作入面，呢個就要求設計師有快速迭代同即時驗證嘅能力。好似「雙十一」咁啲大促銷項目，就要構建一條由品牌策略、視覺傳達、媒介投放到數據反饋嘅全鏈路閉環，確保每個環節都緊緊圍繞住「用戶點樣感知、點樣行動」去展開，令設計真真正正喺商業系統入面發揮作用。","team.publish.a.book.paragraph81":"「以前我哋設計搜尋，係設計一個結果頁面；而家做AI搜尋，就係設計整體AI輸出內容嘅規則。」群劍呢句說話，講咗淘天AI搜尋設計嘅本質轉變：由設計「界面」轉向設計「規則」。為咗做到呢啲，團隊將用戶意圖細緻地劃分咗成四種類型——知識、攻略、對比同埋推薦，而且為每一種類型都度身訂造咗專屬嘅「答案模板」。","products.button.restrictions":"即將開放訪問","research.machine.interpretable.design.system":"建立一個專為機器大模型理解同使用而設嘅設計系統規範知識。","careers.socialJob4Location":"杭州","research.page.knowledge.is.organized":"頁面知識分咗基礎鏈接、导购頻道、互動產品、營銷會場、B端體驗等單元，可以再細分到二級類型頁面，係最頂層嘅大綱對象，提供清晰嘅頁面結構、組件組合同埋內容填充邏輯。語義規則由頁面定義、目標用戶、命名規範、結構層級、頁面狀態（互動、視覺）、強制規則、功能用途組成。頁面知識唔使寫代碼就可以實現，係由LLM根據組件、資產同元素嘅代碼組合出嚟。映射綱要由id符號、語義（名稱、定義、描述）、規則、結構、約束（使用場景、強制禁止、其他）等等構成。以購物導航頁為例，下圖就展示咗由設計轉化到規則同映射兩份文件嘅結果。","banner.cameraPleaseAllow":"喺你嘅瀏覽器入面選「同意」啦。","products.official.website.introduction.paragraph2":"去VersionAI Tmall","products.official.website.introduction.paragraph3":"VersionAI Tmall係一套專為天猫App度設計嘅系統，唔單止面向人類設計師，更加係面向人工智能。佢嘅內容結構同表達形式都經過轉譯，令到AI模型可以睇得明、搵得到，仲可以應用呢個設計系統嘅規範。喺AI嘅幫助下，用戶可以根據呢個知識庫生成符合天猫設計規範嘅用戶界面，仲可以做設計評估同答問題。","research.intent.recognition.agent.configuration":"意圖識別智能體配置（節選）","products.official.website.introduction.paragraph4":"透過建立設計系統規範知識庫同埋界面生成多智能體工作流，就整成咗一套完整、對AI友好的企業級設計系統。呢個系統可以透過MCP或者上下文注入，靈活地應用喺IDE環境同各種支援智能體模式嘅設計工具入面。","products.official.website.introduction.paragraph5":"點樣用？","products.official.website.introduction.paragraph1":"介紹VersionAI Tmall","careers.socialJob8Years":"3年","team.publish.a.book.paragraph88":"尤其重要嘅係，強調用敘事化做情感嘅槓桿，將功能轉化成有溫度嘅故事：好似春節嘅「許願燈」，就係將許願具體化為點亮主題燈籠；而雙十一嘅「淘金幣功夫門」，就係將悭錢包裝成練功夫。透過畀行為意義同情感，互動設計喺實現商業目標嘅同時，亦令用戶體驗嘅價值得到昇華。","team.publish.a.book.paragraph89":"玄爾喺行業營銷設計分享入面，以「生活靈感」做線索，系統噉講解咗設計點樣成為連接商業、用家同平台嘅智慧紐帶。佢強調，有效嘅設計係由平衡多種需求開始，仲推動思維由單一產品功能向生活方式升級——團隊將營銷分咗三個層次：聚焦賣點嘅常規類別、構建場景嘅空間方案，以及傳遞美感嘅主題敘事。","team.publish.a.book.paragraph86":"喺互動遊戲設計分享入面，有石深刻講解咗「輕量但成癮」嘅設計哲學。佢開宗明義地指出：互動唔係孤立嘅功能，而係串連「訪問、瀏覽、參與、獲得、選購」嘅關鍵體驗紐帶。","team.publish.a.book.paragraph87":"為咗達到呢個目標，淘天構建咗一個覆蓋所有場景嘅互動體系：行銷互動可以搵到爆發式嘅聲量，日常互動可以培養用戶習慣，產品入面嘅互動就幫手推廣頻道運作，而小遊戲生態就係用來做流量互換。以簽到產品為例，設計呈現出清晰嘅三層邏輯——主線專注喺核心路徑，任務拓展行為邊界，支線就滿足唔同個性嘅場景，咁樣就搞出一個張弛有度嘅參與節奏。","team.publish.a.book.paragraph84":"團隊策略會隨經濟環境靈活調整：2024年面對消費收緊，就用咗「大字報」式嘅設計，突出「全場八五折」呢啲實實在在嘅好處，重視資訊效率同感知速度；2025年就係跟住經濟復甦，升級成「全心以赴，多彩生活」呢個主題，融入咗AI同生態能力，轉向同品牌建立心靈同情感上嘅連結。","team.publish.a.book.paragraph85":"整條路線嘅核心武器就係「視覺錘」——就好似雙十一主視覺入面嘅「貓頭＋發散幾何圖形」呢個符號，佢有獨特性、適應多個場景，仲有清晰嘅語義。而且呢個符號仲會拆解成強、中、弱三種氣氛版本，可以靈活地滲透到由開屏大圖到商品卡嘅每一個場景，在複雜嘅系統入面建構出統一又彈性十足嘅品牌表達。","home.award8Title":"IAI全球設計獎銀獎同MUSE白金獎","team.publish.a.book.paragraph82":"設計嘅關鍵係，意圖嘅寬窄決定咗資訊嘅組織方式：廣泛啲嘅提問就要靠視覺同類別聚合嚟激發靈感，而精準啲嘅搜尋就係要突出價格、參數等核心決策因素。同時，團隊用顏色去區分對話角色，仲加埋有趣嘅動效轉化等緊焦慮，令原本睇唔見嘅AI「思考過程」變得可以感知，將技術「黑盒」轉化成一段流暢又令人期待嘅智能體驗。","team.publish.a.book.paragraph83":"直面電商設計嘅核心矛盾：「消費者第一眼睇到嘅就係價格，點樣唔會令設計衝擊到對價格嘅感知呀？」Jason由全鏈路一體化嘅角度出發，講解咗品牌設計點樣喺用戶由站外廣告到支付成功嘅每一個接觸點都保持貫徹一致嘅表達。喺雙十一呢啲超級流量場入面，設計一定要平衡氣氛營造同交易效率——既唔可以淹沒核心資訊，又要傳遞品牌嘅溫度。","team.publish.a.book.paragraph91":"為充分肯定學員喺項目入面嘅卓越表現同創新成果，今次工作坊特設咗個專項獎勵機制，等大家喺終期評審之後，對選出嘅優秀作品做表揚同實物獎勵。獎項總共分三個等級：一等獎（2名）會送大疆雲台相機，二等獎（3名）會送Sony高質素耳機，三等獎（4名）會送Marshall經典音響。","research.design.demand.distribution.chart":"設計需求分佈圖","team.publish.a.book.paragraph92":"今次嘅獎勵設置，係為咗傳達「設計驅動價值、創新值得嘉獎」呢個鮮明嘅導向，加強「學以致用、創有所成」嘅課程激勵。好期望呢啲帶住匠心同先鋒技術嘅獎品，可以陪伴得獎學員喺未來嘅設計路上繼續捕捉靈感、傳遞聲音、記錄創意。","team.publish.a.book.paragraph90":"為咗實現呢個轉變，團隊整出咗一套「營銷設計公式」：形色質承載生活印象，結構構圖轉譯空間感知，元素劇本演繹趣味內容。喺AI加持下，呢套創意系統進一步升級成全鏈路「加速器」：透過訓練Lora模型實現風格化批量出圖，運用「三幀法」生成流暢擬人動效，仲推出咗「爆款神器放我家」等功能，令用戶一鍵體驗真實場景渲染。AI已經由輔助工具進化成創意夥伴同效率引擎，佢將設計師從重複勞動中釋放出來，令佢哋可以更加專注於策略思考同情感化創作，真正實現「靈感可轉化、體驗可感知、效率可躍升」嘅智能營銷新時代。","research.spacing.mapping.schema.excerpt":"間距嘅映射綱要（節選）","careers.internJob2Team":"淘天集團","research.color.mapping.schema.excerpt":"顏色嘅映射綱要（節選）","careers.socialJob7Location":"杭州","research.all.the.articles.name022":"朱彬","team.publish.a.book.paragraph99":"電影《再見凱蒂》主海報同劇情劇照","home.award5Desc":"HEYLIVE 海邊樂迷之家","research.all.the.articles.name021":"蕭遙","research.all.the.articles.name024":"劉美璇","research.this.research.does.not":"呢項研究唔係淨係停喺風格優化或者局部效率提升度。相反，佢試圖為淘寶嘅市場推廣設計建立一個專業嘅方法論基礎——一個可以累積、可轉移同埋可以驗證嘅基礎。我哋提出咗「象徵敘事」嘅核心概念：用普世嘅視覺符號做認知嘅錨點，以結構化嘅表達做理解嘅路徑，而語義意義同視覺形式之間高度統一就係最終嘅標準。呢個方法唔係為咗追求新奇而新奇，而係想減低認知轉譯嘅成本；佢唔重視視覺元素嘅堆疊，反而著眼於資訊嘅有機整合；佢唔係為咗滿足設計師嘅表達慾望，而係始終忠於用戶嘅感知邏輯同行為流程。","team.publish.a.book.paragraph97":"設計項目3：紅包簽到","research.all.the.articles.name023":"韓曉冰","team.publish.a.book.paragraph98":"淘天設計嘅電影哲學，嗰啲我哋一齊長大嘅影像檔案。","research.all.the.articles.name026":"曾奕宸","team.publish.a.book.paragraph95":"設計項目1：直播間改版","research.all.the.articles.name025":"鄭朝","team.publish.a.book.paragraph96":"設計項目2：大會員","research.all.the.articles.name028":"邱炳坤","team.publish.a.book.paragraph93":"頒獎典禮唔單止為今次工作坊劃上一個充滿儀式感嘅句號，更加象徵住一個新開始嘅到來——好期待所有學員都帶住呢份認可同期望，在更廣闊嘅設計同商業舞台上繼續發光，影響未來。","research.all.the.articles.name027":"馬遠志","team.publish.a.book.paragraph94":"學生作品","research.the.solution.design.agent":"方案設計智能體以知識綱要檔案做入面。設計決定同埋產出頁面結構、組件類型屬性、樣式元素、互動方式同埋數據內容要求嘅綱要指令，以方案設計綱要做輸出，然後路由去下一個智能體。","research.icon.mapping.schema.excerpt":"圖標嘅映射綱要（節選）","research.all.the.articles.name020":"劉宸寰","research.price.design.excerpt":"價格嘅設計（節選）","careers.socialJob2Title":"品牌營銷設計師—體驗設計","research.price.mapping.schema.excerpt":"價格嘅映射綱要（節選）","research.taobaoInteractiveGame.coinEmotionalExperienceDesign":"淘金幣：情緒化體驗設計","banner.blowOrApplaud":"試下吹一下。","research.knowledge.modules":"知識單元","research.design.strategy.symbolic.narrative":"設計策略：「象徵性敘事」——形態即象徵，文字即意義","research.the.knowledge.retrieval.agent":"知識檢索智能體以要求清單檔案做入面。查詢、篩選、召回設計系統規範知識庫入面相對應嘅內容，以知識綱要做輸出，即係話，等你填咗知識要求清單入面講到嘅知識之後，就會路由去下一個智能體。","research.layout.knowledge.is.divided":"布局知識分咗四類單元：格點、間距、容器同對齊，係組件、資產同頁面排版方式嘅基礎依賴。語義規則、代碼實作、映射綱要同元素模板都一致。以間距為例，下圖就係由設計轉化到規則、映射同代碼三項檔案嘅結果。","team.section.paragraph2":"VersionAI Tmall網站嘅頁面結構同設計系統嘅知識結構一致，分咗個樹狀導航，包括風格、頁面，仲有佢哋下層嘅知識單元。對每一個知識單元頁面，用戶都可以喺人手規則同人工智能規則之間切換，仲支援複製或者下載啲知識片段。另外，仲提供咗個部署頁面，指引用戶點樣調用規範去生成介面。","careers.socialJob9Team":"淘天集團","careers.socialJob13Title":"用戶研究專家—客戶營運","research.all.the.articles.name_custom12":"高萬行","research.all.the.articles.name_custom13":"十朵","research.all.the.articles.name_custom10":"黑棠","research.all.the.articles.name_custom11":"芷衿","research.when.mapped.to.the":"將佢對應到五大需求場景類型（基礎鏈路、导购頻道、互動產品、營銷會場、B端體驗）統計出嚟，睇下全年嘅需求分佈情況：喺基礎鏈路、导购頻道同埋B端體驗入面，針對模組同單一頁面級別嘅存量拼合，同埋存量改動設計嘅需求佔咗近48%。","careers.socialJob7Years":"1年","research.taobaoInteractiveGame.paragraph7":"根據對年輕用戶嘅深入理解同專業設計角度，系統性地挖掘同累積淘天現有設計語境以外多樣嘅美術表達同方法論；圍繞淘天核心業務場景展開應用探索同小規模驗證，用可量化嘅實踐結果評估唔同美術風格對業務嘅適配性、落地路徑同規模化可行性，從而建立一個可以重複使用嘅遊戲美術圖譜體系。","research.taobaoInteractiveGame.paragraph8":"喺多業務並行、產品頻繁迭代嘅背景下，統一體系帶嚟嘅穩定性同時都帶嚟「千篇一律」嘅風險；要想持續帶畀用戶新鮮感同增長彈力，就要喺可控範圍之內做強差異化嘅試驗，驗證有效路徑，然後將啲成果資產化。","research.taobaoInteractiveGame.paragraph9":"唔受淘天既有的UI體系嘅視覺語言同表達範式限制，圍繞核心業務場景（例如芭芭農場、天貓農場、紅包翻翻樂、捉貓貓贏紅包）展開細範圍、強差異化嘅UI風格探索同應用驗證，沉澱可重用嘅UI風格資產同規範，制定UI圖譜。","research.taobaoInteractiveGame.paragraph4":"優秀互動玩法嘅差異往往唔係喺「形式」上面，而係喺機制結構同敍事包裝嘅組合方式上面。為咗令設計師可以將外界案例轉化成可重用嘅設計知識，就要將零散嘅案例結構化、系統化整理，變成可以學習嘅知識。","research.design.system.specification.title11":"以下各部分會對各種知識對象進行詳細闡述。","research.taobaoInteractiveGame.paragraph5":"根據以上嘅思路，我哋整理咗啲已經經市場驗證過嘅優秀互動遊戲案例，揀咗啲比較適合電商場景嘅遊戲類型，整咗個資料庫嚟儲備。每款遊戲都會詳細整理埋佢嘅來源介紹、體驗概覽、機制同世界觀等各方面嘅內容，形成一個基礎圖譜，方便設計師去發現、體驗同學習。而家呢個圖譜已經收集咗超過100款遊戲啦！","research.design.system.specification.title10":"根據Schema再返查設計系統嘅規範知識，用Grep方式搵埋同調出對應嘅代碼庫，對齊啱啱可以用嘅組件屬性值、樣式變數同資源路徑，最後生成個UI。","research.taobaoInteractiveGame.paragraph6":"喺內容同質化同審美疲勞加劇嘅背景下，年輕用戶對「新鮮感、情緒價值同風格差異化」嘅敏感度持續提升；如果仲係單靠既有嘅視覺語境，創新空間就會被收窄，而且都難以形成可持續嘅風格資產同重用機制。","banner.rulerTryReconnect2":"感受研究嘅樂趣","home.award4Desc":"第四張卡牌","careers.socialJob11Years":"5年","careers.socialJob9Title":"高級視覺體驗設計師—手淘AI","home.joinUsBtn":"加入我哋","home.award6Title":"倫敦設計獎白金牌","awards.new.article3":"IAI全球設計獎銀獎同MUSE白金獎","research.source.files.for.icons":"圖標嘅源檔案（節選）","awards.new.article2":"柏林設計獎金獎項目的連結","awards.new.article1":"MUSE白金獎&柏林設計獎金牌","awards.new.article4":"IAI全球設計獎銀獎","home.bookFlipTitle":"我哋相信\n知識嘅價值","research.asset":"資產","research.economic.aesthetics.title":"經濟美學設計同應用","research.interactiveGame2025.intro.paragraph2":"呢次研究係同中國美術學院攞埋一齊做嘅，為咗提升研究嘅專業權威性同成果嘅多樣性，搞出既具內地落地價值又具行業標竿意義嘅研究成果。研究會系統性噉支援淘寶互動遊戲嘅專業化建設同體驗創新——透過持續跟蹤電商互動遊戲市場趨勢、搵出新興設計機會，全面提高淘寶喺行業高速發展中嘅體驗設計前瞻性和核心競爭力。","research.how.it.works":"佢點樣運作嘅？","home.award3Desc":"第三張卡牌","research.interactiveGame2025.intro.paragraph1":"以2025年電商互動遊戲行業發展嘅關鍵節點為基礎，呢項研究以「互動遊戲設計」為核心視角，聚焦用戶結構嘅演變同行為習慣嘅轉移，系統性咁拆解互動體驗嘅方法論體系，深入研究年輕用戶嘅體驗訴求同趨勢，從而探索互動遊戲推動用戶增長嘅可行路徑。","research.taobaoInteractiveGame.babaFarmSurrealismArtStyleApplication":"芭芭農場：超現實主義美術風格應用","research.all.the.articles.paragraph100":"對比關係：主體同背景嘅對比度要配得啱，畫面入面嘅物件之間嘅對比關係都要統一。高對比色調同低對比色調，係透過調節圖像中光明同黑暗部分之間嘅差異程度嚟影響整體嘅對比感。如果主體嘅對比度比較強，背景嘅對比度就要相應加強。如果主體同背景嘅對比關係差得太遠，就會令到畫面睇落好明顯割裂。高對比色調通常會帶出強烈嘅黑白效果，用明亮嘅高光同深沉嘅陰影去營造強烈對比，突出物件嘅形態同紋理；而低對比色調就係透過減少光明同黑暗之間嘅差異，呈現出柔和自然嘅效果。","careers.socialJob4Title":"體驗設計師——B端平台產品設計","careers.socialJob8Team":"淘天集團（M&T）","research.all.the.articles.label3":"專家顧問","research.all.the.articles.label2":"產品負責人","research.all.the.articles.label1":"知識庫搭建","research.copy.or.download.a":"複製或者下載片段知識","research.all.the.articles.label7":"設計成員","research.component.knowledge.is.composed":"組件知識分咗啲，有頭像、角標、資源位、按鈕、內容流、倒數計時、優惠券、篩選、浮標、新手引導、輪播器、輸入、訊息、浮窗、彈窗、價格、商品卡、進度條、紅包、選擇、浮層、浮條、開關、標籤欄、標籤、文本流、提示、氣泡、頂部欄等等，呢啲都係承載業務語義嘅單元，係實現界面生成嘅重要重用單元。語義規則由組件定義、樣式構成、屬性變量、組件狀態（互動、視覺）、強制規則、功能用途組成。代碼實作就係喺React技術棧下面嘅組件結構（tsx）同埋組件樣式（scss）。映射綱要就係喺已有內容上面加多啲屬性（props schema），對應到方案設計環節入面生成頁面組件結構綱要入面所需嘅組件屬性嘅目的。以價格為例，下圖展示由設計到規則、映射、代碼三項文件轉化嘅結果。","research.all.the.articles.label6":"設計負責人","research.all.the.articles.label5":"設計","research.the.entire.interface.generation":"整個界面生成流程可以追蹤、可以重現、可以演進，結果都喺動態迭代嘅企業設計系統同代碼體系入面可控。接落嚟會分別從建立設計系統規範知識同多智能體工作流兩個方面詳細講解。","banner.micPleaseAllow":"喺你嘅瀏覽器入面選「同意」啦。","research.all.the.articles.label4":"研發","research.price.code.implementation.excerpt":"價格嘅代碼實現（節選）","research.all.the.articles.label9":"概念視頻","research.all.the.articles.label8":"網站設計同開發","team.section.paragraph":"Taobao Design係一個專門為全球幾十億消費者嘅體驗而服務嘅設計團隊。我哋帶領用戶體驗，創造能夠引起情感共鳴嘅設計，令商業變得美觀又簡單。","careers.internJob4Team":"淘天集團","research.official.website.introduction.label8":"技術相關支援","research.all.the.articles.paragraph59":"調性係物件作用嘅直觀感受，例如顏色冷暖、物件軟硬、物料質地。場景嘅視覺風格應該同商品調性一致。由產品主體到背景場景，都蘊含咗人嘅主觀判斷同心理暗示。商品圖嘅場景可以營造情境，激發消費者對自己用嘅場景嘅聯想，引發佢哋對提升生活質素或者外貌形象嘅想像，從而加強對產品嘅渴望，促進購買決定。","research.all.the.articles.paragraph58":"調性","research.all.the.articles.paragraph57":"場景內容係為咗服務商品，空間內容就要同個商品嘅氣質一致，主要包括內容統一同視覺統一。商品圖嘅環境場景喺展現商品使用場景方面有關鍵作用。透過精心設計嘅背景，場景唔單止幫消費者明白產品用途，仲可以突出佢哋嘅核心特徵同功能。總括嚟講，啱當嘅環境場景可以有效傳達產品資訊，加強消費者對產品功能同用途嘅理解，從而促進購買決定。","research.all.the.articles.paragraph56":"畫面主題關係","research.all.the.articles.paragraph55":"喺商品圖場景設計方面，AI技術為我哋帶來前所未有的方便同創意。場景可以有效襯托主體，加強品牌形象，營造情感連結，仲可以提供產品使用資訊等等，有好多作用。呢節會從場景類別、選擇依據、場景作用、場景秩序同質量標準等幾個方面，分析商品圖場景嘅製作。","research.all.the.articles.paragraph54":"場景","research.all.the.articles.paragraph53":"人種同年齡差異下嘅比例：AI人模比例設計應該要有一定嘅分別度。喺東西方模特人種轉換或者唔同年齡層轉換嗰陣，都要考慮到身形差異，咁樣先可以快啲展現人物氣質同佢哋同商品之間嘅配合度。","research.all.the.articles.paragraph52":"整體比例：用AI生成嘅人模，頭身比例要均勻，四肢比例都要協調（例如亞洲人通常係7至7.5個頭身，歐美人通常係8個頭身），睇落自然又吸引眼球，反映人物嘅健康同美感。","careers.socialJob1Title":"高級用戶研究專員——商家洞察","research.all.the.articles.paragraph51":"比例：人物嘅身體比例","research.all.the.articles.paragraph50":"人工智能生成嘅人模姿勢應該自然、舒適、協調，避免四肢僵硬，符合人體力學原理。如果涉及同物件互動嘅姿勢，就要保持正確嘅受力關係。生成嘅人模喺姿勢狀態下，要體現骨骼同肌肉之間合理嘅貼合，四肢比例自然，髮型嘅動態同身體嘅動態一致，服飾嘅動態幅度都要協調。","home.award1Title2":"紅點設計獎","home.award1Title1":"IF設計獎","research.element.mapping.schema.template":"元素映射綱要模板","careers.socialJob10Date":"2026年1月12日","home.award1Title3":"蘋果設計獎","careers.socialJob6Years":"5年","research.icon.design":"圖標嘅設計","home.browseVideosTitle":"我哋追求\n開心嘅工作","home.research3Title":"淘寶互動遊戲設計趨勢研究","research.taobaoInteractiveGame.members":"貢獻者","research.taobaoInteractiveGame.artGraph":"互動遊戲美術圖譜","research.all.the.articles.paragraph69":"要避免啲冇關嘅內容入侵：用AI生成嘅圖像應該排除同產品冇關係嘅元素，防止分散觀眾注意力，減弱對產品嘅關注。","research.all.the.articles.paragraph68":"避免主體被意外裁切：用AI生成嘅圖像要確保商品主體永遠喺畫面入面個合適位置，避免因為位置唔當而被裁切。","research.all.the.articles.paragraph67":"要避免主體脫框而被裁切，咁樣會失去畫面以外嘅聯想空間。喺用AI生成商品圖像嗰陣，一定要確保商品主體內容完整，呢個係比較優先嘅。呢個唔單止係要防止主體無意中畀裁切，仲包括排除啲冇關內容嘅干擾，同埋要避免主體元素畀大面積遮住。","research.all.the.articles.paragraph66":"處理表達場景感受嘅時候：如果重點係要傳達整體場景嘅氣氛，構圖就要保持人物模型同環境嘅完整。呢陣時，商品通常會做場景嘅一部分，同周圍環境協調共生，一齊去建構情境或者敘事。","footer.downloadFailed":"下載唔成功","research.all.the.articles.paragraph65":"處理表達物體形狀本身嘅時候：如果重點係要表現商品本身嘅形態特徵，就可以對場景做適當嘅裁剪。","research.all.the.articles.paragraph64":"要確保構圖完整，唔好隨便裁切咗導致啲資料唔齊。要分清楚係表達產品本身定係場景感受。前者可以對人模做必要嘅裁剪，後者就應該保持人模同環境嘅完整性。","banner.cameraTryTurnOn":"試下開下相機啦。","research.all.the.articles.paragraph63":"構圖完整性","careers.socialJob6Location":"杭州","research.all.the.articles.paragraph62":"喺構建人工智能生成商品圖嘅美學標準嗰陣，商品攝影嘅構圖完整性、主體性同埋透視關係，一齊構成咗優質商品圖嘅關鍵要素。呢三個元素融合埋一齊，就變成咗一套複雜又精緻嘅視覺語言。構圖其實係喺大自然嘅混亂入面搵出內在秩序，將零散嘅構圖元素組織成一個易於理解嘅整體，充分表達圖像嘅意圖同情緒。呢個綜合嘅視覺策略，唔單止提升咗圖像嘅美學質素，仲加強咗AI商品圖喺市場上嘅競爭力。","research.all.the.articles.paragraph61":"構圖","banner.rulerTryReconnect":"試下重新連接尺仔。","research.all.the.articles.paragraph60":"喺用AI生成產品圖嘅過程中，要靠觀眾自己嘅思維認知。喺人嘅潛意識入面，唔同嘅事物都有唔同嘅情感傾向，顏色嘅冷暖變化可以調動情緒，物件嘅形態同質感改變亦都帶嚟更深層次嘅隱喻。所揀嘅背景元素、形態質感同環境氣氛，都可以傳達品牌嘅立場同主張，令消費者諗起買咗產品之後可能會有嘅幸福感同生活質素提升。同時，畫面意境嘅營造仲會提升產品圖本身嘅審美體驗，將商業性同藝術性結合埋一齊，喺推動銷量嘅同時，仲畀消費者享受美感。生成圖像嗰陣應該以整體氣氛為主導，服務於產品主體，透過間接嘅情緒同意境引導，激發消費者對品牌嘅心理認同。","careers.intern":"實習生招聘","careers.internJob1Date":"2026年3月17日","careers.socialJob13Location":"杭州","research.machine.interpretable.design.system1":"設計系統規範知識","research.all.the.articles.paragraph29":"準則可能會因為應用場景同需求而有啲變化同調整，所以喺具體應用入面要更聚焦咁有效對應。","research.all.the.articles.paragraph28":"質感","research.natural.and.expressive.motion":"{{bold}}自然又富表現力嘅動態{{/bold}}——恰當咁應用動態設計，遵循自然邏輯，令動畫帶出故事意義，提升視覺活力。","research.all.the.articles.paragraph38":"沉浸式視角：應該提供身臨其境嘅360°觀察視角，令客人都可以虛擬環繞產品，由唔同角度睇。呢種虛擬探索有助提升客人的觀感體驗，幫佢哋做更加明智嘅決定。","research.immediate.structural.clarity.establish":"{{bold}}即時結構清晰{{/bold}}——建立一個清晰直接嘅視覺結構，當中圖形符號同文字資訊有效融合，理想情況下會形成一個統一嘅表達。","research.all.the.articles.paragraph37":"角度選擇：用AI生成圖像時，應該多角度捕捉產品嘅形態。角度會直接影響產品圖像嘅睇法，根據商品本身嘅特點，宜多用正面視圖或者三分之四透視構圖，地平線通常喺畫面中央或者偏下位置。","home.award2Desc":"天貓多模態商品表達系統","research.all.the.articles.paragraph36":"選取角度：商品展陳同睇嘅角度","research.all.the.articles.paragraph35":"還原度：應該真真正正反映商品本身嘅結構表現，包括形體構成、物料同顏色。雖然會受環境因素影響，但一定要符合自然認知邏輯，唔可以脫離商品原本嘅形態。喺視覺保真度同還原度方面，AI生成嘅商品圖像要準確呈現出商品嘅外觀、比例同細節特徵。另外，除咗高度還原商品本身之外，圖像仲要盡量保持高解像度，對商品細節做精緻處理，以超卓嘅清晰度捕捉到精密嘅工藝細節、物料紋理同複雜嘅設計核心，從而充分展現出商品嘅工藝水平同視覺吸引力。","research.all.the.articles.paragraph34":"商品形構：商品狀態係評估AI生圖質素嘅核心。一定要確保生成嘅AI商品形態完好，避免出現瑕疵、結構不合理之類嘅問題。同時應該保證去底準確，避免邊緣粗糙、泛白、紫邊等現象，咁樣先可以令生成嘅商品圖符合客戶預期。","research.all.the.articles.paragraph33":"物件本體：生成商品嘅狀態同真偽度呈現出嚟。","research.all.the.articles.paragraph32":"當我哋用文字或者圖像做輸入，送入模型之後，擴散模型透過去噪過程生成嘅結果，可以睇成係對原始數據嘅語義延伸。佢喺保持概念相似性嘅同時，仲可以產生好豐富嘅變化，唔單止拓展咗內容創作嘅技術路徑，仲大大減低咗人工創作嘅時間成本。所以，針對AIGC生成嘅物體形態，我哋有需要建立一套規範化嘅定義。對於服務於電商平台（包括產品、人模等等）嘅AIGC圖像，應該制訂相應嘅生成美學準則，以推動數碼同實體融合背景下內容生產模式嘅形成。","research.all.the.articles.paragraph31":"喺電商界，人、貨、場呢啲要素都係不斷經歷解構同重構。啲商品好似潮水咁湧入電商平台，催生咗海量嘅商品圖片處理需求。呢類需求規模好大，而且迭代又快，已經令傳統嘅影像製作同設計流程難以應付。面對咁龐大嘅工作量，傳統流程唔單止成本高企，仲因為物理空間等現實條件限制，成日都難以擴展。由拍攝、修圖到最後發佈圖片，每個環節效率都幾低，完全唔能夠配合電商快速迭代同高效運作嘅商業要求。隨住商品種類不斷擴充，市場競爭亦越嚟越激烈，呢啲問題就更加明顯，急需要透過技術創新，去實現更靈活、更經濟嘅大規模商品圖片處理，以支持現代電商嘅發展需求。而AIGC技術嘅進步同應用，正逐步彌補呢個短板，人工智能正喺重塑電商平台嘅圖像生產流程同用戶體驗習慣。","research.all.the.articles.paragraph30":"物形-商品","research.taobaoInteractiveGam.topic":"研究課題","careers.socialJob7Team":"淘天集團（1688）","research.design.synthesis.output.excerpt":"方案設計輸出（節選）","careers.socialJob9Location":"杭州","research.this.website.provides.two":"呢個網站提供咗兩種方法，畀用家喺AI工具入面調用Tmall設計規範：MCP伺服器同埋上下文注入。只要喺IDE工具入面一鍵配置MCP伺服器，就會自動依賴天貓設計知識庫。MCP封裝咗啲API功能，會根據用家嘅自然語言指令自動處理同埋輸出結果，具體功能包括但唔限於搜尋（Search）、運行工作流（runWorkflow）等等。或者，你仲可以喺特定知識單元頁面度按「複製」或者「下載」，搵到片段知識嘅語義規則、映射綱要同埋代碼實現檔案包體，然後直接引入指令輸入框，做局部修改同埋生成。","research.all.the.articles.paragraph39":"商品狀態：衫褲有啲摺痕都合理，手感同埋整體感覺都幾和諧飽滿。","research.all.the.articles.paragraph49":"姿態：人物嘅肢體動作同舉止儀態","research.all.the.articles.paragraph48":"眼神狀態：眼神聚焦，神態自然，視線同身體嘅動作協調一致。多樣化嘅面部特徵同表情可以為產品圖增添趣味同吸引力，配合唔同產品類別同目標受眾。呢種情感聯繫可以影響客人的感知同購買決定，加強共鳴感。","research.all.the.articles.paragraph47":"表情管理：睇落要造出鏡頭美感，生成嘅人模表情要自然舒展，符合產品嘅氣質，避免啲唔正向嘅表情，好似生氣、呆滯之類。","home.research7Title":"手淘用戶體驗設計原則","research.all.the.articles.paragraph46":"鏡頭：人物喺鏡頭前嘅表情同眼神狀態","research.all.the.articles.paragraph45":"性別同人種特徵：根據產品風格同美學定位，人工智能應該生成符合目標群體同文化背景嘅面部特徵，對應唔同嘅美學風格，避免人模同場景之間有割裂感。生成人模嗰陣，要考慮到目標群體嘅膚色、髮質同髮型，仲有面部特徵等等。面部特徵要體現出性別差異，而且要同商品風格協調，避免非常規嘅性別表達。","research.all.the.articles.paragraph44":"比例同氣質：五官嘅比例要符合人體解剖結構，形態自然逼真，結構協調，包括面部比例、骨骼結構同表情等細節，整體呈現和諧美感，避免失真或者病態感。另外，同一個模特喺唔同場景出現嗰陣，都要保持面部特徵一致性，呢個係AI生成圖像時要重點考慮嘅事。","research.all.the.articles.paragraph43":"五官：人物外貌嘅五大面部特徵","research.all.the.articles.paragraph42":"物形－人模","research.all.the.articles.paragraph41":"無障礙設計：用人工智能生成嘅產品內容要經過篩選同調整，確保算法符合包容性原則。例如，為色弱或者色盲用戶提供足夠嘅顏色對比度，盡量確保所有用戶都輕鬆搵到商品資訊。","research.all.the.articles.paragraph40":"產品同物件之間嘅貼合關係：AI生成嘅圖像應該準確反映產品嘅原始狀態。服裝類產品嘅摺紋要自然，模特著緊嘅時候應該貼身；掛喺度嘅衣物就要掛得合理，避免有唔自然嘅彎曲或者變形。產品同周圍環境同其他物件之間嘅比例都要協調，咁樣用戶先可以準確判斷尺寸，防止誤導消費者。","research.all.the.articles.paragraph0010":"人工智能生成圖像應該從多個角度捕捉產品嘅形態。角度會直接影響產品圖像嘅睇法，根據商品本身嘅特性，宜多用正面視圖或者三分之四透視構圖，地平線一般會喺畫面中央或者偏下位置。","research.all.the.articles.paragraph0012":"應該提供身臨其境嘅360°觀察視角，令客戶可以虛擬環繞產品，由唔同角度睇。呢類虛擬探索有助提升客戶嘅觀感體驗，幫佢哋做更加明智嘅決定。商品狀態：衣物摺痕合理，商品手感和諧飽滿。","research.all.the.articles.paragraph0011":"沉浸式視角：","research.all.the.articles.paragraph0014":"用人工智能生成嘅圖像應該準確體現產品嘅原始狀態。衫褲之類嘅產品，摺紋要自然啲，模特穿緊嘅時候要貼身；掛喺度嘅衣物就要掛得合理啲，避免有唔自然嘅彎曲或者變形。產品同周圍環境同其他物件之間嘅比例都要協調，咁樣用戶先可以準確判斷尺寸，防止誤導消費者。","research.all.the.articles.paragraph0013":"商品同對象嘅貼合關係：","careers.socialJob8Title":"高級體驗設計師—淘工廠","research.all.the.articles.paragraph0016":"用人工智能生成嘅產品內容要經過篩選同調整，確保算法符合包容性原則。例如，為色弱或者色盲用戶提供足夠嘅顏色對比度，盡量確保所有用戶都容易搵到商品資訊。","research.all.the.articles.paragraph0015":"無障礙設計：","research.all.the.articles.paragraph16":"影像影片","research.all.the.articles.paragraph15":"部分靜幀","research.all.the.articles.paragraph14":"人物基礎設定","research.strategy.breakdown.theme.content":"策略拆解：主題、內容同形式唔應該孤立咁存在。主題代表核心意義，內容構成資訊實質，而形式就係表達嘅方式。象徵性敘事表達，即係用啱當嘅視覺符號去描繪主題嘅語義，從而為用家建立一個認知架構。最重要嘅係，用家要先明白呢個訊息代表咩，之後再透過配套資料去深入了解。","careers.internJob4Title":"AIGC設計師","research.all.the.articles.paragraph13":"呢項研究圍繞AI動態製作流程、表達穩定性，仲有商品同數碼人影片嘅創意等方向，探索適用於電商場景嘅AI動態影像設計方法，提升設計效率同用戶體驗。同時，透過同中國美術學院合作，加強研究嘅專業性和行業影響力，推動淘天嘅AI動態設計能力持續保持先進水平。","research.all.the.articles.paragraph12":"隨住AI動態生產技術嘅急速發展，品牌同互聯網平台都係不斷探索AI喺產品同營銷傳播入面嘅應用，為咗提升品牌感知同創新商業模式。對電商設計團隊嚟講，建立AI動態影像能力既係應對電商內容視頻化趨勢嘅關鍵舉措，亦都係探索未來電商內容形態嘅重要方向。","research.all.the.articles.paragraph11":"項目背景","research.all.the.articles.paragraph10":"「TAO」AI數碼人動態影像研究","research.this.intuitive.information.expression":"呢個「直覺資訊表達」設計計劃，係由對現時市場推廣設計狀況嘅誠實反思開始嘅。當啲開屏廣告喺用戶打開應用嗰陣閃過眼晴，當彈窗突然彈出嚟搞互動，又或者當宣傳標題成日都帶住商業目的喺首頁頂部出現，我哋已經唔再滿足於淨淨問設計有冇存在咗。相反，我哋會問更深層次嘅問題：用家一睇就明唔明？佢哋可唔可以直覺地明白到訊息？佢會唔會自然噉引發行動？","products.official.website.introduction.paragraph":"VersionAI Tmall網站嘅頁面結構同設計系統嘅知識結構一致，分咗樣式、頁面同埋佢哋嘅子項目嘅樹狀導航。每一頁知識單元，都可以切換成畀人類睇嘅規則同埋畀AI睇嘅規則，仲支援複製或者下載片段知識嘅功能。仲有個部署頁，教使用者點樣調用呢個規範去生成界面。","research.spacing.semantic.rules.excerpt":"間距嘅語義規則（節選）","careers.socialJob9Years":"3年","research.all.the.articles.paragraph0022":"AI生圖嘅美學準則涉及咗藝術、設計同人機互動等多個範疇。以下係針對淘寶平台嘅生圖美學準則，專注講下圖片生成元素嘅質素，仲有啲元素之間互相影響之下嘅關係構成細項。呢啲準則都有助於確保生成圖像嘅質素同吸引力。根據商品嘅美學準則可以分為五大類：1. 物形 2. 場景 3. 構圖 4. 光影 5. 質感。呢啲準則可能會因為應用場景同需求而有啲變化同調整，所以喺具體應用入面，就要更加聚焦去有效對應。","research.component.semantic.rule.template":"組件語義規則模板（節選）","home.award1Desc":"淘寶Vision","research.all.the.articles.paragraph19":"隨著AI喺創造藝術、設計同文化方面嘅應用越嚟越多，AI美學就變成咗一個好受關注嘅領域。佢喺藝術創作入面嘅應用，帶出咗對AIGC時代嘅新理解。AI美學準則涉及點樣將人類創意同機器學習演算法結合埋一齊，去創造出吸引人嘅智能體驗。美學準則要留意作品有冇反映多樣性和包容性，避免對某啲群體有偏見或者歧視。仲要考慮到作品點樣觸發同傳達情感，製作出有深度又打動人心嘅作品。同時，仲要諗下AI生成嘅作品有冇體現社會同文化嘅價值觀，同埋有冇遵守倫理準則。","research.final.interface.code.generation":"最後界面代碼生成輸出（節選）","research.all.the.articles.paragraph18":"美學準則涉及創作同欣賞作品時嘅各種要素同標準。喺美學界一直都有爭論，究竟美係客觀存在嘅特質，定係主觀體驗入面嘅心理感受性同情感表現力嘅產物？有啲美學理論強調對稱同均衡嘅重要性，但又有啲理論強調唔對稱同不規則形式嘅吸引力。從藝術同日常生活的角度來睇，有啲人認為美學係藝術同日常生活分開嚟嘅獨立領域，而另一啲理論就話藝術同生活係緊密相連嘅。總括嚟講，唔同時期同文化都有唔同嘅美學標準，對美嘅理解同表達方式都唔同，所以美學準則亦都呈現出多樣性和變化性。","research.all.the.articles.paragraph17":"美學係研究審美活動規律嘅學科，係美、藝術同審美經驗嘅哲學分支，充滿咗形而上嘅追求同思辨色彩。美學準則涉及對美嘅本質、美嘅標準同埋作品嘅評價等等問題，係一個好廣闊又深刻嘅領域。","banner.punchedTapePlaceholder2":"體驗經典嘅打孔紙帶","research.all.the.articles.paragraph0018":"衫褲折痕合理，商品手感和諧又飽滿。","research.all.the.articles.paragraph27":"光影","research.all.the.articles.paragraph0017":"商品狀態：","research.all.the.articles.paragraph26":"構圖","research.all.the.articles.paragraph25":"場景","research.all.the.articles.paragraph24":"物形","research.the.intent.recognition.agent":"意圖識別智能體會以用戶嘅查詢字串做入面，例如「生成一個新品导购頻道」。然後會輸出知識檢索要求清單，比如「需求類型（存量組合）、頁面類型（导购頁）、資訊結構（商品卡）、互動約束（可唔可以篩選）、內容要求（權益資訊）等等」，之後就會路由到下一個智能體。","research.all.the.articles.paragraph23":"基於商品嘅美學準則分咗五大類：","research.all.the.articles.paragraph22":"人工智能生成圖像嘅美學準則涉及咗藝術、設計同人機互動等多個範疇。以下係針對淘寶平台嘅生圖美學準則，專注於圖片生成元素嘅質素，仲有元素之間互相影響下嘅關係構成細項。呢啲準則有助確保生成圖像嘅質素同吸引力。","careers.socialJob1Team":"淘天集團","research.all.the.articles.paragraph21":"人工智能商品美學標準","research.all.the.articles.paragraph20":"呢項研究係2024年，由淘天體驗設計同中國美術學院視覺傳播學院鄭朝教授團隊一齊搞AI商品美學嘅課題研究。項目歷時一年，透過第一期嘅校企協作，提出咗一套有效嘅AI商品美學準則。呢個研究嘅目標係引導人工智能（AI）喺淘寶平台嘅實際電商應用領域發展，確保佢喺商業平台上具備創造力同領導力，對人類價值同審美都有積極同卓越嘅貢獻。","research.taobaoInteractiveGam.paragraph3":"根據淘寶電商互動遊戲嘅類型，結合市場趨勢，用設計角度去專業拆解，再按玩法類型、美術風格、UI設計同動效四個維度做模組化研究整理，整成一個完整嘅研究課題，最後寫成結案論文。","research.taobaoInteractiveGame.farmMapLevelDesign":"種地啦：地圖關卡設計","research.all.the.articles.new.label9":"淘天設計","careers.internJob1Location":"杭州","research.all.the.articles.new.label8":"自己設計","research.all.the.articles.new.label7":"天貓商家品牌營銷設計","research.all.the.articles.new.label6":"淘天品牌同商家嘅營銷設計","research.all.the.articles.new.label5":"多端創新體驗設計","research.all.the.articles.new.label4":"合作院校","research.all.the.articles.new.label3":"淘寶好價設計","research.all.the.articles.new.label2":"用戶同互動設計","research.color.semantic.rules.excerpt":"顏色嘅語義規則（節選）","research.this.substantial.volume.of":"呢部分簡單重複嘅需求，急切需要透過自動化設計生產方式嚟提升效率同效果。","research.multi.agent.workflow":"多智能體工作流","research.next.we.engineer.the":"接落嚟就係構建介面設計同生成嘅工作流工程。呢個多智能體上下游協作嘅流程，其實就係對每個子智能體同佢哋之間嘅串聯邏輯進行定義同配置。每個智能體都包括上遊輸入、模型基礎、記憶、系統提示詞（角色、任務）、知識庫（或者數據庫）、工具（MCP、插件），同埋下遊輸出。要確保子智能體提示詞入面提到嘅訪問路徑、物件命名、輸入同輸出都保持連貫統一。","research.taobaoInteractiveGame.caseStudies1":"互動遊戲類型圖譜應用","research.taobaoInteractiveGame.conclusion":"結語","careers.socialJob2Years":"2年","careers.socialJob6Team":"淘天集團（1688）","research.economic.aesthetics.paragraph21":"排版原則","research.economic.aesthetics.paragraph22":"將冰冷嘅平台權益機制轉化成用戶熟悉嘅感官刺激同情感獎勵，令產品體驗唔係一個要用戶學嘅機器，而係一個可以帶嚟即時快樂同確定性嘅「玩具」，從而達到增強用戶黏力嘅目標。","awards.taobaoInteractiveGame.link2":"睇下2025年紅點設計獎","research.economic.aesthetics.paragraph23":"動效原則","awards.taobaoInteractiveGame.link3":"睇下2025年蘋果設計獎","research.economic.aesthetics.paragraph24":"主體物＋色彩＋文案＋排版＋動效＝美學模型五大要素。","research.economic.aesthetics.paragraph20":"核心係將關鍵資訊提煉出嚟放大，利用視聽觸等多感官通道反覆轟炸，提供豐富多樣嘅內容畀人消費。","research.building.internal.design.consensus":"為市場推廣場景建立內部設計共識，以實現直觀嘅資訊表達。","awards.taobaoInteractiveGame.link1":"睇下2025年IF設計大獎","research.economic.aesthetics.paragraph29":"02 街頭美學","research.taobaoInteractiveGame.babaFarmFullSceneMotionDesignExcerpt":"芭芭農場：全場景動效設計（示範節選）","research.economic.aesthetics.paragraph26":"透過喺五個要素下多種設計手法嘅組合應用，可以達致多種符合小城居民喜好的美學風格。","footer.contactXiaohongshu":"小紅書","research.economic.aesthetics.paragraph27":"01 超市促感","research.economic.aesthetics.paragraph28":"超市係小城人每日都離唔開嘅生活場景。透過提取超市入面嘅元素再設計，真真正正還原大家熟悉嘅場景，引起情緒共鳴。","research.economic.aesthetics.paragraph10":"小城街道概覽","research.economic.aesthetics.paragraph11":"不過度追求思辨抽象，更注重功能直述與寓意美好，喜用生活化生動比喻。唔追求語言體系嘅一致性，傳統圖騰、網絡用語、歇後語、政府口號喺同一個對話場景都會出現。","research.economic.aesthetics.paragraph12":"生活入面嘅文案類型概覽","research.economic.aesthetics.paragraph13":"以生活環境嘅顏色做色彩基底，調校純度同亮度，確保螢幕顏色對肉眼嘅還原度。繼承對顏色情緒嘅認知，喺網上環境入面擴展應用。","careers.internJob3Date":"2026年3月17日","research.element":"元素","awards.tmall.products.title1":"天貓多模態商品表達系統","awards.tmall.products.title3":"天猫多模態商品表達系統喺2022年攞咗IF設計獎—用戶體驗設計類別（User Experience）。","awards.tmall.products.title2":"天貓多模態商品表達系統攞到IF設計大獎。","research.regardless.of.whether.a":"唔理規範係咪開源同埋工具功能係咪齊備，對每一個企業設計團隊嚟講，而家最重要嘅係要搞清楚同埋建立一個{{bold}}對AI友好嘅設計規範知識系統{{/bold}}，好讓佢可以接入設計工具或者大模型。","careers.internJob2Years":"實習","footer.copySuccess":"複製成功","careers.socialJob2Team":"淘天集團","awards.tmall.products.title9":"喵滿分 #財寶香氛# muse金牌","research.economic.aesthetics.paragraph18":"將抽象嘅價格／參數，轉化成用戶熟悉嘅日常概念（時間、食物、動作、小額消費），從而降低做決定嘅門檻。","awards.tmall.products.title8":"MUSE白金獎項目連結","research.economic.aesthetics.paragraph19":"文案描述原則","awards.tmall.products.title5":"多模式產品展示系統設計精華","research.economic.aesthetics.paragraph14":"小城美學配色系統","awards.tmall.products.title4":"睇下2022年IF設計大獎","research.economic.aesthetics.paragraph15":"色彩情緒分配","awards.tmall.products.title7":"貓超運氣桶MUSE白金獎","research.economic.aesthetics.paragraph16":"盡量用真嘅商品，模擬真嘅消費場景，建立用戶聯想，拉近距離，激活行為記憶。","awards.tmall.products.title6":"呢個項目係基於阿里集團嘅電商平台，為咗提升網上購物體驗而設計嘅產品矩陣。佢嘅目標係解決幾百萬件唔同商品特性嘅表達需求。結合對消費者使用習慣同埋天貓先進技術嘅長年累積，我哋提供咗身臨其境、智能嘅網上購買體驗。既容許消費者直接同商品互動；仲可以利用AI快速生成動態內容；令消費者足不出戶都可以更全面地體驗商品。","research.economic.aesthetics.paragraph17":"圖形同質感原則","footer.download":"下載","research.switch.to.ai.facing":"畀AI睇嘅規則切換","research.all.the.articles.name_custom9":"浩炅","research.all.the.articles.name_custom6":"屿文","research.all.the.articles.name_custom5":"空鳴","research.all.the.articles.name_custom8":"文琦","research.all.the.articles.name_custom7":"深空","research.all.the.articles.name_custom2":"復樂","research.all.the.articles.name_custom1":"入也","research.all.the.articles.name_custom4":"耶禮","research.all.the.articles.name_custom3":"幾里","research.asset.knowledge.consists.of":"資產知識分咗成圖片、圖標、標誌、標籤等個單位，係頁面內容填滿嘅素材來源。語義規則由資產定義、屬性變數、強制規則、功能用途組成。資產知識視具體單位決定有冇需要寫代碼實現（譬如圖標就要，圖片就唔需要），同埋要同規則入面起嘅名一致嘅素材檔案（svg／png）。映射綱要同元素模板都一致。以圖標為例，下圖展示由設計到規則、映射、代碼三項檔案轉化嘅結果。","research.symbolization.translating.the.core":"{{bold}}符號化{{/bold}}：用大家普遍認得嘅符號或者圖像，將市場推廣資訊嘅核心語義轉成具體嘅視覺表達。","banner.clearAll":"清除全部","awards.taobaoInteractiveGame.paragraph2":"喺提供全面嘅購物功能嘅同時，Taobao Vision 充分利用咗Apple Vision Pro 嘅特色，例如空間運算、共享空間、3D內容，仲有眼手追蹤互動，為用戶帶嚟更加直觀、沉浸式、廣闊又開心嘅購物體驗。同時，佢亦幫數以萬計嘅品牌，透過混合現實空間，將自己嘅產品、內容同故事帶入到用戶真真正正嘅屋企入面。","awards.taobaoInteractiveGame.paragraph1":"淘寶Vision體驗設計喺2025年攞咗蘋果設計獎——互動設計類別。之後又相繼攞咗IF設計獎——用戶體驗設計類別，仲有紅點設計獎——界面與用戶體驗設計類別。","footer.allRightsReserved":"版權所有","home.research4Title":"人工智能美學","research.the.complete.generation.pipeline":"完整生成流程如下：{{bold}}1. 用户輸入自然語言需求{{/bold}} → {{bold}}2. 进入意圖識別智能體{{/bold}}，將模糊需求擴寫成可以畀系統理解嘅設計意圖，輸出一份結構化需求描述，為後續決策提供邊界條件 → {{bold}}3. 进入知識檢索智能體{{/bold}}，透過RAG從外掛設計系統規範知識中，按需檢索搵到同當前意圖高度相關嘅上下文 → {{bold}}4. 进入方案設計智能體{{/bold}}，喺邊界條件下對檢索到嘅規範上下文進行取捨、組合、填入，生成中間態數據綱要Schema\\*，一份清楚描述頁面、組件、樣式、內容嘅結構化設計方案 → {{bold}}5. 进入代碼生成智能體{{/bold}}，基於Schema再次回查設計系統規範知識，透過Grep方式檢索同調取對應代碼庫，對齊真實可用嘅組件屬性值、樣式變數同資源路徑，生成最終嘅UI。","research.minimal.necessary.hierarchy.reduce":"{{bold}}最少必要嘅層級{{/bold}}——將資訊層級減到最基本。避免過度使用排版放大、分段或者分層結構，以減低認知負擔。","careers.internJob1Desc":"負責建設同維護團隊嘅AI設計平台，透過整合設計知識、工作流同埋AI能力，持續提升設計團隊嘅產出效率、質素一致性同埋知識重用率；係設計體系嘅智能化核心建設者，連接「設計」、「工程」同埋「AI設計工具」三大領域，確保AI喺團隊入面落地得來用、可以迭代、仲可以控制得好；有能力獨立建設同優化設計智能體系，明白架構同工作流運作機制；主導設計智能體系架構嘅演進同跨平台工作流集成；建設面向全團隊嘅智能設計平台，實現規模化賦能；負責智能體系建設，建設同維護團隊嘅設計智能體（Design Agent）體系架構；負責知識體系同RAG嘅維護，負責設計知識庫（Design Knowledge Base）嘅建設同演進；負責工作流智能化同工具集成，仲有設計智能體性能監控同評估。","careers.social":"社會招聘","research.generated.interface.preview":"生成界面展示","products.design.specifications.new.paragraph08":"直面電商設計嘅核心矛盾：「消費者第一眼睇到嘅就係價格，點樣唔會令設計衝擊到對價格嘅感知呀？」Jason由全鏈路一體化嘅角度出發，講解咗品牌設計點樣喺用戶由站外廣告到支付成功嘅每一個接觸點，都保持貫徹一致嘅表達。喺雙十一呢啲超級流量場入面，設計一定要平衡氣氛營造同交易效率——既唔可以淹沒咗核心資訊，又要傳遞到品牌嘅溫度。團隊策略隨經濟環境靈活調整：2024年面對消費收縮，就用咗「大字報」式嘅設計，突出「全場八五折」等硬核權益，強調資訊效率同感知速度；2025年就隨著經濟復甦，升級成「全心以赴，多彩生活」嘅主題，融入咗AI同生態能力，轉向去建立品牌同用戶之間嘅心智同情感連結。","careers.socialJob12Team":"淘天集團","products.design.specifications.new.paragraph09":"喺互動遊戲設計分享入面，有石深入講解咗「輕量但成癮」嘅設計哲學。佢開宗明義地指出：互動唔係孤立嘅功能，而係串連「訪問、瀏覽、參與、獲得、選購」嘅關鍵體驗紐帶。為咗達致呢個目標，淘天構建咗覆蓋所有場景嘅互動體系：營銷互動可以製造爆發式嘅聲量，日常互動可以培養用戶習慣，產品內互動可以幫手運作頻道，而小遊戲生態就係實現流量轉換。以簽到產品為例，設計呈現出清晰嘅三層邏輯——主線專注於核心路徑，任務拓展行為邊界，支線滿足個性化場景，透過呢啲設計，建立咗張弛有度嘅參與節奏。","research.versionai.tmall.is.an":"VersionAI Tmall係一個專為AI而設嘅設計規範官網，入面有以上所有設計知識，幫手用家生成符合Tmall設計規範嘅用戶界面、做設計審核同解答疑問。網站嘅頁面結構同設計系統嘅知識結構保持一致，分咗樣式、頁面同埋佢哋下屬知識單元嘅樹狀導航。每一頁知識單元，都可以切換成畀人類睇嘅規則同畀AI睇嘅規則，仲支援複製或者下載片段知識嘅功能。網站仲有個部署頁，教用家點樣調用呢個規範去生成界面。同時，博客頁面仲收錄咗呢個項目嘅核心經驗分享，除咗今篇文之外，仲有「AI協作設計首頁概念影片」同「AI協作官網設計同開發」兩篇實踐文章。","products.design.specifications.new.paragraph02":"2025年12月9日，鄭朝教授帶領同學們回顧咗同淘天集團一齊搞嘅「AI生圖美學準則」研究課題。呢個唔係單純嘅技術配對，而係一場關於「美可唔可以被定義、被機器理解」嘅哲學思辨。「喺AIGC時代，電子商貿平台嘅『美』究竟有咩意思呀？」鄭朝教授喺復盤嗰陣提出咗呢個問題。","products.design.specifications.new.paragraph03":"研究團隊摒棄咗機械式嘅圖像標籤，轉而建立一套可以畀AI學嘅美學邏輯體系——由色彩構成、元素關係到視覺敘事，將主觀審美轉化成可以迭代嘅演算法語言。呢場預熱唔單止係項目復盤，更加係心態轉變：由「學習者」變成「準備好做商業設計師」，由創作獨立作品變成融入商業鏈路嘅關鍵環節。","products.design.specifications.new.paragraph01":"喺三星期嘅沉浸式研習入面，學員會經歷「發現同定義、探索同設計、深化同交付」呢三個遞進階段，完成設計思維嘅顯性化操演同認知重塑過程。我哋重視喺真實商業約束下嘅「問題框定」能力，引導學員用用戶體驗、行為邏輯、互動分析等方法，透過數據表象，捉到更深層次嘅用戶心智模型同行為動因。工作坊嘅核心係要求學員唔單止要熟練於互動範式同視覺傳達，更要明白平台經濟學、消費心理學、遊戲設計同社交傳播機制。","products.design.specifications.new.paragraph06":"提出「用戶、鏈路、節點」三維框架，將設計由單純美化界面提升到打造整體系統體驗嘅層次。呢個方法論一直以「用戶想咩」做原點，強調透過入口分析去洞悉用戶預期，然後根據啲預期動態規劃頁面呈現。喺釐清咗用戶路徑之後，就要理順一條清晰流暢嘅主線任務，同時對紅包、引導等副線行為做有度嘅設計，仲要確保各個節點嘅資訊架構布局合理。喺實踐入面，鼓勵透過競爭對手分析、體驗走查同埋輿情研究，深入診斷體驗問題，堅持「分析→策略→表達」嘅流程，令設計創新永遠建立喺尊重用戶習慣同商業共識之上。優秀嘅設計，最終體現喺鏈路嘅合理同邏輯嘅嚴謹，而唔係只停喺視覺表面。","research.page":"頁面","products.design.specifications.new.paragraph07":"曉冰喺品牌營銷設計分享入面指出，設計嘅核心係由「學生思維」轉向「商業思維」——即由以個人審美為中心嘅表達，轉向以產品同用戶為角度嘅溝通。商業設計唔單止係視覺呈現，而係一場同用戶持續互動嘅對話，目標係透過設計有效驅動用戶行為，實現清晰嘅商業目標。喺實際操作中，呢個就要求設計師具備快速迭代同即時驗證嘅能力，好似喺「雙十一」咁啲大促項目入面，要構建從品牌策略、視覺傳達、媒介投放到數據反饋嘅全鏈路閉環，確保每個環節都緊密圍繞住「用戶點樣感知、點樣行動」展開，令設計真真正正喺商業系統入面發揮作用。","research.all.the.articles.paragraph99":"色彩傾向同純度要統一，畫面入面嘅色彩要和諧呼應，避免亂七八糟咁拼貼。喺AI電商產品生圖嘅美學入面，色調一致性要從對比關係、明暗關係、冷暖關係等多個維度綜合考慮。只有各個維度嘅色彩關係都保持平衡同和諧，圖像先至會呈現出真實感同感染力。","products.design.specifications.new.paragraph04":"奇維由設計演進嘅歷史角度出發，揭示咗設計同技術之間持續互哺嘅共生關係——由施樂開創到蘋果、微軟嘅演進，再到本土嘅金山、騰訊最早組建專業設計團隊，標誌住互聯網設計由「界面美化」逐漸走向系統化專業軌道。隨住產品複雜化同同質化加劇，設計嘅核心由「視覺競爭力」轉向「體驗決定性」——喺用戶有好多選擇嘅時代，體驗本身成咗關鍵差異點。面對碎片化嘅注意力環境，「點樣以更簡單、直白、直觀嘅方式傳達資訊」成為設計師嘅持續課題。","research.all.the.articles.paragraph98":"色調關係：畫面色彩基調嘅一致性","products.design.specifications.new.paragraph05":"喺淘天嘅多樣化業務場景入面，呢個理念已經轉化成具體實踐：喺直播入面建立專業心態，在會員體系入面塑造尊貴感，仲會將遊戲化嘅故事融入到互動入面。奇維一直強調，設計嘅本質係要理解同化解用戶嘅顧慮，搵到商業目標同體驗價值之間嘅平衡，因為「消費者上平台唔係為咗欣賞設計，而係為咗搵內容。」呢個既係一種設計思維嘅成熟，亦都係一種商業智慧嘅積累。","research.all.the.articles.paragraph97":"戶外燈光：用戶外燈光嘅時候，唔同光源嘅照明效果可以令產品喺電商平台上呈現多樣化嘅氣氛。同樣都要留意燈光嘅顏色、角度同投射之間嘅合理關係，確保生成嘅圖像效果自然又真實。","research.all.the.articles.paragraph96":"戶外月光：夜晚月光柔和，營造出低調嘅冷色調，減輕場景入面嘅硬陰影。呢類柔和安靜嘅光線為商品賦予高雅而神秘嘅美感。","research.spacing.design.excerpt":"間距嘅設計（節選）","research.all.the.articles.paragraph95":"室外雪天：喺落雪嘅環境入面，光線會均勻地灑喺產品表面，呈現出溫柔又均勻嘅照明效果。呢陣時，圖像入面產品表面嘅硬陰影會減少，細節同紋理就會更加突出。例如，聖誕禮品類產品喺雪景入面展現，就更增添咗節日氣氛啦。","research.all.the.articles.paragraph94":"室外雨天：雨天環境下，景物睇落更加清亮，顏色都更鮮艷，可以為產品製造清新又生動嘅視覺效果。呢陣時就要諗下路面積水嘅倒影，令佢同主體形成和諧嘅鏡像。例如，補水面膜類產品就可以利用雨天嘅倒影，加強水潤嘅視覺感受。","research.all.the.articles.paragraph93":"室外陰天：喺陰天環境入面，光線均勻又柔和，有助於降低商品表面嘅反差，真真正正呈現出產品嘅顏色同紋理。呢種光線下嘅陰影關係，帶畀人一種舒服自然嘅視覺感受，充滿親和力。","research.all.the.articles.paragraph92":"室內光線：室內光線嘅強度通常會隨傳播距離增加而減弱。室內光多係由人工燈光、窗戶自然光，或者兩者混合而來，光線比較柔和，唔容易出到好硬嘅陰影，所以室內場景嘅AI生成圖不宜有過硬嘅陰影。另外，唔同類型嘅燈具同燈光顏色都會營造出唔同嘅氣氛，陰影顏色要同燈光顏色協調，仲要同環境嘅反光互相呼應。","research.all.the.articles.paragraph91":"陰影反饋／光影一致性：畫面入面嘅陰影方向要同光源方向一致，陰影面積要同物件面積相配，每個物件嘅受光同背光關係都要統一。","research.all.the.articles.paragraph90":"應該保持畫面整體光源統一，主次光佈局合理，多用明亮柔和嘅自然光。光感嘅協調係影像真實感嘅重要組成部分。光線方向、物件投影、環境反光等好多要素之間都密切相關。只有物件同場景嘅光影要素協調一致，避免矛盾嘅光影關係，先可以拍出有足夠感染力嘅產品影像。","footer.scanWithWeChat":"用微信掃碼","careers.socialJob3Team":"淘天集團","awards.tmall.products.title15":"項目展示","research.configure.the.tmall.design":"喺IDE工具入面配置tmall-design嘅MCP。","awards.tmall.products.title16":"設計項目說明：","awards.tmall.products.title17":"天猫小黑盒同2024年阿那亞蝦米音樂節合作嘅「HEYLIVE海邊樂迷之家」全案，用咗場景化營銷策略，將品牌融入音樂節嘅文化場景。主視覺上，天猫小黑盒嘅立方體造型被解構成「探照光源」，還原咗閃亮嘅舞台同漸變嘅海岸線，建立咗品牌同年輕用戶之間嘅情感連結。呢個項目仲整合咗德龍、海爾等五大品牌資源，打造咗線上線下聯動嘅立體化營銷矩陣，實現咗品牌曝光、吸引用戶入場同埋引起文化共鳴嘅多維目標。","footer.scanToFollow":"掃碼關注","footer.contactEmail":"電郵地址","awards.tmall.products.title10":"MUSE金牌項目連結","awards.tmall.products.title11":"天貓小黑盒 × 虱米音樂節「HEYLIVE 海邊樂迷之家」項目攞到意大利A'Design Award 國際設計獎金牌。","app.check":"success","awards.tmall.products.title12":"獎項標誌","awards.tmall.products.title13":"獎狀、獎盃","awards.tmall.products.title14":"查詢得獎資訊","research.spacing.code.implementation":"間距嘅代碼實現","careers.socialJob5Title":"體驗設計專家——閒魚","products.design.specifications.paragraph18":"千牛設計系統組件預覽","products.design.specifications.paragraph17":"呢個系統以「務實提效」嘅設計理念為核心，強調返到B端商業管理系統嘅本質：喺資訊架構上，追求極致嘅清晰直觀，確保商家對「係咩」同「點樣做」一目了然，減低理解成本；喺視覺風格上，主張唔要過份搶眼，要恰當自然，透過克制又簡單咁用顏色同抽象符號，消除可能引起認知混亂嘅視覺元素；喺互動邏輯上，致力於簡單快捷，用最短嘅動線支援商家頻繁嘅操作同切換。","products.design.specifications.paragraph19":"天貓設計系統規範","footer.contactTitle":"聯絡","products.design.specifications.paragraph14":"淘寶系統組件預覽","products.design.specifications.paragraph13":"淘寶嘅設計以用戶為中心，對產品功能做咗好克制又嚴謹嘅設計。系統設計得又複雜又全面，就係為咗畀用戶一個簡單、易用同有趣嘅產品體驗。設計師、產品經理同開發人員都用同一套語言去圍繞淘寶產品，用呢個語言去維持淘寶應用極致又貼心嘅產品體驗。","products.design.specifications.paragraph16":"千牛商家設計（Qianniu Design）係專為千牛商家工作台度整嘅一套設計系統，以效率為核心，適應高頻複雜嘅業務場景，確保核心數據同任務高效傳達，從而滿足商家日常經營同舖面管理嘅核心需求。","products.design.specifications.paragraph15":"千牛設計系統規範","careers.socialJob11Location":"北京／上海","products.design.specifications.paragraph10":"願景：定義智能生產新範式","products.design.specifications.paragraph12":"淘寶設計（Taobao Design）係一套專為淘寶App度打造嘅設計系統。淘寶設計體系嘅目標，係打造一套通用嘅設計語言，確保淘寶整體產品體驗同埋畀唔同角色一齊打造簡單又友善嘅商業生態。","products.design.specifications.paragraph11":"淘寶設計系統規範","research.all.the.articles.name_new10":"董望俐","research.all.the.articles.name_new02":"王湧","careers.internJob2Date":"2026年3月17日","research.all.the.articles.name_new01":"孔凱樂","research.all.the.articles.paragraph79":"透視關係","research.all.the.articles.name_new06":"周舟","research.all.the.articles.paragraph78":"舉個例，人模同畫面邊緣之間應該留啲適當嘅負空間，透過合理留白避免畫面擠迫，加強呼吸感，令整體構圖睇落更加平衡自然。保持構圖主體同畫面邊緣之間有適當距離，係為咗維持人模同商品之間嘅協調關係，同時提升畫面嘅視覺吸引力同美感。","research.all.the.articles.name_new07":"王妍","research.all.the.articles.paragraph77":"當以人模做為畫面主體嘅時候，關鍵係透過構圖令到人模嘅比例同位置可以有效突出商品。將人模放喺畫面中央，既可以直接吸引觀者嘅視線，加強佢哋嘅焦點地位，亦符合觀者睇圖時自然會留意中心區域嘅視覺習慣。","research.all.the.articles.name_new04":"劉祥","research.all.the.articles.paragraph76":"符合視覺習慣嘅佈局，強調構圖應該順應人類嘅視覺感知規律同審美偏好，用經典嘅構圖原則去營造自然又悅目嘅視覺效果。黃金分割同三分法係構圖入面最經典同最常用嘅準則，佢哋長久生命力就係因為貼合咗人類對視覺平衡同和諧嘅本能認知。舉個例，黃金分割法建議將重要嘅視覺元素放喺畫面嘅特定分割點——通常都係靠近畫面邊緣。呢種佈局不單止可以吸引觀者睇住，仲能夠喺視覺上製造出平衡感同動態效果。","research.all.the.articles.name_new05":"楊浩炅","research.all.the.articles.paragraph75":"呢項標準講嘅係點樣透過構圖，確保商品嘅主體地位可以突顯出嚟。主體性嘅核心，就係令到商品喺畫面入面處於中心位置，仲要靠視覺元素嘅有機組織，加強佢作為畫面焦點嘅特質。","research.all.the.articles.paragraph74":"主體性","research.all.the.articles.paragraph73":"整體嘅平衡同協調：設計視覺動線嗰陣，仲要顧到整體嘅平衡同協調。所有元素嘅擺放唔單止要服務於視覺引導，仲要保持構圖嘅內在和諧。","research.all.the.articles.name_new08":"文禹翰","research.all.the.articles.paragraph72":"睇嘅空間考慮：如果相片入面有人影，而且有明顯嘅眼神表達，視線方向嘅延展性就特別重要。應該喺人影視線前面預留夠多空間，咁樣先可以加強畫面嘅動感，仲可以引導視覺流動。","research.all.the.articles.name_new09":"劉姿君","research.all.the.articles.paragraph71":"線條、形狀同光線嘅運用：透過合理安排線條同形狀，可以構建引導觀者視線嘅路徑，自然將注意力帶去商品身上。呢啲視覺元素應該組織成流暢嘅視覺引導系統，最後集中喺商品本身。","research.design.method.literal.visualization":"設計方法：直觀可見化","research.all.the.articles.paragraph70":"如果人模有眼神表達，就要留意視線方向嘅延展感，仲要喺人模朝向嘅那一邊預留啲適當空間。","careers.internJob1Title":"人工智能工程設計師","research.economic.aesthetics.paragraph32":"民俗係小城人哋嘅精神依歸，透過民俗嘅美好祝福同埋媒介嘅傳遞，可以令呢個群體獲得認同感。","research.economic.aesthetics.paragraph33":"審美唔講高低，就算係下沉市場都有對美感嘅追求。細到食穿用，大到建築裝修，鎮上人嘅審美都隨住時代轉變而改變。由日常生活中搵靈感，提煉出野生設計嘅精髓，令產品更有溫度，令小商品展現出大價值。設計唔停，經濟美感仲係不斷迭代……","research.economic.aesthetics.paragraph30":"小城街頭隨便拼貼嘅小廣告，就係小城人哋活潑生活嘅體現。拎出佢哋嘅形式感，去構建獨特嘅小城野生混搭美學。","research.economic.aesthetics.paragraph31":"03 民俗達意","products.design.specifications.paragraph21":"呢個系統以「白紙」（White Paper）設計理念為核心，強調內容好似從一張空白畫布上躍然而出。透過簡化流程同結構，去除所有可能會造成干擾或者混亂嘅元素。","products.design.specifications.paragraph20":"天猫設計（Tmall Design）係專為天猫購物應用度身打造嘅一套設計系統，涵蓋咗設計理念、原則、風格、組件同埋資產。佢嘅體驗目標係以內容為核心，簡化任務操作，確保資訊高效傳達，仲要呈現極致簡單嘅設計風格，從而滿足產品定位同埋目標用戶嘅需求。","research.versionai.tmall":"研究","products.design.specifications.paragraph22":"天貓系統組件預覽","research.all.the.articles.paragraph89":"光源關係：畫面入面各樣物件嘅光源統一性","banner.cameraMoveBody":"試下移動你嘅身體。","research.all.the.articles.paragraph88":"曝光統一：核心主體內容嘅曝光程度應該保持一致。適應唔同場景係產品圖曝光調節嘅另一個重點。喺整套產品系列圖入面，保持統一嘅曝光水平有助建立品牌形象，令用家更容易識別同記憶產品，從而加強品牌整體一致性。","research.all.the.articles.paragraph87":"整體曝光：欠曝嘅相會偏暗，影響到物件形狀嘅辨識；過曝嘅相就會變白，導致細節流失。一般都傾向用亮度高啲嘅曝光度。喺產品相入面，背景嘅曝光控制同樣重要。透過調校曝光，可以更有效控制產品同背景之間嘅對比關係，尤其係當產品同背景顏色相近嗰陣，呢個就特別關鍵，可以令產品更加突出，脫穎而出。","research.all.the.articles.paragraph86":"曝光主體：應該以相片嘅主體內容做曝光基準，重視曝光嘅合理性。喺AI電商產品生圖嘅美學入面，產品呈現唔單止係關乎外觀，更要透過精細調節曝光度，去突顯各個方面嘅細節。恰當嘅曝光可以強調產品表面嘅紋理、質料同顏色，確保潛在買家能夠睇得清清楚楚產品細節，從而加強購買吸引力。","research.all.the.articles.paragraph85":"曝光度：畫面光線嘅明暗程度同曝光一致性。","research.element.knowledge.is.divided":"元素知識分為{{bold}}顏色、文字、圓角、動效四類{{/bold}}，唔可以再細分嘅單元，係所有設計樣式嘅基礎依賴。語義規則由元素定義、樣式構成、屬性變量（設計令牌）、強制規則、功能用途組成。代碼實現係全局樣式（scss），呢個項目由IDE工具調用設計軟件MCP服務自動還原設計、生成代碼。映射綱要由id符號、語義（名稱、定義、描述）、規則、實作、約束（使用場景、強制禁止、其他）等組成，呢個項目由AI根據Schema提示詞規則自行生成*。","research.all.the.articles.paragraph84":"光影","careers.socialJob13Team":"淘天集團（淘寶平台）","research.all.the.articles.paragraph83":"景深營造：喺AI生成電商圖像嗰陣，景深控制係構圖嘅關鍵要素之一。佢透過模擬相機焦距同光圈設置嚟調節景深，從而實現背景虛化效果，令商品睇落更加突出，成為畫面焦點。AI生成電商商品圖像嘅時候，要精確控制焦距、光圈同物距，合理安排前景同背景嘅虛實關係，以確保輸出嘅圖像既符合商業規範，又具備藝術價值。透過呢啲處理，AI可以創作出具專業性同視覺吸引力嘅商品圖像，有效提升商品嘅展示效果。","research.all.the.articles.paragraph82":"空間透視：空間透視係AI生成電商圖像入面一個好重要嘅視覺元素，要求人模、產品同空間結構之間保持一致嘅透視關係。正確嘅透視關係可以確保人模同產品喺空間入面嘅位置同大小都同環境協調得來。","research.design.synthesis.agent.configuration":"方案設計智能體配置（節選）","research.all.the.articles.paragraph81":"光影處理係另一個關鍵要素，直接影響商品嘅形態同紋理呈現。透過模擬唔同嘅光照效果（好似單邊照明產生嘅陰影），可以加強產品嘅立體感。精確嘅光影模擬唔單止令商品睇落更生動，仲為畫面增添咗豐富嘅層次同質感。","careers.master":"碩士","research.all.the.articles.paragraph80":"喺用AI生成電商商品圖像嘅透視構圖方面，核心就係點樣喺二維平面上有效模擬三維空間感。呢個挑戰涉及視覺藝術入面好幾項基本原理，尤其是透視法、光影處理同埋景深控制。透視法喺視覺藝術入面有好長歷史，透過排布線條同形狀去模擬視覺深度同距離感。當AI生成商品圖像嘅時候，可以借助建立消失點同透視線，營造出產品向遠處延伸嘅視覺效果。呢個方法唔單止可以加強商品嘅立體感，仲可以為畫面注入深度同動態表現。"},"ko_KR":{"home.research5Title":"경제 미학 디자인 및 응용","products.aiagent.new.title":"팀 자체 개발 기술 라이브러리 호출 및 실행","careers.socialJob4Team":"타오톈 그룹","careers.socialJob4Years":"3년","research.all.the.articles.paragraph001":"객체 본체:","research.all.the.articles.paragraph005":"환원도:","careers.internJob3Desc":"사용자 행동과 피드백을 통찰하고, 동종 제품, 특히 AI 제품의 디자인 형태와 발전 방식을 분석합니다. 다양한 비즈니스 형태에 맞는 제품 경험 디자인을 수행하며, 요구에 맞는 전략 및 설계안을 제공합니다. 내부 AI 디자인 역량을 구축하고, AI 인지에 부합하는 규범과 모델이 인식할 수 있는 콘텐츠 지식을 포함한 각종 디자인 지식 문서를 작성합니다.","research.all.the.articles.paragraph004":"상품 상태는 AI 생성 이미지의 품질을 평가하는 핵심 요소입니다. 생성된 AI 상품의 형태가 완벽하게 유지되도록 보장해야 하며, 결함이나 부적절한 구조와 같은 문제가 발생하지 않도록 해야 합니다. 또한 오브젝트의 마감이 정확하도록 해야 하며, 가장자리가 거칠거나 백색으로 비치거나 자주색 테두리가 생기는 현상을 방지하여 고객의 기대에 부합하는 상품 이미지를 생성해야 합니다.","research.all.the.articles.paragraph003":"상품 형태 구성:","research.all.the.articles.paragraph002":"상품의 상태와 진정성을 나타내는 방식. 상품 객체의 본질을 기반으로 한 AI 상품 이미지 미학 평가 기준은 주로 두 가지 차원—상품의 형태 구성과 재현도—을 포괄한다.","research.all.the.articles.paragraph009":"각도 선택:","research.all.the.articles.paragraph008":"상품 전시와 관람 시점.","research.all.the.articles.paragraph007":"각도 선택:","research.all.the.articles.paragraph006":"상품 본연의 구조적 표현을 사실적으로 반영해야 하며, 이는 형태 구성, 재질 및 색상 등을 포함합니다. 환경 요인에 의해 영향을 받을 수는 있지만, 자연스러운 인식 논리에 부합하고 상품의 원래 형태를 벗어나서는 안 됩니다. 시각적 충실도와 복원도 측면에서 AI가 생성한 상품 이미지는 상품의 외관, 비율 및 세부 특징을 정확히 나타내야 합니다. 또한, 상품을 고도로 재현하는 것 외에도 이미지의 해상도를 최대한 높게 유지하고, 상품의 세부 사항을 정밀하게 처리하여 뛰어난 선명도로 정교한 공정 디테일, 재질의 질감 및 복잡한 디자인 핵심을 생생하게 포착함으로써 상품의 기술 수준과 시각적 매력을 충분히 드러내야 합니다.","team.intro.text":"타오바오 디자인은 전 세계 수억 명의 소비자 경험을 지원하는 디자인 팀으로, 타오바오와 토마토 등 다수의 국민적 브랜드 제품을 서비스하고 있습니다. 우리는 사용자 경험을 선도하는 것을 목표로 하며, 디자인이 사람들의 마음을 움직이고 비즈니스를 아름답고 간편하게 만드는 데 기여하고자 합니다.","careers.internJob3Location":"항저우","research.economic.aesthetics.title9":"디자인 수단 정제","research.economic.aesthetics.paragraph9":"다양한 채널을 통해 정보를 반복적으로 노출함으로써 더 많은 사람들이 살아갈 수 있다고 굳게 믿습니다. 매장 간의 간판이 끊김 없이 이어져 인접한 매장들이 연속적인 정보 벽을 형성하도록 합니다. 여백을 남겨두는 것은 낭비일 뿐이며, 모든 공간을 꽉 채워야만 안정감을 느낄 수 있습니다. 같은 정보가 바닥 스티커, 입간판, 현관 간판, 배너, 심지어 광고용 확성기까지 다양한 매체를 통해 반복적으로 등장하며, 여러 채널을 통해 강화됩니다. 핵심 정보의 크기는 다른 글자들보다 훨씬 커서 억지로 화면의 중심을 차지하게 됩니다.","research.economic.aesthetics.title7":"플레이트형｜기능 우선, 고밀도, 강한 대비","research.economic.aesthetics.title8":"문자｜직설적이고 구체적이며, 방언이 혼합된 '미신'주의","research.structural.translation.of.design":"디자인 시스템 사양 지식의 구조적 번역","products.design.specifications.paragraph3":"이 기능은 대화형 이미지 생성, 일괄 생성, 다중 크기 확장, 템플릿 및 스타일 재사용, 이미지 정밀 보정 및 편집, 비즈니스 맞춤형 생성, API를 통한 호출 등 핵심 시나리오를 포괄하며, 단일 이미지의 아이디어부터 수천 개 규모의 소재 생산까지 효율적으로 전환할 수 있도록 지원합니다.","research.economic.aesthetics.paragraph7":"작은 도시에서 다양한 재료를 혼합해 사용하는 현상은 자원, 인식, 수요가 복합적으로 작용한 결과입니다. 매끄러움 대 거친 느낌, 반사광 대 무광, 디지털 대 수공예—겉보기에 혼란스러워 보이는 이 스타일 속에서 오히려 사회의 생기와 활기가 느껴집니다. 지나치게 '조화롭고 세련된 아름다움'을 추구하지 않으면서도 '실용적이고 생동감 있는 아름다움'을 추구합니다. 작은 도시 사람들이 '금빛 찬란함'을 선호하는 것은 본질적으로 실용적인 이상주의의 표현이기도 합니다. 일반적으로 시내 거리의 배경은 어수선하고 칙칙한데, 채도 높은 금속의 반사 광택은 즉각적으로 행인들의 시선을 사로잡습니다. 또한 황금빛으로 빛나는 외관은 상점의 정통성과 신뢰성을 암시하며 강력한 신뢰의 근거를 제공합니다. 물질적 부족의 시대를 겪어온 사람들에게 더욱 필요한 금빛의 질감은 풍요로운 수확과 풍성함에 대한 심리적 의탁이기도 합니다.","products.design.specifications.paragraph2":"타오톈 AI 디자이너는 타오톈 전자상거래 비즈니스와 디자인 팀을 위해 개발된 통합형 AI 시각 디자인 지능형 에이전트이자 생산 플랫폼입니다. 이 플랫폼은 축적된 디자인 역량, 비즈니스 경험 및 대규모 이미지 생성 워크플로우를 기반으로 하며, 디자이너와 운영팀이 아이디어 생성부터 대량 배송까지 전 과정에 걸친 시각적 제작을 보다 효율적으로 수행할 수 있도록 지원합니다.","research.economic.aesthetics.paragraph8":"작은 도시 거리의 실제 모습","products.design.specifications.paragraph5":"'이미지 생성'에서 '디자인 생성'으로","research.economic.aesthetics.paragraph5":"제품 포장 측면에서 보면, 초기에는 생산 자재가 부족해 투명 창을 사용해 상품의 실제 모습을 그대로 드러냈으며, 포장 인쇄의 정밀도가 향상되면서 상품의 세밀한 디자인 이미지를 제공하게 되었습니다. 이는 모두 직접적인 상품 자체를 통해 사용자를 매료시키는 방식입니다. 거리 광고 측면에서는 사장님께서 직접 만드신 간판과 자연스러운 그래픽 디자인이 콘텐츠를 더욱 쉽게 이해하게 만들어 사용자와의 거리를 좁히며, 비용이 저렴하고 유연하게 개선할 수 있습니다. 문화 전파 측면에서는 전통적인 길조의 상징들(복, 부, 금붕어)이 생활 속 다양한 장소(원단, 스티커, 타일, 제품 디자인 등)에 빈번히 활용되며, 장식용 행운 부호로 변모하고 있습니다.","products.design.specifications.paragraph4":"도전: 전자상거래 디자인의 높은 빈도, 방대한 양, 그리고 통제 불가능성.","research.economic.aesthetics.paragraph6":"야생 그래픽 창작","team.section.title":"이것은 타오톈 디자인입니다.","research.economic.aesthetics.paragraph3":"현읍과 소도시의 간판, 벽화 등 공공 시각 요소에는 빨강, 노랑, 파랑, 금색(때로는 초록이나 흰색도 포함)의 고채도 색조가 자주 사용됩니다. 이는 재료와 공정상의 제약뿐 아니라 문화적 심리적 동기와 전파 효율성까지 고려한 결과입니다. 주요한 4가지 고려사항은 다음과 같습니다: 1. 원자재 및 시공 비용이 매우 낮습니다. 국산 PVC 스프레이 그림, 단일 색상 잉크, 교통공학 등급 필름, 현지 건축자재인 '빠르게 마르고 내광성'의 산업용 페인트 등은 가격이 저렴하며 조색할 필요가 없습니다. 2. 높은 식별도 = 높은 전파 효율성으로, 복잡한 조명 아래에서도 고채도 원색은 가장 강력한 시각적 침투력을 발휘합니다(햇빛, 어두운 밤,杂다한 배경에서도 잘 보임). 3. 시공 기술의 한계와 템플릿 작업 방식 때문에 가장 손쉬운 방법을 선택하다 보니 결과물의 미학적 경향성이 유사해집니다. 4. 색상 자체가 '신뢰의 증거'를 지니고 있어 무의식적으로 '축제적, 밝고 정통하며 신뢰할 수 있는' 이미지를 전달함으로써 소비자의 의사결정 비용을 줄여줍니다.","research.economic.aesthetics.paragraph4":"생활 환경 색채","research.economic.aesthetics.paragraph1":"중국의 1·2선 도시가 아닌 현과 소도시에 거주하는 일반인들은 대부분 국민들의 일상적이고 진실한 삶의 모습을 보여줍니다. 이들이 속한 환경, 관심 갖는 일상, 접하는 사안, 소비하는 대상 등은 비일선 도시의 전형적인 보편적 특성을 지니며, 1선 도시의 사용자들과는 자연스럽게 소비 및 관심사에서 차이를 보입니다. 연구 결과, 목표 집단의 일상생활 속 심미적 선호 역시 혼합성과 실용성, 인문적 감성이 어우러진 특징을 보이는 것으로 나타났습니다. 현의 문학이 큰 주목을 받는 것은 부분적으로 우리 자신의 성장 과정과 생활 경험과 광범위하게 연결되어 있어 공감을 불러일으키기 때문입니다. 우리는 실제 생활자의 느낌이라는 관점에서 접근해 색채, 도형, 문자, 질감, 레이아웃 등의 차원에서 오프라인 생활 소비 장면에서 흔히 볼 수 있는 디자인들을 분석하고, 경제적 미학적 특징과 디자인 수단을 추출해 온라인 전자상거래 제품 체험 및 브랜드 마케팅 장면에 적용함으로써 사용자들의 정서적 공감을 유도하고, 플랫폼의 충성도와 차별화된 인식을 촉진하고 있습니다.","research.economic.aesthetics.paragraph2":"목표 집단이 생활 필수품에 대해 갖는 선입견과 기대를 살펴보면, 경험은 그들이 추구하는 경제적 실용성과 진정한 삶의 회귀 상태를 그대로 재현해야 합니다. 집단이 중요하게 여기는 사소한 가격 차이를 정확히 반영해, 실질적인 소소한 할인 혜택을 통해 즐거움을 선사하고, 일상의 소박한 시장 풍경 속에서 문학적 감성을 담아내며 저렴한 가격에서도 사용자 가치를 발견하는 창의적인 디자인을 구현합니다. 디자인은 평범한 물건들이 가져다주는 삶의 질적 아름다움을 표현할 수 있으며, 더 나은 생활 효용을 제공하고 실용적 상황을 더욱 효과적으로 구현하거나 체감하게 하는 기발한 아이디어를 담아낼 수도 있습니다. 경제적 미학의 이면에는 '작은 가격 속에 큰 가치'가 자리하고 있으며, 이는 사용자가 성능 대비 가격에 대한 심리적 추구를 반영합니다. 디자인은 바로 이러한 '핵심 가치 중심'을 구체화하기 위한 다채로운 방법을 모색하는 것입니다.","careers.socialJob13Date":"2026년 1월 5일","careers.internJob2Title":"AI 창의적 아티스트","research.ai.friendly.semantic.rules":"AI 친화적 의미 규칙","careers.bachelor":"학사","research.there.is.now.a":"현재 시장에는 인공지능 기반의 인터페이스 생성 솔루션이 다양하게 제공되고 있습니다. 신흥 AI 및 IDE 도구들(예: V0, Stitch, Cursor 등)은 개발 지식을 내재화한 기반 모델에 의존하며, 이후 오픈소스 구성 요소 라이브러리(Tailwind, Shadcn, AntD, M3 등)를 호출합니다. 한편, 디자인 소프트웨어 기반 에이전트 솔루션들(예: Figma Make, Mastergo Agent 등)은 디자인 도구 내부에서 생성되고 유지되는 구성 요소 라이브러리를 바탕으로 인터페이스와 코드를 동시에 생성합니다.","research.economic.aesthetics.title2":"배경 소개","research.economic.aesthetics.title5":"그래픽｜구체적인 표현, 아름다운 의미 추구","research.economic.aesthetics.title6":"질감｜실용주의 콜라주, 반짝이고 화려함을 추구하다","research.economic.aesthetics.title3":"생활 환경 연구","research.economic.aesthetics.title4":"색상｜재료의 원색을 따르며, 자체적으로 감정적 지향성을 갖는다","home.product1Title":"타오톈 AI 디자이너","research.building.internal.enterprise.design":"AIGUI를 위한 내부 기업 디자인 위키 구축","research.note.design.tokens.for":"참고: 요소 및 레이아웃에 대한 디자인 토큰은 명확한 표준, 명시적인 의미론, 일관된 구조를 갖추어 구성되어야 합니다. 일반적으로 값 → 원시 속성 명명 → 의미적 명명 → 규칙 설명의 계층적 진행 방식을 따릅니다.","careers.socialJob12Desc":"타오바오 라이브 스트리밍 진행자 및 방송 개시 관련 제품의 경험 설계 업무를 담당하며, 제품의 사용성, 확장성 및 디자인 품질을 보장할 수 있습니다. 비즈니스 연계, 전략 수립, 디자인 컨셉 도출, 솔루션 제안, 실제 구현, 데이터 회수에 이르는 전반적인 업무를 책임지며, 정보 아키텍처 정리, 스타일 설정, 인터페이스 시각적 결과물 제작, 컴포넌트 규격 마련 등을 완벽히 수행할 수 있습니다. 비즈니스에 대한 전반적인 이해와 판단력을 갖추고, 비즈니스팀, 사용자 리서치팀, 개발팀 등 상하류 팀과 협력해 디자인 기회를 발굴하고, 심도 있는 공동 창작을 통해 가치를 창출할 수 있습니다.","awards.new.article01":"2024 광군제 메인 인터랙션 - MUSE 플래티넘 어워드 & 베를린 디자인 어워드 금상","awards.new.article02":"2025 설맞이 메인 인터랙션 - IAI 글로벌 디자인 어워드 은상 & MUSE 백금상","awards.new.article03":"2025 618 주요 상호작용 - IAI 글로벌 디자인 어워드 은상","research.layout":"레이아웃","research.taobaoInteractiveGame.taoCoinPopArtStyleApplication":"타오 코인: 팝아트 스타일 애플리케이션","research.color.design.excerpt":"색상 디자인(발췌)","careers.socialJob5Team":"타오톈 그룹(샹위)","research.versionAI.tmall":"티몰에서 VersionAI 사업을 출시하다","careers.socialJob13Years":"5년","research.in.taobao.s.marketing":"타오바오의 마케팅 디자인 시나리오에서 사용자 여정은 초기 진입점과 강력한 순환 패턴을 특징으로 하며, 이는 정보 제시의 안내 능력과 정보 전달의 직접성 모두에 높은 요구를 부과합니다. 비즈니스 관점에서 볼 때 이러한 시나리오는 광범위한 적용 범위와 높은 반복적 요구사항, 그리고 서로 얽힌 맥락을 갖추고 있습니다. 그러나 역사적으로 마케팅 표현은 체계적으로 연구되거나 기초적인 디자인 분야로 정립되지 않았습니다. 초기 관찰 결과에 따르면, 포스터와 같은 타이포그래피 레이아웃, 그래픽 구성, 그래픽과 텍스트의 혼합 방식 등 다양한 표현 스타일이 존재하며, 이는 추가적인 통합과 최적화의 큰 잠재력을 시사합니다. 이번 이니셔티브는 '직관적인 정보 표현'에 중점을 두고, 보편적인 디자인 원칙과 방법론을 수립하여 마케팅 커뮤니케이션의 전반적인 효율성을 향상시키는 것을 목표로 합니다.","research.tmall.app.uikit":"티몰 앱 UI킷","research.generative.ui.agent":"생성형 UI 에이전트","careers.socialJob7Title":"체험 디자이너-1688","home.bookFlipSubtitle":"타오톈 디자인 출판 도서:\n디자인에 그치지 않고, AI에도 멈추지 않는다","research.interactiveGameTrends.pageTitle":"타오바오 인터랙티브 게임 디자인 트렌드 연구","research.price.semantic.rules.excerpt":"가격 의미 규칙(발췌)","careers.internJob4Date":"2026.03.12","research.from.literal.visualization.in":"스플래시 화면의 문자적 시각화부터 팝업의 그래픽 컨테이너, 프로모션 헤더의 계층적 통합, 캠페인 자산을 위한 정밀한 매체 선택, 직접적인 텍스트 구성, 핵심 요소의 프레임 단위 강조, 감정적으로 호소하는 특징적 신호에 이르기까지 모든 전략과 사례 연구는 결국 동일한 지침을 따릅니다: 디자인 과정에서 복잡성을 유지하고 사용자에게는 간결함을 제공하며, 비즈니스 언어 내에서는 추상성을 유지하면서 사용자의 인식에는 구체성을 되돌려 주는 것입니다.","header.awards":"수상들","bottom.contributor.title":"기여자","careers.socialJob11Desc":"AI 산업 분석 및 전문가 인터뷰: 투자 관점에서 AI 기술 환경 및 AI 애플리케이션 시장에 대한 동적 분석을 수행하여 업계 동향에 대한 통찰력을 얻으십시오. 이 분야의 주요 업체와 회사 간의 주요 개발 상황을 모니터링하고 분석합니다. 시장의 주목을 받은 영향력이 큰 이벤트에 대한 심층 전문가 인터뷰를 수행하고, 전략적 의사 결정자에게 실행 가능한 인텔리전스를 제공하는 분석 보고서를 완성합니다. 전자 상거래 및 상용화 전략 연구/고객 설문 조사: 전자 상거래 및 상업화 비즈니스 시나리오의 경우 업계 트렌드 분석을 수행하여 신흥 패턴을 식별하고 주요 플랫폼의 전략 및 움직임을 매핑 및 추적합니다. 업계 전문가와의 심층 인터뷰 수행, 재무 보고서 분석, 업계 정보 검토, 내부 데이터 추출 및 분석 필요에 따라 외부 경쟁 환경과 \"Mom Business\" 부문을 고려하면서 가맹점 고객 및 대행사 생태계에 대한 질적 및 양적 조사를 모두 수행하십시오. 이러한 정보를 바탕으로 전략, 기술, 제품 개발, 운영 및 생태계 역학에 걸쳐 종합적이고 신중하게 조작된 보고서를 제공합니다. 컨설팅, 계획, 제품, 운영, 엔지니어링 및 생태계 팀과 긴밀히 협력하여 내부 비즈니스 요구를 이해하고 동적 통찰력을 활용하여 운영 이니셔티브에 대한 정보 제공 및 개선, 차별화된 포지셔닝을 수행하는 \"Mom Business\" 를 지원하고 획기적인 혁신 영역뿐만 아니라 구체적인 구현 기회를 파악합니다.","products.design.specifications.paragraph7":"강력한 하층 엔진","products.design.specifications.paragraph6":"‘채팅이 곧 창작’의 전 체인 폐쇄형 루프","products.design.specifications.paragraph9":"효율 혁명: 1일에서 30초로.","home.award3Title":"뮤즈 플래티넘 상","products.design.specifications.paragraph8":"디자인 지식 순환","research.if.design.artifacts.are":"디자인 아티팩트가 AI 시스템에 의해 안정적으로 읽히고, 검색 가능하며, 합리적으로 해석되고 실행될 수 있기를 기대한다면, 디자인 시스템 사양 지식을 구축하는 전통적인 접근 방식에는 반드시 해결해야 할 세 가지 근본적인 한계가 있습니다. 1. {{bold}}구조화된 지식의 부족:{{/bold}} 디자인 소스 파일이 충분히 표준화되어 있지 않으며(디자인 토큰, 컴포넌트 변수, 의미적 설명 부재), 디자인 규칙이 명확하게 정의되지 않았으며(명확한 서술 구조와 콘텐츠 형식 부재), 디자인 코드가 완전하지 않습니다(구체적인 코드 구현 부재). 2. {{bold}}명시적 매핑의 부족:{{/bold}} 디자인 규칙과 코드 간에 명시적이고 구조화된 연결, 제약 및 참조 관계가 없습니다. 3. {{bold}}통합된 유지관리의 부족:{{/bold}} 디자인 소스 파일, 규칙, 코드는 디자이너와 개발자가 각각 별도로 생성하고 유지관리하며, 공유된 구조나 매핑에 대한 합의가 없어 파편화되고 일관성 없는 반복작업을 초래합니다.","research.element.semantic.rule.template":"요소 의미 규칙 템플릿","careers.internJob2Desc":"각 사업 및 활동의 브랜드 마케팅 아이디어 디자인을 제공하며, 브랜드, 마케팅, 페이지, 포장, 공간 등을 포함한 종합적인 디자인 솔루션을 제공합니다. 또한 인터랙티브 제품의 주제 기획, 시각 스타일 설정 및 캐릭터 설정을 담당합니다. AI 도구를 활용한 디자인 및 예술 창작을 통해 목표 달성에 필요한 기술적 문제를 해결하며, 업계 최고 수준의 역량을 보유하고 있습니다. 설계 데이터베이스를 구축하고, 비즈니스 요구사항과 디자인 목표에 맞춰 LoRA 모델을 학습/최적화하여 비즈니스 소재의 자율적 생성을 지원합니다.","footer.sloganHumanistic":"인본","research.in.this.project.the":"이 프로젝트에서는 워크플로우와 에이전트가 IDE 기반 도구 내에 구축됩니다. 기본 모델과 메모리는 기본 설정을 사용하며, 도구는 기본값으로 설정되거나 별도의 구성이 필요하지 않습니다. 나머지 항목들은 명시적으로 정의됩니다. 프롬프트 마크다운 파일에는 (단순히 제한되지 않으며) 역할 정의, 작업 정의, 내장된 워크플로우 단계, 입출력 요구사항, 접근 및 라우팅, 그리고 제약 조건들이 포함됩니다.","research.note.in.principle.the":"참고: 원칙적으로 지식 검색 에이전트와 설계 종합 에이전트를 하나의 에이전트로 통합할 수 있습니다. 그러나 설계 시스템 사양 지식이 특정 요구사항과 설계 간의 매핑을 충분히 포괄하지 못하는 경우를 처리하기 위해 의도적으로 분리했습니다. 이러한 상황에서는 솔루션 설계 에이전트가 외부 도구나 승인된 외부 지식베이스를 통해 보완적인 검색을 수행할 수 있습니다. 이와 같은 분리는 두 에이전트 간의 업무 책임과 자율성의 정도를 더욱 명확히 구분해 주어, 프로세스의 제어 가능성과 결과의 결정성을 모두 향상시킵니다.","careers.socialJob5Years":"5년","research.node.orchestration":"노드 오케스트레이션","careers.campus":"캠퍼스 채용","careers.socialJob2Location":"항저우","research.case.semantic.rules.template":"사례 의미 규칙 템플릿(발췌본)","home.seeAll":"전체 보기","careers.socialJob3Years":"2년","home.research6Title":"‘TAO’AI 디지털 휴먼 동영상 연구","research.all.the.articles.new.label1":"디자인 팀","careers.socialJob12Date":"2026년 1월 8일","banner.titleTechnology":"과학기술","home.browseVideosTitle2":"즐거운 일하기","home.browseVideosTitle1":"우리는 추구합니다","research.this.leads.to.a":"이는 패러다임을 전환하는 질문으로 이어집니다: 인간과 AI의 협업이 사용자 경험과 디지털 제품을 형성하는 시대에, 주로 인간의 해석을 위해 만들어진 전통적인 디자인 가이드라인과 시스템—즉, '인간을 위한 디자인 가이드라인 및 시스템'은 필연적으로 기계의 이해에 최적화된 가이드라인과 시스템—즉, 'AI를 위한 디자인 가이드라인 및 시스템'으로 진화해야 합니다. 이러한 변화는 그러한 시스템을 구축하는 데 있어 새로운 원칙, 방법, 그리고 워크플로우를 도입하게 됩니다.","research.this.article.is.a":"이 기사는 2025년 중반, 타오바오 디자인팀이 AI를 통해 기업의 디자인 표준에 부합하는 제품 인터페이스를 생성할 수 있는 방법을 탐구한 내용입니다. 중국의 주요 B2C 쇼핑 플랫폼인 토마트 앱을 사례로 들어, AIGUI가 해결하고자 하는 문제들, 기계가 해석하고 활용할 수 있는 디자인 시스템 지식 구축을 위한 구체적인 방법들, 그리고 생성된 제품 페이지의 사례들을 소개합니다. 기술과 도구가 발전함에 따라 그에 맞는 접근 방식도 변화할 것입니다. 아래 내용은 현재 단계에서 참고용으로 제공되는 자료입니다.","research.interface.generation.is.essentially":"인터페이스 생성은 본질적으로 {{bold}}여러 작업 에이전트들이 기업의 실제 상황에 맞는 설계 워크플로우를 기반으로, 문맥을 통한 추론과 검색을 통해 설계 시스템의 규범적 지식을 추출함으로써 형성된 특정 분야 전문 지능형 에이전트입니다{{/bold}}. 여기서 워크플로우는 엔지니어링의 근간으로, 요구사항 입력부터 인터페이스 출력까지 모든 단계를 연결하여 프로세스와 결과의 확실성을 보장합니다. 다중 에이전트는 모델의 두뇌로서, 사전 설정된 시스템 힌트를 바탕으로 이전 단계의 입력을 이해하고, 자체적으로 단계별 추론을 수행하며 다음 단계로 결과를 출력합니다. 이는 의도 인식, 지식 검색, 솔루션 설계, 코드 생성 등 네 가지 작업 에이전트로 구성됩니다. 설계 시스템의 규범적 지식은 외부에 추가된 사실로서, D2C 방식을 통해 규칙적 의미적 사실, 코드 기호적 사실, 그리고 이 둘 간의 매핑 관계를 포함한 구조화된 지식베이스로 변환되어 모델이 이를 읽고 검색하며 추출할 수 있도록 제공됩니다.","team.publish.a.book.paragraph102":"영화팀의 전체 프로세스 및 업무 내용","team.publish.a.book.paragraph101":"영화 '아웃사이더' 메인 포스터 및 스토리 스틸컷","team.publish.a.book.paragraph100":"영화 '귀담아' 메인 포스터 및 스토리 스틸컷","banner.cameraMoveBody2":"온도 변화를 느끼다","research.case.mapping.schema.template":"사례 매핑 스키마 템플릿(발췌본)","home.adjustTextTitle":"우리는 더 나은 디자인을 다듬습니다.","careers.socialJob10Title":"AI 개발 엔지니어 - 에이전트 설계","header.product2":"TDA 디자인 지능형 에이전트","careers.socialJob1Date":"2026.03.10","header.product3":"디자인 시스템","research.note.it.may.also":"참고: '페이지' 또는 '블록'으로도 명명될 수 있습니다.","careers.socialJob6Title":"제품 비주얼 디자이너-1688","header.product1":"타오톈 AI 디자이너","careers.socialJob10Desc":"설계 지능체 생태계를 구축하고 유지하는 팀을 담당하며, 설계 지식, 워크플로우 및 AI 역량을 통합함으로써 설계팀의 생산성, 품질 일관성 및 지식 재사용률을 지속적으로 향상시킵니다. 이 역할은 설계 시스템의 지능화 핵심 구축자로서, '설계', '엔지니어링', '지능체 기술'의 세 분야를 연결하며, 팀 내에서 AI가 실현 가능하고 반복 가능하며 관리 가능한 상태로 자리잡도록 보장합니다. 독립적으로 설계 지능체 시스템을 구축하고 최적화하며, 아키텍처와 워크플로우 운영 메커니즘을 이해합니다. 설계 지능체 아키텍처의 진화와 크로스플랫폼 워크플로우 통합을 주도합니다. 전 팀을 대상으로 하는 지능형 설계 플랫폼을 구축하여 규모에 맞는 역량 강화를 실현합니다. 지능체 시스템 구축을 책임지고, 팀의 설계 지능체(Design Agent) 시스템 아키텍처를 구축 및 유지관리합니다. 지식 체계와 RAG 유지관리를 담당하며, 설계 지식베이스(Design Knowledge Base)의 구축과 발전을 책임집니다. 또한 워크플로우의 지능화 및 도구 통합, 설계 지능체 성능 모니터링과 평가를 수행합니다.","products.official.website.introduction.paragraph110":"검사 수행","products.official.website.introduction.paragraph111":": 생성 완료 후 자동으로 하드 제약 목록과 대조하여 위반 구조를 차단하고 수정 보고서를 출력합니다.","careers.internJob4Desc":"기존 프로젝트의 기술이 AIGC 제품에서 실제 성과를 향상하도록 지원합니다. 알고리즘 등 관련 직무 동료들이 신기술의 효과 검증을 완수할 수 있도록 지원합니다. 기존 아트 자원을 분석하고 문제점을 파악한 후 개선 방안을 제시합니다.","products.official.website.introduction.paragraph114":"각 지식 단위는 원클릭 복사를 지원하며, React 컴포넌트 코드와 Markdown 규칙 패키지를 제공하여 AI 대화 컨텍스트에 바로 삽입할 수 있습니다.","products.official.website.introduction.paragraph115":"장면 템플릿","careers.socialJob2Date":"2026.03.05","products.official.website.introduction.paragraph112":"기술 접속 방식","products.official.website.introduction.paragraph113":"클립 내보내기","products.official.website.introduction.paragraph118":"규범 구조는 주류 AI 설계 도구 및 IDE 플러그인과 호환되며, 규칙 업데이트와 실시간 미리보기를 지원합니다.","products.official.website.introduction.paragraph119":"완전한 규격이 온라인에 게시되었으며, 온라인 열람 및 구조화된 데이터 다운로드를 지원합니다.","products.official.website.introduction.paragraph116":"내장된 데이터 대시보드, 양식 페이지, 목록 페이지 등 빈도 높은 페이지의 힌트 템플릿과 레이아웃 구조를 바로 사용할 수 있습니다.","products.official.website.introduction.paragraph117":"플러그인 연동","careers.socialJob9Desc":"타오바오 사용자 제품 경험 디자인을 담당하며, 타오바오 사용자 플랫폼 제품(홈페이지, 마이 타오바오), 기본 거래 흐름 제품(장바구니, 상세 정보, 주문 등), 메시징 및 소셜 상호작용 제품(메시지, 공유, 타오바오 서클 등), 그리고 타오바오 수평적 디자인 시스템을 포괄합니다. 이를 통해 제품의 사용성, 확장성, 디자인 품질을 보장합니다. 비즈니스 조율, 전략 수립, 디자인 컨셉 개발, 솔루션 제공, 구현, 데이터 분석에 이르는 엔드투엔드 디자인 프로세스를 책임지며, 정보 아키텍처 설계, 스타일 정의, 시각적 인터페이스 출력 및 컴포넌트 사양 개발을 완수할 수 있습니다. 비즈니스 전반에 대한 통합적 이해와 판단력을 갖추고 있으며, 비즈니스팀, 사용자 리서치팀, 개발팀과 협업해 디자인 기회를 발굴하고 심도 있는 공동 창조를 통해 가치를 창출할 수 있습니다.","careers.socialJob8Location":"항저우","footer.sloganAcademic":"학문","research.all.the.articles.name9":"샤 멍","research.all.the.articles.name8":"류 한원","research.all.the.articles.name7":"대 치디","products.official.website.introduction.paragraph100":"랜딩 액세스 및 워크플로우","research.all.the.articles.name1":"러 커커","careers.socialJob11Date":"2026년 1월 12일","products.official.website.introduction.paragraph103":"실제 프로젝트에서는 다음 순서대로 규격을 호출하는 것을 권장합니다:","research.all.the.articles.name6":"심 자오치","home.product2Title":"TDA 디자인 지능형 에이전트","products.official.website.introduction.paragraph104":"프레임을 정하다","research.all.the.articles.name5":"최 총인","products.official.website.introduction.paragraph101":"규범의 실질적 가치는 효율적인 적용에 있습니다. 팀의 접속 비용을 줄이기 위해 표준 워크플로우와 기술 연동 방식을 정리했습니다:","research.all.the.articles.name4":"우 팅팅","products.official.website.introduction.paragraph102":"추천 워크플로우","research.all.the.articles.name3":"허 위항","products.official.website.introduction.paragraph107":"비즈니스 요구에 따라 구조화된 구성 요소를 호출하며, 속성 매핑과 제약 조건을 엄격히 준수합니다.","header.products":"제품","products.official.website.introduction.paragraph108":"교정 풍경","products.official.website.introduction.paragraph105":"스타일 규범을 우선적으로 읽어보고, 색상, 타이포그래피 및 레이아웃의 기조를 정합니다.","products.official.website.introduction.paragraph106":"컴포넌트 채우기","products.official.website.introduction.paragraph109":": 사용 시나리오 조합 예시를 통해 주요 및 부차적 관계와 상호작용 로직을 검증하여, 출력이 비즈니스 컨텍스트에 맞도록 보장합니다.","banner.micTryTurnOn":"마이크를 켜보세요.","home.award1Title11":"고양이 초행운통","team.section.new.title":"팀 리더","home.award1Title13":"묘만점 재보 향기","home.award1Title12":"뮤즈 금상","research.in.the.daily.workflow":"디자인 팀의 일상적인 업무 과정에서 출력 대상은 일반적으로 모듈, 단일 페이지, 다중 페이지 흐름의 세 가지 범주로 나뉩니다. 이에 따라 디자인 접근 방식도 세 가지 모드로 분류할 수 있습니다: 기존 구성 요소를 조립하는 방식, 기존 구성 요소를 수정하는 방식, 그리고 새로운 구성 요소를 생성하는 방식입니다. 이 중 기존 구성 요소의 수정 작업은 다시 정보 조정, 레이아웃 조정, 스타일 조정으로 세분화될 수 있습니다.","research.inject.the.snippet.into":"스니펫을 문맥에 삽입하세요","research.taobaoInteractiveGame.paragraph18":"다음 단계에서는 '메커니즘 기반의 통합 + 시나리오 기반의 검증 + 체계적인 확장'의 길을 따라 나아갈 것입니다: 상호작용 경험 프레임워크와 디자인 자산 라이브러리를 지속적으로 고도화하고, 핵심 비즈니스 시나리오를 중심으로 신속한 반복 실험과 회고를 진행하며, 효과적인 패러다임을 팀의 표준 역량과 공유된 협업 언어로 정제해 나갈 것입니다.","research.taobaoInteractiveGame.paragraph19":"동시에, 대학과 산업 간의 공동 연구 파트너십이 제공하는 외부적 관점과 전문적인 방법론을 통해 우리는 산업의 변화에 민감하게 대응하고 재조정 능력을 유지함으로써, 타오바오의 인터랙티브 게임이 빠르게 변화하는 환경 속에서도 계속해서 미래 지향적인 경험을 제공하도록 할 것입니다.","research.taobaoInteractiveGame.paragraph16":"모션 효과 아틀라스에서 도출한 기초 표준과 보편적 규칙을 바탕으로, 안내, 전환, 오버레이 레이어를 포함한 주요 시나리오를 선정하여 실질적으로 구현합니다. 이 접근법은 모션 리듬과 피드백 로직을 통일함으로써 상호작용의 일관성과 경험의 안정성을 향상시킵니다.","research.taobaoInteractiveGame.paragraph17":"이 연구는 '인터랙티브 게임'을 산발적인 게임 메커니즘과 단절된 경험 접점에서 벗어나 측정 가능하고 재사용 가능하며 검증 가능한 디자인 역량의 틀로 발전시키고자 합니다. 이를 위해 구조화된 방법론을 통해 유형학, 아트 스타일, UI 및 모션 효과를 해체하고, 트렌드 연구를 활용해 경험적 기회를 파악합니다.","research.taobaoInteractiveGame.paragraph10":"모션 효과는 상호작용형 비즈니스에서 네 가지 핵심 기능—안내, 피드백, 감정 표현, 리듬—을 통해 중요한 역할을 합니다. 그러나 장기적인 프로젝트 반복 과정에서는 종종 일관성 없는 표준, 품질의 변동, 자원의 비효율성이 발생합니다. 여기에는 유사한 모션 효과의 중복 제작, 핵심 피드백 반응의 누락 또는 과잉, 그리고 작업 완료 효율성을 저해하는 불균일한 속도 조절 등이 포함됩니다. 경험의 일관성과 재사용 효율성을 높이기 위해서는 대표적인 시나리오를 선정하여 체계적으로 분해하고 규칙에 기반한 통합을 실시할 필요가 있습니다.","research.taobaoInteractiveGame.paragraph11":"모션 효과 아틀라스는 바바 농장을 주요 사례 연구로 삼아, 과수나무 애니메이션, 종자 선택 애니메이션, 비료 살포 애니메이션, 작업 애니메이션, 행동 피드백, UI 모션 효과 등 다음의 여러 모듈에 걸쳐 심도 있는 모션 디자인 연구를 수행합니다. 체계적인 정리와 분류를 통해 경험적 문제점을 파악하고 진단적 결론을 도출한 후, 최종적으로 모션 디자인 전략과 파라미터화된 규칙을 추려냅니다.","research.taobaoInteractiveGame.paragraph14":"팝아트 스타일은 매우 채도 높고 대비가 강한 색채 관계를 통해 형태와 공간적 계층구조를 확립하며, 본질적으로 보다 간결하고 직관적인 표현을 선보입니다. 이는 정보 밀도가 높고 수많은 UI 구성요소로 특징지어지는 제품 인터페이스와 자연스럽게 어울립니다. 더블 11 기간 동안 타오코인 인터랙티브 존은 화면의 절반만 차지하면서도, 진입점, 버튼, 수익 안내 등 여러 모듈을 동시에 수용합니다. 팝아트 스타일을 도입함으로써 색상 블록 구역 설정과 대비 계층구조를 통해 공간적 깊이와 구조적 질서를 강화할 수 있습니다. 이는 정보의 완전성을 훼손하지 않으면서 가독성과 의사결정 효율성을 높여줍니다.","research.taobaoInteractiveGame.paragraph15":"초현실주의는 현실 세계의 물리적 관계와 공간적 관습을 해체하고, '논리적인 것과 비논리적인 것' 사이에 존재하면서도 내부적으로 일관성을 유지하는 표현 체계를 구축합니다. 이는 서사를 현실의 제약에서 벗어나게 하고, 더욱 풍부한 상상력과 상징적 깊이, 주제적 가능성을 부여합니다. 그 가치는 일견 상식을 거스르는 듯 보이는 시각적 요소와 규칙들을 사용하면서도 내부적으로는 논리적 근거를 지니도록 하는 데 있습니다. 이를 통해 사용자들은 짧은 시간 동안 몰입하면서도 세계에 대한 기억에 남는 이해와 명확한 보상 기대감을 빠르게 형성할 수 있습니다.","research.taobaoInteractiveGame.paragraph12":"인터랙티브 게임 유형 아틀라스 내 사례 해체를 통해 우리는 듀오링고가 감정적 경험을 통해 지속적인 참여를 이끌어내는 메커니즘이 중요한 영감을 제공한다는 점을 확인했습니다. 타오 코인의 맥락에서 볼 때, 감정적으로 이끌리는 시각적 표현과 피드백 메커니즘을 통해 사용자와 시스템 간의 상호작용 관계를 재구성할 필요가 있습니다. 우리는 단계별 상태 표시와 지속적인 감정적 피드백 메커니즘을 도입해, 본래 결과 중심의 보상 시스템이었던 타오 코인을 과정과 리듬으로 정의된 경험적 시스템으로 전환함으로써 사용자의 참여 의지와 유지율을 높일 것입니다.","research.taobaoInteractiveGame.paragraph13":"우리의 유형학적 사례 분석에서 우리는 중디바의 비즈니스 모델과 밀접하게 맞닿아 있는 상호작용 구조—모노폴리GO!의 아틀라스 진척 시스템—를 확인했습니다. 이 모델을 바탕으로 농업 진척과 아틀라스 발전 간에 강력한 연계성을 구축했습니다: 사용자들은 카드 수집 임무를 완수함으로써 점진적으로 아틀라스 콘텐츠를 잠금 해제하며, '전체 지역을 잠금 해제했다'는 형태로 단계별 피드백을 받게 됩니다. 아틀라스를 구조적 틀로 삼아 일상적인 사용자 행동들이 인지 가능하고 검토 가능한, 지속적으로 진보하는 성장 여정으로 연결되며, 이는 안정된 리듬과 닫힌 동기 부여 고리를 형성합니다.","awards.taobaoInteractiveGame.title1":"Taobao Vision, ADA 애플 디자인 어워드 수상","awards.taobaoInteractiveGame.title2":"타오바오 비전 디자인 핵심","products.design.specifications.title2":"티몰 디자인 시스템","research.taobaoInteractiveGame.typeGraph":"인터랙티브 게임 유형학 아틀라스","products.design.specifications.title3":"천우 디자인 시스템","products.design.specifications.title1":"타오바오 디자인 시스템","research.component.mapping.schema.template":"구성 요소 매핑 스키마 템플릿","research.the.code.generation.agent":"코드 생성 에이전트는 솔루션 설계 개요를 입력으로 받습니다. 이는 지식베이스의 개요 파일과 매핑된 후 해당하는 코드를 호출하여 인터페이스 코드 파일을 출력합니다. 사용자는 생성된 결과를 미리 볼 수 있습니다.","products.official.website.introduction.paragraph121":"타오바오 디자인으로 이동하기","products.official.website.introduction.paragraph122":"Taobao Design은 타오바오 앱 전용으로 개발된 디자인 시스템입니다. 타오바오 디자인 체계는 범용적인 디자인 언어를 구축해, 타오바오의 전반적인 제품 경험을 보장하고 다양한 역할이 함께 간편하고 친화적인 비즈니스 생태계를 조성하도록 지원합니다.","products.official.website.introduction.paragraph120":"타오바오 디자인 소개","products.official.website.introduction.paragraph125":"콘텐츠 규범 체계","products.official.website.introduction.paragraph126":"체험 측정","products.official.website.introduction.paragraph123":"타오바오 디자인은 사용자를 중심에 두고, 제품 기능을 절제되고 엄격하게 설계합니다. 시스템의 복잡성과 포괄성을 고려한 설계 구상은 사용자에게 간편하고 편리하며 재미있는 제품 경험을 제공하기 위한 것입니다. 디자이너, 제품 관리자, 개발자들이 공유하는 언어를 통해 타오바오 제품을 중심으로 통일된 커뮤니케이션을 유지하며, 이를 활용해 타오바오 애플리케이션의 완벽하고 세심한 사용자 경험을 지속적으로 유지해 나갑니다.","products.official.website.introduction.paragraph124":"Taobao Design 웹사이트는 규범과 적용 두 부분으로 나뉘어져 있습니다. 전자는 주로 전체 스타일, 기본 구성 요소, 상호작용 모드, 경험 측정의 네 가지 측면에서 태보 디자인이 다양한 모듈과 모드에서 어떻게 올바르게 적용되어야 하는지 소개하고 설명합니다. 후자는 개발자를 대상으로 하며, 다양한 기술 프레임워크의 접속 안내를 제공합니다.","careers.socialJob3Location":"항저우","team.section.new.paragraph1":"“우선 우리는 재미있고 즐거운 디자인 팀이었으면 좋겠어요.”","products.official.website.introduction.paragraph127":"기술 접속 표준","products.official.website.introduction.paragraph128":"수타오 아이콘 라이브러리","team.section.new.paragraph2":"— 구샤오위안, 디자인 책임자","research.existing.marketing.design.expressions":"기존의 마케팅 디자인 표현을 콘텐츠 인식, 행동 유도, 시각적 형태, 전체 구조적 관계 등 네 가지 차원에서 분석했습니다. 분석 결과 여러 문제가 드러났습니다: 기계적으로 구성된 정보 구조, 지나치게 복잡한 개념 논리로 인한 높은 인지 부담, 모듈식 레이아웃 조합에 의존하는 스플래시 화면과 홍보 자산들로 인해 창의적 통합성이 약하고 텍스트 계층 구조가 지나치게 복잡한 점, 명확한 주제 표현이 부족하면서도 너무 많은 정보 층위를 담고 있는 팝업 창, 그리고 이후 내용과 구조적 순서가 일치하지 않는 홍보 헤더 등입니다. 이러한 표면적인 문제 이면에는 근본적인 문제가 자리 잡고 있습니다: 서로 연결되지 않은 디자인 요소들이 쌓여 있다는 점입니다. 많은 디자인들이 의미보다는 분위기를 강조하다 보니 사용자가 상당한 인지적 변환 과정을 거쳐야만 합니다. 한편, 서사적 구조의 부재로 인해 의미적 함의와 정보 내용, 시각적 형태 간의 유기적 통일성이 실현되지 못하고 있습니다. 따라서 최적화 방향은 보편적인 시각적 기호를 통해 주제를 맵핑하고, 구조적 구성 방식을 통해 텍스트, 브랜드, 제품 요소들을 통합하는 데 중점을 두어야 합니다. 궁극적으로는 직접적인 정보 전달을 실현하고, 의미와 형태가 본질적으로 일치하는 통일된 시각적 표현을 구현하는 것입니다.","research.website.homepage":"웹사이트 홈페이지","research.all.the.articles.label10":"설치 예술과 사진집","research.all.the.articles.label03":"편집장","research.all.the.articles.label02":"중국미술학원","careers.socialJob1Desc":"전자상거래 비즈니스 상황을 고려해, 판매자 및 TP 서비스 제공업체와 같은 역할을 중심으로 경영 인사이트를 도출하고, 타오바오 계열 판매자의 전반적인 운영 경험, 가격 마케팅, 운영 비용 등의 분야에서의 니즈와 애로사항을 분석하여 정리합니다. 또한 비즈니스 현황을 바탕으로 연구 과제를 명확히 설정하고, 판매자가 타오바오 계열에서 겪는 핵심 문제를 분석하며 주요 전략에 대한 판매자들의 피드백을 탐색하고 수집함으로써, 비즈니스 전략 수립과 최적화에 효과적인 입력을 제공합니다.","research.all.the.articles.label01":"타오톈 디자인 강사","research.balanced.color.contrast.use":"{{bold}}균형 잡힌 색상 대비{{/bold}} — 전략적으로 대비를 활용하세요. 색조, 밝기, 채도의 차이가 주요 피사체를 강조하면서도 전체적인 시각적 명확성을 유지해야 합니다.","research.all.the.articles.label05":"책 디자인","research.all.the.articles.label04":"기획 편집","careers.internJob1Years":"인턴십","careers.socialJob3Date":"2026.03.05","research.taobaoInteractiveGame.motionGraphApplication":"실제로 활용하는 인터랙티브 게임 모션 효과 아틀라스","footer.contactWechat":"위챗 공식 계정","careers.socialJob8Desc":"프론트엔드 및 백엔드 경험 디자인을 담당하며, 타오공장 채널, 기본 거래 루트, 게임 방식 설계, 타오공장 라이브스트리밍, 상품 소재 디자인, 판매자 작업대의 경험 설계, AI 디자인 혁신 등을 포함합니다. 사용자 조사, 데이터 분석 및 비즈니스 이해를 통해 사용자의 잠재적 수요와 문제점을 파악하고, 비즈니스와 제품 개발 과정에 깊이 참여하여 비즈니스 기회와 사용자의 숨겨진 애로사항을 통찰합니다. 또한 적극적으로 디자인 제안을 내놓고 이를 실행해 혁신적인 디자인을 통해 사용자 경험을 향상시키고 비즈니스 가치를 창출합니다. 논리적이고 치밀한 사고력을 바탕으로 근거 있는 설계안을 제시하며, 풍부한 디자인 경험과 방법론, 프로세스를 통해 팀 전체의 디자인 역량을 높입니다. 대규모 프로젝트에서 효율적으로 조직하고 조율하며, 다양한 팀 간 협업을 통해 비즈니스 목표를 달성합니다.","research.all.the.articles.label13":"타오톈 디자인 구성원","research.all.the.articles.label12":"중국미술학원 구성원","banner.blowOrApplaud2":"자유로운 변화를 느끼다","research.all.the.articles.label11":"담당자","home.award9Desc":"2025 618 메인 인터랙션","research.shopping.guide.case.semantic":"쇼핑 가이드 케이스 의미론적 규칙(발췌본)","research.design.system.specification.paragraph2":"의미 규칙은 객체의 정의, 스타일, 변수, 사용법, 제약 등에 대한 텍스트 설명으로, 경험 차이를 만들어내는 근원적인 지식재산권이며, 형식은 마크다운을 사용합니다. 코드 구현은 객체를 실행 가능하고 적용 가능한 기호적 사실로 변환하는 것으로, 개발 언어 유형을 형식으로 사용합니다.","research.design.system.specification.paragraph3":"매핑 스케마는 의미 규칙과 코드 구현을 연결하는 중추로서, 자체적으로 두 가지를 중복하지 않고 대상 ID 고정, 매핑 규칙 제약, 지향적 코드 위치 지정 등을 제공합니다. 이는 워크플로우 내 지식 검색, 솔루션 설계, 코드 생성 단계에서 지침 역할을 수행하며, 대규모 모델이 모든 지식을 순회할 필요가 없어 자원 소비를 절감할 수 있습니다. 형식은 JSON을 사용합니다. 다음에서는 각 유형의 객체별로 살펴보겠습니다.","research.this.document.was.produced":"이 문서는 2025년 말 타오바오 디자인팀이 타오바오 앱 마케팅 디자인에서 '직관적인 정보 표현'에 중점을 둔 전담 이니셔티브의 일환으로 제작되었습니다. 팀은 스플래시 화면, 팝업, 프로모션 헤더 등 고빈도 마케팅 인터페이스에서 반복적으로 발생하는 문제—예를 들어 정보 과부하, 단편화된 사용자 흐름, 시각적 피로 등—을 해결하기 위해 '상징적 내러티브' 디자인 전략을 제안했습니다. 이 전략은 보편적인 시각적 상징을 통해 마케팅 주제를 지도화하고, 구조적 구성 방식을 통해 텍스트와 이미지를 통합하며, 다음과 같은 여섯 가지 핵심 원칙을 따릅니다: 의미와 형태 간의 의미적 일치성, 즉각적인 구조적 명확성, 주요 주제에 대한 극단적 강조, 최소한의 필요한 계층 구조, 균형 잡힌 색 대비, 그리고 자연스럽고 표현력 있는 움직임입니다. 광범위한 사례 검증을 통해 이 전략이 혜택 안내, 빨간 봉투, 쿠폰, 멤버십 카드, 프로모션 캠페인 등 다양한 시나리오에서 효과적임이 입증되었습니다. 다음 내용은 단계별 내부 참고용으로 제공됩니다.","careers.socialJob10Location":"항저우","research.all.the.articles.name_new4":"염 경","research.all.the.articles.name_new5":"녕 호","research.all.the.articles.name_new6":"경 연","research.all.the.articles.name_new7":"무 이","careers.socialJob11Title":"업계 전략 투자 분석 및 사용자 연구 수석 전문가 - 알리마마","research.all.the.articles.name_new1":"군 검","research.all.the.articles.name_new2":"쉬안 강","research.all.the.articles.name_new3":"맹 명","research.all.the.articles.name_new8":"경 명","research.all.the.articles.name_new9":"척 검","products.design.specifications.new.paragraph2":"타오톈 AI 디자이너가 해결하고자 하는 것은 바로 '이미지 생성'에서 '디자인 생성'으로, '단일 아이디어'에서 '대규모 제공'으로 이어지는 핵심적인 단절입니다.","products.design.specifications.new.paragraph3":"‘이미지 생성’에서 ‘디자인 생성’으로","products.design.specifications.new.paragraph1":"배경과 도전 과제: 전자상거래의 시각적 제작은 오랜 기간 고주파, 대량, 강력한 시기성이라는 다중 압력을 받아왔습니다. 전통적인 프로세스는 사람 간 협업에 의존해 효율성이 제한적이며, 일반적인 AI 도구는 이미지를 생성할 수는 있지만 비즈니스 상황과 제공 기준을 진정으로 이해하기 어렵고, 이를 바로 활용 가능한 전자상거래 디자인 원고로 전환하는 데 한계가 있습니다.\n","products.design.specifications.new.paragraph6":"누적 생상 수가 100만 건을 넘었으며, 2300명이 넘는 비디자인 직원들이 창작에 참여했습니다.","products.design.specifications.new.paragraph7":"타오톈 AI 디자이너들은 무한 캔버스와 노드 간의 상호작용을 통해 보다 자유롭고 정밀한 지능형 창작 공간을 구축하고 있으며, 이는 디자인을 '픽셀 생성'에서 '구조적 생산'으로, '인간의 경험'에서 '알고리즘 지능'으로 전환하도록 이끌고 있습니다. 이를 통해 디자이너뿐 아니라 운영 및 기술 등 다양한 역할의 참여를 촉진하여 창의적 생산에 기여하고 있습니다.","products.design.specifications.new.paragraph4":"‘단일 아이디어’에서 ‘대규모 제공’까지, 주류 AI 모델을 통합하고 API 및 일괄 이미지 생성 기능을 제공합니다.","products.design.specifications.new.paragraph5":"디자인 지식 순환, 지식의 생산과 공생.","careers.socialJob12Years":"1년","footer.navTitle":"네비게이션","careers.internJob3Title":"제품 경험 디자이너","banner.titleAcademic":"학문","banner.punchedTapePlaceholder":"입력된 내용을 이진수로 변환합니다.","careers.socialJob4Date":"2026.02.27","products.design.specifications.new.paragraph010":"수강생들의 뛰어난 성과와 혁신적 결과를 진심으로 인정하기 위해 이번 워크숍에서는 특별한 보상 제도를 마련했습니다. 종료 평가 후 선정된 우수 작품에 대해 표창과 실물 상품을 수여할 예정입니다. 수상 등급은 총 세 가지로, 1등상(2명)에는 DJI 짐벌 카메라를, 2등상(3명)에는 소니 고음질 헤드폰을, 3등상(4명)에는 마샬 클래식 오디오 시스템을 각각 증정합니다. 이번 보상 제도는 '디자인이 가치를 이끌고, 혁신은 마땅히 칭찬받아야 한다'는 분명한 메시지를 전달하고, '배운 것을 실전에 활용하며 창의적 성과를 이루도록' 강화하는 교육적 동기를 부여하고자 합니다. 장인정신과 최첨단 기술이 담긴 이 상품들이 수상자들에게 앞으로의 디자인 여정에서 끊임없이 영감을 얻고, 목소리를 전하며, 창의적 아이디어를 기록하는 데 함께하길 기대합니다. 시상식은 이번 워크숍의 의의 있는 마무리일 뿐 아니라, 새로운 출발점의 시작을 의미합니다. 모든 수강생들이 이 같은 인정과 기대를 가슴에 품고, 더 넓은 디자인 및 비즈니스 무대에서 지속적으로 빛을 발하며 미래에 영향을 미치기를 바랍니다.","research.design.system.specification.knowledge":"디자인 시스템 사양 지식은 두 가지 범주의 지식 객체와 세 가지 파일 유형으로 구성됩니다. 두 가지 범주의 지식 객체는 {{bold}}스타일{{/bold}}과 {{bold}}페이지{{/bold}}이며, 여기서 스타일은 다시 네 가지 유형으로 세분화됩니다: {{bold}}요소, 레이아웃, 컴포넌트, 자산{{/bold}}입니다. 각 지식 객체 범주는 세 가지 파일 유형과 연관되어 있습니다: {{bold}}시맨틱 규칙, 매핑 스키마, 코드 구현{{/bold}}입니다. 시맨틱 규칙은 객체의 정의, 스타일, 변수, 사용법 및 제약 조건을 포함한 텍스트 기반 설명으로 구성됩니다. 이는 경험적 차별성을 제공하는 근본적인 지적 재산을 나타내며, 마크다운 형식으로 작성됩니다. 코드 구현은 적절한 프로그래밍 언어를 표현 형식으로 사용해 객체를 실행 가능하고 배포 가능한 상징적 사실로 변환합니다. 매핑 스키마는 시맨틱 규칙과 코드 구현 간의 중심 연결 층 역할을 합니다. 이들은 두 가지를 중복하지 않고 객체 ID 고정, 매핑 제약 조건 및 정확한 코드 참조를 제공합니다. 워크플로우 내에서 매핑 스키마는 지식 검색, 솔루션 설계 및 코드 생성 단계에서 안내용 청사진 역할을 하며, 이를 통해 대규모 언어 모델이 전체 지식 코퍼스를 탐색하는 것을 피하고 계산 오버헤드를 줄일 수 있습니다. 매핑 스키마는 JSON 형식으로 표현됩니다. 다음 섹션에서는 각 지식 객체 범주에 대해 자세히 설명하겠습니다.","research.icon.semantic.rules.excerpt":"아이콘 의미 규칙(발췌)","careers.socialJob7Desc":"1688 제품 라인의 경험 설계 업무를 담당하며 비즈니스 목표 달성에 기여합니다. 비즈니스를 깊이 이해하고 제품 요구사항 논의에 참여해 효과적인 디자인 솔루션을 제공합니다. 사용자 관점에서 사용자 시나리오와 행동을 바탕으로 비즈니스 목표를 중심으로 경험 개선의 기회를 발굴하고, 경험 업그레이드를 추진합니다.","team.section.link1":"대학-산업 협력: 중국예술학원 × 타오바오 디자인","team.section.link2":"출판 서적 『디자인에 멈추지 말고, AI에도 멈추지 마라』","team.section.link3":"타오톈 디자인의 영화 철학—우리가 함께 성장해온 영상 아카이브","research.design.system.specification.paragraph003":"디자인 시스템 규격 지식은 두 가지 유형의 지식 객체와 세 가지 파일 유형으로 구성됩니다. 두 가지 유형의 지식 객체는 스타일과 페이지로 나뉘며, 스타일은 다시 요소, 레이아웃, 컴포넌트, 자산의 네 가지 하위 카테고리로 세분화됩니다. 각 지식 객체는 세 가지 파일 유형을 포함하며, 이는 의미 규칙, 매핑 개요, 코드 구현으로 나뉩니다. 의미 규칙은 객체의 정의, 스타일, 변수, 사용법, 제약 조건 등에 대한 텍스트 설명으로, 경험 차별성을 형성하는 근원적 지식재산권이며, 형식은 마크다운을 사용합니다. 코드 구현은 객체를 실행 가능하고 적용 가능한 기호적 사실로 변환한 것으로, 개발 언어 유형을 형식으로 합니다. 매핑 개요는 의미 규칙과 코드 구현을 연결하는 중추적인 역할을 하며, 자체적으로 두 가지를 중복하지 않고 객체 ID 고정, 매핑 규칙 제약, 코드 위치 지정 등을 제공합니다. 이는 작업 워크플로우 내에서 지식 검색, 솔루션 설계, 코드 생성 단계에서 지침 역할을 수행하며, 대규모 모델이 모든 지식을 순회할 필요가 없어 자원 소비를 절감할 수 있습니다. 형식은 JSON을 사용합니다. 다음에서는 각 유형의 객체별로 자세히 살펴보겠습니다.","research.agent.template":"에이전트 템플릿","products.official.website.introduction.paragraph19":"B 엔드 판매자 플랫폼 AI 설계 규격","research.icon.code.implementation.excerpt":"아이콘 코드 구현(발췌)","footer.sloganFree":"자유","products.official.website.introduction.paragraph17":"클립을 컨텍스트에 삽입합니다.","products.official.website.introduction.paragraph18":"인터페이스 표시 생성","products.official.website.introduction.paragraph15":"인터페이스 다중 에이전트 워크플로우 실행","products.official.website.introduction.paragraph16":"조각 지식을 복사하거나 다운로드하세요","products.official.website.introduction.paragraph13":"IDE 도구에서 구성하기","home.award2Title":"IF 디자인 어워드","products.official.website.introduction.paragraph14":"자연어 입력 인터페이스를 사용해 명령을 생성하세요.","research.interface.generation.in.practice":"VersionAI Tmall 웹사이트를 통한 실무에서의 인터페이스 생성","home.award9Title":"IAI 글로벌 디자인상 은상","products.official.website.introduction.paragraph11":"AI 친화적 의미 규칙","products.official.website.introduction.paragraph12":"이 웹사이트에서는 사용자가 AI 도구에서 Tmall 디자인 규격을 호출하는 두 가지 방법을 제공합니다: MCP 서버 및 컨텍스트 주입입니다. IDE 도구에서 한 번의 클릭으로 MCP 서버를 구성하면 자동으로 토마트 디자인 규격 지식베이스에 의존하게 되며, MCP가 봉합한 API 기능은 사용자의 자연어 명령에 따라 자동으로 처리되고 결과가 출력됩니다. 구체적인 기능에는 검색, 워크플로우 실행 등이 포함되지만 이에 국한되지 않습니다. 또는 특정 지식 단위 페이지에서 복사하거나 다운로드를 클릭해 조각별 지식의 의미 규칙, 매핑 요약, 코드 구현 파일 패키지를 얻은 후 이를 바로 명령 입력창에 삽입하여 부분적으로 수정하고 생성할 수 있습니다.","awards.taobaoInteractiveGame.Contributors":"저자","banner.titleCreativity":"창의성","products.official.website.introduction.paragraph10":"인간 친화적 의미 규칙","careers.internJob4Years":"인턴십","research.sidebar.consistent.with.the":"디자인 시스템 지식 구조에 맞는 사이드바","careers.socialJob2Desc":"다양한 플랫폼에서 브랜드 마케팅 시나리오의 시각 디자인 및 혁신 디자인을 담당하며, 모바일 티몰, 100억 보조금, 타오바오 PC, 타오바오 비전, 타오바오 디자인 공식 웹사이트, 타오바오 디자인 지능형 에이전트 등 다양한 비즈니스 시나리오를 포함합니다. 업무에는 브랜드 시각 체계, 온·오프라인 마케팅 자료, 애니메이션 동영상 등 다채널 시각 콘텐츠 제작이 포함되며, 이를 통해 사용자 경험과 팀의 영향력을 강화합니다. 전통적인 시각 디자인 사고방식과 기법 및 AIGC 생성 기술 도구를 결합해 고급스럽고 고품질의 시각 작품을 창출함으로써 디자인 효율성과 창의적 결과물의 동시 향상을 실현합니다.","research.economic.aesthetics.title11":"주체물｜구상이 추상보다 우수하며, 친숙한 사물의 재현","research.economic.aesthetics.title10":"색상｜자연 색조, 감정의 지도","research.economic.aesthetics.title15":"경제 미학 디자인 모델","research.economic.aesthetics.title14":"모션 효과: 게이미피케이션 동적 디자인","research.economic.aesthetics.title13":"레이아웃｜포화된 정보 전달","research.economic.aesthetics.title12":"카피｜생활화된 언어 체계","research.economic.aesthetics.title18":"두 가지 방향으로 나누기: 민속 물건, 흔한 물건","research.economic.aesthetics.title17":"두 가지 방향으로 나누기: 생활 속 실제 모습, 거리의 작은 광고","banner.titleFreedom":"자유","research.economic.aesthetics.title16":"세 가지 방향으로 나누기: 마케팅 폭발형, 품목별 스티커 스타일, 비닐 포장 소품","products.official.website.introduction.paragraph28":"제약 목록화","products.official.website.introduction.paragraph29":"‘할 수 있는 것’과 ‘절대 해서는 안 되는 것’을 직접 나열하여 AI의 생성 과정에 명확한 한계를 설정합니다.","products.official.website.introduction.paragraph26":"장면 조합화","products.official.website.introduction.paragraph27":": 일반적인 비즈니스 시나리오에서 구성 요소를 어떻게 조합하고 어떤 순서로 배열해야 하는지 명확히 정의하여, AI가 단순히 요소들을 따로따로 쌓아놓는 것을 방지합니다.","products.official.website.introduction.paragraph24":"구조 코드화","products.official.website.introduction.paragraph25":"외관뿐만 아니라 구성 요소의 내부 구조, 코드 속성 및 상호작용 상태까지 추가하여 설계 파라미터를 개발과 바로 연계할 수 있도록 합니다.","products.official.website.introduction.paragraph22":"규칙 구체화하기","products.official.website.introduction.paragraph23":": 주관적 묘사를 제거하고, 모든 내용을 명확한 수치, 고정된 단계 범위 및 분명한 경계로 대체하십시오.","careers.socialJob9Date":"2026.01.29","products.official.website.introduction.paragraph20":"B 엔드 상인 플랫폼의 AI 설계 규격은 AI 기반 디자인 도구를 전문적으로 지원하기 위한 표준 문서입니다. 과거의 설계 규격은 주로 사람을 대상으로 했으며, 시각적 참고와 경험에 의존해 왔습니다. 하지만 AI가 '적절한 여백', '시각적 계층 구조 명확성'과 같은 표현을 접할 때, 해석 오류로 인해 레이아웃이 혼란스럽거나 스타일이 일관되지 않거나 주요·부차적 요소가 명확히 구분되지 않는 인터페이스를 생성하기 쉽습니다. 우리는 기존의 설계 원칙을 유지하면서 규격 작성 논리를 전면적으로 업그레이드했습니다. 이를 통해 AI가 요구사항을 정확히 이해하고, 비즈니스 논리와 브랜드 기준에 부합하는 인터페이스를 바로 출력하도록 했습니다.","products.official.website.introduction.paragraph21":"네 가지 측면에서 조정합니다:","header.team":"팀","careers.internJob4Location":"베이징 / 항저우","research.all.the.articles.name46":"종 자청","research.all.the.articles.name45":"저우 이거","research.all.the.articles.name48":"유 스","research.all.the.articles.name47":"룽 잉","research.all.the.articles.name49":"샹 러","products.official.website.introduction.paragraph39":"24 격자 시스템을 사용합니다. 열 간격은 고정된 16px 또는 24px로 설정합니다. 페이지 콘텐츠 영역의 여백은 48px이며, 카드 간격은 일정하게 24px로, 모듈 내 간격은 16~24px로 유지합니다.","products.official.website.introduction.paragraph37":"Alibaba Sans 102를 통일하여 사용하십시오(숫자는 반드시 등폭으로 설정해야 합니다). 기본 글자 크기는 12px이며, 행간은 FontSize + 8px를 엄격히 따릅니다(예: 12px는 20px에 해당함). 글자 굵기 계층: 500(제목/강조), 400(본문), 300(보조 설명).","products.official.website.introduction.paragraph38":"간격과 격자","products.official.website.introduction.paragraph35":"연속적인 수치는 AI 생성의 불확실성을 높일 수 있습니다. 규격은 글꼴, 행 높이, 간격 및 정렬 규칙을 이산화하고, 독서 동선 로직과 연계합니다. AI가 생성할 때 바로 글자 크기 단계, 행 높이 공식 및 정렬 규칙을 읽어들여 F자형 동선과 결합해 정보의 가중치를 자동으로 배분함으로써 콘텐츠의 과밀화나 무게 중심의 편차를 방지합니다.","home.award7Desc":"2024 광군절 메인 인터랙션","products.official.website.introduction.paragraph36":"폰트와 행 높이","research.semantic.consistency.marketing.themes":"{{bold}}의미적 일관성{{/bold}} — 마케팅 테마는 의도된 개념과 의미가 일치하고 전 세계적으로 인식될 수 있는 상징을 통해 시각적으로 구현되어야 합니다.","products.official.website.introduction.paragraph33":"레이아웃 및 배치","products.official.website.introduction.paragraph34":"연속적인 수치는 AI 생성의 불확실성을 높일 수 있습니다. 규격은 글꼴, 행 높이, 간격 및 정렬 규칙을 이산화하고, 독서 동선 로직과 연계합니다. AI가 생성할 때 바로 글자 크기 단계, 행 높이 공식 및 정렬 규칙을 읽어들여 F자형 동선과 결합해 정보의 가중치를 자동으로 배분함으로써 콘텐츠의 과밀화나 무게 중심의 편향을 방지합니다.","research.workflow.and.knowledge.integrated":"워크플로우와 지식 통합 엔지니어링 패키지","products.official.website.introduction.paragraph31":"스타일의 의미적 바인딩","research.all.the.articles.name51":"동 천","products.official.website.introduction.paragraph32":"색상은 비즈니스 상태와 상호작용 피드백에 직접적으로 대응하며, 시각적 장식으로 사용되지 않습니다. AI는 '전환율 하락'이나 '고우선순위 제출'과 같은 명령어를 해석할 때 의미적 매핑을 통해 해당 변수를 자동으로 호출하므로, 무작위 색상 선택으로 인한 의미적 오류를 방지합니다. 모든 색상 값은 기능 영역별로 계층화하여 선언되며, 명확한 용도 설명이 함께 제공됩니다.","research.all.the.articles.name50":"페이 페이","research.all.the.articles.name53":"스 위","products.official.website.introduction.paragraph30":"스타일 규범에 맞춘 AI 번역","research.all.the.articles.name52":"포 커","research.all.the.articles.name55":"시 타오","research.all.the.articles.name54":"윤 페이","research.all.the.articles.name57":"왕 천양","research.all.the.articles.name56":"샤오 주","header.research":"연구","research.all.the.articles.name59":"장 펑레이","research.all.the.articles.name58":"허 위항","careers.internJob1Team":"알리바바 그룹","careers.socialJob13Desc":"비즈니스 요구사항을 심도 있게 파악하고 연구 과제를 정확히 정의합니다: 고객 운영부의 운영·제품·기술 등 각 부서 담당자들과 독립적으로 접촉해 비즈니스 발전 요구사항을 파악하고, 현재의 핵심 제품 문제점과 비즈니스 기회를 주도적으로 고민하며 이를 바탕으로 구체적인 연구 과제를 정확히 정의하고 계획합니다. 전문적인 연구 방법을 활용해 효율적으로 연구 프로젝트를 수행하고 현장 조사를 실시하며 양질의 연구 보고서를 작성합니다. 소비자 세분화 프로필, 사용자 요구와 문제점 발굴, 제품 경험 연구, 사용자 성장 연구, 제품 컨셉 테스트 및 최적화 등 다양한 유형의 연구를 숙련되게 다룹니다. 정성적 연구(심층 인터뷰/포커스 그룹 토의 등), 정량적 연구(설문조사), 비즈니스 백엔드 데이터 분석, 데스크 리서치/2차 자료 연구 등 다양한 연구 수단을 전문적으로 활용합니다. 지속적으로 연구 아이디어와 실행 방식을 반복 개선하며 효율적인 연구 작업 방법론과 실행 체계를 축적합니다. 연구 결과가 비즈니스에 실제로 적용되고 비즈니스 성과 달성될 수 있도록 추진합니다.","careers.socialJob6Desc":"제품의 비주얼 디자인 업무를 담당하며, 브랜드 요소, 상품 맞춤 제작, 콘텐츠 커뮤니티 및 공급망 관리 등 다양한 제품을 포함합니다. 이미지·텍스트, 동영상, 3D 등 멀티모달 기반으로 AIGC가 상품 맞춤 제작과 창작 분야에 어떻게 혁신적으로 적용될 수 있는지 탐구합니다. 비즈니스 요구에 따라 개념 구상부터 실질적 실행까지 디자인 전 과정을 책임지고, 결과물이 시장 트렌드와 비즈니스 목표에 부합하도록 보장합니다.","banner.titleHumanistic":"인본","products.official.website.introduction.paragraph48":"중복 삭제","products.official.website.introduction.paragraph49":": 기능에 영향을 주지 않는 형용사와 부사를 제거하십시오. 표제에 이미 필드가 명시된 경우, 셀 내에서 동일한 접두어를 반복해서 사용하지 마십시오.","products.official.website.introduction.paragraph46":"기능 우선","products.official.website.introduction.paragraph47":": 카피는 직접적으로 작업 목표에 맞춰져 있습니다(예: '주문 제출'은 '여기를 클릭해 구매 완료' 대신 사용됨).","products.official.website.introduction.paragraph44":"문안 생성 규칙","research.all.the.articles.name60":"묘 야시","products.official.website.introduction.paragraph45":"AI가 생성한 문구는 장황하거나 반복적이거나 의미가 모호해지기 쉽습니다. 내장된 텍스트 처리 규칙을 통해 '수식어 제거, 핵심 정보 추출, 문자 대신 숫자 사용, 전문 용어 통일' 과정이 자동으로 수행되며, 이로 인해 콘텐츠가 중·후단에서 효율적으로 읽힐 수 있는 기준에 부합하도록 보장됩니다.","products.official.website.introduction.paragraph42":"독서 동선 제약","research.all.the.articles.name62":"소 텅","products.official.website.introduction.paragraph43":"F형 브라우징 모델을 따릅니다. 핵심 정보와 주제 제목, 주요 상태는 좌측 상단에 배치하고, 보조 정보는 중앙에 배치하거나 약화합니다. 주요 작업 접근지는 우측에 배치합니다. 가로 단일 행의 정보는 '좌측(높음)-중앙(낮음)-우측(중간)' 순으로 분포합니다.","research.all.the.articles.name61":"왕 수","products.official.website.introduction.paragraph40":"정렬 원칙","research.all.the.articles.name64":"류 단","products.official.website.introduction.paragraph41":": 숫자/금액은 오른쪽 정렬하고, 텍스트/제목은 왼쪽 정렬하며, 양식 레이블은 오른쪽 정렬하거나 상단에 정렬합니다. 동일한 유형의 정보는 일정한 직사각형 모양을 이루어야 하며, 시각적 아티팩트가 나타나는 것을 금지합니다.","research.all.the.articles.name63":"리 원량","careers.socialJob5Date":"2026.02.25","research.all.the.articles.name66":"양 이슈","research.all.the.articles.name65":"장 청","research.all.the.articles.name68":"웨이 이","research.all.the.articles.name67":"강 잉","research.all.the.articles.name69":"이 야오","research.human.friendly.semantic.rules":"사람 친화적인 의미 규칙","research.structural.composition.integrating.textual":"{{bold}}구조적 구성{{/bold}}: 텍스트 레이아웃과 시각적 요소를 일관성 있는 그래픽-텍스트 구조로 통합하여, 사용자가 메시지를 직접 인지하고 이해할 수 있도록 합니다.","careers.socialJob8Date":"2026년 02월 04일","products.official.website.introduction.paragraph59":"양식, 표, 장문 텍스트 등 연속적인 콘텐츠에 적합합니다. 카드 컨테이너를 사용하지 않고 여백과 간격을 통해 구분하며, 모듈 간에는 0.5px의 미세한 선이나 빈 공간만을 사용합니다.","products.official.website.introduction.paragraph57":"규범은 디자인 스타일을 실행 가능한 레이아웃 규칙으로 세분화합니다. 컨테이너 라우팅 의사결정 트리를 구축함으로써 서로 다른 콘텐츠 유형에 맞는 컨테이너 형태를 명확히 정의하고, AI가 재귀적 중첩이나 자유로운 레이아웃을 수행하는 것을 금지합니다.","careers.socialJob1Years":"3년","products.official.website.introduction.paragraph58":"미니멀 스타일","products.official.website.introduction.paragraph55":": 전체 설명 텍스트는 기본적으로 아이콘 또는 '더 알아보기' 링크로 접혀 있으며, 마우스를 올려놓거나 클릭할 때만 펼쳐집니다.","research.all.the.articles.name71":"공 환솽","products.official.website.introduction.paragraph56":"레이아웃 스타일 및 컨테이너 라우팅","research.all.the.articles.name70":"구 샤오위안","products.official.website.introduction.paragraph53":": 시스템 전체에 걸쳐 고정된 전문 용어와 업계 약어는 동의어로 혼용하는 것을 금지합니다. 처음 등장하는 약어에는 호버링 힌트 접근 방식을 제공해야 합니다.","research.all.the.articles.name73":"양 하오","products.official.website.introduction.paragraph54":"동적 힌트","research.all.the.articles.name72":"호 취안","research.taobaoInteractiveGame.caseStudies":"실제 사례","products.official.website.introduction.paragraph51":": 긴 텍스트를 항목별로 짧은 문장으로 분할하며, 가급적 문자 대신 숫자를 사용합니다(예: 「15개의 미읽음」 대신 「귀하에게 15개의 미읽음 메시지가 있습니다」).","products.official.website.introduction.paragraph52":"용어 통일","products.official.website.introduction.paragraph50":"구조화된 표현","research.design.principles":"디자인 원칙","products.official.website.introduction.paragraph70":"미디엄급(비모달)","research.color.code.implementation.excerpt":"색상 코드 구현(발췌)","careers.internJob2Location":"항저우","products.official.website.introduction.paragraph68":"경량급(중단 없음)","products.official.website.introduction.paragraph69":": 메시지. 작업 후 즉각적인 상태 피드백에 사용되며, 자동으로 사라집니다(예: '저장 성공').","products.official.website.introduction.paragraph66":"상호 피드백 등급","research.note.the.design.to":"참고: 설계에서 코드로의 변환(D2C) 및 매핑 스키마 생성 방식은 모든 지식 객체 유형에 동일하게 적용됩니다. 차이점은 객체 카테고리에 따른 템플릿 구조에만 존재하며, 이후 섹션에서는 반복하지 않습니다.","products.official.website.introduction.paragraph67":"피드백 구성 요소는 운영 위험 등급과 비동기 상태를 매칭하며, 계층을 넘어서는 호출은 금지됩니다.","careers.socialJob5Location":"항저우","products.official.website.introduction.paragraph64":"컴포넌트와 상호작용의 AI 구조화","careers.socialJob3Desc":"타오바오의 주요 사용자 제품(예: 홈 페이지 추천, 문의·평점·구매 등)에 대한 연구를 담당하며, 쇼핑 가이드, 사용자 경험, 타겟층의 인식, 전환율 향상 등의 분석을 수행합니다. 모니터링과 특별 조사를 통해 핵심 사용자 문제를 파악하고 개선 및 최적화 기회를 발굴하여 사용자 경험을 향상시키고, 타오바오 전체 제품의 경쟁력과 사용자 충성도를 높이는 데 기여합니다. 또한 팀과 부서를 넘나들며 경험 관련 프로젝트를 통합하고 추진할 수 있습니다.","products.official.website.introduction.paragraph65":"컴포넌트는 인터페이스의 기본 단위입니다. 버튼 컴포넌트를 예로 들어, 기존 컴포넌트 문서를 AI가 직접 호출할 수 있는 구조로 조정하는 방법을 설명하겠습니다.","products.official.website.introduction.paragraph62":"강제적 제약","products.official.website.introduction.paragraph63":": 카드 내부에 다른 카드를 중첩하는 것은 금지됩니다. 정렬을 위해 하단에 공백 영역을 남겨두는 것도 금지됩니다. 동일한 유형의 콘텐츠는 반드시 동일한 컨테이너에 집합되어야 합니다. 컨테이너 높이는 콘텐츠에 따라 결정되며, 격자 정렬을 의무적으로 사용할 필요는 없습니다.","products.official.website.introduction.paragraph60":"카드 스타일","products.official.website.introduction.paragraph61":"데이터 지표 카드, 도구 모음 등 독립적인 모듈에 적용됩니다. 0.5px #E4E6ED 테두리와 약간의 그림자 효과, 6px 둥근 모서리를 사용하며, 마우스 오버 시 테두리 색상이 주제색으로 변경됩니다.","home.award8Desc":"2025 설날 메인 인터랙션","products.official.website.introduction.paragraph80":"규범은 시각적 매개변수와 코드 속성을 일대일로 대응시켜, AI가 생성할 때 스타일과 로직 간의 불일치를 방지합니다. 설계 매개변수 → CSS 변수 → 컴포넌트 Props로 이어지는 단방향 매핑 테이블을 구축합니다. AI는 이 테이블을 직접 읽어 정확한 컴포넌트 코드나 설계 매개변수를 생성할 수 있으며, 이를 통해 시각적 표현과 상호작용 로직이 일치하도록 보장합니다.","research.all.the.articles.name02":"장 위","products.official.website.introduction.paragraph81":"장면","research.all.the.articles.name01":"정 권","research.all.the.articles.name04":"고 효원","research.all.the.articles.name03":"은 문기","research.all.the.articles.name06":"진 보옥","home.product3Title":"디자인 시스템","research.all.the.articles.name05":"단 우펑","research.all.the.articles.name08":"천 동","research.all.the.articles.name07":"당 상러","research.all.the.articles.name09":"나 석탁","home.award5Title":"A 디자인 어워드","footer.downloadSuccessful":"다운로드 성공","products.official.website.introduction.paragraph79":"구조, 스타일 및 속성 매핑","products.official.website.introduction.paragraph77":"명확한 정의와 사용 경계 설정","products.official.website.introduction.paragraph78":"구성 요소의 용도와 적용 가능한 시나리오, 적용 불가능한 시나리오를 직접 명시합니다. 예를 들어, 버튼은 비즈니스 작업(제출, 확인, 일괄 처리)을 트리거하는 데 사용되며, 순수한 표시 또는 탐색 경로 안내에는 적합하지 않습니다. 구조를 용도 → 시나리오 → 제외 조건으로 분리하여 AI가 호출 시점을 신속하게 판단할 수 있도록 합니다.","products.official.website.introduction.paragraph75":": 알림/결과. 페이지 상주 알림 또는 전역 결과 표시에 사용됩니다(예: 상단 유지보수 공지, 결제 완료 페이지).","research.code.generation.agent.configuration":"코드 생성 에이전트 구성(발췌)","products.official.website.introduction.paragraph76":"컴포넌트 구조화","products.official.website.introduction.paragraph73":": 모달/팝컨펌. 주요 작업 확인 또는 긴급 차단에 사용됩니다(예: '정말 삭제하시겠습니까?').","products.official.website.introduction.paragraph74":"페이지 단위(지속성)","products.official.website.introduction.paragraph71":": 알림. 시스템 알림 또는 비동기 작업 완료 알림에 사용되며, 사용자가 이후에 확인해야 합니다(예: '내보내기 작업이 완료되었습니다').","research.all.the.articles.name11":"류 슈","products.official.website.introduction.paragraph72":"중량급(모드/차단)","research.all.the.articles.name10":"샹 위","products.official.website.introduction.paragraph91":"비규격 글꼴 크기(예: 13px), 색상(예: #123456) 또는 가상의 구성 요소 이름을 차단하고, 이를 가장 가까운 표준 단계값으로 자동 교체합니다.","research.all.the.articles.name13":"양 다이종","products.official.website.introduction.paragraph92":"구조 깊이 초과","research.all.the.articles.name12":"진 바오위","research.all.the.articles.name15":"최 지웨이","products.official.website.introduction.paragraph90":"위조 구성 요소/토큰","research.all.the.articles.name14":"유 한","research.all.the.articles.name17":"우 민룽","research.all.the.articles.name16":"왕 징","research.all.the.articles.name19":"제 군젠","research.all.the.articles.name18":"두안 위펑","products.official.website.introduction.paragraph88":"AI 하드 제약 목록","research.component":"부품","products.official.website.introduction.paragraph89":"생성 결과가 엔지니어링 표준을 충족하도록 보장하기 위해 규격에 고주파 위반 차단 규칙이 내장되어 있습니다. AI는 출력 전에 항목별로 자체 점검을 실시하며, 제한 조건이 발동되면 생성을 중단하고 수정 권고를 반환합니다.","products.official.website.introduction.paragraph86":"직접 호출 가능한 코드 조각","products.official.website.introduction.paragraph87":"규범의 끝부분에는 React와 로우코드 플랫폼의 호출 예제가 제공되며, 여기에는 완전한 속성 구성과 레이아웃 구조가 포함되어 있습니다. AI는 이러한 코드 조각을 직접 참고하여 초기 코드를 생성하거나, 이를 컨텍스트 입력으로 활용해 중복 설명을 줄일 수 있습니다.","products.official.website.introduction.paragraph84":"강제 규칙과 제약 조건","research.all.the.articles.name20":"손 위샤","products.official.website.introduction.paragraph85":"명확한 의사결정 트리입니다. 조건-결과의 논리 구조를 통해 AI는 현재 상황에 맞춰 자동으로 적절한 배치 방식을 선택할 수 있어, 주요·부차적 요소가 뒤바뀌거나 배치가 혼란스러워지는 것을 방지합니다. 규범에는 위반해서는 안 되는 규칙이 직접 명시되어 있습니다. 예를 들어, 동일한 작업 영역에는 단 하나의 기본 버튼(Primary)만 허용됩니다. 기본 배치는 '오른쪽 기본, 왼쪽 보조'로 하며, 기본 버튼은 가장 오른쪽에 위치하고 중요도는 왼쪽으로 갈수록 낮아집니다. 다만, 2차 정보 영역의 입구, 3차 정보 영역의 빈번한 작업, 병렬 도구 영역과 같은 예외적인 경우에 한해 '왼쪽 기본, 오른쪽 보조' 배치를 허용합니다. 버튼 수가 4개를 초과하는 경우, 우선순위가 낮은 작업은 텍스트 버튼 그룹으로 통합해야 합니다.","products.official.website.introduction.paragraph82":"B 엔드 인터페이스는 일반적으로 여러 구성 요소가 조합되어 이루어집니다. 규격은 전형적인 비즈니스 시나리오의 조합 방식을 보완하여, '시나리오 → 구성 요소 조합 → 레이아웃 순서'의 3단계 지침 템플릿을 제공합니다. AI는 개별 요소를 단독으로 호출하는 것이 아니라, 실제 비즈니스에서 구성 요소들이 서로 어떻게 조합되는지에 대한 논리를 이해할 수 있습니다.","research.all.the.articles.name22":"우 리위안","research.human.ai.co.design":"인간-AI 공동 설계 제품 인터페이스: 새로운 업무 방식으로서의 가능성","research.all.the.articles.name21":"펑 판","careers.socialJob7Date":"2026년 2월 24일","home.research2Title":"마케팅 현장에서 정보를 직관적으로 표현하기 위해 팀 내 디자인 공감대를 구축합니다.","research.all.the.articles.name24":"조 후이","research.all.the.articles.name23":"황 쑹후이","research.at.this.point.an":"이 시점에서, 디자인 시스템 사양 지식베이스와 인터페이스 생성 워크플로우 엔지니어링 파이프라인을 결합한 통합 시스템 패키지는 AI 친화적인 기업 내부 인터페이스 설계 지식의 구축을 완료합니다. 이는 MCP를 통해 또는 컨텍스트 주입을 통해 IDE 기반 생성 환경과 디자인 도구의 에이전트 모드 환경에 유연하게 적용될 수 있습니다.","awards.all.the.articles.paragraph1":"2025년 티몰 더블 11 브랜드 토탈 디자인 프로젝트, 런던 디자인 어워드 황금상 수상","research.all.the.articles.name26":"우 즈샹","awards.all.the.articles.paragraph2":"수상 증서, 트로피, 라벨","research.all.the.articles.name25":"장 벤","awards.all.the.articles.paragraph3":"프로젝트 전시","research.all.the.articles.name28":"저우 위","research.design.system.specification.title1":"완전한 생성 과정은 다음과 같습니다:","awards.all.the.articles.paragraph4":"수상 정보 조회","research.all.the.articles.name27":"양 위타오","research.design.system.specification.title2":"사용자가 자연어 요구사항을 입력합니다.","awards.all.the.articles.paragraph5":"작품명: 2025 티몰 광군제 브랜드 풀케이스 디자인","awards.all.the.articles.paragraph6":"디자인팀: 타오바오 디자인","research.all.the.articles.name29":"왕 요우타오","awards.all.the.articles.paragraph7":"참가 부문: 커뮤니케이션 디자인 - 이벤트/광고","research.design.system.specification.title5":"지식 검색 지능형 에이전트로 들어가기","awards.all.the.articles.paragraph8":"디자인 프로젝트 설명:","research.design.system.specification.title6":"RAG를 통해 외부 플러그인 설계 시스템의 규격 지식에서 현재 의도와 높은 관련성을 가진 컨텍스트를 필요에 따라 검색하여 얻습니다.","awards.all.the.articles.paragraph9":"전자상거래 경쟁 심화와 소비자 경험 고도화라는 배경 속에서, 2025년 티몰 광군제는 브랜드 영향력을 이어가고 혁신을 돌파한다는 이중 임무를 안고 있습니다. 이를 위한 핵심 디자인 전략은 브랜드 인식의 일관성과 소비자 경험의 통일성에 중점을 두며, 특히 티몰과 타오바오의 시각적 표현을 최초로 통일했습니다. 이는 소비자가 다양한 상황에서도 직관적으로 광군제 분위기를 느낄 수 있도록 하기 위한 것입니다. 메인 비주얼은 '다채롭고 투명하며 젊은 감각'이라는 톤을 유지하면서, 붉은색 방사형 그라데이션 배경 위에 전체 색상의 기하학적 형태로 해체된 고양이 머리를 중심으로 구성했습니다. 여기에 확산되는 쇼핑백 등 전경 요소를 결합해 열정적인 분위기를 연출했습니다. 또한, 명확한 정보 전달을 위한 핵심 레이어, 비즈니스에 유연하게 적응하는 시각적 요소 레이어, 그리고 브랜드 기억을 강화하는 전방향으로 퍼지는 '시각적 망치' 레이어를 통해 층차가 뚜렷한 시각 체계를 구축했습니다. 이러한 통일된 시각 언어는 발표회, 광고 노출, 앱 내 전 과정 거래, 그리고 캠퍼스 등 모든 상황에 걸쳐 일관되게 적용되어, 매끄러운 표현을 통해 브랜드의 전파력을 한층 강화하고 있습니다.","careers.socialJob4Desc":"타오바오 스토어 회원 관심도/상인 작업대/AI 도구 적용 등 제품 설계에 참여합니다. 비즈니스 연계, 전략 수립, 디자인 컨셉 개발, 솔루션 제안, 구체적 실행 및 데이터 회수에 이르는 전 과정을 책임집니다. 정보 아키텍처 정리, 스타일 방향 설정, 인터페이스 시각적 결과물 제작, 컴포넌트 규격 마련 등을 완벽히 수행할 수 있습니다. 비즈니스에 대한 전반적인 이해와 판단력을 갖추고, 비즈니스팀, 사용자 리서치팀, 개발팀 등 상하류 팀과 협력해 디자인 기회를 발굴하고, 심도 있는 공동 창작을 통해 가치를 창출합니다.","research.design.system.specification.title3":"의도 인식 지능체로 들어가기","research.design.system.specification.title4":"모호한 요구사항을 시스템이 이해할 수 있는 설계 의도로 확장하여 구조화된 요구사항 설명서를 작성하고, 이후의 의사결정을 위한 경계 조건을 제공합니다.","research.design.system.specification.title9":"코드 생성 지능체로 들어가기","research.design.system.specification.title7":"방안 설계 지능형 에이전트로 들어가기","research.design.system.specification.title8":"경계 조건 하에서 검색된 규격 컨텍스트를 취사선택하고 조합하며 채워 넣어 중간 상태 데이터 스키마(Schema*)를 생성하며, 이는 페이지, 구성 요소, 스타일, 콘텐츠를 명확히 설명하는 구조화된 설계 방안입니다.","products.official.website.introduction.paragraph99":": Flex 문서 흐름만 사용할 수 있으며, CSS 그리드/테이블/플로트 레이아웃 및 vw, calc, 백분율과 같은 동적 단위는 금지됩니다. 크기 매개변수는 반드시 픽셀 값을 사용해야 합니다.","products.official.website.introduction.paragraph97":": '버튼', '샘플 데이터' 등 자리표시 텍스트를 자동으로 교체하고, 데이터의 무작위성과 업계 맥락 간의 적합도를 검증합니다.","products.official.website.introduction.paragraph98":"레이아웃 하위 제한","research.extreme.emphasis.on.the":"{{bold}}주요 주제에 대한 극도의 강조{{/bold}} — 핵심 정보를 부각시키면서 의도적으로 보조 요소를 약화하여, 핵심 요소가 즉시 알아볼 수 있는 명확한 위계 구조를 보장합니다.","products.official.website.introduction.paragraph95":": 숫자와 금액은 강제로 오른쪽 정렬합니다; 단일 모듈 내 글자 크기 종류는 엄격히 3가지 이내로 제한합니다; 제목 계층은 '핵심/주요/보조'의 논리에 따라 구분합니다.","research.all.the.articles.name31":"쉬안 쉬에쥔","products.official.website.introduction.paragraph96":"내용 왜곡 및 자리 차지","research.all.the.articles.name30":"곽 지위","bottom.link.title":"관련 기사","products.official.website.introduction.paragraph93":": Primary 버튼의 유일성을 검사하며, 삭제, 비우기 등 파괴적인 작업 시 오류 색상과 2차 확인 메커니즘을 강제로 연동합니다.","research.all.the.articles.name33":"천 커샤오","products.official.website.introduction.paragraph94":"정렬 및 계층 위반","research.all.the.articles.name32":"기 웨이","research.all.the.articles.name35":"황 자","team.publish.a.book.paragraph19":"《귀담아 연편 눈 입과 위장》, 2024년","team.publish.a.book.paragraph9":"왜 영화일까요?","research.all.the.articles.name34":"리 커란","team.publish.a.book.paragraph8":"2016년부터 매년 겨울이 되면 타오톈 팀의 디자이너들은 하나의 선물을 받았습니다. 이 선물의 아이디어는 서로의 일과 삶에 대한 깊은 통찰에서 비롯되었습니다. 예를 들어, 각자가 꿈꾸던 여행지를 새해 달력으로 그려내거나, 동료들을 재미있게 역사적 명화 속 인물로 재탄생시키기도 하고, 성격이 각기 다른 모든 사람이 자신만의 팬톤 컬러를 정해보기도 했습니다. 또 나와 당신의 직장 내 유행어를 모아 뜨거운 열정이 담긴 만화책으로 만들기도 했으며, 어린 시절의 이상적인 작은 가게를 유토피아 마을로 구현하기도 했습니다. 이러한 통찰은 해를 거듭하며 계속 이어졌고, 2022년에 이르러서는 새로운 시도를 시작했습니다: 바로 영화를 제작하는 것이었습니다.","research.all.the.articles.name37":"좌 제","team.publish.a.book.paragraph17":"《안녕, 케이티 헬로키티》, 2023년","team.publish.a.book.paragraph7":"이 글을 보는 순간, 타오톈 디자인의 연례 선물 전통은 벌써 10년째 이어지고 있습니다.","research.all.the.articles.name36":"양 신핑","team.publish.a.book.paragraph18":"이것은 우리가 처음으로 제작한 장편 영화입니다. 이 영화는 시간 순환이라는 고도로 유형화된 서사 구조를 바탕으로, 결혼 실패와 경제적 어려움에 빠진 중년 남성이 가족과 존엄성을 잃어가는 위기의 한계선을 맴돌다가 우연히 시간 순환 속에 빠져들고, 결국 변화를 선택하게 되는 과정을 그립니다. 반복되는 시간 속에서 주인공은 점차 깨닫게 됩니다. 진정으로 벗어날 수 없는 것은 삶의 시간 자체가 아니라, 인간이 선택에 대해 책임지는 태도라는 것을요. 운명이 무수히 많은 기회를 다시 주었을 때, 그는 마침내 변화를 선택해야만 합니다.","team.publish.a.book.paragraph6":"책 속의 각각의 경험자들은 당신에게 직접적이고 진실한 답을 제공해줄 것입니다.","research.all.the.articles.name39":"매 이한","team.publish.a.book.paragraph15":"매년 가을이 되면 제작자와 감독은 주요 스태프를 한자리에 모아 논의합니다. “올해 우리는 과연 무엇을 전하고 싶은가? 이야기를 쓰기 시작할 때 가장 먼저 명확히 해야 할 것은 바로, 당신이 가장 하고 싶은 말이 무엇인지입니다.”","research.all.the.articles.name38":"룽 스루이","team.publish.a.book.paragraph16":"리안 장은 문화 갈등과 인간성의 억압에 대해 이야기하고, 자창커는 시대의 흐름 속에서 개인이 겪는 운명에 주목하며, 케네스 창은 종종 사람과 사람 사이의 이별을 다루고, 오즈 야스지로는 가족 간의 간극을 직시하며, 코언 형제는 부조리와 운명, 혼란과 허무를 그려냅니다. 인간 본성에 대한 통찰이든, 사람 간 관계의 복잡성이든, 혹은 보다 거시적인 사회적 이슈든, 이러한 것들은 모두 시나리오의 핵심이며, 창작자들이 느끼는 가장 원초적인 충동이기도 합니다. 그렇다면 우리는 어떨까요?","team.publish.a.book.paragraph13":"그래서 우리는 영화를 찍습니다. 카메라 뒤에서 서로를 다시 알아가고, 영화 속에서 자기 표현을 새롭게 되풀이하며, 개인적 창작에서부터 집단적 관람에 이르기까지, 한 무리의 사람들이 함께 시간을 공유하도록 합니다.","team.publish.a.book.paragraph14":"우리는 무엇을 표현하고 있나요?","team.publish.a.book.paragraph11":"영화는 삶의 연장이며, 이 종합적인 예술은 창작자가 시청각적 요소와 서사, 감정을 통일하여 창작자의 예술적 표현의 일관성을 고도로 발휘하도록 요구합니다. 영화가 사람들을 매료시키려면 모든 장면과 창작이 세밀하고 진실해야 합니다. 당신이 창조하는 것이 정말로 당신이 표현하고자 하는 것인가요? 그리고 당신이 표현하는 것이 삶에 대해 끊임없이 진심 어린 질문을 멈추지 않는 것인가요? AI 시대에도 표현은 인간 본연의 가장 근원적인 욕구입니다. 삶에 대한 통찰과 질문을 멈추지 않는 것이야말로 디자이너들이 꾸준히 배워나가야 할 과제입니다.","team.publish.a.book.paragraph12":"더욱 중요한 것은, 한 편의 영화를 제작하려면 수십 가지의 직종이 필요하며, 이는 산업화가 가장 높은 예술 형식이라는 점입니다. 수백 명이 협력해 영화를 촬영하는 과정을 통해 팀원들은 종합적인 협업 경험을 모의로 체험할 수 있으며, 우리는 실험적인 영화를 통해 예술적 방식으로 첨단 기술 분야의 최신 기술들을 융합해 탐구할 수 있습니다.","team.publish.a.book.paragraph10":"1895년, 프랑스의 뤼미에르 형제가 활동영사기를 발명하면서 세계 영화의 역사가 시작되었습니다. 그들이 창작하고 촬영한 영화들은 현실 생활의 순간을 사실적으로 포착하고 기록하여, 사람들로 하여금 바로 자신들의 주변에서 일어나는 진실된 삶과 친숙한 사람들을 볼 수 있게 해주었습니다.","research.shopping.guide.case.mapping":"쇼핑 가이드 사례 매핑 스키마(발췌본)","team.publish.a.book.paragraph1":"타오바오 디자인의 실제 비즈니스에서의 경험과 실무를 집약하다,","research.all.the.articles.name40":"우 자홍","research.all.the.articles.name42":"왕 즈닝","team.publish.a.book.paragraph5":"만약 당신이 경험 디자인에 대한 일상적인 학습, 대기업 취업 준비, 진로 선택 등을 하고 있다면……","research.all.the.articles.name41":"허 슈난","team.publish.a.book.paragraph4":"AI 시대에 디자인 사고는 또 어떤 도약과 진화를 겪고 있을까요?","research.all.the.articles.name44":"엽 준차오","team.publish.a.book.paragraph3":"일선 실전에서 실제 업무 상황을 재현하려면 어떤 디자인 역량이 필요한가요?","research.all.the.articles.name43":"왕 위자","team.publish.a.book.paragraph2":"우리는 끊임없이 디자인의 경계를 넓히며, 디자인의 깊이와 가치에 더욱 집중하고 있습니다.","team.publish.a.book.paragraph28":"팀의 모듈식 분업","team.publish.a.book.paragraph29":"사전 준비 단계에서는 주로 세계관 설정과 시나리오 개발에 중점을 둡니다. 우리는 시나리오 토론 회의를 열어 몇 가지 논의 과제를 정리하고 선별하며, 제작사와 프로듀서가 이 단계에서 결정을 내립니다. 핵심 창작진은 캐스팅을 진행하고, 캐릭터와 잘 맞는 디자인팀 구성원들을 발굴합니다. 촬영 장소가 항저우 인근 지역으로 한정되기 때문에, 시나리오 토론 단계에서 이미 미술 현장 답사가 동시에 이루어지며, 장면 배치와 이야기 전개 방식이 긴밀히 연계됩니다. 중기 촬영은 가장 치열한 단계로, 감독이 매일 촬영 구성을 세부적으로 계획하고, 촬영·조명, 소품·장비 담당 스태프, 배우, 스케줄링 담당 스태프들이 감독의 촬영 구성을 바탕으로 각각의 장면을 차곡차곡 실현해 나갑니다. 최종 후반 작업에서는 시각 특수효과, 사운드, 믹싱, 색보정 등 다채로운 디자인 작업을 대거 활용하며, AI 영상 기술까지 접목합니다. 또한 영화의 미술, 포스터, 초대장, 홍보 자료, 굿즈 등도 이 단계에서 완성됩니다.","careers.socialJob11Team":"타오톈 그룹(알리마마)","products.aiagent.title3":"특정 과제 선택","team.publish.a.book.paragraph26":"영화 제작의 소중함은 바로 시간과 예산, 현실적 조건이라는 온갖 제약 속에서 항상 전개된다는 데 있습니다. 창작자는 끊임없이 상상력을 동원하며, 예술적 과제를 해결하기 위해 더욱 정교하고 독창적이며 창의적인 방법을 모색해야 하며, 혁신적이고 스타일리시한 표현 방식을 찾아내야 합니다. 바로 이것이 예술 창작의 가장 매혹적인 지점이기도 합니다.","products.aiagent.title4":"다중 모달리티 입력 및 자유로운 질의응답 지원","research.enter.interface.generation.instructions":"자연어로 인터페이스 생성 지침을 입력하세요.","team.publish.a.book.paragraph27":"우리는 산업화된 영화의 배급 과정을 간소화해 창작에 임하며, 비록 팀 규모는 작지만 모든 요소를 갖추고 있습니다. 영화의 전체 제작 기간은 불과 3개월 남짓으로, 매년 10월 말부터 준비를 시작합니다. 이후 우리는 다음과 같은 몇 가지 단계를 거쳐 작품을 완성해 나갑니다.","products.aiagent.title1":"TDA(Taobao Design Agent)는 타오톈 디자인 팀을 위해 개발된 통합형 디자인 지능체이자 기업용 가상 전문가입니다. 이는 팀이 축적한 디자인 지식, 방법 및 경험을 바탕으로 사용자 경험 디자이너가 분석부터 솔루션 제공까지 전 과정을 원활하게 수행하도록 지원합니다. TDA의 역량은 자유로운 질의응답, 사용자 리서치 분석, 경쟁사 및 사례 연구, 규격 조회, 전략 수립, 인터페이스 생성, 디자인 검토 및 점검 등 다양한 작업을 포괄합니다. 핵심 경쟁력은 기업용 비공개 디자인 지식베이스, 다중 작업용 하위 지능체 기술, 그리고 Tongyi Qianwen 대규모 모델에 기반한 지속적인 진화 능력에 있습니다. 현재 주요 고객은 타오톈 디자인 팀과 협력 대학의 사용자들입니다.","team.publish.a.book.paragraph24":"이 영화는 작가주의적인 블랙 유머 범죄물로, 일본 야쿠자 보스의 화중 유산을 둘러싼 권력 다툼을 중심으로 전개됩니다. 우연한 실수로 인한 납치와 갑작스러운 교통사고로 인해 진짜 주인공과 가짜 주인공이 서사 속에서 절묘하게 뒤바뀌면서, 여러 세력들이 쫓아가는 이야기의 진실이 끊임없이 새롭게 재구성됩니다. 정체성과 운명, 서사가 서로 얽히며 마치 현대 세계가 만들어낸 네트워크처럼 끊임없이 명명되고 대체되거나 이용당합니다. 우리는 언제쯤 그 판도 안에 놓여 있는지, 또 언제쯤 그 바깥에서 이 모든 것을 지켜보고 있는지 모를 지경입니다.","products.aiagent.title2":"홈페이지","team.publish.a.book.paragraph25":"우리는 어떻게 창작할까요?","products.aiagent.title7":"사례 둘러보기","team.publish.a.book.paragraph22":"세 편의 단편 영화는 각기 다른 스타일을 지니지만, 모두 동일한 핵심 주제를 중심으로 하고 있습니다: 사람이 사회의 미지와 고독, 혹은 억압에 직면했을 때, 진실과 환상 사이에서 스스로의 위치를 어떻게 찾아가는가 하는 문제입니다.","products.aiagent.title8":"지식베이스 백엔드","team.publish.a.book.paragraph23":"『외부인 I will survive』, 2025년","footer.downloadAndScanWithWeChat":"다운로드하고 위챗으로 QR코드를 스캔하세요.","header.careers":"채용","products.aiagent.title5":"용연분석","team.publish.a.book.paragraph20":"이 영화는 세 편의 단편으로 구성된 연작으로, 각각의 이야기는 서로 독립적이면서도 분위기 면에서 서로 호응합니다. 각 이야기는 현실과 상상의 경계를 모호하게 하며, 인간성, 기억, 존재의 경계에 대해 탐구합니다.","products.aiagent.title6":"규범 조회","team.publish.a.book.paragraph21":"제1화 「가짜 산 위의 사람」은 가짜 다큐멘터리 기법으로 제작되었으며, 영매를 찾는 일행을 따라가다 마침내 여정의 끝에 이르러 시점이 스크린 밖으로 옮겨지면서 관객은 비로소 자신이 바로 그 여행자가 그토록 그리워했던 유령임을 깨닫게 된다. 제2화 「석류」는 심리 스릴러로, 인터넷 시대 속 불안과 권력의 변질을 다룬다. 농아 소녀는 자본 구조와 트래픽의 압박 속에서 AI 생성 기술을 통해 환상을 현실로 만들어가지만, 점차 환각과 폭력의 늪에 빠져들게 된다. 제3화 「맑은 날」은 따뜻한 판타지 이야기로, 설날 전야에 세상을 떠난 아버지가 잠시 딸의 절친에게 빙의해 한정된 시간 동안 가족의 품으로 돌아와 사회 속에서 고립과 우울감을 견디지 못하는 딸을 달래려 한다.","products.aiagent.title9":"지식 계보 분기 추가","research.taobaoInteractiveGame.motionGraph":"인터랙티브 게임 모션 효과 아틀라스","home.joinUsTitle":"우리와 함께하세요\n더 뛰어난 디자인을 만들어가세요","research.all.the.articles.paragraph122":"진실성: 생성된 물체의 재질은 현실의 법칙에 부합해야 합니다.","research.all.the.articles.paragraph121":"이러한 편차는 AI가 이미지를 생성할 때 오류를 일으키며, 실제 세계의 세부 사항을 정확히 모사하기 어렵게 만듭니다.","research.all.the.articles.paragraph120":"AI 모델 자체에는 편향이 존재하며, 질감을 학습해 생성할 때 특정 스타일이나 특징을 더 쉽게 모방하게 됩니다. 예를 들어, 모델이 풍경 이미지를 학습할 때 파란 하늘과 하얀 구름이 있는 이미지를 생성하는 경향이 있다면, 생성 결과는 다양성이 부족하고 훈련 데이터에 포함된 특정 시각이나 편향만 반영될 수 있습니다.","research.all.the.articles.paragraph126":"거친 질감: 표면이 울퉁불퉁하여 빛이 쉽게 산란되어 부드러운 효과를 나타내며, 목재나 시멘트와 같은 재료가 이에 해당합니다.","research.all.the.articles.paragraph125":"매끄러운 질감: 표면이 평탄하여 빛이 잘 반사되어 금속이나 유리와 같은 재질에서 볼 수 있는 광택 효과를 나타냅니다.","research.all.the.articles.paragraph124":"현실 세계의 재질은 다양한 질감을 가지고 있으며, 이러한 차이 덕분에 물체가 시각적으로 더욱 사실적이고 생동감 있게 보입니다. 일반적인 질감 유형에는 다음 다섯 가지가 있습니다.","research.all.the.articles.paragraph123":"재질 효과: 현실 세계의 재질 효과와 그에 따른 상응 관계를 충족해야 하며, 재질 이상 현상을 피해야 합니다. 전자상거래 환경에서는 적절한 재질이 생성된 이미지의 사실성과 객관성을 높여줍니다. 재질은 물체의 물리적 특성과 질감 속성을 전달하며, 물체는 해당하는 재질과 일치해야 합니다. 예를 들어, 환경의 질감(자연환경과 빛의 변화를 모방)이나 인물 모델의 피부 질감(인물의 질감과 세부 묘사를 표현) 등이 이에 해당합니다. 재질이 비정상적으로 적용되면 시각적으로 부자연스럽거나 사실성이 떨어질 수 있으므로 주의해야 합니다.","research.all.the.articles.paragraph129":"단단한 질감: 석재, 강철과 같은 재료로 인해 단단하고 견고한 느낌을 줍니다.","footer.sloganTechnology":"기술","research.all.the.articles.paragraph128":"부드러운 질감: 면이나 실크와 같은 소재로, 부드럽고 편안한 느낌을 줍니다.","research.all.the.articles.paragraph127":"투명한 질감: 빛을 투과해 물이나 유리와 같은 재질처럼 투명하고 맑은 효과를 나타냅니다.","team.publish.a.book.paragraph39":"시나리오는 이야기 자체에 중점을 두며, 줄거리의 전개, 등장인물의 대사, 인물 간의 동기와 관계, 논리적 완성도를 철저히 다룹니다. 콘티는 다시 한 번 이야기를 재구성하여, 시나리오에 담긴 내용을 시청각적인 방식으로 새롭게 분해하고 창작합니다.","team.publish.a.book.paragraph37":"사전 준비 단계에서는 주로 세계관 설정과 시나리오 개발에 중점을 둡니다. 우리는 시나리오 토론 회의를 열어 몇 가지 논의 과제를 정리하고 선별하며, 제작사와 프로듀서가 이 단계에서 의사결정을 내립니다. 핵심 창작진은 캐스팅을 진행하고, 캐릭터와 잘 어울리는 디자인팀 구성원들을 발굴합니다. 촬영 장소가 항저우 인근 지역으로 한정되기 때문에, 시나리오 토론 단계에서 이미 미술 현장 답사가 동시에 이루어지며, 장면 배치와 이야기 전개 방식이 긴밀히 연계됩니다. 중기 촬영은 가장 치열한 단계로, 감독이 매일 촬영 분할표를 작성하고, 촬영·조명, 소품·장비 담당 스태프, 배우, 스케줄링 담당 스태프들이 감독의 분할표에 따라 각각의 장면을 구체적으로 실현해 나갑니다. 최종 후반 작업에서는 시각 특수효과, 음향, 믹싱, 색보정 등 다수의 디자인 요소를 대거 활용하며, AI 영상 기술도 적극 도입합니다. 또한 영화의 미술, 포스터, 초대장, 홍보 자료, 굿즈 등 모든 관련 작업 역시 이 단계에서 완성됩니다.","team.publish.a.book.paragraph38":"시나리오 작성부터 콘티까지","team.publish.a.book.paragraph35":"우리는 산업화된 영화의 배급 과정을 간소화해 창작에 임하며, 비록 팀 규모는 작지만 모든 요소를 갖추고 있습니다. 영화의 전체 제작 기간은 불과 3개월 남짓으로, 매년 10월 말부터 준비를 시작합니다. 이후 우리는 다음과 같은 몇 가지 단계를 거쳐 작품을 완성해 나갑니다.","team.publish.a.book.paragraph36":"팀의 모듈식 분업","team.publish.a.book.paragraph33":"우리는 어떻게 창작할까요?","team.publish.a.book.paragraph34":"영화 제작의 소중함은 바로 시간과 예산, 현실적 조건이라는 온갖 제약 속에서 항상 전개된다는 데 있습니다. 창작자는 끊임없이 상상력을 동원하며, 예술적 과제를 해결하기 위해 더욱 정교하고 독창적이며 창의적인 방법을 모색해야 하며, 혁신적이고 스타일리시한 표현 방식을 찾아내야 합니다. 바로 이것이 예술 창작의 가장 매혹적인 점이기도 합니다.","team.publish.a.book.paragraph31":"시나리오는 이야기 자체에 중점을 두며, 줄거리의 전개, 등장인물의 대사, 인물 간의 동기와 관계, 논리적 완성도를 철저히 다룹니다. 콘티는 다시 한 번 이야기를 재구성하여, 시나리오에 담긴 내용을 시청각적인 방식으로 새롭게 분해하고 창작합니다.","team.publish.a.book.paragraph32":"『이방인』 시나리오 진행 과정에서의 스토리 설계","team.publish.a.book.paragraph30":"시나리오 작성부터 콘티까지","careers.socialJob10Years":"3년","research.all.the.articles.paragraph111":"명암 관계: 상품과 환경의 색상이 일치해야 하며, 주체와 장면이 서로 잘 어울려야 합니다. AI 전자상거래 제품 생성 이미지에서 밝은 톤과 어두운 톤은 이미지 내의 명암 분포 및 하이라이트와 그림자의 강조를 통해 전체적인 시각적 느낌과 분위기에 영향을 미칩니다. 생성 이미지의 미학에서는 주체와 배경 간의 밝기와 어두움의 통일성을 확보하여 명암 관계가 단절되지 않도록 해야 합니다. 밝은 톤의 이미지는 종종 명쾌하고 경쾌한 분위기를 연출하며, 긍정적이고 활발한 감정을 표현하는 데 적합합니다. 또한 세부 디테일을 부각시키고 물체의 질감과 형태를 더욱 선명하게 보여주어 가볍고 투명한 효과를 나타냅니다. 반대로 어두운 톤의 이미지는 차분하고 신비로운 느낌을 전달하며, 격식 있는 제품 주제에 적합합니다. 이는 그림자의 부분을 강조해 높은 대비와 깊이감을 만들어내고, 색채의 채도를 높여 특정 상황에서 강렬한 시각적 충격을 줄 수 있습니다. 따라서 다양한 명암 톤의 특성을 이해한 후 AI 생성 이미지의 명암 관계가 적절히 통일되도록 합리적으로 판단해야만 이상적인 제품 이미지의 시각적 효과를 달성할 수 있습니다.","research.taobaoInteractiveGame.uiGraph":"인터랙티브 게임 UI 아틀라스","research.all.the.articles.paragraph115":"데이터 편향","research.all.the.articles.paragraph114":"AI를 활용한 이미지 생성 미학에서는 제품의 특성에 맞는 적절한 색조를 선택하고, 주체와 배경 간의 따뜻함과 차가움의 조화를 유지하여 원하는 감정과 분위기를 효과적으로 전달해야 합니다. AI가 생성한 이미지는 일반적으로 수많은 실제 세계 이미지를 기반으로 훈련된 데이터를 바탕으로 하며, 데이터 수집, 모델 선택, 인공 라벨링 등 여러 측면에서 불완전성이 존재하기 때문에 훈련 결과에 다음과 같은 편향이 발생할 수 있습니다.","research.all.the.articles.paragraph113":"질감","research.all.the.articles.paragraph112":"냉난 색조의 관계: 화면 내 색상의 냉난 경향을 균형 있게 조정해야 합니다. AI 전자상거래 제품 이미지에서의 냉난 관계란 이미지 내 색상의 주요 분포 상태를 의미합니다. 제품 이미지는 전체적인 색조의 냉난 경향이 조화롭도록 보장하여 단절된 느낌이 들지 않도록 해야 합니다. 차가운 색조는 종종 차분한 감정을 전달하며, 추운 날씨나 차가운 분위기와 어울립니다. 또한 이 색조는 거리감을 형성하는 데 탁월해 전경과 배경 간의 깊이감을 강화하고, 심도 있고 공간적인 효과를 효과적으로 연출할 수 있습니다. 이러한 색조는 사색이나 고요함을 담은 제품 주제와 잘 어울립니다. 반대로 따뜻한 색조는 종종 따뜻함과 활기를 전달하며, 시선을 더욱 끌어당기는 특성을 지니고 있습니다. 이는 주제를 부각하거나 시각적 매력을 높이는 데 적합하며, 사람 모델 이미지에서는 특히 친근감을 줍니다. 따라서 따뜻한 색조는 열정과 활기를 표현하기에 이상적입니다.","research.all.the.articles.paragraph119":"모델 편향","research.all.the.articles.paragraph118":"데이터 라벨링 과정에서는 주관적 요인으로 인해 오류나 부정확성이 발생할 수 있습니다. 예를 들어, 이미지 속 물체가 잘못 라벨링되면 AI가 이미지를 생성할 때도 그에 따른 오류가 나타날 수 있습니다.","research.all.the.articles.paragraph117":"표시 편차","footer.sloganFuturistic":"미래","research.all.the.articles.paragraph116":"AI 모델의 학습 데이터셋은 주로 현실 세계에서 가져오며, 현실 세계 자체에는 편향이 존재합니다. 예를 들어, 백인 인종이 현실에서 차지하는 비율이 높은데, 이러한 편향이 학습 데이터에 전달되면 AI가 사람을 생성할 때 백인 인종을 더 쉽게 생성하게 되고, 다른 인종이나 상황은 무시하게 됩니다.","team.publish.a.book.paragraph48":"영화 주변 상품의 제작은 이야기를 또 다른 형태의 물리적 매개체로 표현하는 것입니다. 이야기가 허구일 때, 관객들은 과연 무엇을 가져갈 수 있을까요?","team.publish.a.book.paragraph49":"3년 동안 우리는 영화와 관련된 소품 및 기념품을 제작해왔으며, 영화 속 재미있거나 핵심적인 소품들을 활용해 극장을 떠난 관객들의 현장 기억을 되살려냈습니다. 예를 들어 첫해의 작품인 『안녕, 케이티』에서는 영화 속 철제 도시락을 사용했는데, 이 도시락은 80년대의 추억을 담고 있습니다. 팀원들이 이 철제 도시락을 열면 단순히 영화 속 따스한 정서만이 아니라, 생생하게 떠오르는 장면들과 삶에 대한 깊은 성찰까지 함께 느낄 수 있죠. 또 『귀신 이야기 연속』에서는 세 번째 에피소드에 등장하는 고기 만두 찜통을 통해 든든하고 화목한 만남의 순간을 표현했습니다. 중국인 특유의 물건을 소재로 한 이러한 방식은 굳이 설명할 필요도 없이, 일반 종이 상자나 선물 박스보다 더 풍부한 의미를 전달합니다. 그리고 『외부인』에서는 캐릭터 날씨보드게임을 제작해, 극중의 줄거리와 다양한 인물 간의 충돌을 어린 시절 즐겨하던 날씨보드게임의 규칙에 녹여냈습니다. 새해를 맞아 가족이나 친구들과 함께 날씨보드게임을 하며 새로운 시간을 보낼 수 있게 된 것이죠.","team.publish.a.book.paragraph46":"『귀화연편』 영화 미술 컨셉 포스터","team.publish.a.book.paragraph47":"『이방인』 영화 미술 컨셉 포스터","team.publish.a.book.paragraph44":"영화 홍보 및 주변 기념품 제작","team.publish.a.book.paragraph45":"내부 팀을 대상으로 한 영화임에도 불구하고, 우리는 컨셉 포스터와 개봉 공식 포스터의 제작 및 홍보를 유지했습니다. 컨셉 포스터는 작가적 특성을 더욱 강조하며, 장면이나 이미지를 통해 영화가 처음부터 전달하고자 했던 개념을 표현합니다. 반면 공식 포스터는 보다 상업적인 성격을 띠며, 영화 상영 시 관객들이 이야기 속으로 들어가는 전주곡 역할을 합니다.","team.publish.a.book.paragraph42":"영화 특수효과 디자인은 영화 촬영이 끝난 후의 제작 단계에서 이루어집니다. 일부 고난도 촬영을 담당하는 감독과 촬영팀은 미리 특수효과를 위한 그린 스크린이나 현장 특수효과의 소스를 계획해두고, 후반 작업 과정에서 이를 함께 제작합니다. 예를 들어, 대규모 장면의 폭발 장면, 스크린 그린 스크린 합성, 캐릭터 배치 합성 등이 이에 해당합니다.","team.publish.a.book.paragraph43":"『이방인』 미술 설정 참고","team.publish.a.book.paragraph40":"영화 미술","careers.internJob3Team":"타오톈 그룹","careers.socialJob6Date":"2026년 2월 24일","team.publish.a.book.paragraph41":"영화 현장 미술팀은 크게 두 가지 주요 기능으로 나뉩니다: 환경 조형과 인물 조형입니다. 환경 조형은 시나리오와 콘티 제작의 초기 단계에서부터 관여하며, 미술 감독은 연출가, 각본가와 함께 이야기가 전개될 장소와 시점을 계획합니다. 영화 촬영지 선정은 줄거리와 이미지의 요구를 충족해야 할 뿐 아니라, 연출가가 스토리 템포와 배우들의 동선을 조율할 수 있는 공간적 가능성을 제공하는 것이 중요합니다. 영화 클립의 분위기에 맞춰 적절한 시점과 장소를 선택하고, 이를 바탕으로 세트를 설치하고 디자인합니다. 인물 조형은 캐스팅 과정과 구체적인 콘티 실행 단계에서 개입하며, 의상 디자인과 캐릭터 메이크업 등을 포함합니다. 캐릭터의 외모는 등장인물의 성격과 극중 역할에 따라 결정되며, 소품 제작 및 구매 역시 캐릭터와 배경의 현실성 간의 연결 고리로 작용합니다. 예를 들어, 「굿바이 케이티」의 남주인공은 그의 오래된 재킷, 자전거 도구, 그리고 사회적 마르테 청년들과의 친구 관계를 통해 그가 사회 속에서 차지하는 위치를 시각적으로 표현했습니다. 또 「귀신 이야기 연속」의 리모 역은 농아인 직업 인플루언서라는 특수한 설정 덕분에 깔끔한 핑크색 단발머리를 디자인하고, 소리 차단용 이어폰을 추가해 그녀 내면의 모순성을 강조했습니다. 「아웃사이더」에서는 코쿠와 린코의 옷차림과 헤어스타일을 냉온 대비로 설정해, 드러난 모습과 가려진 모습 사이의 대비를 더욱 두드러지게 나타냈습니다.","careers.title":"직위","research.all.the.articles.paragraph140":"스타일 모델","research.taobaoInteractiveGame.artGraphApplication":"실전에서의 인터랙티브 게임 아트 스타일 아틀라스","products.aiagent.title12":"지식 정리","research.all.the.articles.paragraph144":"382.0MB","products.aiagent.title13":"다양한 형식을 지원합니다","research.all.the.articles.paragraph143":"국미x알리 상품 미학 기준","products.aiagent.title10":"새로 추가된 분기의 지식","research.all.the.articles.paragraph142":"D20 포럼 및 전시 현장","research.all.the.articles.paragraph141":"장면 생성","careers.socialJob1Location":"항저우","careers.socialJob5Desc":"샤오위의 주요 산업별 경험 디자인 업무를 담당하며, 각 산업의 거래 특성에 맞춰 차별화된 산업 거래 경험과 비즈니스 가치를 구축해 해당 산업의 브랜드 인지도 확립을 지원합니다. 비즈니스를 깊이 이해하고 사용자 관점에서 디자인 전략을 세분화한 뒤, 데이터와 제품 전략을 결합해 정교한 디자인 솔루션을 제시함으로써 전체 목표 달성을 위한 디자인 가치를 제공합니다. 또한 트렌드 및 외부 환경의 변화에 주목하고 경쟁사에 대한 지속적인 분석을 유지하며, 샤오위의 다양한 상황에서 더욱 우수한 혁신적 디자인을 실현할 수 있도록 합니다.","careers.internJob3Years":"인턴십","home.award7Title":"MUSE 플래티넘 상 & 베를린 디자인상 금상","team.publish.a.book.paragraph59":"이 워크숍은 디자인 교육의 경계를 적극적으로 확장하는 자리로서, 복잡성을 다루고 미래의 경험을 정의할 수 있는 차세대 디자인 혁신 역량을 육성하는 것을 목표로 합니다. 강의 구조는 엄격한 학문적 훈련과 최첨단 산업 실무가 절묘하게 결합된 모습을 보여줍니다.","home.award6Desc":"2025 티몰 광군제 브랜드 전체 솔루션 디자인","team.publish.a.book.paragraph57":"아키텍처 레이어(개입의 프레이밍): 심도 있는 통찰을 바탕으로 학생들이 경험 전략 프레임워크를 구축하도록 안내합니다. 여기에는 핵심 디자인 주장을 정의하고, 서비스 접점 생태계를 기획하며, 경험 측정 지표를 수립하는 과정이 포함됩니다. 이 과정은 경험의 논리성, 일관성 및 확장성을 강조하여, 설계안이 단순한 독립적 아이디어에 그치는 것이 아니라 기존 비즈니스에 통합되고 새로운 가치를 창출할 수 있는 체계적인 해결책이 되도록 합니다.","team.publish.a.book.paragraph58":"검증 단계(가치 입증): 디자인 개념을 논리적으로 입증 가능한 가치로 전환하도록 이끌어줍니다. 학생들은 고정밀 상호작용 프로토타입을 구축하는 방법을 배우고, 맥락적 스토리보드, 데이터 태깅 시뮬레이션, 사용자 테스트 피드백 등을 통해 디자인 솔루션의 사용성, 수용성 및 비즈니스 가능성을 초기에 검증함으로써 '개념 구상'에서 '가치 가설'로의 중요한 도약을 완수하게 됩니다.","team.publish.a.book.paragraph55":"‘라이브스트리밍, 멤버십, 상호작용’이라는 세 가지 핵심 디지털 비즈니스 시나리오를 심도 있게 활용하여, 본 과정의 콘텐츠 구축은 전통적인 인터페이스 개선이나 기능 추가에 그치는 것이 아니라, ‘현상에서 본질로, 전략에서 검증으로’ 이어지는 완전한 교육 및 연구의 폐쇄적 순환을 구축하는 데 중점을 둡니다. 과정 콘텐츠 설계는 서로 긴밀히 연계된 세 가지 단계로 구성됩니다:","footer.sloganCreative":"창의성","team.publish.a.book.paragraph56":"통찰 레벨(시스템을 보다): 학생들이 데이터와 행동의 표면적 모습을 넘어, 사용자 여정 지도, 행동 동기 분석, 비즈니스 캔버스와 같은 도구를 활용해 각 상황 뒤에 얽혀 있는 사용자의 인지 모델, 플랫폼의 비즈니스 논리, 사회적 상호작용 관계를 체계적으로 해체하도록 안내합니다. 예를 들어, '라이브 스트리밍' 상황에서는 단순히 상호작용 버튼의 클릭률을 분석하는 것에 그치지 않고, '몰입감'과 '즉각적인 소비 충동' 이면에 숨어 있는 인지 메커니즘과 정서적 연결을 탐구합니다.","home.research1Title":"규격에 부합하는 제품 인터페이스를 생성하기 위해 기업 내부의 디자인 지식을 구축합니다.","products.aiagent.title14":"지금 바로 사용해보세요","team.publish.a.book.paragraph53":"우리는 한 가지 일이 얼마나 오래 지속될지 미처 알지 못했지만, 지난 수년간 우리는 함께 성장해온 모습을 영상으로 남겨두었습니다. 아마도 가까운 미래에 우리는 더 새롭고 진보된 예술적 형식과 기술력을 통해 마음속에 품었던 생각들을 완성할 것입니다. 그러나 변하지 않는 것은, 우리가 끊임없이 표현하고 삶에 대해 진정성 있게 질문하는 것을 멈추지 않을 것이라는 점입니다. 우리는 이 열정을 유지하며 동반자들을 길 위에 함께 모아갈 것입니다.","team.publish.a.book.paragraph54":"대학-기업 협력 국미 × 타오바오 디자인","team.publish.a.book.paragraph51":"시리즈 영화 기프트 이미지 사진","careers.socialJob3Title":"고급 사용자 연구 전문가 - 타오바오","team.publish.a.book.paragraph52":"후기","team.publish.a.book.paragraph50":"《귀화연편》 기프트 이미지 사진","research.all.the.articles.paragraph133":"조명 조건: 조명은 질감 표현에 영향을 미치며, 다양한 조명 조건에 따라 물체의 질감이 달라집니다. 강한 빛 아래에서는 질감이 더욱 두드러지고, 약한 빛 아래에서는 질감이 더욱 부드럽게 나타납니다.","research.design.system.specification.paragraph":"디자인 시스템 규격 지식은 두 가지 지식 객체와 세 가지 파일 유형으로 구성됩니다. {{bold}}두 가지 지식 객체는 스타일과 페이지로 나뉘며, 스타일은 다시 요소, 레이아웃, 컴포넌트, 자산의 네 가지 하위 카테고리로 세분됩니다. 각 지식 객체는 {{bold}}세 가지 파일 유형을 포함하며, 이는 의미론적 규칙, 매핑 개요, 코드 구현으로 나뉩니다.{{/bold}}","research.all.the.articles.paragraph132":"표면 무늬: 표면 무늬는 질감을 표현하는 중요한 수단으로, 서로 다른 무늬는 각기 다른 시각적·촉각적 느낌을 줍니다. 매끄러운 표면은 흔히 깨끗하고 부드러운 느낌을 주며, 거친 표면은 투박하면서도 질감이 살아 있는 느낌을 줍니다.","research.all.the.articles.paragraph131":"물리적 특성: 재료마다 각기 다른 물리적 특성을 지니며(예를 들어 밀도, 경도, 광택 등), 물체의 형태와 질감은 위치와 환경에 맞춰 일관성을 유지해야 합니다. 예를 들어, 물체가 평평한 표면에 놓여 있을 경우 재료의 형태는 매끄럽고 대칭적이어야 하고, 울퉁불퉁한 표면에서는 돌출부나 움푹 파인 부분을 고려해 환경과 조화를 이루도록 해야 합니다.","research.all.the.articles.paragraph130":"질감이 현실 세계의 재료와 일치하려면 다음 세 가지 측면을 고려해야 합니다","research.all.the.articles.paragraph137":"텍스처의 세부 묘사도: 텍스처 비율이 100%에 가까울수록 텍스처 이미지의 세부 사항이 더욱 완벽하고 정확해집니다.","research.all.the.articles.paragraph136":"텍스처 선명도: 텍스처 비율이 100%에 가까울수록, 텍스처 이미지가 물체 표면에 더욱 선명하게 나타납니다.","research.all.the.articles.paragraph135":"텍스처 비율은 생성된 이미지의 질감에 다음과 같은 영향을 미칩니다","research.all.the.articles.paragraph134":"재질 비율: 물체와 그 질감 간의 비율과 크기를 조정하여, 관찰자가 물체의 형태와 크기에 대한 올바른 인식을 갖도록 돕습니다. 물체의 질감 비율이란, 질감 이미지의 가로와 세로 크기와 물체 표면의 가로와 세로 길이 간의 비율을 말합니다. 질감 비율을 정확히 표현하면 물체가 더욱 사실적이고 자연스럽게 보입니다. 비율이 지나치게 작으면 질감의 세부사항이 사라지고, 비율이 지나치게 크면 질감이 왜곡됩니다.","research.using.color.as.an":"색상을 예로 들면, 아래 그림은 디자인 아티팩트가 의미 규칙, 매핑 스키마, 코드 구현의 세 가지 파일 유형으로 변환되는 과정을 보여줍니다.","research.all.the.articles.paragraph139":"물체의 질감 비율이 조화를 이루는 것은 전체적인 외관과 비율 인식에 중요한 역할을 합니다. 인간의 시각 시스템은 물체를 인지할 때 질감을 기준으로 그 크기를 판단합니다. 예를 들어, 그림 속 나무 컵의 나뭇결 무늬가 섬세하면 관찰자는 물체의 크기가 작다고 생각하게 됩니다. 반대로 바닥의 나뭇결 무늬가 거칠고 질감 비율이 조화롭지 않으면, 관찰자는 물체의 실제 크기에 대한 잘못된 인식을 가지게 될 수 있습니다. 물체의 질감 비율은 시각적 효과에 큰 영향을 미치는 요소로, 각 객체의 재질 비율을 조정하여 실제 크기에 맞도록 해야 합니다. 실제 적용 시에는 구체적인 상황과 요구에 따라 질감 비율을 적절히 표현해야 합니다.","research.all.the.articles.paragraph138":"텍스처 시각 효과: 텍스처 비율이 100%에 가까울수록 물체 표면에서의 텍스처 시각적 효과가 더욱 사실적으로 느껴집니다.","research.all.the.articles.name019":"온 육건","research.all.the.articles.name018":"전 양","careers.socialJob12Location":"항저우","team.publish.a.book.paragraph68":"제품의 복잡성과 동질화가 심화됨에 따라 디자인의 핵심은 '시각적 경쟁력'에서 '경험의 결정성'으로 이동하고 있습니다. 사용자가 다양한 선택지를 가진 시대에, 경험 자체가 핵심적인 차별점이 되고 있는 것입니다. 분산된 주의 환경에 직면해, '어떻게 더 간단하고 명확하며 직관적인 방식으로 정보를 전달할 것인가'는 디자이너들의 지속적인 과제가 되고 있습니다.","team.publish.a.book.paragraph69":"타오톈의 다양한 비즈니스 시나리오에서 이 개념은 구체적인 실천으로 전환되었습니다:","research.all.the.articles.name011":"정 윤페이","team.publish.a.book.paragraph66":"이 사전 준비는 단순한 프로젝트 후기 분석에 그치지 않고, 마음가짐의 전환을 의미합니다: '학습자'에서 '예비 상업 디자이너'로, 독립적인 작품 창작에서 비즈니스 링크의 핵심 요소로의 전환이죠.","research.all.the.articles.name010":"황 종옌","team.publish.a.book.paragraph67":"치위는 디자인의 진화 역사적 관점에서 디자인과 기술 간의 지속적인 상호보완적 공생관계를 밝혀냈습니다. 제록스의 선구적 시도에서 애플과 마이크로소프트의 발전을 거쳐, 국내의 진산과 텐센트가 최초로 전문 디자인팀을 구성하기에 이르기까지, 이는 인터넷 디자인이 단순한 '인터페이스 미화'에서 점차 체계적이고 전문적인 궤도로 접어들었음을 의미합니다.","research.all.the.articles.name013":"사 정양","team.publish.a.book.paragraph64":"“AIGC 시대에 전자상거래 플랫폼의 ‘미’란 과연 무엇을 의미하는가?”라고 정차오 교수는 복기 과정에서 제기했습니다.","research.all.the.articles.name012":"유 의정","team.publish.a.book.paragraph65":"연구팀은 기계적인 이미지 라벨링 방식을 버리고, AI가 학습할 수 있는 미학적 논리 체계를 구축하는 방향으로 전환했습니다. 색채 구성, 요소 간 관계부터 시각적 서사에 이르기까지 주관적 심미성을 반복 가능한 알고리즘 언어로 전환한 것입니다.","research.all.the.articles.name015":"요 진우","team.publish.a.book.paragraph62":"워크숍의 핵심은 참가자들이 상호작용 패러다임과 시각적 커뮤니케이션에 능숙할 뿐만 아니라, 플랫폼 경제학, 소비 심리학, 게임 디자인 및 사회적 전파 메커니즘까지도 이해해야 한다는 것입니다.","research.all.the.articles.name014":"팽 서레이","team.publish.a.book.paragraph63":"2025년 12월 9일, 정조 교수는 학생들을 이끌고 타오톈 그룹과 공동으로 진행한 'AI 이미지 생성 미학 규범' 연구 과제를 되돌아보았습니다. 이는 단순한 기술적 적응이 아니라, '미란 정의될 수 있으며 기계가 이를 이해할 수 있는가'에 대한 철학적 사유의 장이었습니다.","research.all.the.articles.name017":"뉴 진우","team.publish.a.book.paragraph60":"3주간의 몰입형 학습 과정에서 수강생들은 '발견과 정의, 탐구와 설계, 심화와 전달'이라는 세 단계를 거치며 디자인 사고의 명시적 실행과 인식 재편 과정을 완수하게 됩니다. 우리는 실제 비즈니스 상황의 제약 속에서 '문제 정의' 능력을 중시하며, 수강생들이 사용자 경험, 행동 논리, 상호작용 분석 등의 방법을 활용해 데이터의 표면적 모습을 넘어 심층적인 사용자 마인드 모델과 행동 동기를 포착하도록 이끌어갑니다.","research.all.the.articles.name016":"손 기","team.publish.a.book.paragraph61":"예를 들어, '홍바오 출석의 젊은 층화'라는 과제에서는 행동 디자인학과 인센티브 이론을 통합해 지속 가능한 참여 루프를 구축해야 합니다. 또 '라이브스트리밍 개편' 과제에서는 몰입형 스토리텔링, 실시간 소셜 현장감, 거래 전환 효율성이라는 고전적인 삼중 역설을 균형 있게 조정해야 합니다.","careers.socialJob10Team":"타오톈 그룹","team.publish.a.book.paragraph70":"라이브 방송에서 전문가적 마인드를 구축하세요.","careers.socialJob12Title":"체험 디자이너 - 라이브 커머스 디자인","team.publish.a.book.paragraph002":"타오바오 디자인의 실제 비즈니스에서 축적된 경험과 실무를 집약하여, 우리는 끊임없이 디자인의 경계를 넓혀가며 디자인의 깊이와 가치에 더욱 집중하고 있습니다. 일선에서의 실전 경험을 통해 실제 업무 현장을 재현해보면, 어떤 디자인 역량이 필요한지 명확히 알 수 있습니다. AI 시대를 맞아 디자인 사고는 과연 어떤 도약과 진화를 겪고 있을까요? 만약 당신이 체험 디자인에 대한 일상적인 학습을 하고 있다거나, 대기업 취업을 앞두고 있다거나, 커리어 방향을 고민 중이라면... 이 책에 등장하는 각각의 경험자들은 모두 당신에게 매우 구체적이고 현실적인 답을 제공할 것입니다.","article.wreading.time":"최소 읽기","research.for.enterprise.design.teams":"기업 디자인 팀의 경우,{{bold}} 주된 목표는 내부 디자인 표준을 충실히 준수하는 제품 인터페이스를 생성하는 것입니다{{bold}}. 그러나 현재의 솔루션들은 핵심적인 측면에서 부족한 점이 있습니다. 전자의 경우, 독점적이고 오픈소스가 아닌 기업용 디자인 시스템 지식과 이에 따른 디자인에서 코드로의 매핑 규칙에 대한 접근성이 부족합니다. 후자의 경우, 구성 요소와 디자인 토큰에는 연결되어 있지만, 보다 풍부한 의미론적 가이드라인, 엄선된 디자인 사례, 수요 중심의 맞춤형 워크플로우 등을 지원할 수 있는 역량이 부족합니다. 이러한 기능들이 있으면 AI가 디자인 지식을 보다 포괄적으로 검색하고 이해하며 적용할 수 있게 됩니다. 동시에 대부분의 기업 디자인 조직은 디자인과 코드 간의 매핑이 불완전하거나 관리 상태가 좋지 않은 경우가 많습니다. 이들의 가이드라인은 일반적으로 인간 독자를 위해 작성되고 디자인 소스 파일과 별도로 저장되기 때문에, AI 시스템이 이를 완벽히 수집하고 파싱하며 활용하기 어렵습니다. 그 결과, AI가 생성한 결과물은 종종 기대치에 미치지 못하게 됩니다.","products.official.website.introduction.paragraph6":"홈페이지","products.official.website.introduction.paragraph7":"디자인 시스템의 지식 구조와 일치하는 사이드바","products.official.website.introduction.paragraph8":"지식 단위","team.publish.a.book.paragraph79":"샤오빙은 브랜드 마케팅 디자인 공유에서 디자인의 핵심은 '학생적 사고'에서 '비즈니스적 사고'로 전환하는 것이라고 지적했습니다. 즉, 개인의 미적 취향 중심의 표현에서 제품과 사용자를 중심으로 한 소통으로 전환하는 것이 중요하다는 것입니다.","products.official.website.introduction.paragraph9":"AI가 보는 규칙 전환","team.publish.a.book.paragraph77":"실제로는 경쟁 제품 분석, 사용자 경험 탐색 및 여론 조사를 통해 체험 문제를 심도 있게 진단하고, '분석→전략→표현'의 프로세스를 고수함으로써 디자인 혁신이 항상 사용자의 습관과 비즈니스적 합의를 존중하는 기반 위에 설 수 있도록 합니다.","team.publish.a.book.paragraph78":"우수한 디자인은 결국 링크의 합리성과 논리적 엄밀성에 나타나며, 시각적 표면에만 머무르는 것이 아닙니다.","team.publish.a.book.paragraph75":"‘사용자, 링크, 노드’라는 3차원 프레임워크를 제안하여, 디자인을 단순한 인터페이스 미화에서 시스템 경험 구축의 차원으로 끌어올립니다.","team.publish.a.book.paragraph76":"이 방법론은 항상 '사용자가 무엇을 원하는가'를 출발점으로 삼으며, 입구 분석을 통해 예상되는 인사이트를 파악하고 이를 바탕으로 페이지 구성을 역동적으로 기획하는 데 중점을 둡니다. 사용자의 경로를 명확히 파악한 후에는 일목요연하고 매끄러운 주요 작업 흐름을 정리하고, 복권이나 안내와 같은 부수적인 행동들에 대해서도 적절한 설계를 진행해야 합니다. 또한 각 노드의 정보 아키텍처가 합리적으로 배치되도록 보장해야 합니다.","team.publish.a.book.paragraph73":"치위는 항상 디자인의 본질은 사용자의 우려를 이해하고 해소하며, 비즈니스 목표와 경험 가치 사이의 균형을 찾는 것이라고 강조합니다. 왜냐하면 \"소비자들이 플랫폼에 들어오는 이유는 디자인을 감상하기 위해서가 아니라 콘텐츠를 얻기 위한 것이기 때문\"이기 때문입니다.","research.knowledge.retrieval.agent.configuration":"지식 검색 에이전트 구성(발췌)","team.publish.a.book.paragraph74":"이는 디자인 사고의 성숙이자 비즈니스 지혜의 축적입니다.","team.publish.a.book.paragraph71":"회원 시스템에서 고급스러움을 형성하고,","team.publish.a.book.paragraph72":"상호작용 속에 게임화 서사를 접목하라.","team.publish.a.book.paragraph80":"비즈니스 디자인은 단순한 시각적 표현에 그치는 것이 아니라, 사용자와 지속적으로 상호작용하는 대화입니다. 그 목표는 디자인을 통해 사용자의 행동을 효과적으로 유도하고 명확한 비즈니스 목표를 달성하는 데 있습니다. 실제 작업 과정에서는 디자이너가 빠른 반복과 실시간 검증 능력을 갖추어야 합니다. 예를 들어 '광군제'와 같은 대규모 프로모션 프로젝트에서는 브랜드 전략, 시각적 커뮤니케이션, 매체 투입부터 데이터 피드백까지 전 과정을 하나의 폐쇄적인 고리로 구축하여 각 단계가 모두 '사용자가 어떻게 인식하고 어떻게 행동하는가'라는 핵심 질문을 중심으로 이루어지도록 보장함으로써, 디자인이 비즈니스 시스템에서 진정한 가치를 발휘하도록 해야 합니다.","team.publish.a.book.paragraph81":"“과거에 우리는 검색을 설계할 때 결과 페이지를 디자인했다면, 오늘날 AI 검색을 설계하는 것은 AI가 내놓는 전체 콘텐츠의 규칙을 설계하는 것이다.” 군젠의 이 말은 타오톈 AI 검색 설계의 본질적 전환을 명확히 드러냅니다: ‘인터페이스’를 디자인하는 데서 ‘규칙’을 설계하는 것으로의 전환입니다. 이를 위해 팀은 사용자의 의도를 지식, 가이드, 비교, 추천 등 네 가지 유형으로 세밀하게 구분하고, 각 유형별로 고유한 ‘답변 템플릿’을 마련했습니다.","products.button.restrictions":"곧 방문 가능합니다.","research.machine.interpretable.design.system":"기계 해석 가능한 설계 시스템 사양 지식","careers.socialJob4Location":"항저우","research.page.knowledge.is.organized":"페이지 지식은 핵심 여정, 쇼핑 가이드 채널, 인터랙티브 제품, 마케팅 캠페인 장소, B2B 경험과 같은 단위로 구성됩니다. 이는 다시 2단계 페이지 유형으로 세분화될 수 있습니다. 최상위 개요 객체로서, 페이지의 명확한 구조와 구성 요소의 조합, 그리고 콘텐츠 배치 로직을 제공합니다. 이러한 페이지 지식의 의미론적 규칙은 페이지 정의, 대상 사용자, 명명 규칙, 구조 계층, 페이지 상태(인터랙션 및 시각적 요소), 필수 규칙, 기능적 사용법으로 구성됩니다. 페이지 지식은 코드 구현을 필요로 하지 않으며, 대신 LLM이 구성 요소, 자산, 요소 코드를 결합하여 작성합니다. 매핑 스키마는 ID 심볼, 의미론(이름, 정의, 설명), 규칙, 구조, 제약조건(사용 시나리오, 필수 금지 사항 등)으로 구성됩니다. 쇼핑 가이드 페이지를 예로 들면, 아래 그림은 디자인 아티팩트를 의미론적 규칙과 매핑 스키마라는 두 가지 파일 형식으로 변환한 결과를 보여줍니다.","banner.cameraPleaseAllow":"브라우저에서 동의를 선택해 주세요.","products.official.website.introduction.paragraph2":"VersionAI Tmall으로 이동하기","products.official.website.introduction.paragraph3":"VersionAI Tmall는 토마트 앱 전용 디자인 시스템으로, 인간 디자이너뿐 아니라 인공지능을 위한 것입니다. 이 시스템의 콘텐츠 구조와 표현 방식은 변환 과정을 거쳐 AI 모델이 해당 디자인 시스템 규격을 읽고 검색하며 적용할 수 있도록 설계되었습니다. AI의 지원을 통해 사용자는 이 지식 기반을 바탕으로 토마트 디자인 규격에 부합하는 사용자 인터페이스를 생성하고, 디자인 평가 및 질의응답을 수행할 수 있습니다.","research.intent.recognition.agent.configuration":"의도 인식 에이전트 구성(발췌)","products.official.website.introduction.paragraph4":"디자인 시스템 규격 지식베이스와 인터페이스를 통해 다중 에이전트 워크플로우를 구축함으로써, 완벽하고 AI 친화적인 기업용 디자인 시스템을 마련했습니다. 이 시스템은 MCP 또는 컨텍스트 주입을 통해 IDE 환경 및 다양한 지능형 에이전트 모드를 지원하는 디자인 도구에 유연하게 적용될 수 있습니다.","products.official.website.introduction.paragraph5":"사용 방법","products.official.website.introduction.paragraph1":"VersionAI 토마일 소개","careers.socialJob8Years":"3년","team.publish.a.book.paragraph88":"특히 중요한 것은 서사적 접근을 감정의 지렛대로 삼아 기능을 따뜻한 이야기로 전환하는 것입니다. 예를 들어, 설날의 '소원등'은 소원을 빌는 행위를 주제별 등불을 밝히는 것으로 구체화하고, 광군절의 '도금화 공부법'은 돈을 절약하는 행동을 마치 무술 수련처럼 포장합니다. 이러한 방식으로 행동에 의미와 감정을 부여함으로써, 상호작용 디자인은 비즈니스 목표를 달성하는 동시에 사용자 경험의 가치를 한층 고양시킵니다.","team.publish.a.book.paragraph89":"현얼은 업계 마케팅 디자인 공유에서 '생활의 영감'을 키워드로 삼아, 디자인이 어떻게 비즈니스와 사용자, 플랫폼을 연결하는 지혜로운 연결고리가 되는지 체계적으로 설명했습니다. 그녀는 효과적인 디자인이 다양한 요구를 균형 있게 수용하는 데서 시작하며, 사고방식을 단일 제품의 기능에서 라이프스타일로 고도화할 것을 강조했습니다. 또한 팀은 마케팅을 세 가지 차원으로 구분해, 판매 포인트에 집중한 일반 카테고리, 공간 솔루션을 통해 장면을 구축하는 방안, 그리고 미학을 전달하는 주제적 스토리텔링으로 나누어 진행하고 있습니다.","team.publish.a.book.paragraph86":"유스는 인터랙티브 게임 디자인 공유에서 '가볍지만 중독성 있는' 디자인 철학을 깊이 있게 설명했습니다. 그는 명확히 밝혔습니다: 인터랙션은 단순한 독립적 기능이 아니라, '접속, 탐색, 참여, 획득, 구매'를 연결하는 핵심적인 경험의 고리입니다.","team.publish.a.book.paragraph87":"이 목표를 달성하기 위해 타오톈은 전 장면을 포괄하는 상호작용 체계를 구축했습니다: 마케팅 상호작용을 통해 큰 반향을 일으키고, 일상적 상호작용을 통해 사용자 습관을 형성하며, 제품 내 상호작용을 통해 채널 운영을 지원하고, 소규모 게임 생태계를 통해 트래픽을 교환합니다. 예를 들어 출석 기록 제품의 경우, 명확한 3단계 논리를 설계했습니다—메인 라인은 핵심 경로에 집중하고, 미션은 행동의 한계를 확장하며, 서브라인은 개별적인 상황을 충족함으로써 긴장과 이완이 적절히 조화된 참여 리듬을 구축합니다.","team.publish.a.book.paragraph84":"팀의 전략은 경제 환경에 따라 유연하게 조정됩니다: 2024년에는 소비 위축에 맞춰 '대자보' 형식의 디자인을 채택해 '전 매장 15% 할인' 등 강력한 혜택을 부각하고, 정보의 효율성과 인지 속도를 강조했습니다. 2025년에는 경기 회복에 발맞춰 '온전히 몰입하며 다채로운 삶을 누리자'라는 주제로 업그레이드했으며, AI와 생태적 역량을 접목해 브랜드의 마음과 감정적 연결로 전환했습니다.","team.publish.a.book.paragraph85":"전체를 관통하는 핵심 무기는 바로 '비주얼 해머'입니다. 예를 들어, 광군절 메인 비주얼에서 사용된 '고양이 머리+발산형 기하학적 도형'이라는 심볼은 유일성과 다양한 상황 적합성, 명확한 의미 전달력을 갖추고 있으며, 강·중·약의 세 가지 분위기 버전으로 나뉘어 스크린 초기화면 대형 이미지부터 상품 카드에 이르기까지 모든 상황에 유연하게 적용됩니다. 이를 통해 복잡한 시스템 속에서도 통일되고 탄력적인 브랜드 표현을 구축합니다.","home.award8Title":"IAI 글로벌 디자인상 은상 & MUSE 백금상","team.publish.a.book.paragraph82":"디자인의 핵심은 의도의 폭에 따라 정보의 구성 방식이 달라진다는 점입니다. 광범위한 질문에는 시각적 요소와 카테고리 집합을 활용해 영감을 불러일으키는 반면, 정밀한 검색에서는 가격, 사양 등 핵심적인 의사결정 요소를 부각시켜야 합니다. 동시에 팀은 색상을 통해 대화 상대를 구분하고, 재미있는 애니메이션 효과를 삽입해 기다리는 불안감을 전환함으로써, 본래 보이지 않던 AI의 '사고 과정'을 감지할 수 있게 만들었습니다. 이를 통해 기술의 '블랙박스'를 매끄럽고 기대감 넘치는 지능형 경험으로 탈바꿈시켰습니다.","team.publish.a.book.paragraph83":"전자상거래 디자인의 핵심 모순을 직시하라: '소비자가 첫눈에 보는 것은 가격이다. 어떻게 하면 디자인이 가격 인식을 방해하지 않도록 할 것인가?' 제이슨은 전 과정 통합적 관점에서 브랜드 디자인이 사용자가 외부 광고부터 결제 성공까지 모든 접점에서 일관된 표현을 유지할 수 있는지 설명한다. 싱글데이와 같은 초대형 트래픽 장에서는 디자인이 분위기 조성과 거래 효율성을 균형 있게 맞춰야 한다. 핵심 정보를 묻히지 않으면서도 브랜드의 따뜻함을 전달해야 하는 것이다.","team.publish.a.book.paragraph91":"수강생들의 프로젝트에서의 뛰어난 성과와 혁신적 결과를 충분히 인정하기 위해 이번 워크숍에서는 특별한 상금 제도를 마련했으며, 최종 심사 후 선정된 우수 작품에 대해 표창과 실물 상품을 수여할 예정입니다. 상은 총 세 등급으로 구성되며, 1등상(2명)에는 DJI 짐벌 카메라를, 2등상(3명)에는 소니 고음질 헤드폰을, 3등상(4명)에는 마샬 클래식 오디오 시스템을 각각 수여합니다.","research.design.demand.distribution.chart":"디자인 수요 분포도","team.publish.a.book.paragraph92":"이번 상금 제도는 '디자인이 가치를 이끌고, 혁신은 칭찬받을 만하다'는 분명한 지향점을 전달하고, '학습한 것을 실전에 활용하며, 창의적 성과를 이루도록' 하는 교육 과정의 동기를 강화하기 위해 마련되었습니다. 장인정신과 최첨단 기술이 담긴 이러한 상품들이 수상자들에게 앞으로의 디자인 여정에서 끊임없이 영감을 얻고, 목소리를 전하며, 창의적 아이디어를 기록하는 데 함께하길 기대합니다.","team.publish.a.book.paragraph90":"이 전환을 실현하기 위해 팀은 '마케팅 디자인 공식'을 도출해냈습니다: 형태와 색상, 질감은 삶의 인상을 담아내고, 구조와 구성은 공간 인지를 번역하며, 요소와 스크립트는 재미있는 콘텐츠를 연출합니다. AI의 지원으로 이 창의적 시스템은 더욱 고도화된 전 과정 '가속기'로 진화했습니다: Lora 모델을 학습시켜 스타일리시한 일괄 이미지 생성을 가능하게 하고, '3프레임 법칙'을 활용해 부드럽고 인간적인 애니메이션 효과를 만들어내며, '대박 아이템 내 집에 놓아보기'와 같은 기능을 선보여 사용자가 원클릭으로 실제 장면 렌더링을 경험할 수 있게 했습니다. 이제 AI는 단순한 보조 도구에서 창의적 파트너이자 효율성의 엔진으로 발전했습니다. AI는 디자이너를 반복적 작업에서 해방시켜 전략적 사고와 감성적 창작에 더욱 집중하도록 돕고, 진정으로 '영감을 실현 가능하게 하고, 경험을 체감 가능하게 하며, 효율성을 비약적으로 높이는' 지능형 마케팅의 새로운 시대를 열어가고 있습니다.","research.spacing.mapping.schema.excerpt":"간격 매핑 스키마(발췌)","careers.internJob2Team":"타오톈 그룹","research.color.mapping.schema.excerpt":"색상 매핑 스키마(발췌)","careers.socialJob7Location":"항저우","research.all.the.articles.name022":"주 빈","team.publish.a.book.paragraph99":"영화 '안녕, 케이티' 메인 포스터 및 스토리 스틸컷","home.award5Desc":"HEYLIVE 해변 팬의 집","research.all.the.articles.name021":"소 요","research.all.the.articles.name024":"유 미선","research.this.research.does.not":"이 연구는 스타일의 최적화나 국지적 효율성 향상에 그치지 않습니다. 오히려 타오바오 마케팅 디자인을 위한 전문적인 방법론적 기반을 구축하고자 합니다. 이 기반은 축적 가능하고, 이전이 가능하며, 검증 가능한 것이어야 합니다. 우리는 상징적 내러티브라는 핵심 개념을 제안합니다: 보편적인 시각적 상징을 인지적 고정점으로 활용하고, 구조화된 표현을 이해의 길로 삼으며, 의미적 함의와 시각적 형태 간의 높은 일치성을 궁극적 기준으로 삼는 것입니다. 이러한 접근 방식은 새로운 것 자체를 추구하는 것이 아니라, 인지적 번역 비용을 줄이고자 합니다. 또한 시각적 요소의 축적을 중시하지 않고, 정보의 유기적 통합에 집중합니다. 디자이너의 표현 욕구를 따르는 대신, 사용자의 지각 논리와 행동 흐름에 충실합니다.","team.publish.a.book.paragraph97":"디자인 프로젝트 3: 봉투 출석 체크","research.all.the.articles.name023":"한 효빙","team.publish.a.book.paragraph98":"타오톈 디자인이 제안하는 영화 철학, 우리가 함께 성장해온 영상 아카이브들","research.all.the.articles.name026":"증 역진","team.publish.a.book.paragraph95":"디자인 프로젝트1: 라이브 스트리밍 방송국 리뉴얼","research.all.the.articles.name025":"정 조","team.publish.a.book.paragraph96":"디자인 프로젝트 2: 대회원","research.all.the.articles.name028":"구 병곤","team.publish.a.book.paragraph93":"시상식은 이번 워크숍의 의식적인 마무리를 장식할 뿐 아니라, 새로운 시작의 상징이기도 합니다—모든 수강생들이 이 인정과 기대를 품고 더욱 광범위한 디자인 및 비즈니스 무대에서 지속적으로 빛을 발하며 미래에 영향을 미칠 것을 기대합니다.","research.all.the.articles.name027":"마 원지","team.publish.a.book.paragraph94":"학생 작품","research.the.solution.design.agent":"솔루션 설계 에이전트는 지식 개요 파일을 입력으로 받아들입니다. 이 에이전트는 설계 결정을 내리고, 페이지 구조, 구성 요소 유형 및 속성, 스타일 요소, 상호작용 패턴, 데이터/콘텐츠 요구사항에 대한 개요 지침을 생성합니다. 이후 솔루션 설계 스키마/개요를 출력하고 다음 에이전트로 전달합니다.","research.icon.mapping.schema.excerpt":"아이콘 매핑 스키마(발췌)","research.all.the.articles.name020":"유 진환","research.price.design.excerpt":"가격 설계(발췌)","careers.socialJob2Title":"브랜드 마케팅 디자이너 - 경험 디자인","research.price.mapping.schema.excerpt":"가격 매핑 스키마(발췌본)","research.taobaoInteractiveGame.coinEmotionalExperienceDesign":"도금화폐: 감정적 경험 디자인","banner.blowOrApplaud":"한 번 불어보세요.","research.knowledge.modules":"지식 모듈","research.design.strategy.symbolic.narrative":"디자인 전략: “상징적 내러티브” — 형태는 상징으로, 텍스트는 의미로","research.the.knowledge.retrieval.agent":"지식 검색 에이전트는 요구사항 체크리스트 파일을 입력으로 받아들입니다. 이 에이전트는 디자인 시스템 사양 지식베이스에서 해당 내용을 쿼리하고 필터링하며 검색한 후, 지식 개요를 출력합니다—즉, 체크리스트에 참조된 지식 항목들을 채워 넣은 다음, 다음 에이전트로 라우팅합니다.","research.layout.knowledge.is.divided":"레이아웃 지식은 그리드, 간격, 컨테이너, 정렬의 네 가지 단위로 나뉘며, 이는 구성 요소, 자산 및 페이지의 배치를 위한 기초적인 의존성을 형성합니다. 의미론적 규칙, 코드 구현 및 매핑 스키마는 요소에 대해 정의된 것과 동일한 템플릿을 따릅니다. 간격을 예로 들면, 아래 그림은 디자인 아티팩트가 의미론적 규칙, 매핑 스키마 및 코드 구현의 세 가지 파일 유형으로 변환되는 과정을 보여줍니다.","team.section.paragraph2":"VersionAI Tmall 웹사이트의 페이지 구조는 디자인 시스템의 지식 구조와 일치하며, 스타일, 페이지 및 그 하위 항목 지식 단위로 구성된 나무 형태의 탐색 구조로 나뉩니다. 각 지식 단위 페이지에서는 사용자가 인간용 규칙과 AI용 규칙 간에 전환할 수 있으며, 지식 조각을 복사하거나 다운로드하는 기능도 지원됩니다. 또한 인터페이스 생성을 위한 사양을 호출하는 방법을 안내하는 배포 페이지가 제공됩니다.","careers.socialJob9Team":"타오톈 그룹","careers.socialJob13Title":"사용자 연구 전문가 - 고객 운영","research.all.the.articles.name_custom12":"고 만행","research.all.the.articles.name_custom13":"시 두오","research.all.the.articles.name_custom10":"흑 당","research.all.the.articles.name_custom11":"지 진","research.when.mapped.to.the":"다섯 가지 주요 수요 시나리오—핵심 사용자 여정, 콘텐츠 발견 채널, 인터랙티브 제품, 마케팅 이벤트 및 B2B 경험—에 매핑해 연중 분석을 실시한 결과 일관된 패턴이 드러납니다: 핵심 여정, 발견 채널 및 B2B 경험 내에서 모듈 또는 단일 페이지 차원에서 기존 구성 요소를 조립하거나 수정하는 디자인 작업이 전체 요청의 거의 48%를 차지합니다.","careers.socialJob7Years":"1년","research.taobaoInteractiveGame.paragraph7":"젊은 사용자에 대한 통찰과 전문적인 디자인 관점을 바탕으로 이 연구는 타오바오의 기존 디자인 관례를 넘어서는 다양한 예술적 표현과 방법론을 체계적으로 파악하고 정제합니다. 타오바오의 핵심 비즈니스 시나리오에서 적용 가능한 탐구와 소규모 검증을 통해 서로 다른 아트 스타일들을 수치화된 실질적 성과와 비교하며, 각 스타일의 비즈니스 적합성, 구현 경로, 확장성을 평가합니다. 이를 통해 재사용 가능한 인터랙티브 게임 아트 스타일 아틀라스 프레임워크를 구축하게 됩니다.","research.taobaoInteractiveGame.paragraph8":"다양한 사업을 병행하고 제품의 반복적인 개선이 빈번한 상황에서, 통합된 디자인 시스템이 가져오는 안정성은 동시에 시각적 동질성의 위험을 수반합니다. 사용자의 신선함과 성장의 유연성을 유지하려면, 제어된 범위 내에서 강력하게 차별화된 실험을 진행해야 합니다—효과적인 접근 방식을 검증하고 이를 재사용 가능한 자산으로 정착시켜야 합니다.","research.taobaoInteractiveGame.paragraph9":"타오톈의 기존 UI 시스템의 시각적 언어와 표현 패러다임에 얽매이지 않고, 이번 이니셔티브는 핵심 비즈니스 시나리오(예: 바바 농장, 텐마일 농장, 레드팩 뒤집기, 고양이 잡기 레드팩 등)에 중점을 두고 소규모이면서도 차별화된 UI 스타일 탐색과 적용 검증을 실시합니다. 이를 통해 재사용 가능한 UI 스타일 자산과 표준을 도출하고, UI 스타일 아틀라스를 구축할 것입니다.","research.taobaoInteractiveGame.paragraph4":"뛰어난 인터랙티브 게임플레이 간의 차이는 거의 항상 '형식' 자체에 있는 것이 아니라, 기계적 구조와 서사적 구성이 어떻게 결합되는지에 있습니다. 디자이너들이 외부의 참고 자료를 재사용 가능한 디자인 지식으로 전환할 수 있도록 하기 위해서는 흩어져 있는 사례들을 체계적이고 구조적인 방식으로 정리하여 실행 가능하고 학습 가능한 통찰로 추출해야 합니다.","research.design.system.specification.title11":"다음 각 부분에서는 다양한 지식 객체에 대해 자세히 설명하겠습니다.","research.taobaoInteractiveGame.paragraph5":"이 접근 방식에 기반해 연구진은 시장에서 검증된 뛰어난 인터랙티브 게임 사례를 집계하고, 전자상거래 시나리오와 비교적 적합한 게임 유형을 선별해 향후 활용할 수 있는 참고 라이브러리를 구성했습니다. 각 게임은 출처 및 배경, 경험 개요, 메커니즘, 세계관 등 여러 차원에서 분석되어 기본적인 유형학 아틀라스를 형성합니다. 이 아틀라스는 디자이너들이 이러한 사례를 발견하고 경험하며 배울 수 있도록 설계되었습니다. 현재 이 아틀라스에는 100개 이상의 게임이 수집되어 있습니다.","research.design.system.specification.title10":"스키마를 기반으로 설계 시스템 규격 지식을 다시 한번 확인하고, Grep 방식을 통해 해당 코드베이스를 검색 및 가져온 후, 실제 사용 가능한 구성 요소 속성값, 스타일 변수 및 리소스 경로를 맞춰 최종 UI를 생성합니다.","research.taobaoInteractiveGame.paragraph6":"콘텐츠의 동질화가 심화되고 미적 피로감이 커지는 배경 속에서, 젊은 사용자들은 갈수록 새로움과 정서적 가치, 스타일의 차별성에 민감해지고 있습니다. 기존의 시각적 관습에만 계속 의존하는 것은 혁신의 여지를 좁히고, 지속 가능한 스타일 자산과 재사용 가능한 디자인 시스템을 구축하기 어렵게 만들 것입니다.","banner.rulerTryReconnect2":"연구의 즐거움을 느끼다","home.award4Desc":"네 번째 카드","careers.socialJob11Years":"5년","careers.socialJob9Title":"고급 시각 경험 디자이너 - 수타오 AI","home.joinUsBtn":"우리와 함께하세요","home.award6Title":"런던 디자인 어워드 황금상","awards.new.article3":"IAI 글로벌 디자인상 은상 & MUSE 백금상","research.source.files.for.icons":"아이콘용 소스 파일(발췌본)","awards.new.article2":"베를린 디자인상 금상 수상 프로젝트 링크","awards.new.article1":"MUSE 플래티넘 상 & 베를린 디자인상 금상","awards.new.article4":"IAI 글로벌 디자인상 은상","home.bookFlipTitle":"우리는 믿습니다\n지식의 가치","research.asset":"자산","research.economic.aesthetics.title":"경제 미학 디자인 및 응용","research.interactiveGame2025.intro.paragraph2":"이 연구는 중국예술원과의 협력을 통해 진행되며, 연구의 전문적 권위를 높이고 결과물의 형태를 다양화하는 것을 목표로 합니다. 즉, 내부 실행 가치와 업계 벤치마크로서의 의미를 동시에 갖춘 연구 성과를 도출하고자 합니다. 본 연구는 타오바오의 인터랙티브 게임 분야의 전문성 발전과 경험 혁신을 체계적으로 지원할 것입니다. 이를 위해 전자상거래 인터랙티브 게임 시장 동향을 지속적으로 모니터링하고 신흥 디자인 기회를 발굴함으로써, 타오바오가 경험 디자인 분야에서 선도적인 역량을 종합적으로 향상시키고 업계의 급속한 성장 속에서도 핵심 경쟁력을 강화하도록 돕겠습니다.","research.how.it.works":"작동 방식","home.award3Desc":"세 번째 카드","research.interactiveGame2025.intro.paragraph1":"2025년 전자상거래 인터랙티브 게임 산업 발전의 핵심 시점에 기반하여, 본 연구는 '인터랙티브 게임 디자인'을 핵심 관점으로 삼아 사용자 구조의 변화와 행동 습관의 이동에 주목하며, 인터랙티브 경험의 방법론적 체계를 체계적으로 해체하고, 젊은 사용자의 경험 요구와 트렌드를 심도 있게 탐구함으로써 인터랙티브 게임이 사용자 성장을 이끌어낼 수 있는 실현 가능한 경로를 모색합니다.","research.taobaoInteractiveGame.babaFarmSurrealismArtStyleApplication":"바바 농장: 초현실주의 예술 스타일 적용","research.all.the.articles.paragraph100":"대비 관계: 주체와 배경의 대비도가 효과적으로 조화를 이루어야 하며, 화면 내 물체 간의 대비 관계는 일정하게 유지되어야 합니다. 고대비 색조와 저대비 색조는 이미지의 밝고 어두운 부분 간의 차이 정도를 조절함으로써 전체적인 대비감에 영향을 미칩니다. 주체의 대비가 강할 경우, 배경의 대비도 역시 그에 맞춰 강화되어야 합니다. 주체와 배경 간의 대비 관계가 지나치게 차이나면 뚜렷한 단절감이 나타날 수 있습니다. 고대비 색조는 종종 강렬한 흑백 효과와 연관되며, 밝은 하이라이트와 짙은 그늘을 통해 극명한 대비를 만들어 물체의 형태와 질감을 두드러지게 합니다. 반대로 저대비 색조는 명암의 차이를 줄임으로써 부드럽고 자연스러운 느낌을 연출합니다.","careers.socialJob4Title":"체험 디자이너 - B2B 플랫폼 제품 디자인","careers.socialJob8Team":"타오톈 그룹(M&T)","research.all.the.articles.label3":"전문 자문가","research.all.the.articles.label2":"제품 담당자","research.all.the.articles.label1":"지식베이스 구축","research.copy.or.download.a":"지식 스니펫을 복사하거나 다운로드하세요","research.all.the.articles.label7":"디자인 구성원","research.component.knowledge.is.composed":"구성 요소 지식은 아바타, 배지, 자산 슬롯, 버튼, 콘텐츠 스트림, 카운트다운, 쿠폰, 필터, 비컨, 온보딩 가이드, 캐러셀, 입력란, 메시지, 플로팅 윈도우, 대화상자, 가격, 제품 카드, 진행 막대, 레드 패킷, 선택기, 오버레이, 플로팅 바, 스위치, 탭 바, 탭, 텍스트 스트림, 도구 설명, 버블, 상단 바와 같은 비즈니스 의미적 단위로 구성됩니다. 이러한 구성 요소들은 인터페이스 생성을 위한 핵심 재사용 가능한 단위로 작용합니다. 구성 요소의 의미 규칙은 구성 요소 정의, 스타일 구성, 속성 변수, 구성 요소 상태(인터랙션 및 시각적 표현), 강제 규칙, 그리고 기능적 사용법으로 이루어져 있습니다. 코드 구현은 React 기반 기술 스택 내에서 구성 요소 구조(TSX)와 구성 요소 스타일(SCSS)로 구현됩니다. 기존 매핑 스키마 구조를 기반으로, 구성 요소 매핑 스키마에는 속성 스키마(props schema)가 추가로 도입되며, 이는 솔루션 설계 단계에서 생성된 페이지 수준 구성 요소 구조 스키마 내 각 구성 요소에 필요한 속성들과 대응합니다. 가격 구성 요소를 예로 들면, 아래 그림은 디자인 아티팩트가 의미 규칙, 매핑 스키마, 코드 구현의 세 가지 파일 유형으로 변환되는 과정을 보여줍니다.","research.all.the.articles.label6":"디자인 책임자","research.all.the.articles.label5":"디자인","research.the.entire.interface.generation":"인터페이스 생성 과정 전반이 추적 가능하고 재현 가능하며 진화 가능하며, 그 결과는 지속적으로 발전하는 기업 디자인 시스템과 코드베이스 내에서 여전히 제어가 가능합니다. 다음 섹션에서는 두 가지 관점에서 자세히 설명합니다: 디자인 시스템 사양 지식의 구축과 멀티에이전트 워크플로우의 설계입니다.","banner.micPleaseAllow":"브라우저에서 동의를 선택해 주세요.","research.all.the.articles.label4":"연구개발","research.price.code.implementation.excerpt":"가격 코드 구현(발췌)","research.all.the.articles.label9":"개념 영상","research.all.the.articles.label8":"웹사이트 디자인 및 개발","team.section.paragraph":"Taobao 디자인은 전 세계 수십억 소비자의 경험을 위해 헌신하는 디자인팀입니다. 우리는 사용자 경험을 주도하고, 감정적으로 공감할 수 있는 디자인을 창조하며, 상거래를 아름답고 간편하게 만듭니다.","careers.internJob4Team":"타오톈 그룹","research.official.website.introduction.label8":"기술 관련 지원","research.all.the.articles.paragraph59":"톤은 물체가 주는 직관적인 느낌을 말하며, 예를 들어 색의 따뜻함과 차가움, 물체의 부드러움과 단단함, 재질의 질감 등을 포함합니다. 장면의 시각적 스타일은 상품의 톤과 일치해야 합니다. 제품의 주체부터 배경 장면에 이르기까지, 모든 요소에는 사람의 주관적 판단과 심리적 암시가 담겨 있습니다. 상품 이미지의 장면은 특정한 상황을 연출해 소비자가 자신의 사용 환경을 떠올리게 하고, 삶의 질이나 외모 이미지 향상에 대한 상상을 유발합니다. 이를 통해 소비자로 하여금 제품에 대한 갈망을 더욱 강화하고 구매 결정을 촉진하게 됩니다.","research.all.the.articles.paragraph58":"조성","research.all.the.articles.paragraph57":"장면 콘텐츠는 상품을 뒷받침하며, 공간 콘텐츠는 상품의 품격과 일치해야 합니다. 이는 주로 콘텐츠의 통일성과 시각적 통일성을 포함합니다. 상품 이미지의 환경 장면은 상품의 사용场景을 보여주는 데 핵심적인 역할을 합니다. 세심하게 디자인된 배경을 통해 장면은 소비자가 제품의 용도를 이해하도록 돕는 동시에 핵심 특징과 기능을 두드러지게 나타낼 수 있습니다. 전반적으로 적절한 환경 장면은 제품 정보를 효과적으로 전달하고, 소비자의 제품 기능과 용도에 대한 이해를 높여 구매 결정을 촉진하는 데 기여합니다.","research.all.the.articles.paragraph56":"화면 주제 관계","research.all.the.articles.paragraph55":"상품 이미지의 장면 디자인 분야에서 AI 기술은 우리에게 전례 없는 편리함과 창의성을 가져다줍니다. 장면은 주체를 효과적으로 부각하고 브랜드 이미지를 강화하며, 감정적 유대감을 조성하고 제품 사용 정보를 제공하는 등 다양한 역할을 수행합니다. 본 절에서는 장면의 종류, 선택 기준, 장면의 역할, 장면의 질서 및 품질 기준 등의 측면에서 상품 이미지 장면 제작에 대해 분석하겠습니다.","research.all.the.articles.paragraph54":"장면","research.all.the.articles.paragraph53":"인종과 연령 차이에 따른 비율: AI 인물 모델의 비율 설계는 일정한 구분성을 갖춰야 합니다. 동서양 모델 간의 인종 전환 또는 다양한 연령층 간의 전환 시에는 체형 차이를 고려해, 인물의 품격과 상품과의 적합성을 신속하게 표현해야 합니다.","research.all.the.articles.paragraph52":"전체 비율: AI가 생성한 인체 모델의 머리와 몸통의 비율은 균형 잡혀야 하며, 사지의 비율도 조화를 이루어야 합니다(예를 들어 아시아인은 보통 7~7.5배, 유럽·미국인은 보통 8배의 머리와 몸통 비율을 가집니다). 이는 자연스러우면서도 시각적으로 매력적인 외관을 연출하며, 인물의 건강함과 아름다움을 표현합니다.","careers.socialJob1Title":"고급 사용자 리서치 전문가 - 판매자 인사이트","research.all.the.articles.paragraph51":"비율: 인물의 신체 비율","research.all.the.articles.paragraph50":"AI가 생성한 인체 모델의 자세는 자연스럽고 편안하며 조화로워야 하며, 신체 부위가 경직되지 않고 인체 역학 원리에 부합해야 합니다. 물체와의 상호작용이 수반되는 자세에서는 올바른 힘의 관계를 유지해야 합니다. 생성된 인체 모델의 자세 상태에서는 뼈와 근육이 합리적으로 밀착되어 있어야 하며, 사지의 비율이 자연스럽고, 헤어스타일의 움직임과 몸의 움직임이 일치하며, 의상의 움직임 폭도 조화를 이루어야 합니다.","home.award1Title2":"레드닷 디자인 어워드","home.award1Title1":"IF 디자인 어워드","research.element.mapping.schema.template":"요소 매핑 스키마 템플릿","careers.socialJob10Date":"2026.01.12","home.award1Title3":"애플 디자인 어워드","careers.socialJob6Years":"5년","research.icon.design":"아이콘 디자인","home.browseVideosTitle":"우리는 즐거운 일을 추구합니다.","home.research3Title":"타오바오 인터랙티브 게임 디자인 트렌드 연구","research.taobaoInteractiveGame.members":"기여자","research.taobaoInteractiveGame.artGraph":"인터랙티브 게임 아트 스타일 아틀라스","research.all.the.articles.paragraph69":"관련 없는 내용의 침입을 피하십시오: AI가 생성한 이미지에는 상품과 관련이 없는 요소를 배제하여, 관객의 주의를 분산시키고 상품에 대한 관심을 약화시키는 것을 방지해야 합니다.","research.all.the.articles.paragraph68":"주체의 의도치 않은 자르기 방지: AI로 생성한 이미지는 상품 주체가 항상 화면의 적절한 위치에 있도록 해야 하며, 부적절한 위치로 인한 자르기가 발생하지 않도록 주의해야 합니다.","research.all.the.articles.paragraph67":"주체가 프레임 밖으로 벗어나서 잘려 나가는 것을 방지하고, 화면 밖의 연상 공간을 잃지 않도록 해야 합니다. AI를 통해 상품 이미지를 생성할 때는 상품 주체의 내용이 완전하게 유지되는 것을 최우선으로 보장해야 합니다. 이는 단순히 주체가 의도치 않게 잘리는 것을 막는 것뿐만 아니라, 관련 없는 내용으로 인한 방해를 차단하고, 주체 요소가 넓은 면적에 가려지는 것도 피하는 것을 포함합니다.","research.all.the.articles.paragraph66":"장면의 느낌을 표현할 때의 처리 방식: 전체 장면의 분위기를 전달하는 데 중점을 둘 경우, 구도는 인물 모델과 환경을 완전히 유지해야 합니다. 이때 상품은 일반적으로 장면의 일부로서 주변 환경과 조화를 이루며 공생하며, 함께 상황이나 서사를 구성합니다.","footer.downloadFailed":"다운로드 실패","research.all.the.articles.paragraph65":"물체의 형태 자체를 표현할 때의 처리 방법: 상품 자체의 형태적 특징을 강조하고자 할 경우, 장면을 적절히 자르거나 잘라낼 수 있습니다.","research.all.the.articles.paragraph64":"구도가 완전하도록 보장하고, 무분별한 자르기로 인해 정보가 누락되지 않도록 주의하세요. 제품 자체를 표현할 것인지, 아니면 장면의 느낌을 전달할 것인지 구분해야 합니다. 전자의 경우 사람 모델을 필요에 따라 자를 수 있지만, 후자의 경우에는 사람 모델과 환경의 완전성을 유지해야 합니다.","banner.cameraTryTurnOn":"카메라를 열어보세요.","research.all.the.articles.paragraph63":"구도의 완전성","careers.socialJob6Location":"항저우","research.all.the.articles.paragraph62":"인공지능이 생성한 상품 이미지의 미학적 기준을 구축할 때, 상품 사진의 구성 완성도, 주체성 및 원근 관계는 모두 우수한 상품 이미지를 만드는 핵심 요소입니다. 이 세 가지 요소는 복합적이고 정교한 시각 언어로 융합됩니다. 구성은 본질적으로 자연 속에 존재하는 혼돈 속에서 내재된 질서를 찾아내고, 흩어진 구성 요소들을 이해하기 쉬운 전체로 조직함으로써 이미지의 의도와 감정을 충분히 전달합니다. 이러한 종합적인 시각 전략은 이미지의 미적 품질을 높일 뿐 아니라, AI가 생성한 상품 이미지가 시장에서 갖는 경쟁력도 강화합니다.","research.all.the.articles.paragraph61":"구도","banner.rulerTryReconnect":"자를 다시 연결해 보세요.","research.all.the.articles.paragraph60":"AI가 상품 이미지를 생성하는 과정에서는 관객 본인의 사고와 인식에 의존해야 합니다. 인간의 잠재의식 속에서는 서로 다른 사물들이 각기 다른 정서적 경향을 지니며, 색채의 냉온 변화는 감정을 자극하고, 물체의 형태와 질감의 변화 역시 보다 심층적인 은유를 담아냅니다. 선택된 배경 요소, 형태와 질감, 환경 분위기는 브랜드의 입장과 주장을 전달하며, 소비자로 하여금 제품 구매가 가져올 행복감과 삶의 질 향상을 상상하게 만듭니다. 동시에 이미지가 지닌 정취를 잘 살려내는 것은 상품 이미지 자체의 미적 경험을 한층 높여주며, 상업성과 예술성을 결합해 판매를 촉진함과 동시에 소비자에게 심미적 즐거움을 선사합니다. 이미지를 생성할 때는 전체적인 분위기를 중심으로 상품 본체를 효과적으로 지원해야 하며, 간접적인 감정과 정취를 통해 소비자의 브랜드에 대한 심리적 공감을 이끌어내야 합니다.","careers.intern":"인턴 모집","careers.internJob1Date":"2026년 3월 17일","careers.socialJob13Location":"항저우","research.machine.interpretable.design.system1":"디자인 시스템 규격 지식","research.all.the.articles.paragraph29":"기준은 적용 분야와 요구에 따라 변경되고 조정될 수 있으므로, 구체적인 적용에서는 보다 집중적이고 효과적인 대응이 필요합니다.","research.all.the.articles.paragraph28":"질감","research.natural.and.expressive.motion":"{{bold}}자연스럽고 표현력 있는 모션{{/bold}} — 자연스러운 논리를 따라 모션 디자인을 적절히 적용하여 애니메이션이 내포하는 이야기적 의미를 전달하고 시각적 생동감을 높이세요.","research.all.the.articles.paragraph38":"몰입형 시야: 고객이 제품을 가상으로 둘러보며 다양한 각도에서 살펴볼 수 있도록 360° 몰입형 관찰 시야를 제공해야 합니다. 이러한 가상 탐험은 고객의 시각적 경험을 향상시키고, 보다 현명한 의사결정을 돕는 데 기여합니다.","research.immediate.structural.clarity.establish":"{{bold}}즉각적인 구조적 명확성{{/bold}} — 그래픽 기호와 텍스트 정보가 효과적으로 통합된 명확하고 간결한 시각적 구조를 마련하며, 이상적으로는 통일된 표현을 형성해야 합니다.","research.all.the.articles.paragraph37":"각도 선택: AI 생성 이미지는 다양한 각도에서 제품의 형태를 포착해야 합니다. 각도는 제품 이미지의 시각적 느낌에 직접적인 영향을 미치며, 상품의 특성에 따라 정면도나 3/4 투시 구도를 많이 활용하는 것이 좋습니다. 지평선은 일반적으로 화면 중앙이나 아래쪽에 위치하도록 합니다.","home.award2Desc":"티몰 다모달 상품 표현 시스템","research.all.the.articles.paragraph36":"각도 선택: 상품 전시와 관람 시점","research.all.the.articles.paragraph35":"환원도: 상품 본연의 구조적 표현을 사실적으로 반영해야 하며, 이는 형태 구성, 재질 및 색상 등을 포함합니다. 환경 요인에 의해 영향을 받을 수 있지만, 자연스러운 인지 논리에 부합해야 하며, 상품의 원래 형태에서 벗어나서는 안 됩니다. 시각적 충실도와 환원도 측면에서 AI가 생성한 상품 이미지는 상품의 외관, 비율 및 세부 특징을 정확히 나타내야 합니다. 또한, 상품 자체를 고도로 재현하는 것 외에도 이미지는 최대한 높은 해상도를 유지하고, 상품의 세부 사항을 정밀하게 처리하여 뛰어난 선명도로 정교한 공정 디테일, 재질의 질감 및 복잡한 디자인 핵심을 생생하게 포착함으로써 상품의 공예 수준과 시각적 매력을 충분히 드러내야 합니다.","research.all.the.articles.paragraph34":"상품 형태: 상품 상태는 AI 생성 이미지의 품질을 평가하는 핵심 요소입니다. 생성된 AI 상품의 형태가 완벽하게 유지되도록 보장해야 하며, 결함이나 부적절한 구조와 같은 문제가 발생하지 않도록 해야 합니다. 또한 마감선 추출이 정확히 이루어져 가장자리가 거칠거나 백색으로 비치거나 자주색 경계현상이 나타나지 않도록 해야 하며, 이를 통해 생성된 상품 이미지가 고객의 기대에 부합하도록 해야 합니다.","research.all.the.articles.paragraph33":"객체 본체: 상품의 상태와 진정성을 표현합니다.","research.all.the.articles.paragraph32":"우리가 텍스트나 이미지를 입력으로 모델에 전달할 때, 확산 모델이 노이즈 제거 과정을 통해 생성한 결과는 원본 데이터의 의미를 확장한 것으로 볼 수 있습니다. 이 모델은 개념의 유사성을 유지하면서도 풍부한 변화를 만들어낼 수 있어 콘텐츠 창작의 기술적 경로를 넓혀줄 뿐 아니라, 인공적인 창작에 소요되는 시간 비용을 크게 절감해줍니다. 따라서 AIGC를 통해 생성된 객체의 형태에 대해 일정한 규범적 정의를 마련할 필요가 있습니다. 전자상거래 플랫폼(제품, 인물 모델 등 포함)에 활용되는 AIGC 이미지의 경우, 이를 지원하는 생성 미학적 기준을 수립하여 디지털과 실물 간 융합의 맥락에서 콘텐츠 생산 패러다임의 형성을 촉진해야 합니다.","research.all.the.articles.paragraph31":"전자상거래 분야에서는 사람, 상품, 장소 등 여러 요소들이 지속적으로 해체되고 재구성되고 있습니다. 상품들이 마치 밀물처럼 전자상거래 플랫폼으로 쏟아져 들어오면서 수많은 상품 이미지 처리 수요가 발생하고 있습니다. 이러한 수요는 규모가 방대하고 빠르게 진화하기 때문에 기존의 이미지 제작 및 디자인 프로세스로는 더 이상 대응하기 어려워졌습니다. 이처럼 막대한 작업량에 직면한 상황에서 전통적인 프로세스는 비용 부담이 크고, 물리적 공간과 같은 현실적 제약으로 인해 확장하기도 어렵습니다. 촬영부터 보정, 최종 이미지 게시에 이르기까지 각 단계의 효율성이 상대적으로 낮아 전자상거래의 빠른 반복과 높은 효율성을 요구하는 비즈니스 환경에 적응하지 못하고 있습니다. 상품 카테고리가 지속적으로 확장되고 시장 경쟁이 갈수록 치열해짐에 따라 이러한 문제점들은 더욱 두드러지고 있으며, 현대 전자상거래의 발전 수요를 뒷받침하기 위해 기술 혁신을 통해 보다 유연하고 경제적인 대규모 상품 이미지 처리가 절실히 필요해졌습니다. 그리고 AIGC 기술의 발전과 적용은 이러한 한계를 점차 보완하고 있으며, AI는 전자상거래 플랫폼의 이미지 생산 프로세스와 사용자 경험 습관을 새롭게 재편하고 있습니다.","research.all.the.articles.paragraph30":"물형-상품","research.taobaoInteractiveGam.topic":"연구 주제","careers.socialJob7Team":"타오톈 그룹(1688)","research.design.synthesis.output.excerpt":"디자인 합성 출력(발췌)","careers.socialJob9Location":"항저우","research.this.website.provides.two":"이 웹사이트는 사용자가 AI 도구 내에서 토마일 디자인 사양을 호출할 수 있는 두 가지 방법을 제공합니다: MCP 서버와 컨텍스트 주입입니다. IDE 도구에서 MCP 서버를 원클릭으로 구성하면 시스템이 자동으로 토마일 디자인 지식베이스에 의존하게 됩니다. MCP로 래핑된 API는 사용자의 자연어 명령에 따라 자동 처리를 수행하고 결과를 반환합니다. 지원되는 기능에는 (단순히 제한되지 않지만) 검색 및 워크플로우 실행(runWorkflow) 등이 포함됩니다. 또는 사용자는 특정 지식 모듈 페이지에서 '복사' 또는 '다운로드'를 클릭해 의미론적 규칙, 매핑 스키마, 코드 구현 등을 포함한 스니펫 패키지를 얻은 후, 이를 바로 명령어 입력 상자에 붙여넣어 로컬 편집 및 생성을 진행할 수 있습니다.","research.all.the.articles.paragraph39":"상품 상태: 의류 주름이 적당하며, 상품의 촉감이 조화롭고 풍부합니다.","research.all.the.articles.paragraph49":"자세: 인물의 신체 동작과 몸가짐 및 태도","research.all.the.articles.paragraph48":"시선 상태: 시선이 집중되어 있으며, 표정은 자연스럽고, 시선과 몸의 움직임이 일치합니다. 다양한 얼굴 특징과 표정은 제품 이미지에 재미와 매력을 더하며, 다양한 제품 카테고리와 목표 고객층에 맞춰 활용될 수 있습니다. 이러한 감정적 연결은 고객의 인식과 구매 결정에 영향을 미치며, 공감대를 강화합니다.","research.all.the.articles.paragraph47":"표정 관리: 시각적으로 렌즈의 미학을 연출해야 하며, 생성된 인형의 표정은 편안하고 자연스러워야 하며 상품의 성격에 부합해야 합니다. 분노나 멍한 표정과 같은 부정적인 표정은 피해야 합니다.","home.research7Title":"수타오 사용자 경험 디자인 원칙","research.all.the.articles.paragraph46":"렌즈: 인물이 렌즈 앞에서 보이는 표정과 눈빛 상태","research.all.the.articles.paragraph45":"성별 및 인종적 특징: 제품 스타일과 미학적 정체성에 따라 AI는 목표 소비자층 및 문화적 배경에 부합하는 얼굴 특징을 생성해야 하며, 다양한 미학적 스타일에 맞춰 사람 모델과 장면 간의 단절감을 방지해야 합니다. 사람 모델을 생성할 때는 목표 소비자층의 피부색, 모발 질감과 헤어스타일, 얼굴 특징 등을 고려해야 하며, 얼굴 특징은 성별 차이를 반영하고 상품 스타일과 조화를 이루어야 하며, 비정상적인 성별 표현은 피해야 합니다.","research.all.the.articles.paragraph44":"비율과 기질: 얼굴 부위의 비율은 인체 해부학적 구조에 맞아야 하며, 형태는 자연스럽고 사실적으로 표현되어야 하고, 구조가 조화를 이루어야 합니다. 이는 얼굴 비율, 골격 구조, 표정 등의 세부 사항을 포함하며, 전체적으로 조화로운 아름다움을 선사해야 하며 왜곡되거나 병적인 느낌은 피해야 합니다. 또한 동일한 모델이 다양한 장면에서 등장할 때는 얼굴 특징이 일관성을 유지해야 하며, 이는 AI 생성 이미지에서 특히 중점적으로 고려해야 할 사항입니다.","research.all.the.articles.paragraph43":"오관: 인물 외모의 다섯 가지 얼굴 특징","research.all.the.articles.paragraph42":"물형-인모","research.all.the.articles.paragraph41":"장애물 없는 설계: AI가 생성한 제품 콘텐츠는 선별 및 조정 과정을 거쳐 알고리즘이 포용성 원칙을 준수하도록 보장해야 합니다. 예를 들어, 색약 또는 색맹 사용자에게 충분한 색 대비를 제공함으로써 가능한 한 모든 사용자가 쉽게 상품 정보에 접근할 수 있도록 보장합니다.","research.all.the.articles.paragraph40":"상품과 대상 간의 적합성: AI가 생성한 이미지는 제품의 원래 상태를 정확히 반영해야 합니다. 의류 제품의 주름은 자연스러워야 하며, 모델이 착용했을 때 몸매에 잘 맞아야 하고, 걸이형 의류는 걸어놓는 방식이 합리적이어야 하며, 부자연스러운 구부러짐이나 변형이 없어야 합니다. 또한 제품은 환경 및 다른 물건들과의 비율이 조화를 이루어야 하므로 사용자가 정확히 치수를 판단할 수 있고, 소비자를 오도하는 일이 없도록 해야 합니다.","research.all.the.articles.paragraph0010":"AI로 이미지를 생성할 때는 제품의 형태를 다양한 각도에서 포착해야 합니다. 각도는 제품 이미지의 시각적 느낌에 직접적인 영향을 미치며, 상품의 특성에 따라 정면도나 3/4 투시 구도를 많이 활용하는 것이 좋습니다. 지평선은 일반적으로 화면 중앙이나 아래쪽에 위치하도록 합니다.","research.all.the.articles.paragraph0012":"실제와 같은 360° 관찰 시각을 제공하여 고객이 가상으로 제품을 둘러보며 다양한 각도에서 살펴볼 수 있도록 해야 합니다. 이러한 가상 탐험은 고객의 시각적 경험을 향상시키고, 보다 현명한 결정을 내리는 데 도움을 줍니다. 상품 상태: 의류 주름이 적절하며, 제품의 촉감이 조화롭고 풍부합니다.","research.all.the.articles.paragraph0011":"몰입형 시점:","research.all.the.articles.paragraph0014":"AI가 생성한 이미지는 제품의 원래 상태를 정확히 반영해야 합니다. 의류 제품의 주름은 자연스러워야 하며, 모델이 착용할 때는 몸매에 딱 맞아야 하고, 걸이형 의류는 적절한 방식으로 걸려 있어 부자연스러운 휘어짐이나 변형이 없어야 합니다. 제품은 환경 및 다른 물품과의 비율이 조화를 이루어야 하며, 이를 통해 사용자가 정확히 치수를 판단하고 소비자를 오도하는 것을 방지해야 합니다.","research.all.the.articles.paragraph0013":"상품과 대상의 적합한 관계:","careers.socialJob8Title":"고급 경험 디자이너 - 타오공장","research.all.the.articles.paragraph0016":"AI가 생성한 제품 콘텐츠는 선별 및 조정 과정을 거쳐 알고리즘이 포용성 원칙을 준수하도록 보장해야 합니다. 예를 들어, 색약 또는 색맹 사용자에게 충분한 색상 대비를 제공함으로써 가능한 한 모든 사용자가 쉽게 상품 정보에 접근할 수 있도록 보장해야 합니다.","research.all.the.articles.paragraph0015":"무장애 설계:","research.all.the.articles.paragraph16":"영상 동영상","research.all.the.articles.paragraph15":"부분 정지 프레임","research.all.the.articles.paragraph14":"캐릭터 기본 설정","research.strategy.breakdown.theme.content":"전략 분해: 주제, 콘텐츠, 형식은 서로 단독으로 존재해서는 안 됩니다. 주제는 핵심적인 의미를 나타내며, 콘텐츠는 정보적 내용을 구성하고, 형식은 표현 방식을 정의합니다. 상징적 서사 표현이란 적절한 시각적 기호를 사용해 주제의 의미적 함의를 지도화하는 것을 말하며, 이를 통해 사용자에게 인지적 틀을 마련해줍니다. 우선적으로 사용자가 메시지가 무엇을 나타내는지 먼저 이해한 뒤, 보조 정보를 통해 세부적인 내용을 습득하도록 하는 것이 중요합니다.","careers.internJob4Title":"AIGC 디자이너","research.all.the.articles.paragraph13":"본 연구는 AI 동적 제작 프로세스, 표현의 안정성, 상품 및 디지털 휴먼 영상 아이디어 등 다양한 방향을 중심으로 전자상거래 환경에 적합한 AI 동적 이미지 디자인 방법을 탐구하며, 디자인 효율성과 사용자 경험을 향상시키고자 합니다. 또한 중국미술학원과의 협력을 통해 연구의 전문성과 업계 내 영향력을 강화하고, 타오톈의 AI 동적 디자인 역량이 지속적으로 선진성을 유지하도록 촉진할 것입니다.","research.all.the.articles.paragraph12":"AI 동적 제작 기술의 빠른 발전에 따라 브랜드와 인터넷 플랫폼은 제품 및 마케팅 커뮤니케이션에서 AI의 활용을 지속적으로 모색하고 있으며, 이를 통해 브랜드 인지도를 높이고 비즈니스 모델을 혁신하고 있습니다. 전자상거래 디자인 팀에게 있어 AI 동적 영상 역량 구축은 전자상거래 콘텐츠의 영상화 추세에 대응하는 핵심적인 조치일 뿐 아니라, 미래 전자상거래 콘텐츠 형태를 탐구하는 중요한 방향이기도 합니다.","research.all.the.articles.paragraph11":"프로젝트 배경","research.all.the.articles.paragraph10":"‘TAO’AI 디지털 휴먼 동영상 연구","research.this.intuitive.information.expression":"이 '직관적 정보 표현' 디자인 이니셔티브는 마케팅 디자인의 현주소에 대한 솔직한 성찰에서 시작되었습니다. 앱을 실행하는 순간 스플래시 화면이 사용자의 눈앞을 스쳐 지나가고, 상호작용 중 갑자기 팝업이 뜨며, 메인페이지 상단에는 광고성 헤더가 끊임없이 상업적 의도를 담고 있을 때, 우리는 더 이상 단순히 디자인이 존재하느냐는 질문에 만족하지 않습니다. 오히려 보다 심도 있는 질문을 던지게 됩니다: 사용자들이 한눈에 이해할 수 있을까? 직관적으로 메시지를 파악할 수 있을까? 자연스럽게 행동으로 이어질 수 있을까?","products.official.website.introduction.paragraph":"VersionAI Tmall 웹사이트의 페이지 구조와 디자인 시스템 지식 구조는 일치하며, 스타일, 페이지 및 하위 항목으로 구성된 트리형 탐색 방식을 채택하고 있습니다. 각 지식 단위 페이지에서는 인간이 읽을 수 있는 규칙과 AI가 읽을 수 있는 규칙을 서로 전환할 수 있으며, 조각별 지식을 복사하거나 다운로드하는 기능도 지원합니다. 또한 배포 페이지를 통해 사용자가 해당 규범을 호출해 인터페이스를 생성하는 방법을 안내하고 있습니다.","research.spacing.semantic.rules.excerpt":"간격 의미 규칙(발췌)","careers.socialJob9Years":"3년","research.all.the.articles.paragraph0022":"AI 이미지 생성 미학 기준은 예술, 디자인, 인간-컴퓨터 상호작용 등 다양한 분야와 관련이 있습니다. 다음은 타오바오 플랫폼의 이미지 생성 미학 기준으로, 이미지 생성 요소의 품질과 각 요소 간 상호작용을 고려한 세부 기준 사항들을 다룹니다. 이러한 기준들은 생성된 이미지의 품질과 매력을 보장하는 데 도움을 줍니다. 상품별 미학 기준은 크게 다섯 가지 범주로 나뉩니다: 1. 물체 형태 2. 장면 3. 구도 4. 빛과 그림자 5. 질감입니다. 이 기준들은 적용되는 환경과 요구에 따라 일부 변경되고 조정될 수 있으므로, 구체적인 활용 시에는 더욱 집중적이고 효과적인 대응이 필요합니다.","research.component.semantic.rule.template":"구성 요소 의미 규칙 템플릿(발췌)","home.award1Desc":"타오바오 뷰","research.all.the.articles.paragraph19":"AI가 예술, 디자인, 문화 분야에서 점차 더 많이 활용됨에 따라 AI 미학은 큰 주목을 받는 분야가 되었습니다. 특히 예술 창작에서의 AI 활용은 AIGC 시대에 대한 새로운 이해를 불러일으키고 있습니다. AI 미학의 기준은 인간의 창의성과 기계 학습 알고리즘을 어떻게 조합하여 매력적인 지능형 경험을 만들어낼 것인지와 관련이 있습니다. 미학적 기준에서는 작품이 다양성과 포용성을 반영하는지에 주목해야 하며, 특정 집단에 대한 편견이나 차별을 피해야 합니다. 또한 작품이 감정을 어떻게 촉발하고 전달하며, 깊이 있고 감동적인 결과물을 만들어내는지도 고려해야 합니다. 동시에 AI가 생성한 작품에 사회적·문화적 가치관이 반영되었는지, 그리고 윤리적 기준을 준수했는지도 검토해야 합니다.","research.final.interface.code.generation":"최종 인터페이스 코드 생성 출력(발췌본)","research.all.the.articles.paragraph18":"미학적 준거는 작품의 창작과 감상 과정에서 작용하는 요소와 기준을 다룹니다. 미학 분야에서는 오랫동안 논쟁이 있어왔는데, 과연 아름다움이 객관적으로 존재하는 특성인지, 아니면 주관적인 경험에 의한 심리적 감각과 정서적 표현의 산물인지를 둘러싸고 의견이 갈려왔습니다. 일부 미학 이론은 대칭과 균형의 중요성을 강조하지만, 또 다른 이론들은 비대칭적이고 불규칙한 형태가 지닌 매력을 중시합니다. 예술과 일상생활의 관점에서도, 미학을 예술과 일상생활이 분리된 독립된 영역으로 보는 견해가 있는 반면, 예술과 삶이 긴밀히 연결되어 있다고 주장하는 이론도 있습니다. 종합해 보면, 시대와 문화에 따라 각기 다른 아름다움의 기준이 존재하며, 아름다움에 대한 이해와 표현 방식 역시 다양하게 차이가 나므로, 미학적 준거 역시 다양한 모습과 변화를 보입니다.","research.all.the.articles.paragraph17":"미학은 심미적 활동의 법칙을 연구하는 학문으로, 미와 예술, 심미적 경험을 다루는 철학의 한 분야이며 형이상학적 탐구와 사변적 성격을 풍부하게 지니고 있습니다. 미학의 원칙들은 아름다움의 본질, 아름다움의 기준, 작품에 대한 평가 등과 관련된 문제들을 다루며, 광범위하고 깊이 있는 영역입니다.","banner.punchedTapePlaceholder2":"클래식한 천공 테이프를 경험해 보세요","research.all.the.articles.paragraph0018":"옷의 주름이 합리적이고, 상품의 감각적 느낌이 조화롭고 풍부합니다.","research.all.the.articles.paragraph27":"빛과 그림자","research.all.the.articles.paragraph0017":"상품 상태:","research.all.the.articles.paragraph26":"구도","research.all.the.articles.paragraph25":"장면","research.all.the.articles.paragraph24":"물형","research.the.intent.recognition.agent":"의도 인식 에이전트는 사용자의 쿼리 문자열을 입력으로 받아들입니다(예: \"신제품 쇼핑 가이드 채널 생성\"). 이는 지식 검색 요구사항 체크리스트를 출력하며, 예를 들어 \"요구사항 유형(기존 모듈의 구성적 재사용), 페이지 유형(쇼핑 가이드 페이지), 정보 구조(제품 카드), 상호작용 제약조건(필터링 가능 여부), 콘텐츠 요구사항(혜택/제공 정보) 등\"과 같은 내용을 포함합니다. 그런 다음 이 체크리스트를 다음 에이전트로 전달합니다.","research.all.the.articles.paragraph23":"상품 기반의 미학적 기준은 다섯 가지로 나뉩니다:","research.all.the.articles.paragraph22":"AI 이미지 생성 미학적 기준은 예술, 디자인, 인간-기계 상호작용 등 다양한 분야에 관련됩니다. 다음은 타오바오 플랫폼의 이미지 생성 미학적 기준으로, 이미지 생성 요소의 품질과 각 요소 간의 상호작용을 고려한 세부 기준 사항들을 다룹니다. 이러한 기준들은 생성된 이미지의 품질과 매력을 보장하는 데 도움을 줍니다.","careers.socialJob1Team":"타오톈 그룹","research.all.the.articles.paragraph21":"AI 상품 미학 기준","research.all.the.articles.paragraph20":"이 연구는 2024년에 타오톈 체험디자인과 중국미술학원 시각커뮤니케이션학과의 정차오 교수팀이 공동으로 AI 상품 미학에 관한 연구를 진행했습니다. 이 프로젝트는 총 1년간 진행되었으며, 1기의 학교-기업 협력 과정을 통해 효과적인 AI 상품 미학 기준을 제시했습니다. 이는 타오바오 플랫폼에서 인공지능(AI)의 실제 전자상거래 분야 발전을 이끌고, 상업용 플랫폼에서 창조적이고 선도적인 역할을 수행하며, 인간의 가치와 심미성에 긍정적이고 뛰어난 기여를 하도록 하는 것을 목표로 합니다.","research.taobaoInteractiveGam.paragraph3":"타오바오 전자상거래 상호작용 게임의 유형론을 바탕으로 현재 시장 트렌드를 참고하여, 본 연구는 디자인 관점에서 전문적인 분해 작업을 수행합니다. 이 연구는 게임플레이 유형, 아트 스타일, UI 디자인, 모션 효과 등 네 가지 차원에 걸쳐 모듈식 연구로 구성되어 완전한 연구 주제를 형성하며, 최종적으로 완성된 연구 논문으로 마무리됩니다.","research.taobaoInteractiveGame.farmMapLevelDesign":"중디바: 아틀라스 및 레벨 기반 디자인","research.all.the.articles.new.label9":"타오톈 디자인","careers.internJob1Location":"항저우","research.all.the.articles.new.label8":"자체 설계","research.all.the.articles.new.label7":"티몰 판매자 브랜드 마케팅 디자인","research.all.the.articles.new.label6":"타오톈 브랜드 및 판매자 마케팅 디자인","research.all.the.articles.new.label5":"멀티 플랫폼 이노베이션 경험 디자인","research.all.the.articles.new.label4":"협력 교육 기관","research.all.the.articles.new.label3":"타오바오 좋은 가격 디자인","research.all.the.articles.new.label2":"사용자와 인터랙션 디자인","research.color.semantic.rules.excerpt":"색상 의미 규칙(발췌)","research.this.substantial.volume.of":"반복적이고 구조적으로 유사한 디자인 작업이 이처럼 방대하게 쌓여 있는 상황에서는 자동화된 AI 기반의 디자인 생성 방법이 시급히 필요하며, 이를 통해 효율성과 결과물의 품질을 크게 개선할 수 있습니다.","research.multi.agent.workflow":"다중 에이전트 워크플로우","research.next.we.engineer.the":"다음으로, 인터페이스 설계 및 생성을 위한 워크플로우를 엔지니어링합니다. 다중 에이전트 방식의 상류에서 하류로 이어지는 협업 프로세스는 본질적으로 각 하위 에이전트의 정의와 구성, 그리고 이들 간의 체인링 로직을 의미합니다. 각 에이전트는 상류 입력, 기본 모델, 메모리, 시스템 프롬프트(역할 및 작업), 지식베이스(또는 데이터베이스), 도구(MCP, 플러그인), 하류 출력을 포함합니다. 하위 에이전트의 프롬프트에 참조되는 접근 경로, 객체 명명 규칙, 입출력 계약 등이 일관성 있고 통일성을 유지하도록 보장하는 것이 매우 중요합니다.","research.taobaoInteractiveGame.caseStudies1":"인터랙티브 게임 장르 도표 애플리케이션","research.taobaoInteractiveGame.conclusion":"결론","careers.socialJob2Years":"2년","careers.socialJob6Team":"타오톈 그룹(1688)","research.economic.aesthetics.paragraph21":"레이아웃 원칙","research.economic.aesthetics.paragraph22":"차가운 플랫폼의 권익 메커니즘을 사용자가 익숙한 감각적 자극과 정서적 보상으로 전환하여, 제품 경험을 사용자가 학습해야 하는 기계가 아니라 즉각적인 즐거움과 확실성을 제공하는 '장난감'으로 만듦으로써 사용자 충성도를 강화하는 것을 목표로 합니다.","awards.taobaoInteractiveGame.link2":"레드닷 디자인 어워드 2025 보기","research.economic.aesthetics.paragraph23":"모션 효과 원칙","awards.taobaoInteractiveGame.link3":"Apple Design Award 2025 보기","research.economic.aesthetics.paragraph24":"주체물 + 색상 + 문구 + 레이아웃 + 애니메이션 = 미학 모델의 5가지 요소.","research.economic.aesthetics.paragraph20":"핵심은 핵심 정보를 추출해 확대하고, 시청각 및 촉각 등 다중 감각 통로를 활용해 반복적으로 노출하며, 풍부하고 다양한 콘텐츠를 소비자에게 제공하는 데 있습니다.","research.building.internal.design.consensus":"마케팅 시나리오에서 직관적인 정보 표현을 위한 내부 디자인 합의 구축하기","awards.taobaoInteractiveGame.link1":"IF 디자인 어워드 2025 보기","research.economic.aesthetics.paragraph29":"02 거리의 미학","research.taobaoInteractiveGame.babaFarmFullSceneMotionDesignExcerpt":"바바 농장: 초현실주의 예술 스타일 적용","research.economic.aesthetics.paragraph26":"5가지 요소에 따른 다양한 디자인 기법의 조합적 적용을 통해 작은 도시 사람들의 선호에 부합하는 다양한 미학적 스타일을 구현할 수 있습니다.","footer.contactXiaohongshu":"샤오홍슈","research.economic.aesthetics.paragraph27":"01 슈퍼마켓 촉감","research.economic.aesthetics.paragraph28":"슈퍼마켓은 작은 도시 사람들에게 매일 빠질 수 없는 생활의 한 장면입니다. 슈퍼마켓에서 추출한 요소들을 재디자인함으로써, 사람들이 익숙한 장면을 그대로 재현해 감정적 공감을 불러일으킵니다.","research.economic.aesthetics.paragraph10":"작은 도시 거리 개요","research.economic.aesthetics.paragraph11":"지나치게 사변적이고 추상적인 것을 추구하지 않으며, 기능의 직접적 표현과 아름다운 함의에 더 중점을 둡니다. 생활 속에서 얻은 생생한 비유를 즐겨 사용합니다. 언어 체계의 일관성을 추구하지 않으며, 전통적 토템, 인터넷 용어, 해학적 관용구, 정부 슬로건이 같은 대화 장면에 등장하기도 합니다.","research.economic.aesthetics.paragraph12":"생활 속의 문안 유형 개요","research.economic.aesthetics.paragraph13":"생활 환경의 색상을 색채 기반으로 삼아 순도와 명도를 조정하여 화면 색상의 눈으로 느끼는 재현성을 보장합니다. 색채의 정서적 인식을 계승해 온라인 환경에서도 그 적용 범위를 확장합니다.","careers.internJob3Date":"2026년 3월 17일","research.element":"요소","awards.tmall.products.title1":"티몰 다모달 상품 표현 시스템","awards.tmall.products.title3":"티몰 다모달 상품 표현 시스템은 2022년 IF 디자인 어워드 - 사용자 경험 디자인 부문을 수상했습니다.","awards.tmall.products.title2":"티몰 다모달 상품 표현 시스템, IF 디자인 어워드 수상","research.regardless.of.whether.a":"디자인 시스템이 오픈소스이든, 도구가 기능적으로 완벽하든 간에, 현재 모든 기업 디자인 팀은 동일한 핵심 과제에 직면해 있습니다: 디자인 도구나 대규모 모델과 연계될 수 있는{{bold}}AI 친화적인 디자인 지식 시스템을 명확히 하고 구축하는 것{{/bold}}입니다.","careers.internJob2Years":"인턴십","footer.copySuccess":"복사 성공","careers.socialJob2Team":"타오톈 그룹","awards.tmall.products.title9":"묘만점 #재보향료# 뮤즈 금상","research.economic.aesthetics.paragraph18":"추상적인 가격/파라미터를 사용자가 친숙하게 느끼는 일상적 개념(시간, 음식, 행동, 소액 소비)으로 전환함으로써 의사결정의 장벽을 낮춥니다.","awards.tmall.products.title8":"MUSE 플래티넘 어워드 프로젝트 링크","research.economic.aesthetics.paragraph19":"문안 설명 원칙","awards.tmall.products.title5":"멀티모달 제품 프레젠테이션 시스템 설계 핵심 요약","research.economic.aesthetics.paragraph14":"작은 도시의 미학 색상 시스템","awards.tmall.products.title4":"IF 디자인 어워드 2022 보기","research.economic.aesthetics.paragraph15":"색상 기분 배치","awards.tmall.products.title7":"고양이 초운수통 MUSE 플래티넘상","research.economic.aesthetics.paragraph16":"최대한 실제 상품을 사용하고, 실제 소비 환경을 모의해 사용자의 연상을 형성하며 거리를 좁히고 행동 기억을 활성화하십시오.","awards.tmall.products.title6":"이 프로젝트는 알리그룹의 전자상거래 플랫폼을 기반으로 온라인 쇼핑 경험을 한층 업그레이드하기 위해 설계된 제품 매트릭스입니다. 수백만 가지에 이르는 다양한 상품 특성의 표현 요구를 해결하고, 소비자의 사용 습관과 티몰의 첨단 기술에 대한 오랜 축적을 결합해, 몰입감 높고 지능적인 온라인 구매 경험을 제공합니다. 소비자는 상품과 직접 상호작용할 수 있을 뿐 아니라, AI를 활용해 빠르게 동적 콘텐츠를 생성할 수도 있어, 집에서 편안히 보다 종합적으로 상품을 경험할 수 있습니다.","research.economic.aesthetics.paragraph17":"그래픽 및 질감 원칙","footer.download":"다운로드","research.switch.to.ai.facing":"AI 대응 규칙으로 전환하기","research.all.the.articles.name_custom9":"하오 지옹","research.all.the.articles.name_custom6":"위 원","research.all.the.articles.name_custom5":"공 밍","research.all.the.articles.name_custom8":"원 치","research.all.the.articles.name_custom7":"심 콩","research.all.the.articles.name_custom2":"푸 러","research.all.the.articles.name_custom1":"루 예","research.all.the.articles.name_custom4":"예 리","research.all.the.articles.name_custom3":"지 리","research.asset.knowledge.consists.of":"자산 지식은 이미지, 아이콘, 로고, 태그와 같은 단위로 구성되며, 페이지 콘텐츠를 채우는 데 있어 주요한 자료 원천 역할을 합니다. 자산에 대한 의미론적 규칙에는 자산 정의, 속성 변수, 필수 규칙 및 기능적 사용법이 포함됩니다. 특정 자산 유형에 따라 자산 지식이 코드 구현을 필요로 할 수도 있고 그렇지 않을 수도 있습니다—예를 들어, 아이콘은 코드 구현을 요구하는 반면 이미지는 일반적으로 코드 구현을 필요로 하지 않습니다. 이러한 경우, 구현은 의미론적 규칙에 정의된 명명 규칙과 일치하는 소스 자산 파일(예: SVG 또는 PNG) 형태를 취합니다. 자산에 대한 매핑 스키마는 요소에 사용된 것과 동일한 템플릿을 따릅니다. 아이콘을 예로 들면, 아래 그림은 디자인 아티팩트가 의미론적 규칙, 매핑 스키마 및 코드 구현의 세 가지 파일 유형으로 변환되는 과정을 보여줍니다.","research.symbolization.translating.the.core":"{{bold}}기호화{{/bold}}: 마케팅 정보의 핵심 의미를 보편적으로 인식 가능한 기호나 이미지를 사용해 구체적인 시각적 표현으로 변환하는 것.","banner.clearAll":"전체 삭제","awards.taobaoInteractiveGame.paragraph2":"타오바오 비전은 포괄적인 쇼핑 기능을 제공하면서 애플 비전 프로의 특징인 공간 컴퓨팅, 공유 공간, 3D 콘텐츠, 눈과 손 추적 인터랙션 등을 완벽히 활용해 사용자에게 더욱 직관적이고 몰입감 높으며 풍부하고 즐거운 쇼핑 경험을 선사합니다. 동시에 수만 개의 브랜드가 혼합현실 공간을 통해 자사의 제품, 콘텐츠, 스토리를 사용자의 실제 집안으로 가져올 수 있도록 지원합니다.","awards.taobaoInteractiveGame.paragraph1":"타오바오 비전의 경험 디자인은 2025년 애플 디자인 어워드 인터랙션 카테고리에서 수상했습니다. 이후 IF 디자인 어워드 사용자 경험 디자인 부문과 레드닷 디자인 어워드 인터페이스 및 사용자 경험 디자인 부문에서도 잇달아 수상했습니다.","footer.allRightsReserved":"저작권 보유","home.research4Title":"AI 미학","research.the.complete.generation.pipeline":"전체 생성 파이프라인은 다음과 같은 순서로 진행됩니다: 1. {{bold}} 사용자가 자연어 형태의 요구사항을 입력합니다.{{/bold}} 2. {{bold}} 요청은 의도 인식 에이전트로 전달되며,{{/bold}} 이 에이전트는 모호한 입력을 시스템에서 해석 가능한 설계 의도로 확장하고 구조화된 요구사항 설명을 출력하여 이후의 의사결정을 위한 명확한 경계 조건을 제공합니다. 3. {{bold}} 다음으로 지식 검색 에이전트가 작동하며,{{/bold}} 현재의 의도에 따라 검색 증강 생성(RAG) 기법을 활용해 외부에서 가져온 디자인 시스템 사양 지식에서 관련성이 높은 문맥 정보를 선택적으로 검색합니다. 4. {{bold}} 그다음, 설계 종합 에이전트가{{/bold}} 정의된 경계 조건 내에서 검색된 사양 문맥을 평가하고 구성하며 인스턴스화하여 중간 구조화 데이터 개요(스키마\\*)를 생성합니다. 이 스키마는 페이지 구조, 구성 요소, 스타일 및 콘텐츠를 명시적으로 기술하며 완전히 구조화된 설계 솔루션을 형성합니다. 5. {{bold}} 마지막으로, 코드 생성 에이전트가{{/bold}} 스키마를 기반으로 디자인 시스템 사양 지식을 다시 조회하고, grep 기반 검색을 통해 해당 코드베이스 아티팩트를 찾아 호출합니다. 또한 생산 준비가 된 구성 요소 속성, 스타일 변수 및 리소스 경로와 일치시켜 최종 UI를 생성합니다.","research.minimal.necessary.hierarchy.reduce":"{{bold}}최소한의 필수 계층 구조{{/bold}} — 정보 계층 구조를 본질적인 최소한으로 줄이십시오. 인지 부하를 줄이기 위해 타이포그래피의 비율 조정, 구분, 층위 구조의 과도한 사용을 피하십시오.","careers.internJob1Desc":"설계팀의 AI 설계 플랫폼 구축 및 유지 관리 책임자로서, 설계 지식, 워크플로우 및 AI 역량을 통합하여 설계팀의 생산성, 품질 일관성 및 지식 재사용률을 지속적으로 향상시킵니다. 설계 시스템의 지능화 핵심 구축자로서, '설계', '엔지니어링', 'AI 설계 도구'의 세 분야를 연결하며, 팀 내에서 AI가 실현 가능하고 반복 가능하며 통제 가능한 상태로 자리잡도록 보장합니다. 독립적으로 설계 지능 시스템을 구축하고 최적화할 수 있으며, 아키텍처와 워크플로우 운영 메커니즘을 이해합니다. 설계 지능 시스템의 아키텍처 진화와 크로스플랫폼 워크플로우 통합을 주도합니다. 전 팀을 대상으로 한 지능형 설계 플랫폼을 구축하여 규모에 맞는 역량 강화를 실현합니다. 지능 시스템 구축을 담당하며, 팀의 설계 에이전트(Design Agent) 시스템의 아키텍처를 구축하고 유지관리합니다. 지식 체계와 RAG 유지관리를 담당하며, 설계 지식베이스(Design Knowledge Base)의 구축과 발전을 책임집니다. 또한 워크플로우의 지능화 및 도구 통합, 설계 에이전트의 성능 모니터링과 평가를 수행합니다.","careers.social":"사회 채용","research.generated.interface.preview":"생성된 인터페이스 미리보기","products.design.specifications.new.paragraph08":"전자상거래 디자인의 핵심 모순을 직시하라: '소비자가 첫눈에 보는 것은 바로 가격인데, 어떻게 하면 디자인이 가격 인식을 방해하지 않도록 할 것인가?' 제이슨은 전 과정 통합적 관점에서 브랜드 디자인이 사용자가 외부 광고부터 결제 성공까지 이르는 모든 접점에서 일관된 표현을 유지할 수 있는지 설명했다. 싱글데이와 같은 초대형 트래픽 장에서는 디자인이 분위기 조성과 거래 효율성을 균형 있게 맞춰야 한다. 핵심 정보를 묻히지 않으면서도 브랜드의 따뜻함을 전달해야 하는 것이다. 팀의 전략은 경제 환경에 따라 유연하게 조정된다: 2024년에는 소비 위축기에 맞춰 '큰 글씨 포스터' 스타일의 디자인을 채택해 '전 상품 15% 할인' 등 강력한 혜택을 부각하고 정보의 효율성과 인식 속도를 중시했다. 2025년에는 경제 회복기에 발맞춰 '온전히 몰입, 다채로운 삶'이라는 주제로 업그레이드했으며, AI와 생태계 역량을 적극적으로 도입해 브랜드의 마음과 감정적 연결에 집중하는 방향으로 전환했다.","careers.socialJob12Team":"타오톈 그룹","products.design.specifications.new.paragraph09":"유스는 인터랙티브 게임 디자인 공유에서 '가볍지만 중독성 있는' 디자인 철학을 깊이 있게 설명했습니다. 그는 명확히 밝혔습니다: 인터랙션은 단순한 독립적 기능이 아니라, '접속, 탐색, 참여, 획득, 구매'를 연결하는 핵심적인 경험의 고리입니다. 이러한 목표를 달성하기 위해 타오톈은 전 시나리오를 포괄하는 인터랙티브 시스템을 구축했습니다: 마케팅 인터랙션은 폭발적인 반응을 유도하고, 일상적 인터랙션은 사용자의 습관을 형성하며, 제품 내 인터랙션은 채널 운영을 지원하고, 소규모 게임 생태계는 트래픽 교환을 실현합니다. 예를 들어 출석 부문을 보면, 디자인이 명확한 3단계 논리를 보여줍니다—메인 라인은 핵심 경로에 집중하고, 미션은 행동의 한계를 확장하며, 서브라인은 개별적인 상황을 충족함으로써 긴장과 이완이 조화된 참여 리듬을 만들어냅니다.","research.versionai.tmall.is.an":"VersionAI Tmall은 AI 기반의 디자인 사양 웹사이트입니다. 이 사이트에는 위에서 설명한 모든 디자인 지식이 수록되어 있으며, 사용자가 Tmall 디자인 사양에 맞는 사용자 인터페이스를 생성하고, 디자인 리뷰를 진행하며, Q&A를 해결하는 데 도움을 줍니다. 사이트의 페이지 구조는 디자인 시스템의 지식 구조와 일치하며, 스타일, 사례 및 그 하위 지식 모듈로 구성된 트리형 탐색 방식으로 정리되어 있습니다. 각 지식 모듈 페이지에서는 사람을 위한 규칙과 AI를 위한 규칙 간에 전환할 수 있으며, 지식 스니펫을 복사하거나 다운로드하는 기능도 지원합니다. 또한 배포 페이지에서는 사용자가 사양을 호출해 인터페이스를 생성하는 방법을 안내합니다. 블로그 섹션에서는 프로젝트의 주요 학습 내용을 담고 있으며, 이번 글 외에도 두 편의 실습 자료인 「AI 협업 홈페이지 컨셉 동영상」과 「AI 협업 웹사이트 디자인 및 개발」을 포함하고 있습니다.","products.design.specifications.new.paragraph02":"2025년 12월 9일, 정차오 교수는 학생들을 이끌고 타오톈그룹과 공동으로 진행한 'AI 이미지 생성 미학 규범' 연구 과제를 되돌아보았습니다. 이는 단순한 기술적 적응이 아니라, '미란 정의될 수 있으며 기계가 이를 이해할 수 있는가'에 대한 철학적 성찰이었습니다. 정차오 교수는 복기 과정에서 이렇게 질문했습니다: \"AIGC 시대에 전자상거래 플랫폼에서 '미'란 과연 어떤 의미를 지니는가?\"","products.design.specifications.new.paragraph03":"연구팀은 기계적인 이미지 라벨링 방식을 버리고, AI가 학습할 수 있는 미학적 논리 체계를 구축하는 방향으로 전환했습니다. 색채 구성, 요소 간 관계부터 시각적 서사에 이르기까지, 주관적 심미성을 반복 가능한 알고리즘 언어로 전환한 것입니다. 이번 사전 준비 과정은 단순한 프로젝트 점검에 그치는 것이 아니라, 태도의 전환을 의미합니다: '학습자'에서 '예비 상업 디자이너'로, 독립적 작품 창작에서 비즈니스 링크의 핵심 단계로 진입하는 전환 말입니다.","products.design.specifications.new.paragraph01":"3주간의 몰입형 학습 과정에서 수강생들은 '발견과 정의, 탐구와 설계, 심화와 전달'이라는 세 단계를 거치며 디자인 사고의 명시화와 인식 재구성 과정을 완수하게 됩니다. 우리는 실제 비즈니스 환경의 제약 속에서 '문제 설정' 능력을 중시하며, 수강생들이 사용자 경험, 행동 논리, 상호작용 분석 등의 방법을 활용해 데이터의 표면적 현상 너머에 숨겨진 깊이 있는 사용자 마인드 모델과 행동 동기를 포착하도록 이끌어갑니다. 워크숍의 핵심은 수강생들이 상호작용 패러다임과 시각적 커뮤니케이션에 능숙할 뿐 아니라, 플랫폼 경제학, 소비 심리학, 게임 디자인 및 사회적 확산 메커니즘까지도 이해해야 한다는 점입니다.","products.design.specifications.new.paragraph06":"‘사용자, 링크, 노드’라는 3차원 프레임워크를 제안함으로써 디자인을 단순한 인터페이스 미화의 차원에서 벗어나 시스템 경험 구축의 차원으로 끌어올립니다. 이 방법론은 항상 ‘사용자가 무엇을 원하는가’를 출발점으로 삼으며, 입구 분석을 통해 예상되는 니즈를 통찰하고 이를 바탕으로 페이지 표현을 역동적으로 기획합니다. 사용자의 경로를 명확히 파악한 후에는 일목요연하고 매끄러운 주요 과제를 정리하고, 복권이나 안내와 같은 부수적인 행동들에 대해서도 적절한 설계를 진행해야 합니다. 또한 각 노드의 정보 아키텍처가 합리적이고 체계적으로 배치되도록 보장해야 합니다. 실무에서는 경쟁 제품 분석, 경험 탐색 및 여론 조사를 통해 철저히 경험 문제를 진단하고, ‘분석→전략→표현’의 프로세스를 고수함으로써 디자인 혁신이 항상 사용자의 습관과 비즈니스적 합의를 존중하는 기반 위에 자리잡도록 합니다. 우수한 디자인은 결국 링크의 합리성과 논리적 엄밀성에 의해 드러날 뿐, 단순히 시각적 표면에만 머물러서는 안 됩니다.","research.page":"페이지","products.design.specifications.new.paragraph07":"샤오빙은 브랜드 마케팅 디자인 공유에서 디자인의 핵심은 '학생적 사고'에서 '비즈니스적 사고'로 전환하는 것이라고 지적했습니다. 즉, 개인의 미적 취향 중심의 표현에서 제품과 사용자를 중심으로 한 소통으로 전환하는 것입니다. 비즈니스 디자인은 단순한 시각적 표현에 그치는 것이 아니라, 사용자와 지속적으로 상호작용하는 대화입니다. 그 목표는 디자인을 통해 사용자의 행동을 효과적으로 유도하고 명확한 비즈니스 목표를 달성하는 데 있습니다. 실제 작업 과정에서는 디자이너가 빠른 반복과 실시간 검증 능력을 갖추어야 합니다. 예를 들어 '광군절'과 같은 대규모 프로모션 프로젝트에서는 브랜드 전략부터 시각적 전달, 매체 투입, 데이터 피드백에 이르기까지 전 과정을 하나의 폐쇄적인 순환 구조로 구축하여 각 단계가 모두 '사용자가 어떻게 인식하고 어떻게 행동하는가'라는 관점에 철저히 맞춰져 있도록 해야 하며, 이를 통해 디자인이 비즈니스 시스템 내에서 진정한 가치를 발휘하도록 해야 합니다.","research.all.the.articles.paragraph99":"색채의 경향과 순도는 일치해야 하며, 화면 내 색상들이 조화롭게 어우러져야 하며, 무질서한 복합적 배치는 피해야 합니다. AI 전자상거래 제품 이미지 미학에서 색조의 일관성은 대비 관계, 명암 관계, 냉난색 관계 등 다차원적으로 종합적으로 고려되어야 합니다. 각 차원의 색채 관계가 모두 균형 있고 조화로워야만 이미지가 사실감과 호소력을 갖추게 됩니다.","products.design.specifications.new.paragraph04":"치위는 디자인의 진화 역사적 관점에서 디자인과 기술 간의 지속적인 상호보완적 공생관계를 밝혀냈습니다. 제록스의 선구적 시도에서 애플과 마이크로소프트의 발전을 거쳐, 국내의 진산과 텐센트가 최초로 전문 디자인팀을 구성하기에 이르기까지, 이는 인터넷 디자인이 단순히 '인터페이스의 미화'에서 점차 체계적이고 전문적인 궤도로 나아가는 것을 의미합니다. 제품의 복잡성과 동질화가 심화됨에 따라, 디자인의 핵심은 '시각적 경쟁력'에서 '경험의 결정성'으로 옮겨가고 있습니다—사용자가 다양한 선택지를 가진 시대에, 경험 그 자체가 핵심 차별점이 되었습니다. 분절된 주의 환경 속에서, '어떻게 더 간단하고 직관적이며 명확한 방식으로 정보를 전달할 것인가'는 디자이너들의 끊임없는 과제가 되었습니다.","research.all.the.articles.paragraph98":"색조 관계: 화면 색감의 일관성","products.design.specifications.new.paragraph05":"타오톈의 다양한 비즈니스 환경에서 이 개념은 구체적인 실천으로 전환됩니다: 라이브스트리밍에서는 전문가로서의 인식을 구축하고, 멤버십 시스템에서는 고급스러운 소속감을 형성하며, 상호작용 과정에서는 게임적 서사를 접목합니다. 치웨이는 항상 강조하길, 디자인의 본질은 사용자의 우려를 이해하고 이를 해소하는 것이며, 비즈니스 목표와 경험 가치 사이에서 균형을 찾는 것이라고 말합니다. 왜냐하면 \"소비자들이 플랫폼에 들어오는 이유는 디자인을 감상하기 위해서가 아니라 콘텐츠를 얻기 위한 것이기 때문\"입니다. 이는 디자인 사고의 성숙함이자 비즈니스 지혜의 축적이라 할 수 있습니다.","research.all.the.articles.paragraph97":"실외 조명: 실외 조명을 활용할 때, 다양한 광원의 조명 효과를 통해 전자상거래 플랫폼에서 상품이 다채로운 분위기를 연출할 수 있습니다. 또한 조명의 색상, 각도 및 투영 간의 적절한 관계에 주의하여 자연스럽고 사실적인 이미지 효과를 보장해야 합니다.","research.all.the.articles.paragraph96":"실외 달빛: 밤하늘의 달빛은 부드럽고 은은한 냉색조를 연출하며, 장면 속에서 딱딱한 그림자를 완화합니다. 이러한 부드럽고 고요한 빛은 상품에 고급스럽고 신비로운 아름다움을 더해줍니다.","research.spacing.design.excerpt":"간격 디자인(발췌)","research.all.the.articles.paragraph95":"실외 눈 날씨: 눈이 내리는 환경에서는 빛이 제품 표면에 고르게 비춰져 부드럽고 균일한 조명 효과를 연출합니다. 이때 이미지 속 제품 표면의 딱딱한 그림자가 줄어들며, 세부적인 디테일과 질감이 더욱 두드러집니다. 예를 들어, 크리스마스 선물용 제품을 눈 내리는 풍경 속에 전시하면 더욱 절기적 분위기가 가미됩니다.","research.all.the.articles.paragraph94":"실외 비 오는 날: 비 오는 날의 환경에서는 풍경이 더욱 선명하고 색채가 더욱 생동감 있게 보이며, 제품에 신선하고 활기찬 시각적 효과를 연출할 수 있습니다. 이때 도로에 고인 물의 반사 효과를 고려해 주체와 조화로운 거울 이미지를 만들어야 합니다. 예를 들어, 수분 마스크 제품은 비 오는 날의 반사 효과를 활용해 촉촉한 느낌을 강화할 수 있습니다.","research.all.the.articles.paragraph93":"실외 흐린 날씨: 흐린 날씨에서는 빛이 균일하고 부드럽게 비춰져 상품 표면의 대비를 완화하고 제품의 색상과 질감을 사실적으로 표현하는 데 도움을 줍니다. 이러한 조명 아래에서 형성되는 그림자 관계는 편안하고 자연스러운 시각적 경험을 선사하며, 친근함이 가득합니다.","research.all.the.articles.paragraph92":"실내 조명: 실내 조명의 강도는 일반적으로 전파 거리가 증가함에 따라 약해집니다. 실내 조명은 주로 인공 조명, 창문을 통한 자연광, 또는 이 둘의 결합에서 비롯되며, 상대적으로 부드러워 강한 그림자를 만들기 어렵습니다. 따라서 실내 장면의 AI 생성 이미지에는 지나치게 딱딱한 그림자가 나타나지 않도록 해야 합니다. 또한, 조명 기구의 종류와 빛의 색상에 따라 각기 다른 분위기가 연출되므로, 그림자의 색상은 조명 색상과 조화를 이루어야 하며, 환경의 반사광과도 잘 어울려야 합니다.","research.all.the.articles.paragraph91":"그림자 피드백/빛과 그림자의 일관성: 화면 내 그림자의 방향은 광원의 방향과 일치해야 하며, 그림자의 면적은 객체의 면적과 맞아야 합니다. 또한 각 객체의 조명과 반대편의 어두운 부분 간의 관계도 통일되어야 합니다.","research.all.the.articles.paragraph90":"화면의 전반적인 광원을 일관성 있게 유지하고, 주광과 부광의 배치를 합리적으로 하며, 밝고 부드러운 자연광을 많이 활용해야 합니다. 빛의 조화는 이미지의 사실감을 좌우하는 중요한 요소입니다. 빛의 방향, 물체의 그림자, 환경의 반사광 등 여러 요소들은 서로 긴밀히 연관되어 있습니다. 오직 물체와 장면의 빛과 그림자 요소가 조화롭게 어울리고 모순되는 빛과 그림자 관계를 피해야만 충분한 감동을 전달하는 제품 이미지를 생성할 수 있습니다.","footer.scanWithWeChat":"위챗으로 스캔하세요","careers.socialJob3Team":"타오톈 그룹","awards.tmall.products.title15":"프로젝트 전시","research.configure.the.tmall.design":"IDE에서 tmall-design MCP를 구성하세요.","awards.tmall.products.title16":"디자인 프로젝트 설명:","awards.tmall.products.title17":"티몰 샤오헤이박스가 2024년 아나야 하미 음악제와 협력한 「HEYLIVE 해변 팬의 집」 전반적인 기획은 시나리오 기반 마케팅 전략을 통해 브랜드를 음악제 문화의 장면 속에 자연스럽게 녹여냈습니다. 메인 비주얼인 티몰 샤오헤이박스의 큐브 형태는 '조명 탐조기'로 해체되어 반짝이는 무대와 그라데이션으로 펼쳐진 해안선을 재현했으며, 이를 통해 브랜드와 젊은 사용자 간의 정서적 연결을 구축했습니다. 또한 이번 프로젝트에서는 드롱기, 하이얼 등 다섯 개 브랜드의 자원을 통합해 온·오프라인을 연계한 입체적 마케팅 매트릭스를 구축함으로써 브랜드 노출, 사용자 유입, 문화적 공감이라는 다차원적 목표를 달성했습니다.","footer.scanToFollow":"코드 스캔 후 팔로우하기","footer.contactEmail":"이메일","awards.tmall.products.title10":"MUSE 금상 프로젝트 링크","awards.tmall.products.title11":"티몰 샤오헤이허 × 샤미 뮤직 페스티벌 'HEYLIVE 해변의 음악 팬 집' 프로젝트가 이탈리아 A'Design Award 국제 디자인상 금상을 수상했습니다.","app.check":"success","awards.tmall.products.title12":"상장 로고","awards.tmall.products.title13":"수상 증서, 트로피","awards.tmall.products.title14":"수상 정보 조회","research.spacing.code.implementation":"간격 코드 구현","careers.socialJob5Title":"체험 디자인 전문가 - 셴위","products.design.specifications.paragraph18":"천우 디자인 시스템 구성 요소 미리보기","products.design.specifications.paragraph17":"이 시스템은 '실용적이고 효율성을 높인' 설계 이념을 핵심으로 하며, B2B 비즈니스 관리 시스템의 본질로 돌아가는 것을 강조합니다. 정보 구조 측면에서는 극도의 명확성과 직관성을 추구하여, 업체가 '무엇을 하는지'와 '어떻게 하는지'를 한눈에 파악할 수 있도록 함으로써 이해 비용을 줄입니다. 시각적 스타일 측면에서는 과도한 장식을 지양하고 적절하며 자연스러운 디자인을 지향하며, 색상과 추상적 기호를 절제되고 간결하게 사용함으로써 인지적 혼란을 야기할 수 있는 시각적 요소를 제거합니다. 또한 상호작용 논리 측면에서는 간편하고 신속한 사용성을 추구하며, 최단 경로를 통해 업체의 빈번한 작업과 전환을 효과적으로 지원합니다.","products.design.specifications.paragraph19":"티몰 디자인 시스템 규범","footer.contactTitle":"연락하기","products.design.specifications.paragraph14":"타오바오 시스템 구성 요소 미리보기","products.design.specifications.paragraph13":"타오바오 디자인은 사용자를 중심에 두고, 제품 기능을 절제되고 엄격하게 설계합니다. 시스템의 복잡성과 포괄성을 고려한 설계 구상은 사용자에게 간편하고 편리하며 재미있는 제품 경험을 제공하기 위한 것입니다. 디자이너, 제품 관리자, 개발자들이 공유하는 공동 언어를 통해 타오바오 제품을 유지함으로써, 타오바오 애플리케이션의 완벽하고 세심한 사용자 경험을 보장합니다.","products.design.specifications.paragraph16":"치엔뉴 상인 디자인(Qianniu Design)은 치엔뉴 상인 작업대를 위해 특별히 개발된 디자인 시스템으로, 효율성을 핵심으로 하며 빈번하고 복잡한 비즈니스 환경에 적응합니다. 이를 통해 핵심 데이터와 업무가 효율적으로 전달되도록 보장하며, 상인들의 일상적인 운영과 스토어 관리의 핵심 요구를 충족합니다.","products.design.specifications.paragraph15":"천우 디자인 시스템 규격","careers.socialJob11Location":"베이징/상하이","products.design.specifications.paragraph10":"비전: 스마트 생산의 새로운 패러다임 정의하기","products.design.specifications.paragraph12":"타오바오 디자인(Taobao Design)은 타오바오 앱 전용으로 개발된 디자인 시스템입니다. 타오바오 디자인 체계는 범용적인 디자인 언어를 구축해, 타오바오의 전반적인 제품 경험을 보장하고 다양한 역할이 함께 간편하고 친화적인 비즈니스 생태계를 만들어가도록 지원합니다.","products.design.specifications.paragraph11":"타오바오 디자인 시스템 규범","research.all.the.articles.name_new10":"동 망리","research.all.the.articles.name_new02":"왕 용","careers.internJob2Date":"2026년 3월 17일","research.all.the.articles.name_new01":"공 개락","research.all.the.articles.paragraph79":"투시 관계","research.all.the.articles.name_new06":"주 주","research.all.the.articles.paragraph78":"예를 들어, 인물 모델과 화면 가장자리 사이에는 적절한 여백을 두어야 합니다. 합리적인 여백을 통해 화면이 지나치게 복잡해지는 것을 피하고 호흡감을 강화함으로써 전체 구도가 더욱 균형 있고 자연스럽게 보이도록 합니다. 구도의 주요 요소와 화면 가장자리 간에 적절한 간격을 유지하는 것은 인물 모델과 상품 간의 조화로운 관계를 유지하는 동시에 화면의 시각적 매력과 아름다움을 높이는 데 목적이 있습니다.","research.all.the.articles.name_new07":"왕 연","research.all.the.articles.paragraph77":"인간 모델을 화면의 주요 요소로 설정할 때, 구성법을 통해 인간 모델의 비율과 위치를 효과적으로 강조하여 상품을 돋보이게 하는 것이 핵심입니다. 인간 모델을 화면 중앙에 배치하면 관객의 시선을 직접적으로 끌어들여 초점 역할을 강화할 뿐 아니라, 관객이 이미지를 볼 때 자연스럽게 중심부를 주목하는 시각적 습관에도 부합합니다.","research.all.the.articles.name_new04":"유 상","research.all.the.articles.paragraph76":"시각적 습관에 부합하는 레이아웃은 구성이 인간의 시각적 지각 법칙과 심미적 선호에 맞도록 강조되어야 하며, 고전적인 구도 원칙을 활용해 자연스럽고 쾌적한 시각적 효과를 창출합니다. 황금분할과 3등분법은 구도에서 가장 전통적이면서도 널리 사용되는 기준으로, 이들 원칙이 오랜 시간 동안 생명력을 유지해온 이유는 바로 인간이 본능적으로 갖는 시각적 균형과 조화에 대한 인식과 부합하기 때문입니다. 예를 들어, 황금분할의 법칙은 중요한 시각적 요소를 화면의 특정 분할점—보통 화면의 가장자리에 가까운 곳—에 배치하도록 권장합니다. 이러한 레이아웃은 관객의 시선을 끌 뿐 아니라 시각적으로 균형감과 역동성을 연출합니다.","research.all.the.articles.name_new05":"양 하오지옹","research.all.the.articles.paragraph75":"본 표준은 구도를 통해 상품의 주체적 위치가 두드러지도록 보장하는 방법에 중점을 둡니다. 주체성의 핵심은 상품이 화면의 중심에 자리하도록 하고, 시각적 요소들의 유기적인 구성을 통해 화면의 초점으로서의 특성을 강화하는 것입니다.","research.all.the.articles.paragraph74":"주체성","research.all.the.articles.paragraph73":"화면 전체의 균형과 조화: 시각적 동선을 설계할 때는 화면 전체의 균형과 조화도 함께 고려해야 합니다. 모든 요소의 배치는 시각적 안내에 기여해야 할 뿐 아니라, 구성의 내재적 조화를 유지해야 합니다.","research.all.the.articles.name_new08":"문 우한","research.all.the.articles.paragraph72":"시선 공간의 고려: 이미지에 인물이 등장하고 명확한 시선 표현이 담겨 있을 경우, 시선 방향의 확장성은 특히 중요합니다. 인물의 시선 앞쪽에 충분한 공간을 남겨두어 화면의 역동성을 강화하고 시각적 흐름을 유도해야 합니다.","research.all.the.articles.name_new09":"유 자군","research.all.the.articles.paragraph71":"선, 형태 및 빛의 활용: 선과 형태를 합리적으로 배치함으로써 관객의 시선을 유도하는 경로를 구축하고, 자연스럽게 주목을 상품으로 향하게 할 수 있습니다. 이러한 시각적 요소들은 매끄러운 시각적 안내 시스템으로 구성되어야 하며, 궁극적으로는 상품 자체에 집중하도록 만들어야 합니다.","research.design.method.literal.visualization":"디자인 방법: 문자적 시각화","research.all.the.articles.paragraph70":"인형 모델에 시선 표현이 포함된 경우, 시선 방향의 연장감을 주의하고 인형 모델이 향하는 쪽에 적절한 공간을 남겨두어야 합니다.","careers.internJob1Title":"AI 엔지니어 디자이너","research.economic.aesthetics.paragraph32":"민속은 작은 도시 사람들의 정신적 의지처로, 민속의 아름다운 축복과 그 담긴 매개체를 통해 이 집단의 소속감을 얻게 됩니다.","research.economic.aesthetics.paragraph33":"심미성의 높낮이를 떠나, 저소득층 시장에서도 미학적 추구가 존재합니다. 작게는 의식주부터 크게는 건축과 인테리어에 이르기까지, 작은 마을 사람들의 심미관 역시 시대의 흐름에 따라 변화하고 있습니다. 일상생활에서 영감을 얻고 야생 디자인의 핵심을 간추려 제품에 따뜻함을 더하고, 작은 상품들에도 큰 가치를 불어넣습니다. 디자인은 멈추지 않고, 경제적 미학 역시 끊임없이 진화하고 있습니다…","research.economic.aesthetics.paragraph30":"작은 도시의 거리에 무심하게 붙여진 작은 광고들은, 작은 도시 사람들의 생기 넘치는 삶을 담고 있습니다. 이 형태적 특성을 끄집어내어 독특한 작은 도시의 야생적 혼합 미학을 구축해 보세요.","research.economic.aesthetics.paragraph31":"03 민속의 뜻 전하기","products.design.specifications.paragraph21":"이 시스템은 '화이트 페이퍼'(White Paper) 디자인 개념을 핵심으로 하며, 내용이 마치 빈 캔버스에서 생생하게 솟아오르는 듯한 느낌을 강조합니다. 또한 프로세스와 구조를 간소화함으로써 방해되거나 혼란을 야기할 수 있는 모든 요소를 제거했습니다.","products.design.specifications.paragraph20":"티몰 디자인(Tmall Design)은 티몰 쇼핑 애플리케이션을 위해 특별히 개발된 디자인 시스템으로, 디자인 철학, 원칙, 스타일, 구성 요소 및 자산을 포괄합니다. 이 시스템의 경험 목표는 콘텐츠를 핵심으로 하여 작업을 간소화하고 정보를 효율적으로 전달하며, 극도로 심플한 디자인 스타일을 구현함으로써 제품의 정체성과 목표 사용자의 요구를 충족하는 것입니다.","research.versionai.tmall":"버전AI 토마일","products.design.specifications.paragraph22":"티몰 시스템 구성 요소 미리보기","research.all.the.articles.paragraph89":"광원 관계: 화면 내 각 객체의 광원 일관성","banner.cameraMoveBody":"몸을 움직여 보세요.","research.all.the.articles.paragraph88":"노출 통일: 핵심 주요 내용의 노출 정도는 일정하게 유지해야 합니다. 다양한 상황에 맞춰 제품 이미지의 노출을 조정하는 것도 중요한 포인트입니다. 제품 시리즈 전체에서 일정한 노출 수준을 유지하면 브랜드 이미지를 구축하는 데 도움이 되며, 사용자가 제품을 더욱 쉽게 인식하고 기억하게 해 브랜드의 전반적인 일관성을 강화할 수 있습니다.","research.all.the.articles.paragraph87":"전체 노출: 과소노출된 이미지는 어두워 물체의 형태 인식에 영향을 미치며, 과다노출된 이미지는 희게 빛나 세부사항이 손실됩니다. 일반적으로 밝은 수준의 노출을 선호합니다. 제품 사진에서는 배경의 노출 제어 역시 매우 중요합니다. 노출을 조정함으로써 제품과 배경 간의 대비를 더욱 효과적으로 조절할 수 있으며, 특히 제품과 배경의 색상이 비슷한 경우 이는 제품을 돋보이게 하고 차별화하는 데 특히 핵심적입니다.","research.all.the.articles.paragraph86":"노출 주체: 이미지의 주요 내용을 노출 기준으로 삼아, 노출의 합리성을 중시해야 합니다. AI 전자상거래 제품 이미지 미학에서 제품의 표현은 단순히 외관에만 국한되지 않으며, 노출도의 정밀한 조정을 통해 다양한 세부 사항을 부각시키는 것이 매우 중요합니다. 적절한 노출은 제품 표면의 질감, 재질 및 색상을 강조하여 잠재 구매자가 제품의 세부사항을 명확히 볼 수 있도록 보장함으로써 구매 매력을 높여줍니다.","research.all.the.articles.paragraph85":"노출도: 화면의 빛의 밝기와 노출의 일관성","research.element.knowledge.is.divided":"요소 지식은 {{bold}}색상, 타이포그래피, 모서리 반경, 모션{{/bold}}의 네 가지 더 이상 분해할 수 없는 단위로 나뉘며, 이는 모든 디자인 스타일의 기초적 의존 요소로 작용합니다. 이 지식의 의미론적 규칙은 요소 정의, 스타일 구성, 속성 변수(디자인 토큰), 필수 규칙 및 기능적 사용법으로 이루어져 있습니다. 코드 구현은 전역 스타일(SCSS) 형태를 취하며, 이는 디자인 아티팩트로부터 자동으로 재구성되고, 디자인 소프트웨어의 MCP 서비스 호출을 통해 IDE 도구를 통해 코드로 생성됩니다. 매핑 스키마는 ID 심볼, 의미론(이름, 정의, 설명 포함), 규칙 참조, 구현 참조 및 제약조건(사용 시나리오, 필수 금지 사항 및 기타 제한 사항 등)으로 구성됩니다. 이 스키마는 스키마 기반 프롬프팅 규칙에 따라 AI가 자동으로 생성합니다\\*.","research.all.the.articles.paragraph84":"빛과 그림자","careers.socialJob13Team":"타오톈 그룹(타오바오 플랫폼)","research.all.the.articles.paragraph83":"심도 조절: AI가 전자상거래 이미지를 생성할 때 심도 제어는 구도를 구성하는 핵심 요소 중 하나입니다. 이는 카메라의 초점 거리와 조리개 설정을 모방해 심도를 조정함으로써 배경을 흐릿하게 표현하고, 상품을 시각적으로 더욱 두드러지게 만들어 화면의 중심으로 자리잡게 합니다. AI가 전자상거래 상품 이미지를 생성할 때는 초점 거리, 조리개, 물체와 카메라 간의 거리를 정밀하게 조정하고, 전경과 배경의 실질적·비실질적 관계를 적절히 배치해야만 상업적 기준에 부합하면서도 예술적 가치를 갖춘 이미지를 출력할 수 있습니다. 이러한 처리를 통해 AI는 전문성과 시각적 매력을 동시에 갖춘 상품 이미지를 창작하여 상품의 전시 효과를 효과적으로 높일 수 있습니다.","research.all.the.articles.paragraph82":"공간 원근법: 공간 원근법은 AI가 생성한 전자상거래 이미지에서 중요한 시각적 요소 중 하나로, 인물 모델과 제품, 공간 구조 간에 일관된 원근 관계를 유지해야 합니다. 올바른 원근 관계는 인물 모델과 제품이 공간 내에서 위치와 크기가 환경과 조화를 이루도록 보장합니다.","research.design.synthesis.agent.configuration":"설계 합성 에이전트 구성(발췌)","research.all.the.articles.paragraph81":"빛과 그림자 처리는 또 다른 핵심 요소로, 상품의 형태와 질감 표현에 직접적인 영향을 미칩니다. 다양한 조명 효과(예를 들어 한쪽에서 비치는 빛이 만들어내는 그림자)를 시뮬레이션함으로써 제품의 3차원적 입체감을 강화할 수 있습니다. 정밀한 빛과 그림자 시뮬레이션은 상품을 더욱 생동감 있게 만드는 동시에 화면에 풍부한 층위와 질감을 부여합니다.","careers.master":"석사","research.all.the.articles.paragraph80":"AI가 전자상거래 상품 이미지의 원근법적 구도를 생성하는 데 있어 핵심은 2차원 평면에서 3차원 공간감을 효과적으로 시뮬레이션하는 방법입니다. 이 과제는 시각예술의 여러 기본 원리, 특히 원근법, 빛과 그림자의 처리, 심도 조절 등을 포함합니다. 원근법은 시각예술에서 오랜 역사를 지니며, 선과 형태의 배치를 통해 시각적 깊이와 거리감을 모방합니다. AI가 상품 이미지를 생성할 때는 소실점과 투시선을 설정함으로써 제품이 멀리 뻗어나가는 듯한 시각적 효과를 연출할 수 있습니다. 이러한 방법은 상품의 입체감을 강화할 뿐 아니라 화면에 깊이와 역동적인 표현을 더해줍니다."},"en_US":{"home.research5Title":"Economic Aesthetic Design and Application","products.aiagent.new.title":"Team-developed skill library invocation and execution","careers.socialJob4Team":"TaoTian Group","careers.socialJob4Years":"3 Years","research.all.the.articles.paragraph001":"Object entity:","research.all.the.articles.paragraph005":"Degree of restoration:","careers.internJob3Desc":"Observe user behavior and feedback, analyze design patterns and development trends of similar products, especially AI products. Undertake product experience design across various business formats. Deliver strategies and design solutions tailored to specific needs. Build AI design product capabilities. Write various design knowledge documents, including but not limited to AI-recognizable specifications and model-identifiable content knowledge.","research.all.the.articles.paragraph004":"The condition of the product is central to evaluating the quality of AI-generated images. It’s essential to ensure that the AI-generated product images are in perfect condition, free from defects and structural irregularities. At the same time, the image cutout must be precise, avoiding issues such as rough edges, whitening, or purple fringing, thereby ensuring that the generated product images meet customer expectations.","research.all.the.articles.paragraph003":"Product structure:","research.all.the.articles.paragraph002":"Presentation of product status and authenticity. The AI-based aesthetic evaluation criteria for product images, grounded in the ontology of product objects, primarily cover two levels: product form and fidelity of reproduction.","research.all.the.articles.paragraph009":"Angle Selection:","research.all.the.articles.paragraph008":"Product Display and Viewing Perspective.","research.all.the.articles.paragraph007":"Select angle:","research.all.the.articles.paragraph006":"The images should faithfully reflect the actual structure of the product, including its form, materials, and colors. While they may be influenced by environmental factors, they must remain consistent with natural perceptual logic and not deviate from the product’s original form. In terms of visual fidelity and accuracy, AI-generated product images must precisely capture the product’s appearance, proportions, and detailed features. Moreover, in addition to highly accurate reproduction of the product itself, the images should also maintain the highest possible resolution and meticulously render product details, ensuring exceptional clarity that vividly conveys intricate craftsmanship, material textures, and complex design elements—thereby fully showcasing the product’s craftsmanship and visual appeal.","team.intro.text":"Taobao Design is a design team dedicated to serving the experience of billions of consumers worldwide across diverse digital scenarios. We lead user experience, create thoughtful designs that truly resonate emotionally, and make commerce more beautiful, intuitive, and simple.","careers.internJob3Location":"HangZhou","research.economic.aesthetics.title9":"Refinement of design methods","research.economic.aesthetics.paragraph9":"We firmly believe that diversity is essential for survival. Store signs seamlessly connect with one another, and adjacent shops together form a continuous information wall—leaving any blank space feels like a waste; only by filling every inch can we feel truly secure. The same message appears repeatedly across floor stickers, standing signs, storefront headers, banners, and even loudspeakers—multi-channel reinforcement at its finest. Crucial information is displayed in significantly larger font sizes than the rest, forcefully occupying the center of the layout.","research.economic.aesthetics.title7":"Panel-style | Function-first, high density, strong contrast","research.economic.aesthetics.title8":"Text | Straightforward and concrete, a mix of dialects, “superstitious” ideology","research.structural.translation.of.design":"Structural translation of design system specification knowledge","products.design.specifications.paragraph3":"Its capabilities cover core scenarios such as conversational image generation, batch production, multi-size scalability, template and style reuse, image refinement and editing, business-specific customization, and API-based invocation, enabling efficient conversion from single-image creativity to the production of materials at a scale of thousands.","research.economic.aesthetics.paragraph7":"The current trend of mixing materials in small-town settings is the result of a confluence of factors—resources, perceptions, and demands. Smooth versus rough, glossy versus matte, digital versus handmade—within this seemingly chaotic blend of styles, there emerges an authentic sense of urban vibrancy and vitality. Rather than overemphasizing “harmonious, refined beauty,” these towns strive for “practical, lively beauty.” The small-town residents’ preference for all things “golden and gleaming” is, at its core, a form of pragmatic idealism. With county-town streets often characterized by cluttered, drab backgrounds, high-saturation metallic finishes instantly catch pedestrians’ attention. Moreover, glistening golden facades subtly signal to passersby that the businesses behind them are legitimate and trustworthy. For those who grew up during times of material scarcity, the allure of golden textures represents a psychological anchor—a symbol of abundance and prosperity.","products.design.specifications.paragraph2":"Taotian AI Designer is an integrated AI-powered visual design intelligence tool and production platform designed specifically for Taotian’s e-commerce business and design teams. Leveraging the platform’s accumulated design capabilities, business expertise, and large-scale image-generation workflows, it assists designers and operations teams in seamlessly managing the entire visual production process—from creative ideation to batch delivery.","research.economic.aesthetics.paragraph8":"Real-scene view of a small-town street","products.design.specifications.paragraph5":"From “Generate Images” to “Generate Design”","research.economic.aesthetics.paragraph5":"From the perspective of product packaging, whether it’s the early practice of using transparent windows—limited by the scarcity of production materials—to fully reveal the authentic appearance of the product, or the enhanced precision of packaging printing that now allows for highly refined product images, both approaches rely on the product itself to directly attract consumers. From the standpoint of street advertising, handcrafted signs created by business owners and spontaneously generated graphic designs make the content more easily understandable, helping to bridge the gap between brands and consumers while keeping costs low and enabling flexible iterations. From the perspective of cultural dissemination, traditional auspicious symbols—such as “fortune,” “wealth,” and “koi fish”—are increasingly being incorporated into everyday life scenarios (including fabrics, stickers, tiles, and product designs), transforming them into decorative symbols of good luck.","products.design.specifications.paragraph4":"Challenge: The high frequency, massive volume, and uncontrollability of e-commerce design.","research.economic.aesthetics.paragraph6":"Wild Graphic Creation","team.section.title":"This is TaoTian Design","research.economic.aesthetics.paragraph3":"In county towns and small cities, public visual elements such as signboards and wall paintings frequently employ highly saturated color combinations—red, yellow, blue, and gold (sometimes with the addition of green or white). This choice is driven by a combination of material and technological constraints, cultural and psychological factors, and considerations related to communication efficiency. There are four main aspects to this approach:  \n1. Extremely low costs of raw materials and construction: domestically produced PVC spray paints, single-color inks, traffic-grade films, and locally sourced “fast-drying and sun-resistant” industrial paints—all at low prices and requiring no color mixing.  \n2. High visibility equals high communication efficiency: under complex lighting conditions, highly saturated primary colors exhibit the strongest visual penetration—whether in bright sunlight, dim nighttime environments, or amid cluttered backgrounds.  \n3. Limitations in construction skills and reliance on templates mean that the simplest methods are often chosen, leading to an aesthetic homogeneity in the final results.  \n4. The colors themselves carry an implicit “trust endorsement,” subconsciously conveying notions of festivity, brightness, orthodoxy, and reliability, thereby reducing consumers’ decision-making costs.","research.economic.aesthetics.paragraph4":"Color of the living environment","research.economic.aesthetics.paragraph1":"The ordinary people living in county towns and small cities across China—cities that are neither first- nor second-tier—reflect the authentic, everyday realities of most Chinese citizens. The environments they inhabit, the daily concerns they have, the activities they engage in, and the products they consume all exhibit typical, widespread characteristics of non-first-tier cities, naturally differing from those of first-tier city residents in terms of consumption patterns and areas of focus. Our research reveals that the target audience’s aesthetic preferences in daily life also display a distinctive blend of diversity, practicality, and humanistic sentiment. The popularity of literature from county towns can largely be attributed to its deep connection with our own personal growth and life experiences, evoking strong empathy. By adopting the perspective of real-life consumers, we analyze common designs found in offline consumer scenarios—from dimensions such as color, graphics, typography, texture, and layout—and distill economic aesthetic features and design strategies. These insights are then applied to online e-commerce product experiences and brand marketing contexts, eliciting emotional resonance among users, enhancing platform stickiness, and fostering differentiated brand perceptions.","research.economic.aesthetics.paragraph2":"When we recognize that the target audience has preconceived notions and expectations regarding essential daily necessities, our experience design should faithfully reflect their desire for affordability and a return to authentic, real-life living. By accurately capturing even the smallest price differences that matter most to this group, we can deliver tangible, delightful little savings that bring genuine happiness to their everyday lives. We can also interpret the “marketplace literature” of everyday life—celebrating the charm of local markets—and creatively design solutions that unlock user value from low prices. Design can beautifully articulate how ordinary, everyday items can enhance the quality of life, while also delivering greater practicality and ingenuity in real-world scenarios. Behind the concept of “economical aesthetics”—where small price differences translate into great value—lies the users’ psychological pursuit of cost-effectiveness. Design, therefore, seeks out a wide array of concrete, vivid approaches centered around “focusing on core value points.”","careers.socialJob13Date":"2026.01.05","careers.internJob2Title":"AI Creative Artist","research.ai.friendly.semantic.rules":"AI-friendly semantic rules","careers.bachelor":"Bachelor's Degree","research.there.is.now.a":"There is now a wide range of AI-powered interface-generation solutions available in the market. Emerging AI and IDE tools (V0, Stitch, Cursor, etc.) rely on foundation models that internalize development knowledge and then call open-source component libraries (Tailwind, Shadcn, AntD, M3, etc.). Meanwhile, design-software-based agent solutions (such as Figma Make and Mastergo Agent) generate interfaces and code simultaneously based on the component libraries created and maintained within the design tools themselves.","research.economic.aesthetics.title2":"Background Introduction","research.economic.aesthetics.title5":"Graphics | Figurative expression, pursuing auspicious meanings","research.economic.aesthetics.title6":"Texture | A pragmatic collage, pursuing brilliance and radiance.","research.economic.aesthetics.title3":"Environmental Living Research","research.economic.aesthetics.title4":"Color | Adheres to the material’s original hues, inherently guiding emotions.","home.product1Title":"Taotian AI Designer","research.building.internal.enterprise.design":"Building Internal Enterprise Design-wiki for AIGUI","research.note.design.tokens.for":"Note: Design tokens for elements and layouts must be constructed with clear standards, explicit semantics, and consistent structure. They typically follow a layered progression from value → primitive property naming → semantic naming → rule description.","careers.socialJob12Desc":"Responsible for experience design of Taobao Live streaming host management and broadcasting-related products, ensuring product usability, scalability, and design quality. Responsible for end-to-end design process including business alignment, strategy formulation, design concepts, solution delivery, implementation, and data analysis, capable of completing information architecture, style definition, visual interface output, and component specification development. Possess holistic business understanding and judgment, able to collaborate with business, user research, and development teams to identify design opportunities and drive value through deep co-creation.","awards.new.article01":"2024 Double 11 Main Interactive Campaign – MUSE Platinum Award & Berlin Design Award Gold Prize","awards.new.article02":"2025 Spring Festival Main Interactive—IAI Global Design Award Silver Prize & MUSE Platinum Prize","awards.new.article03":"2025 618 Main Interactive Event – IAI Global Design Award Silver Prize","research.layout":"Layout","research.taobaoInteractiveGame.taoCoinPopArtStyleApplication":"Tao Coin: Pop Art Style Application","research.color.design.excerpt":"Color design (Excerpt)","careers.socialJob5Team":"TaoTian Group (Xianyu)","research.versionAI.tmall":"Introducing VersionAI Tmall","careers.socialJob13Years":"5 Years","research.in.taobao.s.marketing":"In Taobao’s marketing design scenarios, the user journey is characterized by early entry points and strong cyclical patterns, which place high demands on both the guiding capability of information presentation and the directness of information delivery.From a business perspective, these scenarios feature broad coverage, highly recurring requirements, and interwoven contexts. Historically, however, marketing expression has not been systematically studied or established as a foundational design discipline. A preliminary observation shows a wide range of expression styles—including poster-like typographic layouts, graphical compositions, and hybrid graphic-text approaches—indicating significant potential for further integration and optimization.This initiative focuses on “intuitive information expression”, aiming to establish universal design principles and methodologies to improve the overall efficiency of marketing communication.","research.tmall.app.uikit":"Tmall App UIkit","research.generative.ui.agent":"Generative UI Agent","careers.socialJob7Title":"Experience Designer - 1688","home.bookFlipSubtitle":"Books published by Taotian Design:  \nStaying True to Design, Yet Going Beyond AI","research.interactiveGameTrends.pageTitle":"Taobao Interactive Game Design Trend Research","research.price.semantic.rules.excerpt":"Price semantic rules (Excerpt)","careers.internJob4Date":"2026.03.12","research.from.literal.visualization.in":"From literal visualization in splash screens, to graphic containers in pop-ups, to hierarchical unification in promotional headers, and further to precise medium selection for campaign assets, direct textual composition, frame-level amplification of key elements, and emotionally evocative feature cues—all strategies and case studies ultimately follow the same guiding principle:keep complexity within the design process and deliver simplicity to the user; keep abstraction within business language and return concreteness to the user’s cognition.","header.awards":"Awards","bottom.contributor.title":"Contributor","careers.socialJob11Desc":"AI domain analysis and industry expert interviews, from an investment perspective, conduct dynamic analysis of AI technology fields and AI application markets, understand industry development trends, monitor and analyze key movements of core players/companies in this field, and conduct expert in-depth interviews on core events with significant capital market reactions, forming analysis reports to provide effective output to strategic levels. E-commerce and commercialization domain strategy research/customer research, for e-commerce and commercialization business scenarios, conduct industry dynamic analysis, understand industry development trends, track platform strategies, conduct industry expert interviews, financial report analysis, industry information research, and internal data extraction analysis. Conduct merchant customer research and agency ecosystem research as needed, including qualitative and quantitative methods, combining external competitive environment and Alibaba Mama business, to produce in-depth, thoughtful comprehensive reports on strategy, technology, products, operations, and ecosystem. Deeply communicate with business teams including consultants, planners, products, operations, technology, and ecosystem to understand internal business demands,反哺业务 through dynamic analysis, empower Alibaba Mama business to win differentiated battles, and find business landing points and breakthrough points for innovation and transformation.","products.design.specifications.paragraph7":"Powerful underlying engine","products.design.specifications.paragraph6":"A full-link closed loop for “Chat is Creation”","products.design.specifications.paragraph9":"The Efficiency Revolution: From 1 Day to 30 Seconds.","home.award3Title":"MUSE Platinum Award","products.design.specifications.paragraph8":"Design Knowledge Cycle","research.if.design.artifacts.are":"If design artifacts are expected to be stably readable, retrievable, reasoned over, and executable by AI systems, traditional approaches to constructing Design System Specification Knowledge exhibit three fundamental shortcomings that must be addressed. 1.  {{bold}}Lack of structured knowledge:{{/bold}} design source files are insufficiently standardized (missing design tokens, component variables, and semantic descriptions); design rules are underspecified (lacking clear descriptive structures and content formats); and design code is incomplete (lacking concrete code implementations). 2.  {{bold}}Lack of explicit mappings:{{/bold}} there are no explicit, structured anchoring, constraint, and reference relationships between design rules and code. 3.  {{bold}}Lack of unified maintenance:{{/bold}} design source files, rules, and code are created and maintained separately by designers and developers, without shared structural or mapping consensus, leading to fragmentation and inconsistent iteration.","research.element.semantic.rule.template":"Element semantic rule template","careers.internJob2Desc":"Brand marketing creative design for various businesses and activities, delivering full-case designs including but not limited to brand, marketing, pages, packaging, and space. Theme creative planning for interactive products, visual style definition and character design. Apply AI tools for design and artistic creation, solving technical challenges to achieve goals at an industry-leading level. Build design databases, train and optimize LoRA models based on business demands and design goals, enabling autonomous generation of business assets.","footer.sloganHumanistic":"Humanistic","research.in.this.project.the":"In this project, the workflow and agents are built within an IDE-based tool. The base model and memory use default settings; tools are either defaulted or require no configuration; the remaining items are defined explicitly. The prompt Markdown files include (but are not limited to) role definitions, task definitions, built-in workflow steps, input/output requirements, access and routing, and constraints.","research.note.in.principle.the":"Note: In principle, the knowledge retrieval agent and the design synthesis agent could be unified into a single agent. They are intentionally separated to handle cases where the Design System Specification Knowledge lacks coverage for certain requirement-to-design mappings. In such situations, the solution design agent can perform supplementary retrieval via external tools or authorized external knowledge bases. This separation more clearly delineates task responsibilities and degrees of autonomy between the two agents, thereby improving both process controllability and outcome determinism.","careers.socialJob5Years":"5 Years","research.node.orchestration":"Node orchestration","careers.campus":"Campus Recruitment","careers.socialJob2Location":"HangZhou","research.case.semantic.rules.template":"Case semantic rules template (excerpt)","home.seeAll":"View all","careers.socialJob3Years":"2 Years","home.research6Title":"Research on Dynamic Images of the “TAO”AI Digital Human","research.all.the.articles.new.label1":"Design Team","careers.socialJob12Date":"2026.01.08","banner.titleTechnology":"Technic","home.browseVideosTitle2":"Happy work","home.browseVideosTitle1":"We pursue.","research.this.leads.to.a":"This leads to a paradigm-shifting question: In an era where human–AI collaboration shapes user experiences and digital products, traditional design guidelines and systems—created primarily for human interpretation{{bold}} (Design Guidelines and Systems for Human)—must inevitably evolve into guidelines and systems optimized for machine comprehension (Design Guidelines and Systems for AI{{/bold}}). This shift introduces new principles, methods, and workflows for how such systems should be constructed.","research.this.article.is.a":"This article is a mid‑2025 exploration by the Taobao Design team on how to enable AI to generate product interfaces that comply with enterprise design standards. Using the Tmall app—a major B2C shopping platform in China—as an example, it presents the problems addressed by AIGUI, the concrete methods for building design system knowledge that can be interpreted and utilized by machines, as well as examples of generated product pages. As technologies and tools evolve, the corresponding approaches will also change. The content below is provided as a reference for the current stage only.","research.interface.generation.is.essentially":"Interface generation is essentially{{bold}} a domain-specific intelligent system composed of multiple task-specific agents, operating within an enterprise-aligned design workflow, and driven by contextual reasoning and retrieval over Design System Specification Knowledge{{/bold}}. Among these elements, the workflow serves as the engineering foundation: it connects all stages from requirement input to interface output, ensuring both process determinism and outcome reliability. The multi-agent system functions as the model’s cognitive core, guided by predefined system prompts, each agent interprets the output of the previous step, performs autonomous step-by-step reasoning, and passes structured results to the next stage. These agents are organized into four primary task agents: intent recognition, knowledge retrieval, design synthesis and code generation. Design System Specification Knowledge acts as externally retrieved factual knowledge: through a Design-to-Code (D2C) transformation, design assets are converted into rule-based semantic facts, code-level symbolic facts, and the structured mappings between them, forming a structured Design Knowledge Base that the model can read, retrieve, and extract from.","team.publish.a.book.paragraph102":"The film crew’s overall workflow and job responsibilities","team.publish.a.book.paragraph101":"The main poster and stills from the movie \"The Outsider\"","team.publish.a.book.paragraph100":"Main poster and stills from the movie \"Ghost Stories\"","banner.cameraMoveBody2":"Feel the temperature change","research.case.mapping.schema.template":"Case mapping schema template (excerpt)","home.adjustTextTitle":"We Craft Better Design","careers.socialJob10Title":"AI Development Engineer - Design Agent","header.product2":"TDA AI Agent","careers.socialJob1Date":"2026.03.10","header.product3":"Design System","research.note.it.may.also":"Note: It may also be named “Page” or “Block”.","careers.socialJob6Title":"Product Visual Designer - 1688","header.product1":"Taotian AI Designer","careers.socialJob10Desc":"Responsible for building and maintaining the design agent ecosystem, continuously improving design team productivity, quality consistency, and knowledge reuse by integrating design knowledge, workflows, and AI capabilities. This role is the intelligent core builder of the design system, connecting three domains: Design, Engineering, and Agent Technology, ensuring AI is usable, iterable, and controllable within the team. Independently build and optimize design agent systems, understand architecture and workflow mechanisms; lead the evolution of design agent architecture and cross-platform workflow integration; build intelligent design platforms for the entire team to achieve scalable empowerment. Responsible for agent system construction, building and maintaining the Design Agent architecture; responsible for knowledge systems and RAG maintenance, building and evolving the Design Knowledge Base; responsible for workflow intelligence and tool integration, and design agent performance monitoring and evaluation.","products.official.website.introduction.paragraph110":"Perform validation","products.official.website.introduction.paragraph111":"After generation is complete, automatically cross-reference against the hard constraint checklist, intercept non-compliant structures, and generate a correction report.","careers.internJob4Desc":"Assist in improving the actual performance of existing project technologies in AIGC products. Collaborate with algorithm and other colleagues to complete effect validation of new technologies. Analyze and audit existing art assets, and propose improvement plans.","products.official.website.introduction.paragraph114":"Each knowledge unit supports one-click copying and provides React component code along with a Markdown rule package, which can be directly injected into the AI dialogue context.","products.official.website.introduction.paragraph115":"Scene template","careers.socialJob2Date":"2026.03.05","products.official.website.introduction.paragraph112":"Technical Access Method","products.official.website.introduction.paragraph113":"Clip Export","products.official.website.introduction.paragraph118":"The standardized structure has been adapted to mainstream AI design tools and IDE plugins, supporting rule updates and real-time previews.","products.official.website.introduction.paragraph119":"The complete specifications are now online, supporting both online browsing and structured data downloads.","products.official.website.introduction.paragraph116":"Prompt templates and layout structures for frequently used pages such as built-in data dashboards, form pages, and list pages are available for direct use.","products.official.website.introduction.paragraph117":"Plugin Integration","careers.socialJob9Desc":"Responsible for Taobao user product experience design, covering Taobao user platform products (homepage, My Taobao), basic transaction flow products (shopping cart, details, orders, etc.), messaging and social interaction products (messages, sharing, Taobao circles, etc.), and Taobao horizontal design system, ensuring product usability, scalability, and design quality. Responsible for end-to-end design process including business alignment, strategy formulation, design concepts, solution delivery, implementation, and data analysis, capable of completing information architecture, style definition, visual interface output, and component specification development. Possess holistic business understanding and judgment, able to collaborate with business, user research, and development teams to identify design opportunities and drive value through deep co-creation.","careers.socialJob8Location":"HangZhou","footer.sloganAcademic":"Academic","research.all.the.articles.name9":"Meng Xia","research.all.the.articles.name8":"Hanwen Liu","research.all.the.articles.name7":"Qidi Dai","products.official.website.introduction.paragraph100":"On-site Access and Workflow","research.all.the.articles.name1":"Keke Le","careers.socialJob11Date":"2026.01.12","products.official.website.introduction.paragraph103":"In actual projects, it is recommended to call the specifications in the following order:","research.all.the.articles.name6":"Jiaoqi Shen","home.product2Title":"TDA AI Agent","products.official.website.introduction.paragraph104":"Set the framework","research.all.the.articles.name5":"Qiongyin Cui","products.official.website.introduction.paragraph101":"The true value of standardization lies in its efficient implementation. To reduce the team’s onboarding costs, we have streamlined the standard workflows and technical integration methods:","research.all.the.articles.name4":"Tingting Wu","products.official.website.introduction.paragraph102":"Recommended Workflow","research.all.the.articles.name3":"Yuhang He","products.official.website.introduction.paragraph107":"Call structured components according to business requirements, strictly adhering to attribute mappings and constraint conditions.","header.products":"Products","products.official.website.introduction.paragraph108":"School scene","products.official.website.introduction.paragraph105":"Prioritize reading the style guidelines to establish the overall tone for color, typography, and layout.","products.official.website.introduction.paragraph106":"Fill in the component","products.official.website.introduction.paragraph109":"Use case combination examples to validate the primary-secondary relationships and interaction logic, ensuring that the output aligns with the business context.","banner.micTryTurnOn":"Try turn on microphone","home.award1Title11":"Cat Super Lucky Barrel","team.section.new.title":"Team leader","home.award1Title13":"Meow Full Score Treasure Fragrance","home.award1Title12":"MUSE Gold Award","research.in.the.daily.workflow":"In the daily workflow of design teams, output targets generally fall into three categories: modules, single pages, and multi-page flows. Correspondingly, design approaches can be grouped into three modes: assembling existing components, modifying existing components, and creating new components. Among these, modifications to existing components can be further broken down into information adjustments, layout adjustments, and style adjustments.","research.inject.the.snippet.into":"Inject the snippet into context","research.taobaoInteractiveGame.paragraph18":"In the next phase, we will advance along the path of \"mechanism-driven consolidation + scenario-based validation + systematic scaling\": continuously refining the interactive experience framework and design asset library, conducting rapid iterative experiments and retrospectives around key business scenarios, and distilling effective paradigms into the team's standardized capabilities and shared collaborative language.","research.taobaoInteractiveGame.paragraph19":"At the same time, through the external perspective and professional methodology afforded by the joint university-industry research partnership, we will maintain sensitivity to industry evolution and the ability to recalibrate — ensuring that Taobao's interactive games continue to deliver forward-thinking experiences in a rapidly changing environment.","research.taobaoInteractiveGame.paragraph16":"Drawing on the foundational standards and universal rules distilled from the Motion Effects Atlas, key scenarios — including guidance, transitions, and overlay layers — are selected for practical implementation. By unifying motion rhythm and feedback logic, this approach enhances interaction consistency and experiential stability.","research.taobaoInteractiveGame.paragraph17":"This research endeavors to elevate \"interactive games\" from scattered gameplay mechanics and isolated experience touchpoints into a design capability framework that is quantifiable, reusable, and verifiable — deconstructing typology, art style, UI, and motion effects through structured methodology, while leveraging trend research to identify experience opportunities.","research.taobaoInteractiveGame.paragraph10":"Motion effects play a critical role in interactive business by serving four key functions: guidance, feedback, emotional expression, and rhythm. However, long-term project iterations often give rise to inconsistent standards, fluctuating quality, and resource inefficiency — including redundant creation of similar motion effects, missing or excessive key feedback responses, and uneven pacing that undermines task completion efficiency. To improve experiential consistency and reuse efficiency, it is necessary to select representative scenarios for a systematic deconstruction and rule-based consolidation.","research.taobaoInteractiveGame.paragraph11":"The Motion Effects Atlas takes Baba Farm as a primary case study, conducting in-depth motion design research across the following modules: fruit tree animations, seed selection animations, fertilization animations, task animations, behavioral feedback, and UI motion effects. Through systematic organization and categorization, experiential issues are identified and diagnostic conclusions are drawn, ultimately distilling motion design strategies and parameterized rules.","research.taobaoInteractiveGame.paragraph14":"Pop Art style establishes form and spatial hierarchy through highly saturated, high-contrast color relationships, with an expression that is inherently more concise and direct — making it a natural fit for product interfaces characterized by high information density and numerous UI components. During Double 11, the Tao Coin interactive zone occupies only half the screen while simultaneously accommodating multiple modules including entry points, buttons, and earnings prompts. Introducing Pop Art style allows spatial depth and structural order to be reinforced through color block zoning and contrast hierarchy — without compromising information completeness — thereby enhancing readability and decision-making efficiency.","research.taobaoInteractiveGame.paragraph15":"Surrealism dismantles the physical relationships and spatial conventions of the real world, establishing an expressive system that exists between the \"logical and the illogical\" yet remains internally coherent — liberating narratives from the constraints of reality and endowing them with greater imaginative power, symbolic depth, and thematic capacity. Its value lies in using visuals and rules that appear to defy common sense yet hold internal logic, enabling users to quickly form a memorable understanding of the world and a clear sense of reward expectation within a short period of engagement.","research.taobaoInteractiveGame.paragraph12":"Through the case deconstruction within the Interactive Game Typology Atlas, we identified that Duolingo's mechanism of driving sustained engagement through emotional experience holds significant inspirational value. In the context of Tao Coin, it is necessary to reshape the interactive relationship between users and the system through emotionally driven visual expression and feedback mechanisms. We will introduce phased state presentation and continuous emotional feedback mechanisms, transforming Tao Coin — originally a result-oriented rewards system — into an experiential system defined by process and rhythm, thereby enhancing user engagement willingness and retention stability.","research.taobaoInteractiveGame.paragraph13":"In our typology case analysis, we also identified an interactive structure closely aligned with Zhongdiba's business model — the atlas progression system of MonopolyGO!. Drawing on this model, we establish a strong binding between farming progress and atlas advancement: users gradually unlock atlas content by completing card-collecting tasks, receiving phased feedback in the form of \"unlocking an entire region.\" Using the atlas as the structural framework, everyday user behaviors are connected into a perceivable, reviewable, and continuously progressing growth journey, forming a stable rhythm and a closed motivational loop.","awards.taobaoInteractiveGame.title1":"Taobao Vision Wins the ADA Apple Design Award","awards.taobaoInteractiveGame.title2":"Design Highlights Presentation","products.design.specifications.title2":"Tmall Design System","research.taobaoInteractiveGame.typeGraph":"Interactive Game Typology Atlas","products.design.specifications.title3":"Qianniu Design System","products.design.specifications.title1":"Taobao Design System","research.component.mapping.schema.template":"Component mapping schema template","research.the.code.generation.agent":"The code generation agent takes the solution design outline as input. It maps to the outline files in the knowledge base and invokes the corresponding code, producing interface code files as output; users can preview the generated results.","products.official.website.introduction.paragraph121":"Go to Taobao Design","products.official.website.introduction.paragraph122":"Taobao Design is a design system specifically created for the Taobao app. The Taobao Design System aims to establish a universal design language, ensuring a consistent product experience across Taobao and empowering various roles to collaboratively build a simple and user-friendly commercial ecosystem.","products.official.website.introduction.paragraph120":"Introducing Taobao Design","products.official.website.introduction.paragraph125":"Content Normative System","products.official.website.introduction.paragraph126":"Experience Metrics","products.official.website.introduction.paragraph123":"Taobao’s design is user-centered, featuring a restrained and rigorous approach to product functionality. The system’s complex yet comprehensive design philosophy is aimed at delivering a simple, easy-to-use, and engaging product experience for users. By providing a common language among designers, product managers, and developers, we ensure that the Taobao app maintains an exceptional and thoughtful user experience.","products.official.website.introduction.paragraph124":"The Taobao Design website is divided into two sections: Guidelines and Applications. The former primarily introduces and explains how Taobao design should be correctly applied across different modules and scenarios, covering four key areas: global styles, basic components, interaction patterns, and experience metrics. The latter is geared toward developers and provides detailed instructions for integrating with various technical frameworks.","careers.socialJob3Location":"HangZhou","team.section.new.paragraph1":"“I hope we’re first and foremost a fun, playful design team.”","products.official.website.introduction.paragraph127":"Technical Access Standards","products.official.website.introduction.paragraph128":"Handtao Icon Library","team.section.new.paragraph2":"— Gu Xiaoyuan, Head of Design","research.existing.marketing.design.expressions":"Existing marketing design expressions were analyzed across four dimensions: content recognition, behavioral guidance, visual form, and overall structural relationships.The analysis revealed multiple issues: mechanically organized information structures, excessive conceptual logic leading to high cognitive cost, splash screens and promotional assets relying on modular layout combinations with weak creative integration and excessive textual hierarchy, pop-ups lacking clear thematic expression while containing too many informational layers, and promotional headers whose structural order is inconsistent with the content that follows.Behind these surface-level issues lies a fundamental problem: the accumulation of disconnected design elements. Many designs emphasize atmosphere over meaning, forcing users to perform significant cognitive translation. Meanwhile, the lack of narrative structure prevents the realization of an organic unity between semantic meaning, informational content, and visual form.The optimization direction therefore focuses on mapping themes through universal visual symbols and integrating textual, brand, and product elements through structured composition, ultimately achieving direct information delivery—a unified visual expression in which meaning and form are intrinsically aligned.","research.website.homepage":"Website homepage","research.all.the.articles.label10":"Installation Art and Photo Albums","research.all.the.articles.label03":"Editor-in-chief","research.all.the.articles.label02":"China Academy of Art","careers.socialJob1Desc":"Conduct in-depth business insights research on merchants and TP service providers within the e-commerce ecosystem, analyzing pain points and needs across overall merchant experience, pricing strategies, and operational costs. Identify core business challenges through systematic research, explore and synthesize merchant feedback on key strategies to provide valuable inputs for business strategy formulation and optimization.","research.all.the.articles.label01":"Taotian Design Instructor","research.balanced.color.contrast.use":"{{bold}}Balanced Color Contrast {{/bold}}— Use contrast strategically. Differences in hue, brightness, and saturation should highlight the primary subject while maintaining overall visual clarity.","research.all.the.articles.label05":"Book design","research.all.the.articles.label04":"Planning Editor","careers.internJob1Years":"Intern","careers.socialJob3Date":"2026.03.05","research.taobaoInteractiveGame.motionGraphApplication":"Interactive Game Motion Effects Atlas in Practice","footer.contactWechat":"WeChat Official Account","careers.socialJob8Desc":"Responsible for front-end and back-end experience design, including Taobao Factory channel, basic transaction flows, gamification design, Taobao Factory live streaming, product material design, merchant workbench experience design, and AI design innovation. Through user research, data analysis, and business understanding, identify user latent needs and problems, deeply collaborate with business and product teams, discover business opportunities and user pain points, proactively initiate design proposals and implementation, and enhance user experience and business value through innovative design. Clear logic and rigorous thinking with evidence-based design solutions. Improve overall team design capabilities through rich design experience, methods, and processes. Efficiently organize and coordinate in large projects to achieve business goals across teams.","research.all.the.articles.label13":"Taotian Design Members","research.all.the.articles.label12":"Member of the China Academy of Art","banner.blowOrApplaud2":"Feel the freedom of change","research.all.the.articles.label11":"Responsible person","home.award9Desc":"2025 618 Main Interactive Event","research.shopping.guide.case.semantic":"Shopping Guide case semantic rules (excerpt)","research.design.system.specification.paragraph2":"Semantic rules consist of textual descriptions covering an object’s definition, styles, variables, usage, and constraints. They represent the foundational intellectual property that gives rise to experiential differentiation and are authored in Markdown format. Code implementations translate objects into executable and deployable symbolic facts, using the appropriate programming language as the representation format.","research.design.system.specification.paragraph3":"Mapping schemas serve as the central connective layer between semantic rules and code implementations. Rather than duplicating either, they provide object ID anchoring, mapping constraints, and precise code references. Within the workflow, they function as guiding blueprints during the knowledge retrieval, solution design, and code generation stages, allowing large language models to avoid traversing the entire knowledge corpus and thereby reducing computational overhead. Mapping schemas are represented in JSON format. The following sections elaborate on each object type in detail.","research.this.document.was.produced":"This document was produced by Taobao Design at the end of 2025 as part of a dedicated initiative focusing on “Intuitive Information Expression” in Taobao App marketing design. Addressing recurring issues in high-frequency marketing interfaces—such as splash screens, pop-ups, and promotional headers—including information overload, fragmented user flow, and visual fatigue, the team proposed the “Symbolic Narrative” design strategy.The strategy maps marketing themes through universal visual symbols, integrates text and imagery through structured composition, and follows six core principles: semantic consistency between meaning and form, immediate structural clarity, extreme emphasis on the primary subject, minimal necessary hierarchy, balanced color contrast, and natural, expressive motion. Extensive case validation demonstrates its effectiveness across scenarios including benefit communication, red envelopes, coupons, membership cards, and promotional campaigns.The following content is provided for phase-specific internal reference.","careers.socialJob10Location":"HangZhou","research.all.the.articles.name_new4":"Jing Yan","research.all.the.articles.name_new5":"Hao Ning","research.all.the.articles.name_new6":"Ran Jing","research.all.the.articles.name_new7":"Er Wu","careers.socialJob11Title":"Senior Industry Strategy Investment Analyst & User Researcher - Alibaba Mama","research.all.the.articles.name_new1":"Jian Qun","research.all.the.articles.name_new2":"Jiang Xuan","research.all.the.articles.name_new3":"Ming Meng","research.all.the.articles.name_new8":"Ming Jing","research.all.the.articles.name_new9":"Jian Zhe","products.design.specifications.new.paragraph2":"What Taotian AI designers aim to address is precisely the critical gap between “generating images” and “generating designs,” as well as between “single-point creativity” and “large-scale delivery.”","products.design.specifications.new.paragraph3":"From “Generate Image” to “Generate Design”","products.design.specifications.new.paragraph1":"Background and Challenges: Visual production in e-commerce has long been under multiple pressures—high frequency, massive volumes, and tight deadlines. Traditional workflows rely on manual collaboration, which limits efficiency. Although general-purpose AI tools can generate images, they struggle to truly understand business scenarios and delivery standards, making it difficult to directly translate their outputs into usable e-commerce design drafts.","products.design.specifications.new.paragraph6":"The total number of generated images has exceeded one million, and over 2,300 non-design employees have participated in the creation process.","products.design.specifications.new.paragraph7":"Taotian AI designers are leveraging the infinite canvas and node interactions to create a smarter, more flexible, and more precise creative environment. This shift is propelling design from “pixel-based generation” toward “structural production,” and from “human expertise” to “algorithmic intelligence,” empowering a wider range of roles—including designers, operations specialists, and technologists—to participate in the creative process.","products.design.specifications.new.paragraph4":"From “single-point creativity” to “scalable delivery,” integrating mainstream AI models and providing APIs and batch image-generation capabilities.","products.design.specifications.new.paragraph5":"Design knowledge cycles, fostering the co-creation and symbiosis of knowledge.","careers.socialJob12Years":"1 Year","footer.navTitle":"Navigation","careers.internJob3Title":"Product Experience Designer","banner.titleAcademic":"Academic","banner.punchedTapePlaceholder":"Convert the input content to binary.","careers.socialJob4Date":"2026.02.27","products.design.specifications.new.paragraph010":"To fully recognize the outstanding performance and innovative achievements of participants in the project, this workshop has specially established a dedicated reward mechanism. Following the final review, selected outstanding works will be honored with both recognition and tangible rewards. The awards are divided into three levels: First Prize (2 winners) will receive DJI gimbal cameras; Second Prize (3 winners) will receive high-quality Sony headphones; and Third Prize (4 winners) will receive classic Marshall speakers. This reward structure is designed to clearly convey the message that “design drives value, and innovation deserves recognition,” while reinforcing the course’s guiding principle of “applying what you’ve learned and achieving creative success.” We hope these prizes—featuring exquisite craftsmanship and cutting-edge technology—will accompany the winning participants as they continue to draw inspiration, amplify their voices, and capture their creative visions on their future design journeys. The award ceremony not only marks a ceremonious conclusion to this workshop but also symbolizes the beginning of a new chapter. We look forward to all participants carrying forward this recognition and these expectations, shining brightly and making an impact on the broader design and business stage.","research.design.system.specification.knowledge":"Design System Specification Knowledge is composed of two categories of knowledge objects and three file types. The two categories of knowledge objects are {{bold}}styles{{/bold}} and {{bold}}pages{{/bold}}, where styles are further subdivided into four types: {{bold}}elements, layouts, components, and assets{{/bold}}. Each category of knowledge object is associated with three file types: {{bold}}semantic rules, mapping schemas, and code implementations{{/bold}}. Semantic rules consist of textual descriptions covering an object’s definition, styles, variables, usage, and constraints. They represent the foundational intellectual property that gives rise to experiential differentiation and are authored in Markdown format. Code implementations translate objects into executable and deployable symbolic facts, using the appropriate programming language as the representation format. Mapping schemas serve as the central connective layer between semantic rules and code implementations. Rather than duplicating either, they provide object ID anchoring, mapping constraints, and precise code references. Within the workflow, they function as guiding blueprints during the knowledge retrieval, solution design, and code generation stages, allowing large language models to avoid traversing the entire knowledge corpus and thereby reducing computational overhead. Mapping schemas are represented in JSON format. The following sections elaborate on each category of knowledge object in detail.","research.icon.semantic.rules.excerpt":"Icon semantic rules (Excerpt)","careers.socialJob7Desc":"Responsible for experience design of 1688 product line to help achieve business objectives. Deeply understand the business, participate in product requirement discussions, and provide effective design solutions. From a user perspective, based on user scenarios and behaviors, identify experience improvement opportunities around business goals and drive experience upgrades.","team.section.link1":"University–Industry Collaboration: China Academy of Art × Taobao Design","team.section.link2":"Publish the book “Staying with Design, Not Stopping at AI”","team.section.link3":"Taotian Design’s Film Philosophy—An Image Archive of Our Shared Growth","research.design.system.specification.paragraph003":"The design system specification knowledge consists of two types of knowledge objects and three document types. The two types of knowledge objects are Styles and Pages, with Styles further subdivided into four categories: Elements, Layouts, Components, and Assets. Each of these knowledge objects includes three document types: Semantic Rules, Mapping Schemas, and Code Implementations. Semantic Rules are textual descriptions that define the objects, their styles, variables, usage scenarios, constraints, and other relevant details; they represent the foundational intellectual property that gives rise to differences in user experience, and are formatted using Markdown. Code Implementations transform the objects into executable and deployable symbolic representations, formatted according to the specific development language used. Mapping Schemas serve as the central hub connecting Semantic Rules and Code Implementations; they do not duplicate the content of either, but instead provide object ID anchors, mapping rule constraints, and pointers to the corresponding code. In the workflow—during knowledge retrieval, solution design, and code generation phases—Mapping Schemas play a guiding role, enabling large models to avoid traversing all knowledge items and thus conserving resources; they are formatted using JSON. Below, we will explore each type of object in detail.","research.agent.template":"Agent template","products.official.website.introduction.paragraph19":"AI Design Guidelines for the B-端 Merchant Platform","research.icon.code.implementation.excerpt":"Icon code implementation (Excerpt)","footer.sloganFree":"Free","products.official.website.introduction.paragraph17":"Inject the fragment into the context.","products.official.website.introduction.paragraph18":"Generate interface display","products.official.website.introduction.paragraph15":"Generate multi-agent workflow execution for the interface","products.official.website.introduction.paragraph16":"Copy or download snippet knowledge","products.official.website.introduction.paragraph13":"Configure in the IDE tool","home.award2Title":"IF Design Award","products.official.website.introduction.paragraph14":"Generate instructions using the natural language input interface.","research.interface.generation.in.practice":"Interface generation in practice via the VersionAI Tmall website","home.award9Title":"IAI Global Design Award Silver Prize","products.official.website.introduction.paragraph11":"AI-friendly semantic rules","products.official.website.introduction.paragraph12":"This website offers users two ways to invoke Tmall Design specifications in AI tools: MCP Server and context injection. By configuring the MCP server with a single click in the IDE tool, you automatically establish a dependency on the Tmall Design Specification knowledge base. The API functions encapsulated by MCP will then automatically process user’s natural language instructions and output results, with specific functionalities including but not limited to search and workflow execution. Alternatively, you can click “Copy” or “Download” on a particular knowledge unit page to obtain the semantic rules, mapping outlines, and code implementation package for that fragment of knowledge. You can directly paste these into the instruction input box for localized modifications and generation.","awards.taobaoInteractiveGame.Contributors":"Contributors","banner.titleCreativity":"Creative","products.official.website.introduction.paragraph10":"Human-friendly semantic rules","careers.internJob4Years":"Intern","research.sidebar.consistent.with.the":"Sidebar consistent with the design system knowledge structure","careers.socialJob2Desc":"Responsible for visual design and innovative design of multi-terminal brand marketing scenarios, including Tmall Mobile, Billion Subsidies, Taobao PC, Taobao Vision, Taobao Design Official Website, Taobao Design Agent and other business scenarios. Work includes but is not limited to brand visual systems, online and offline marketing materials, dynamic videos and other multi-channel visual content to enhance user experience and team influence. Combine traditional visual design methodologies with AIGC generation tools to produce high-tone, high-quality visual works, achieving dual improvement in design efficiency and creative output.","research.economic.aesthetics.title11":"The main subject | Concrete is preferable to abstract; reproducing familiar objects.","research.economic.aesthetics.title10":"Color | Natural Color Palette, Emotional Mapping","research.economic.aesthetics.title15":"Economic Aesthetic Design Model","research.economic.aesthetics.title14":"Motion Effects: Gamified Dynamic Design","research.economic.aesthetics.title13":"Layout | Saturated Information Delivery","research.economic.aesthetics.title12":"Copywriting | A Life-Realistic Language System","research.economic.aesthetics.title18":"Split into two categories: folk objects and common objects.","research.economic.aesthetics.title17":"Split into two directions: real-life scenes and street-side small ads.","banner.titleFreedom":"Free","research.economic.aesthetics.title16":"Split into three directions: marketing explosion style, selling-point sticker style, and sealed small commodities.","products.official.website.introduction.paragraph28":"List-based constraints","products.official.website.introduction.paragraph29":"Directly list “what can be done” and “what absolutely cannot be done,” thereby drawing clear red lines for AI’s generation process.","products.official.website.introduction.paragraph26":"Scene combination","products.official.website.introduction.paragraph27":"Clearly define how components should be paired and arranged in sequence for common business scenarios, avoiding the isolated and haphazard stacking of AI elements.","products.official.website.introduction.paragraph24":"Structural coding","products.official.website.introduction.paragraph25":"Not only does it provide the visual appearance, but also supplements the internal structure of components, code attributes, and interaction states, enabling design parameters to directly connect with development.","products.official.website.introduction.paragraph22":"Specifically define the rules.","products.official.website.introduction.paragraph23":"Remove subjective descriptions and replace them entirely with explicit numerical values, fixed step ranges, and clear boundaries.","careers.socialJob9Date":"2026.01.29","products.official.website.introduction.paragraph20":"The AI Design Guidelines for the B-end Merchant Platform are a set of standardized documents specifically tailored for AI-assisted design tools. Previously, design guidelines were primarily intended for human designers and relied heavily on visual references and experiential judgment. However, when faced with descriptions such as “appropriate white space” or “clear visual hierarchy,” AI systems can easily produce interfaces characterized by chaotic layouts, inconsistent styles, or unclear distinctions between primary and secondary elements due to misinterpretations. Without altering the original design principles, we’ve completely revamped the logical structure of the guidelines, enabling AI to accurately comprehend the requirements and directly generate interfaces that align with both business logic and brand standards.","products.official.website.introduction.paragraph21":"Adjustments in four aspects:","header.team":"Team","careers.internJob4Location":"BeiJing / HangZhou","research.all.the.articles.name46":"Jiacheng Zhong","research.all.the.articles.name45":"Yige Zhou","research.all.the.articles.name48":"Shi You","research.all.the.articles.name47":"Ying Long","research.all.the.articles.name49":"Le Xiang","products.official.website.introduction.paragraph39":"Adopt a 24-grid system. The column spacing is fixed at either 16px or 24px. The page content area has a margin of 48px, the card spacing is uniformly 24px, and the spacing within modules ranges from 16 to 24px.","products.official.website.introduction.paragraph37":"Use Alibaba Sans 102 uniformly (digits must have uniform width). The base font size is 12px, and the line height strictly follows FontSize + 8px (e.g., 12px corresponds to 20px). Font weights are as follows: 500 (titles/emphasis), 400 (body text), and 300 (supporting notes).","products.official.website.introduction.paragraph38":"Spacing and Grid","products.official.website.introduction.paragraph35":"Continuous numerical values can increase uncertainty in AI-generated content. The standard discretizes font sizes, line heights, spacing, and alignment rules, and links them to reading-flow logic. When generating content, the AI directly reads the font-size scale, line-height formulas, and alignment rules, and combines these with an F-shaped reading pattern to automatically assign information weights, thereby preventing content from becoming overly cluttered or losing its visual balance.","home.award7Desc":"2024 Double 11 Main Interactive Event","products.official.website.introduction.paragraph36":"Font and line height","research.semantic.consistency.marketing.themes":"{{bold}}Semantic Consistency{{/bold}} — Marketing themes should be visually embodied through symbols whose meanings align with the intended concept and remain universally recognizable.","products.official.website.introduction.paragraph33":"Typesetting and Layout","products.official.website.introduction.paragraph34":"Continuous numerical values can increase uncertainty in AI-generated content. The standard discretizes font sizes, line heights, spacing, and alignment rules, and links them to reading-flow logic. When generating content, the AI directly reads the font-size scale, line-height formulas, and alignment rules, and combines this information with an F-shaped reading pattern to automatically assign information weights, thereby preventing content clutter or shifts in visual focus.","research.workflow.and.knowledge.integrated":"Workflow-and-knowledge integrated engineering package","products.official.website.introduction.paragraph31":"Style semantic binding","research.all.the.articles.name51":"Chen Dong","products.official.website.introduction.paragraph32":"Colors directly correspond to business states and interactive feedback and are not used for mere visual embellishment. When AI parses instructions such as “conversion rate decline” or “high-priority submission,” it will automatically invoke the corresponding variables via semantic mapping, thereby avoiding semantic errors caused by randomly selecting colors. All color values are declared hierarchically according to functional domains and come with clear explanations of their intended uses.","research.all.the.articles.name50":"Fei Fei","research.all.the.articles.name53":"Yu Shi","products.official.website.introduction.paragraph30":"AI Translation with Style Guidelines","research.all.the.articles.name52":"Ke Po","research.all.the.articles.name55":"Tao Xi","research.all.the.articles.name54":"Fei Yun","research.all.the.articles.name57":"Chenyang Wang","research.all.the.articles.name56":"Zhu Xiao","header.research":"Research","research.all.the.articles.name59":"Penglei Zhang","research.all.the.articles.name58":"Yuhang He","careers.internJob1Team":"Alibaba Group","careers.socialJob13Desc":"Understand business demands and accurately define research propositions: independently connect with department heads in operations, product, and technology of the customer operations department, understand business development demands, proactively think about current key product pain points and business opportunities, and based on this accurately define and plan specific research topics. Apply professional research methods, efficiently execute research project implementation and investigation, and produce high-quality research reports: proficiently understand various research types such as consumer segmentation profiling, user demand pain point mining, product experience research, user growth research, product concept testing and optimization; professionally master various research methods such as qualitative research (in-depth interviews/focus groups, etc.), quantitative research (questionnaire surveys), business backend data analysis, desk research/secondary data research, etc. Continuously iterate and optimize research thinking and execution methods, precipitate efficient research work methodologies and execution systems; drive the business implementation of research results and achievement of business outcomes.","careers.socialJob6Desc":"Responsible for product visual design work, including brand elements, product customization, content community, and supply chain management products. Based on multi-modal forms such as graphics, video, and 3D, explore innovative applications of AIGC in product customization and creative design. According to business needs, responsible for the complete design process from concept to implementation, ensuring results align with market trends and business objectives.","banner.titleHumanistic":"Humanistic","products.official.website.introduction.paragraph48":"Delete redundancy","products.official.website.introduction.paragraph49":"Remove adjectives and adverbs that do not affect functionality. If the header already indicates the field, duplicate prefixes in cells are prohibited.","products.official.website.introduction.paragraph46":"Function first","products.official.website.introduction.paragraph47":"The copy directly supports the operational goal (e.g., “Submit Order” replaces “Click here to complete your purchase”).","products.official.website.introduction.paragraph44":"Copywriting Generation Rules","research.all.the.articles.name60":"Yaxi Miao","products.official.website.introduction.paragraph45":"AI-generated copy is prone to being lengthy, repetitive, or semantically ambiguous. By incorporating standardized text-processing rules, the system automatically performs the following steps during generation: “removing modifiers, extracting core information, replacing words with numbers, and standardizing technical terms,” ensuring that the content meets the standards for efficient reading in both front-end and back-end environments.","products.official.website.introduction.paragraph42":"Reading flow constraints","research.all.the.articles.name62":"Teng Shao","products.official.website.introduction.paragraph43":"Follow the F-pattern browsing model. Place core information, the main headline, and key status in the upper-left corner; position supporting information centrally or de-emphasize it; and place key action buttons on the right side. Horizontal single-line information should be arranged in the following order: left (high) – middle (low) – right (medium).","research.all.the.articles.name61":"Shu Wang","products.official.website.introduction.paragraph40":"Alignment Principle","research.all.the.articles.name64":"Dan Liu","products.official.website.introduction.paragraph41":"Numbers/amounts should be right-aligned; text/titles should be left-aligned; form labels should be right-aligned or top-aligned. Information of the same type must form stable rectangular edges, and visual jaggedness is prohibited.","research.all.the.articles.name63":"Wenliang Li","careers.socialJob5Date":"2026.02.25","research.all.the.articles.name66":"Yishu Liang","research.all.the.articles.name65":"Cheng Zhang","research.all.the.articles.name68":"Yi Wei","research.all.the.articles.name67":"Ying Jiang","research.all.the.articles.name69":"Yao Yi","research.human.friendly.semantic.rules":"Human-friendly semantic rules","research.structural.composition.integrating.textual":"{{bold}}Structural Composition{{/bold}}: Integrating textual layout and visual elements into a coherent graphic-text structure, enabling users to directly perceive and understand the message.","careers.socialJob8Date":"2026.02.04","products.official.website.introduction.paragraph59":"Suitable for continuous content such as forms, tables, and long texts. Does not use card containers; instead, relies on whitespace and spacing to separate elements. Between modules, only 0.5px hairline borders or blank spaces are used.","products.official.website.introduction.paragraph57":"The specification breaks down the design style into actionable layout rules. By establishing a container routing decision tree, it clearly defines the container formats corresponding to different content types and prohibits AI from performing recursive nesting or free-form layouts.","careers.socialJob1Years":"3 Years","products.official.website.introduction.paragraph58":"Minimalist style","products.official.website.introduction.paragraph55":"The full description text is, by default, collapsed into an icon or a “Learn More” link and expands only when you hover over it or click on it.","research.all.the.articles.name71":"Huanshuai Kong","products.official.website.introduction.paragraph56":"Layout Style and Container Routing","research.all.the.articles.name70":"Xiaoyuan Gu","products.official.website.introduction.paragraph53":"All system-wide standardized technical terms and industry abbreviations must not be used interchangeably with synonyms. For any abbreviation appearing for the first time, a hover tooltip must be provided.","research.all.the.articles.name73":"Hao Yang","products.official.website.introduction.paragraph54":"Dynamic prompt","research.all.the.articles.name72":"Chuan Hu","research.taobaoInteractiveGame.caseStudies":"Practical Cases","products.official.website.introduction.paragraph51":"Long texts are broken down into short, itemized sentences; numbers are preferred over words whenever possible (e.g., “15 unread items” instead of “You have fifteen unread messages”).","products.official.website.introduction.paragraph52":"Terminology standardization","products.official.website.introduction.paragraph50":"Structured expression","research.design.principles":"Design Principles","products.official.website.introduction.paragraph70":"Middleweight (non-modal)","research.color.code.implementation.excerpt":"Color code implementation (Excerpt)","careers.internJob2Location":"HangZhou","products.official.website.introduction.paragraph68":"Lightweight (non-interrupting)","products.official.website.introduction.paragraph69":"Message: Used for immediate status feedback after an operation, automatically disappearing (e.g., “Saved successfully”).","products.official.website.introduction.paragraph66":"Interactive Feedback Grading","research.note.the.design.to":"Note: The Design-to-Code (D2C) code transformation and mapping schema generation approach applies uniformly to all knowledge object types. Variations exist only in template structure according to object category and will not be reiterated in subsequent sections.","products.official.website.introduction.paragraph67":"The feedback component matches operation risk levels with asynchronous states and prohibits cross-level calls.","careers.socialJob5Location":"HangZhou","products.official.website.introduction.paragraph64":"AI-Structured Components and Interactions","careers.socialJob3Desc":"Conduct research on key Taobao user products such as homepage recommendations and review-based purchases, including analysis of shopping guidance, user experience, consumer mindset, and conversion optimization. Identify critical user issues and improvement opportunities through monitoring and specialized studies to enhance user experience and strengthen Taobao overall product competitiveness and user stickiness. Capable of cross-team and cross-departmental collaboration to integrate and drive experience-related initiatives.","products.official.website.introduction.paragraph65":"Components are the fundamental building blocks of a user interface. Taking the Button component as an example, let’s see how to transform traditional component documentation into a structure that can be directly invoked by AI.","products.official.website.introduction.paragraph62":"Strict constraints","products.official.website.introduction.paragraph63":"Do not nest other cards inside a card; do not leave blank spaces at the bottom solely for grid alignment purposes; content of the same type must be grouped together within the same container; the container’s height is determined by its content, and grid alignment is not mandatory.","products.official.website.introduction.paragraph60":"Card style","products.official.website.introduction.paragraph61":"Applicable to standalone modules such as data metric cards and tool sets. Uses a 0.5px #E4E6ED border, subtle drop shadow, and 6px rounded corners; on hover, the border color changes to the theme color.","home.award8Desc":"2025 Spring Festival Main Interactive Event","products.official.website.introduction.paragraph80":"The specification maps visual parameters to code attributes one-to-one, preventing discrepancies between style and logic when AI-generated. A unidirectional mapping table is established, linking design parameters to CSS variables and then to component props. AI can directly read this table to generate accurate component code or design parameters, ensuring that the visual presentation remains consistent with the interaction logic.","research.all.the.articles.name02":"Wei Jiang","products.official.website.introduction.paragraph81":"Scene","research.all.the.articles.name01":"Quan Zheng","research.all.the.articles.name04":"Xiaoyuan Gu","research.all.the.articles.name03":"Wenqi Yin","research.all.the.articles.name06":"Baoyu Qin","home.product3Title":"Design System","research.all.the.articles.name05":"Yufeng Duan","research.all.the.articles.name08":"Dong Chen","research.all.the.articles.name07":"Xiangle Tang","research.all.the.articles.name09":"Xiduo Luo","home.award5Title":"A'Design Award","footer.downloadSuccessful":"Download successful","products.official.website.introduction.paragraph79":"Structure, Style, and Attribute Mapping","products.official.website.introduction.paragraph77":"Clearly define and use boundaries.","products.official.website.introduction.paragraph78":"Clearly specify the component’s purpose, applicable scenarios, and inapplicable scenarios. For example, the Button is used to trigger business operations (such as submission, confirmation, or batch processing) and is not suitable for purely display purposes or navigation path guidance. Define the structure as: Purpose → Scenarios → Exclusion Conditions, making it easier for AI to quickly determine the appropriate timing for invocation.","products.official.website.introduction.paragraph75":"Alert/Result. Used for persistent on-page notifications or global result displays (such as top-level maintenance notices or payment completion pages).","research.code.generation.agent.configuration":"Code generation agent configuration (excerpt)","products.official.website.introduction.paragraph76":"Component Structuring","products.official.website.introduction.paragraph73":"Modal/Popconfirm. Used for confirming critical operations or performing urgent blocking (e.g., “Are you sure you want to delete?”).","products.official.website.introduction.paragraph74":"Page-level (persistent)","products.official.website.introduction.paragraph71":"Notification: Used for system notifications or prompts indicating the completion of asynchronous tasks, which require users to check later (e.g., “Export task completed”).","research.all.the.articles.name11":"Shu Liu","products.official.website.introduction.paragraph72":"Heavyweight (modal/blocking)","research.all.the.articles.name10":"Yu Xiang","products.official.website.introduction.paragraph91":"Intercept non-standard font sizes (such as 13px), colors (such as #123456), or fictitious component names, and automatically replace them with the nearest standard step value.","research.all.the.articles.name13":"Daizong Liang","products.official.website.introduction.paragraph92":"Structural depth exceeds the standard.","research.all.the.articles.name12":"Baoyu Qin","research.all.the.articles.name15":"Zhiwei Cui","products.official.website.introduction.paragraph90":"Forged Component/Token","research.all.the.articles.name14":"Han Yu","research.all.the.articles.name17":"Minlong Wu","research.all.the.articles.name16":"Jing Wang","research.all.the.articles.name19":"Qunjian Jie","research.all.the.articles.name18":"Yufeng Duan","products.official.website.introduction.paragraph88":"AI Hard Constraint List","research.component":"Component","products.official.website.introduction.paragraph89":"To ensure that the generated results comply with engineering standards, the specification includes high-frequency violation interception rules. Before outputting, the AI will perform a self-check item by item; if any restriction condition is triggered, the generation will be terminated immediately and correction suggestions will be returned.","products.official.website.introduction.paragraph86":"Code snippets that can be called directly","products.official.website.introduction.paragraph87":"The specification includes call examples for React and low-code platforms at the end, featuring complete attribute configurations and layout structures. AI can directly refer to these snippets to generate initial code or use them as contextual input, thereby reducing redundant descriptions.","products.official.website.introduction.paragraph84":"Mandatory Rules and Constraints","research.all.the.articles.name20":"Yuxia Sun","products.official.website.introduction.paragraph85":"A clear decision tree. Through a conditional-result logical structure, the AI can automatically match the correct layout based on the current scenario, thereby avoiding confusion between primary and secondary elements or disorganized layouts. The guidelines directly specify rules that must not be violated—for example: Only one primary button is allowed in the same operational area; the default layout is “primary on the right, secondary on the left,” with the primary button positioned at the far right and importance decreasing toward the left; exceptions allowing “primary on the left, secondary on the right” are permitted in scenarios such as secondary information zone entrances, high-frequency operations in tertiary information zones, and parallel toolbars; when the number of buttons exceeds four, low-priority operations must be consolidated into text-based button groups.","products.official.website.introduction.paragraph82":"The B-end interface typically consists of a combination of multiple components. The specification supplements the typical business scenarios with a combination approach, providing a three-part instruction template that outlines the sequence from scenario → component combination → layout order. AI can understand the logical relationships among components as they are used in real-world business contexts, rather than simply invoking individual elements in isolation.","research.all.the.articles.name22":"Liyuan Wu","research.human.ai.co.design":"Human–AI Co-design Product Interfaces as An Emerging Mode of Work","research.all.the.articles.name21":"Fan Feng","careers.socialJob7Date":"2026.02.24","home.research2Title":"Building Internal Design Consensus for Intuitive Information Expression in Marketing Scenarios","research.all.the.articles.name24":"Hui Zhao","research.all.the.articles.name23":"Songhui Huang","research.at.this.point.an":"At this point, an integrated system package—combining a Design System Specification Knowledge Base with an interface generation workflow engineering pipeline—completes the construction of AI-friendly enterprise internal interface design knowledge. It can be flexibly applied to IDE-based generation environments and agent-mode environments in design tools, via MCP or via context injection.","awards.all.the.articles.paragraph1":"The 2025 Tmall Double 11 Brand Full-Case Design Project Wins the Platinum Award at the London Design Awards","research.all.the.articles.name26":"Zhixiang Wu","awards.all.the.articles.paragraph2":"Award certificate, trophy, label","research.all.the.articles.name25":"Ben Zhang","awards.all.the.articles.paragraph3":"Project Showcase","research.all.the.articles.name28":"Yu Zhou","research.design.system.specification.title1":"The complete generation process is as follows:","awards.all.the.articles.paragraph4":"Award Information Inquiry","research.all.the.articles.name27":"Yutao Yang","research.design.system.specification.title2":"User inputs natural language queries.","awards.all.the.articles.paragraph5":"Work Title: 2025 Tmall Double 11 Brand Full-Case Design","awards.all.the.articles.paragraph6":"Design Team: Taobao Design","research.all.the.articles.name29":"Youtao Wang","awards.all.the.articles.paragraph7":"Competition Category: Communication Design – Events/Advertising","research.design.system.specification.title5":"Enter the Knowledge Retrieval Agent","awards.all.the.articles.paragraph8":"Design Project Description:","research.design.system.specification.title6":"Through RAG, retrieve and obtain context from the external plug-in design system’s knowledge base on demand, ensuring that the retrieved context is highly relevant to the current intent.","awards.all.the.articles.paragraph9":"Against the backdrop of intensifying e-commerce competition and upgrading consumer experiences, Tmall’s Double 11 in 2025 shoulders the dual mission of sustaining brand influence and driving breakthrough innovation. Its core design strategy focuses on ensuring consistency in brand perception and unity in consumer experience. For the first time, Tmall and Taobao have achieved unified visual expression in their key visuals (KVs), enabling consumers to intuitively feel the Double 11 atmosphere across various scenarios. The main visual continues the “colorful, transparent, and youthful” aesthetic, featuring a red radial gradient background that sets off the cat-head motif—deconstructed into geometric shapes spanning the full spectrum of colors. Combined with foreground elements such as radiating shopping bags, this creates an energetic and vibrant atmosphere. The composition is structured around three distinct visual layers: a core layer that clearly conveys key messages; a flexible layer of visual elements adaptable to different business needs; and a forward-expanding “visual hammer” layer that reinforces brand recall. This unified visual language permeates all scenarios—from press conferences and ad placements to the entire transaction process within the app and even campus environments—providing a coherent expression that enhances the brand’s communication power.","careers.socialJob4Desc":"Participate in product design for Taobao store member engagement, merchant workbench, and AI tool applications. Responsible for end-to-end design process including business alignment, strategy formulation, design concepts, solution delivery, implementation, and data analysis. Capable of completing information architecture, style definition, visual interface output, and component specification development. Possess holistic business understanding and judgment, able to collaborate with business, user research, and development teams to identify design opportunities and drive value through deep co-creation.","research.design.system.specification.title3":"Enter the intent recognition agent","research.design.system.specification.title4":"Expand the fuzzy requirements into design intentions that can be understood by the system, and generate a structured requirements description to provide boundary conditions for subsequent decision-making.","research.design.system.specification.title9":"Enter the code generation agent","research.design.system.specification.title7":"Enter the scheme design agent","research.design.system.specification.title8":"Under boundary conditions, the retrieved normalized context is refined, combined, and populated to generate an intermediate-state data schema—Schema*, a structured design plan that clearly describes the structure of pages, components, styles, and content.","products.official.website.introduction.paragraph99":"Only Flex document flow is allowed; CSS Grid/Table/Float layouts and dynamic units such as vw, calc, and percentages are disabled; size parameters must use pixel values exclusively.","products.official.website.introduction.paragraph97":"Automatically replaces placeholder text such as “button” and “sample data,” and verifies the randomness of the data as well as its alignment with industry context.","products.official.website.introduction.paragraph98":"Layout bottom-layer restrictions","research.extreme.emphasis.on.the":"{{bold}}Extreme Emphasis on the Primary Subject {{/bold}}— Highlight core information while intentionally weakening secondary elements, ensuring a clear hierarchy in which key elements are instantly recognizable.","products.official.website.introduction.paragraph95":"Numbers and amounts must be right-aligned by default; within a single module, the number of font sizes should be strictly limited to three or fewer; heading levels should be categorized according to the “core/main/auxiliary” logic.","research.all.the.articles.name31":"Xuejun Xuan","products.official.website.introduction.paragraph96":"Content Distortion and Placeholder","research.all.the.articles.name30":"Zhiyu Guo","bottom.link.title":"Related article","products.official.website.introduction.paragraph93":"Verify the uniqueness of the Primary button; for destructive operations such as deletion and clearing, forcibly associate an Error color with a secondary confirmation mechanism.","research.all.the.articles.name33":"Kexiao Chen","products.official.website.introduction.paragraph94":"Alignment and Hierarchy Violations","research.all.the.articles.name32":"Wei Qi","research.all.the.articles.name35":"Jia Huang","team.publish.a.book.paragraph19":"\"Ghost Stories: Eyes, Mouth, and Stomach,\" 2024","team.publish.a.book.paragraph9":"Why movies?","research.all.the.articles.name34":"Keran Li","team.publish.a.book.paragraph8":"Every winter since 2016, the designers on the Taotian team have received a gift. The inspiration behind these gifts comes from deep insights into each other’s work and lives—for example: turning our respective travel dream destinations into a New Year’s calendar, transforming colleagues into characters from famous historical paintings, assigning personalized Pantone color codes to everyone based on their distinct personalities, compiling our shared workplace catchphrases into an energetic comic book, or recreating the ideal little shop from our childhood as a utopian town... These insightful gestures continued year after year—until 2022, when we decided to try something entirely new: making a movie.","research.all.the.articles.name37":"Jie Zuo","team.publish.a.book.paragraph17":"Goodbye, Kitty: HelloKitty, 2023","team.publish.a.book.paragraph7":"By the time you’re reading this article, Taotian Design’s annual gift tradition will have already entered its tenth year.","research.all.the.articles.name36":"Xinping Liang","team.publish.a.book.paragraph18":"This is the first feature-length film we’ve ever made. The film employs a highly genre-specific narrative structure—time loops—to tell the story of a middle-aged man caught in marital failure and financial hardship. On the brink of losing his family and his sense of dignity, he unexpectedly finds himself trapped in a time loop. Through repeated cycles of time, the protagonist gradually realizes that what he truly cannot escape is not time itself, but rather humanity’s responsibility for its own choices. As fate grants him countless opportunities to start over, he finally comes to understand that it’s time for him to make a change.","team.publish.a.book.paragraph6":"Each contributor in this book—having lived these experiences firsthand—offers you genuine, practical insights.","research.all.the.articles.name39":"Yihan Mei","team.publish.a.book.paragraph15":"Every autumn, producers and directors bring the core creative team together to discuss: “What do we want to convey this year? When we start writing a story, the very first thing we need to clarify is: What’s the one thing you most want to say?”","research.all.the.articles.name38":"Sirui Long","team.publish.a.book.paragraph16":"Ang Lee explores cultural clashes and the suppression of human nature; Jia Zhangke focuses on individual destinies caught in the sweeping currents of our times; Peter Chan often delves into the estrangement between people; Yasujiro Ozu confronts the chasms within families; and the Coen brothers portray the absurdity of fate, chaos, and existential emptiness. Whether it’s an insightful exploration of human nature, the intricate dynamics of interpersonal relationships, or broader social issues, these themes lie at the heart of every screenplay—and represent the creators’ most primal impulses. So what about us?","team.publish.a.book.paragraph13":"So we make films—reconnecting with one another behind the camera, reiterating our self-expression through film, and moving from individual creation to collective viewing, allowing a group of people to share a shared experience together.","team.publish.a.book.paragraph14":"What are we expressing?","team.publish.a.book.paragraph11":"Film is an extension of life—a comprehensive art form that demands creators achieve unity in visual and auditory elements, narrative structure, and emotional resonance, thereby fully harnessing the consistency and coherence of their artistic expression. For a film to be truly captivating, every scene and every creative choice must be meticulously crafted and deeply authentic. Is what you create genuinely what you truly wish to convey? And does your expression never cease to pose sincere questions about life itself? Even in the age of AI, human expression remains our most fundamental need. Designers must continually refine their ability to observe and question life—this is a lesson that every designer must keep honing.","team.publish.a.book.paragraph12":"More importantly, a film requires dozens of different professions and is the most highly industrialized art form. The process of making a film, which involves the collaboration of hundreds of people, allows teams to simulate and experience integrated teamwork. Moreover, in an experimental film, we can artistically explore the integration of cutting-edge technologies from the realm of science and technology.","team.publish.a.book.paragraph10":"In 1895, a pair of French brothers, the Lumière brothers, invented the cinematograph, marking the beginning of the history of world cinema. The films they created and shot authentically captured and documented fleeting moments from everyday life, allowing people to see the genuine realities and familiar faces around them.","research.shopping.guide.case.mapping":"Shopping Guide case mapping schema (excerpt)","team.publish.a.book.paragraph1":"Drawing on the distilled experience and practices of Taobao Design in real-world business scenarios,","research.all.the.articles.name40":"Jiahong Wu","research.all.the.articles.name42":"Zhining Wang","team.publish.a.book.paragraph5":"If you're currently immersed in everyday learning about experience design, navigating job applications at top tech companies, or making critical career decisions...","research.all.the.articles.name41":"Shunan He","team.publish.a.book.paragraph4":"In the AI era, how is design thinking undergoing transformation and evolution? ","research.all.the.articles.name44":"Junchao Ye","team.publish.a.book.paragraph3":"By reconstructing authentic work contexts from frontline practice, we explore what design capabilities are truly needed.","research.all.the.articles.name43":"Yujia Wang","team.publish.a.book.paragraph2":"we continuously push the boundaries of design—focusing more deeply on its depth and value. ","team.publish.a.book.paragraph28":"Modular division of labor within the team","team.publish.a.book.paragraph29":"During the preliminary preparation phase, the focus is primarily on world-building and script development. We’ll hold script discussion sessions to organize and refine several key themes, and during this stage, the production company and the producer will make critical decisions. The core creative team will begin casting and identify students from the design team who best fit the roles. Given that filming is limited to areas near Hangzhou, art location scouting often takes place concurrently with the script discussions, ensuring that scene arrangements and narrative developments are closely intertwined. The mid-stage of filming is the most intensive period. The director will schedule storyboards daily, and the cinematography, lighting, props, set crew, actors, and scheduling teams will all work closely with the director’s storyboards to bring each shot to life. In the final post-production phase, we’ll employ extensive visual effects, sound design, mixing, and color grading, incorporating AI video technologies. At this stage, we’ll also complete the film’s art direction, posters, invitations, promotional materials, and merchandise gifts.","careers.socialJob11Team":"TaoTian Group (Alibaba Mama)","products.aiagent.title3":"Select a special task","team.publish.a.book.paragraph26":"The true value of filmmaking lies precisely in the fact that it always unfolds under the重重 constraints of time, budget, and real-world conditions. Creators must constantly tap into their imagination, searching for more precise, more unique, and more creative ways to tackle artistic challenges and find innovative, stylistically distinctive avenues of expression. And this, indeed, is what makes artistic creation so captivating.","products.aiagent.title4":"Supports multimodal input and free-form question answering.","research.enter.interface.generation.instructions":"Enter interface-generation instructions in natural language","team.publish.a.book.paragraph27":"We streamline the distribution process for our industrial-scale films to focus on creative work. Although our team is small, it’s fully equipped with all the necessary components. With a total production cycle of just over three months—from late October each year—we go through the following stages in our creative process.","products.aiagent.title1":"TDA (Taobao Design Agent) is an integrated AI-powered design agent and enterprise-level virtual expert designed specifically for the Taotian design team. Built on the team’s accumulated design knowledge, methodologies, and experience, TDA assists user experience designers throughout the entire workflow—from analysis to solution delivery. Its capabilities encompass a wide range of tasks, including free-form Q&A, user research analysis, competitive analysis and case studies, specification queries, strategy development, interface generation, design reviews, and usability testing. The core differentiators of TDA lie in its enterprise-grade private design knowledge base, multi-task sub-agent capabilities, and continuous evolution powered by the Tongyi Qianwen large language model. Currently, TDA primarily serves users from the Taotian design team and collaborating educational institutions.","team.publish.a.book.paragraph24":"This is an auteur-driven black-comedy crime film centered on the power struggle among Japanese yakuza bosses over the orphaned descendants left behind in China. A series of accidental kidnappings and a sudden car accident lead to a cleverly orchestrated swap between the real and fake protagonists, causing the truth behind the story—pursued by various factions—to keep getting rewritten. Identity, fate, and narrative intertwine with one another, much like the web that today’s world has constructed, constantly being named, replaced, or exploited. At what point do we find ourselves caught up in the game, and when do we step back to observe it all from the outside?","products.aiagent.title2":"Home","team.publish.a.book.paragraph25":"How do we create?","products.aiagent.title7":"Case Study","team.publish.a.book.paragraph22":"The three short films, though stylistically distinct, all revolve around the same central theme: how individuals navigate their place between reality and illusion when confronted with society’s unknowns, loneliness, or oppression.","products.aiagent.title8":"Knowledge Base Backend","team.publish.a.book.paragraph23":"“The Outsider I Will Survive,” 2025","footer.downloadAndScanWithWeChat":"Download and scan the QR code with WeChat.","header.careers":"Careers","products.aiagent.title5":"User Research Analysis","team.publish.a.book.paragraph20":"The film is a three-part short film collection consisting of three independently narrated stories that nonetheless echo each other in tone and atmosphere. Each story blurs the boundary between reality and imagination, exploring the frontiers of human nature, memory, and existence.","products.aiagent.title6":"Standardized query","team.publish.a.book.paragraph21":"Episode 1, “The Man on the Artificial Hill,” is presented in a mockumentary style, following a group of travelers who set out in search of a medium. As the journey reaches its climax, the perspective shifts outward, and it’s only then that the audience realizes they themselves are the ghost the travelers have been longing for all along. Episode 2, “Pomegranate,” is a psychological thriller exploring anxiety and the alienation of power in the digital age. A deaf-mute girl, under the pressure of capitalist structures and the relentless pursuit of online traffic, uses AI-generated imagery to turn her fantasies into reality—but gradually descends into hallucinations and violence. Episode 3, “Sunny Day,” is a heartwarming fantasy tale: On New Year’s Eve, the deceased father temporarily possesses his daughter’s best friend, using their limited time together to return home and try to soothe his daughter, who feels utterly alone and depressed in today’s society.","products.aiagent.title9":"Add knowledge lineage branches","research.taobaoInteractiveGame.motionGraph":"Interactive Game Motion Effects Atlas","home.joinUsTitle":"Join US to Create Better Design","research.all.the.articles.paragraph122":"Authenticity: The material properties of generated objects should conform to real-world physical laws.","research.all.the.articles.paragraph121":"These biases can lead to errors when AI generates images, making it difficult to accurately simulate real-world details.","research.all.the.articles.paragraph120":"AI models themselves are prone to bias and, when learning to generate textures, tend to mimic specific styles or features more easily. For example, if a model learns to generate landscape images and tends to produce images with blue skies and white clouds, the resulting outputs may lack diversity and reflect only particular perspectives or biases present in the training data.","research.all.the.articles.paragraph126":"Rough texture: The surface is uneven, causing light to scatter easily and producing a soft effect—materials such as wood and cement exhibit this characteristic.","research.all.the.articles.paragraph125":"Smooth texture: The surface is smooth and flat, easily reflecting light to create a glossy effect, similar to materials like metal or glass.","research.all.the.articles.paragraph124":"In the real world, materials exhibit a variety of different textures, and these differences make objects appear more realistic and vivid to the eye. The five most common types of texture are listed below.","research.all.the.articles.paragraph123":"Material Effects: Materials must accurately reflect real-world material properties and their corresponding relationships to avoid any material anomalies. In e-commerce scenarios, appropriate materials can enhance the realism and objectivity of generated images. Materials convey the physical characteristics and textural attributes of objects; objects should match their corresponding materials—for example, environmental textures (simulating natural environments and changes in lighting) or human skin textures (capturing the texture and fine details of human skin). Avoiding material inconsistencies helps prevent unnatural or unrealistic visual effects.","research.all.the.articles.paragraph129":"Rigid texture: Gives a hard and solid impression, such as materials like stone or steel.","footer.sloganTechnology":"Technic","research.all.the.articles.paragraph128":"Soft texture: Provides a soft and comfortable feel, reminiscent of materials like cotton and silk.","research.all.the.articles.paragraph127":"Transparent texture: Allows light to pass through, creating a luminous effect reminiscent of materials such as water or glass.","team.publish.a.book.paragraph39":"The screenplay focuses on the story itself—on the development of the plot, the characters’ dialogue, the motivations and relationships among characters, and the thoroughness of its logic. The storyboard will then restructure the story once again, breaking down and creatively reimagining the screenplay’s content through visual and auditory means.","team.publish.a.book.paragraph37":"During the preliminary preparation phase, the focus is primarily on world-building and script development. We’ll hold script discussion sessions to organize and select among several key topics, and the production company and producer will make decisions at this stage. The core creative team will begin casting, identifying students from the design team who best fit the characters. Since filming is limited to areas near Hangzhou, location scouting often takes place concurrently with the script discussions, ensuring that scene arrangements and narrative developments are closely intertwined. The mid-stage of filming is the most intensive period. The director will schedule storyboards daily, and the cinematography, lighting, props, set crew, actors, and scheduling teams will all work closely with the director’s storyboards to bring each shot to life. In the final post-production phase, we’ll employ extensive visual effects, sound design, mixing, and color grading, incorporating AI video technologies as well. At this stage, we’ll also complete the film’s art direction, posters, invitations, promotional materials, and merchandise gifts.","team.publish.a.book.paragraph38":"From scriptwriting to storyboard","team.publish.a.book.paragraph35":"We streamline the distribution process for our industrial-scale films to focus on creative work. Although our team is small, it’s fully equipped with all the necessary components. With a total production cycle of just over three months—from late October each year—we go through the following stages in our creative process.","team.publish.a.book.paragraph36":"Modular division of labor within the team","team.publish.a.book.paragraph33":"How do we create?","team.publish.a.book.paragraph34":"The true value of filmmaking lies precisely in the fact that it always unfolds under the重重 constraints of time, budget, and real-world conditions. Creators must constantly tap into their imagination, searching for more precise, more unique, and more creative ways to tackle artistic challenges and find innovative, stylistically distinctive avenues of expression. And this, indeed, is what makes artistic creation so captivating.","team.publish.a.book.paragraph31":"The screenplay focuses on the story itself—on the development of the plot, the characters’ dialogue, the motivations and relationships among characters, and the thoroughness of its logic. The storyboard will then restructure the story once again, breaking down and creatively reimagining the screenplay’s content through visual and auditory means.","team.publish.a.book.paragraph32":"Story Design for the Progression of the “The Outsider” Script","team.publish.a.book.paragraph30":"From scriptwriting to storyboard","careers.socialJob10Years":"3 Years","research.all.the.articles.paragraph111":"Light-and-Dark Relationship: The colors of the product and its surrounding environment must be consistent, and the subject should harmoniously blend with the scene. In AI-generated product images for e-commerce, the interplay between light and dark tones—through the distribution of brightness and darkness in the image and the emphasis on highlights and shadows—influences the overall visual impression and atmosphere. In the aesthetics of generated images, it’s crucial to ensure a unified balance of light and dark tones between the subject and the background, preventing any disconnect in the light-and-dark relationship. Light-toned images typically create a bright and relaxed atmosphere, ideal for conveying positive and cheerful emotions. They help accentuate details, making the textures and forms of objects more distinct and lending an airy, transparent effect. On the other hand, dark-toned images evoke a sense of composure and mystery, perfectly suited for solemn product themes. Their strength lies in their ability to highlight shadow areas, creating high contrast and a profound sense of depth, while also enhancing color saturation and producing a powerful visual impact under certain circumstances. Therefore, it’s essential to thoughtfully assess the unity of light-and-dark relationships in AI-generated images, based on a thorough understanding of various tonal nuances, in order to achieve the desired visual effect for product imagery.","research.taobaoInteractiveGame.uiGraph":"Interactive Game UI Atlas","research.all.the.articles.paragraph115":"Data bias","research.all.the.articles.paragraph114":"In AI-generated image aesthetics, it’s important to select appropriate color tones based on the product’s characteristics and maintain a harmonious balance between the warmth and coolness of the subject and its background, thereby effectively conveying the desired emotions and atmosphere. AI-generated images are typically trained on vast datasets comprising real-world images; however, due to imperfections in data collection, model selection, human annotation, and other factors, the training results may exhibit the following biases.","research.all.the.articles.paragraph113":"Texture","research.all.the.articles.paragraph112":"Warm-Cool Relationship: It’s essential to strike a balance between the warm and cool tendencies of colors in an image. In AI-generated product images for e-commerce, the warm-cool relationship refers to the predominant distribution of colors within the image. Product images must ensure that the overall color scheme exhibits a harmonious balance between warm and cool tones, avoiding any sense of disconnection or fragmentation. Cool tones often convey a sense of calmness and are well-suited for cold weather or serene, crisp atmospheres. Their ability to create a sense of distance can enhance the depth and spatial effect between the foreground and background, effectively producing a profound and immersive visual experience—making them particularly fitting for product themes associated with contemplation or tranquility. By contrast, warm tones typically evoke feelings of warmth and vitality, easily capturing the viewer’s attention. They’re ideal for highlighting key themes or boosting visual appeal, and tend to feel more approachable when applied to human models, making them the perfect choice for expressing enthusiasm and energy.","research.all.the.articles.paragraph119":"Model bias","research.all.the.articles.paragraph118":"Errors or inaccuracies may arise during data annotation due to subjective factors. For example, if an object in an image is mislabeled, the AI-generated image will also reflect this error.","research.all.the.articles.paragraph117":"Annotation bias","footer.sloganFuturistic":"Futuristic","research.all.the.articles.paragraph116":"The training datasets for AI models are largely drawn from the real world, yet the real world itself is inherently biased. For example, since white people constitute a larger proportion of the population in reality, this bias can carry over into the training data, causing AI systems to more readily generate images of white people while overlooking other demographic groups or scenarios.","team.publish.a.book.paragraph48":"The production of movie-themed merchandise represents another tangible expression of storytelling. When the story is fictional, what can the audience take away with them?","team.publish.a.book.paragraph49":"For the past three years, we’ve been creating themed merchandise and gifts inspired by our films—using props and items that play pivotal or memorable roles in the movie plots to evoke vivid on-site memories among audience members after they leave the theater. For example, in our first year’s film, “Goodbye, Katie,” we featured the iconic metal lunchbox from the movie. This object serves as a powerful reminder of the 1980s—a time deeply embedded in our collective memory. By repurposing the lunchbox as a calendar that holds character dialogue, when team members open it, they’re not just unveiling a warm, nostalgic glimpse into the film; they’re also reliving the film’s vividly etched scenes and profound life lessons. In “Ghost Stories,” meanwhile, we translated the steamer basket from the third episode into a tangible symbol of heartfelt family reunion. As a uniquely Chinese cultural artifact, this prop carries an inherent emotional weight that goes beyond mere functionality—it adds layers of meaning that ordinary paper boxes or gift boxes simply can’t convey. For “The Outsider,” we crafted a set of character-themed checkers game, seamlessly weaving the plot’s twists and turns and multi-faceted conflicts into the familiar rules of the childhood game. As everyone plays checkers together during the New Year, they’ll not only be enjoying quality time with family and friends but also savoring new moments of connection and shared joy.","team.publish.a.book.paragraph46":"\"Ghost Stories\" Movie Art Concept Poster","team.publish.a.book.paragraph47":"\"The Stranger\" Movie Art Concept Poster","team.publish.a.book.paragraph44":"Film promotion and merchandise production","team.publish.a.book.paragraph45":"Although this film is aimed at an internal team, we’ve still retained the production and promotion of both the concept poster and the official release poster. The concept poster is more authorial in nature, using scenes or visual imagery to convey the original ideas the film initially intended to express. In contrast, the official poster has a more commercial focus, serving as a prelude for audiences as they enter the story when the film is screened.","team.publish.a.book.paragraph42":"Film special effects design is scheduled as a post-production stage following the completion of filming. For particularly challenging shots, directors and cinematographers will pre-plan the green-screen footage or on-site special effects materials needed for the effects. These elements are then integrated into the post-production process—for example, large-scale explosions, green-screen compositing, and character-positioning composites.","team.publish.a.book.paragraph43":"Art Design Reference for \"The Outsider\"","team.publish.a.book.paragraph40":"Film art","careers.internJob3Team":"TaoTian Group","careers.socialJob6Date":"2026.02.24","team.publish.a.book.paragraph41":"The film’s art department is primarily divided into two main functions: environmental design and character design. Environmental design begins in the early stages of scriptwriting and storyboard creation, when the art director, along with the director and screenwriter, jointly determine where and when the story’s scenes should take place. The selection of filming locations not only needs to meet the visual requirements of the plot but also must provide the director with spatial flexibility for scene staging and actor movement. Depending on the tone of each film segment, we choose appropriate times and settings for constructing and painting the sets. Character design comes into play during casting and the detailed execution of storyboards, encompassing costume design and character styling. The character’s appearance is determined by the character’s personality and its role within the narrative. Additionally, prop creation and procurement serve as crucial links that ensure the authenticity of both characters and their environments. For example, in “Goodbye, Katie,” the male lead’s character is visually represented through the design of his old jacket, bicycle tools, and the portrayal of his friends—socially marginalized young men—thus highlighting his position within society. In “Ghost Stories,” Li Mo’s character—a deaf-mute girl who is a professional internet influencer—is given a neatly styled short pink haircut and equipped with headphones designed to muffle sound, effectively conveying her inner conflict. In “The Outsider,” the contrasting clothing and hairstyles of Xiao Ju and Rin-ko vividly emphasize the dramatic shift in their roles after the substitution.","careers.title":"Careers","research.all.the.articles.paragraph140":"Style model","research.taobaoInteractiveGame.artGraphApplication":"Interactive Game Art Style Atlas in Practice","products.aiagent.title12":"Knowledge cleanup","research.all.the.articles.paragraph144":"382.0 MB","products.aiagent.title13":"Supports multiple file formats","research.all.the.articles.paragraph143":"Gome x Alibaba: Aesthetic Guidelines for Products","products.aiagent.title10":"Knowledge under the new branch","research.all.the.articles.paragraph142":"D20 Forum and Exhibition Venue","research.all.the.articles.paragraph141":"Scene generation","careers.socialJob1Location":"Hangzhou","careers.socialJob5Desc":"Responsible for experience design in key industries of Xianyu, building distinctive industry transaction experiences and business value expressions based on industry transaction characteristics to help establish industry mindset. Deeply understand the business, decompose design strategies from a user perspective, and provide refined design solutions combined with data and product strategies to deliver design value for achieving overall goals. Monitor trends and external environment changes, maintain competitive analysis, and drive better innovative design within Xianyu scenarios.","careers.internJob3Years":"Intern","home.award7Title":"MUSE Platinum Award & Berlin Design Award Grand Prize","team.publish.a.book.paragraph59":"This workshop represents an intentional expansion of the boundaries of design education, aiming to cultivate the next generation of design innovators—those capable of navigating complexity and shaping future experiences. Its curriculum structure reflects a sophisticated integration of rigorous academic training and cutting-edge industry practice.","home.award6Desc":"2025 Tmall Double 11 Brand Campaign Design","team.publish.a.book.paragraph57":"Framework Level (Framing the Intervention): Based on deep insights, this section teaches students how to construct experience strategy frameworks. This includes defining core design propositions, planning an ecosystem of service touchpoints, and establishing experience measurement indicators. The course emphasizes the logic, consistency, and scalability of experiences, ensuring that design solutions are not isolated ideas but systematic solutions that can be integrated into existing businesses to create new value.","team.publish.a.book.paragraph58":"Validation Level (Proving the Value): This stage drives the transformation of design concepts into demonstrable value. Students learn to build high-fidelity interactive prototypes and use methods like contextual storyboarding, data point simulation, and user test feedback to initially validate the usability, desirability, and commercial feasibility of their designs. This completes the critical transition from \"concept conception\" to \"value hypothesis.\"","team.publish.a.book.paragraph55":"Focusing on the three core digital business scenarios of \"live streaming, membership, and interaction,\" the curriculum content is designed to go beyond traditional interface beautification or functional additions. It aims to build a complete teaching and research loop that spans from phenomena to essence, and from strategy to validation. The curriculum content is structured into three closely connected levels:","footer.sloganCreative":"Creative","team.publish.a.book.paragraph56":"Insight Level (Seeing the System): This level guides students to look beyond the surface of data and behaviors. By utilizing tools such as user journey maps, motivation analysis, and business canvases, students systematically deconstruct the intertwined user mental models, platform business logic, and social interaction relationships behind each scenario. For instance, in the live streaming scenario, it's not just about analyzing the click-through rates of interactive buttons but also delving into the cognitive mechanisms and emotional connections underlying \"immersion\" and \"instant purchasing impulse.\"","home.research1Title":"Building Internal Enterprise Design-wiki for AIGUI","products.aiagent.title14":"Try Now","team.publish.a.book.paragraph53":"We never knew how long a particular thing could last. Over the past years, we’ve left behind an archive of images documenting our shared journey of growth. Perhaps in the near future, we’ll bring our visions to life using newer artistic forms and advanced technological capabilities—but what will remain unchanged is our commitment to keep expressing ourselves, our unwavering sincerity in continually questioning life, and our enduring passion that unites those who walk alongside us on this path.","team.publish.a.book.paragraph54":"School-Enterprise Collaboration: Gome × Taobao Design","team.publish.a.book.paragraph51":"Movie series gift profile photos","careers.socialJob3Title":"Senior User Researcher - Taobao","team.publish.a.book.paragraph52":"Afterword","team.publish.a.book.paragraph50":"\"Ghost Stories\" Gift Photo Series","research.all.the.articles.paragraph133":"Lighting conditions: Lighting affects the texture appearance; different lighting conditions cause variations in an object’s texture. Under strong light, the texture is more pronounced, while under dim light, the texture appears softer.","research.design.system.specification.paragraph":"Design System Specification Knowledge is composed of two categories of knowledge objects and three file types. The two categories of knowledge objects are styles and pages, where styles are further subdivided into four types: elements, layouts, components, and assets. Each category of knowledge object is associated with the same three file types: semantic rules, mapping schemas, and code implementations.","research.all.the.articles.paragraph132":"Surface Texture: Surface texture is an important means of expressing tactile quality. Different textures evoke distinct visual and tactile sensations. Smooth surfaces often give a sense of polish and smoothness, while rough surfaces convey a rugged, textured feel.","research.all.the.articles.paragraph131":"Physical Properties: Different materials exhibit distinct physical properties (such as density, hardness, and glossiness). The shape and texture of an object should be consistent with its location and surrounding environment, ensuring uniformity. For example, when an object rests on a flat surface, its material shape should be smooth and symmetrical; on a bumpy surface, the object’s shape must take into account any protrusions or depressions to harmonize with the environment.","research.all.the.articles.paragraph130":"To ensure that the texture matches real-world materials, the following three aspects must be considered","research.all.the.articles.paragraph137":"Texture detail level: The closer the texture ratio is to 100%, the more complete and accurate the texture image details will be.","research.all.the.articles.paragraph136":"Texture Clarity: The closer the texture ratio is to 100%, the clearer the texture image appears on the object’s surface.","research.all.the.articles.paragraph135":"The texture ratio affects the following aspects of the generated image's texture","research.all.the.articles.paragraph134":"Material Proportion: It is essential to coordinate the proportional relationship between an object and its texture, helping viewers develop an accurate perception of the object’s true dimensions. The material proportion refers to the ratio between the width and height of the texture image and the length and width of the object’s surface. Properly rendering the texture proportion makes the object appear more realistic and natural; if the proportion is too small, fine texture details may be lost, while a proportion that is too large can lead to texture distortion.","research.using.color.as.an":"Using color as an example, the figure below illustrates the transformation of design artifacts into the three file types: semantic rules, mapping schemas, and code implementations.","research.all.the.articles.paragraph139":"The proportional harmony of an object’s texture plays a crucial role in shaping its overall appearance and perception of scale. When humans perceive objects, their visual system relies on texture to estimate their size. For example, if the wood grain texture of the wooden cup in the image is fine and delicate, viewers will tend to perceive the object as smaller. Conversely, if the wood grain texture of the floor is coarse and disproportionate to the object’s texture, viewers may misinterpret the object’s actual size. The proportional relationship between an object’s texture and its material is a key factor influencing visual effects; therefore, it’s essential to ensure that the proportions of different materials are harmoniously coordinated to reflect the object’s true dimensions. In practical applications, the presentation of texture proportions should be tailored according to the specific context and requirements.","research.all.the.articles.paragraph138":"Textural visual effect: The closer the texture ratio is to 100%, the more realistic the texture appears on the object's surface.","research.all.the.articles.name019":"Yujian Wen","research.all.the.articles.name018":"Yang Qian","careers.socialJob12Location":"HangZhou","team.publish.a.book.paragraph68":"As digital products grew increasingly complex and homogeneous, the core of design shifted from “visual competitiveness” to “experience as the decisive factor.” In an era where users have abundant choices, the quality of the experience itself has become the critical differentiator. Amid fragmented attention spans, designers now face a persistent challenge: how to communicate information in ways that are simpler, clearer, and more intuitive.","team.publish.a.book.paragraph69":"Within Taobao & Tmall’s diverse business scenarios, this philosophy is translated into concrete practice: ","research.all.the.articles.name011":"Yunfei Zheng","team.publish.a.book.paragraph66":"More than just a project debrief, this session served as a pivotal mindset shift: from “students” to “emerging commercial designers,” and from creating standalone artworks to becoming integral contributors within a real-world business value chain.","research.all.the.articles.name010":"Zongyan Huang","team.publish.a.book.paragraph67":"From a historical perspective on the evolution of design, Qi Wei illuminated the enduring symbiotic relationship between design and technology—mutually nurturing and co-evolving over time. This journey began with Xerox PARC’s pioneering work, progressed through the formative innovations of Apple and Microsoft, and continued in China with early adopters like Kingsoft and Tencent, who established some of the first dedicated in-house design teams. These milestones marked the transition of internet design from mere “interface beautification” toward a systematic, professional discipline.","research.all.the.articles.name013":"Zhengyang Shi","team.publish.a.book.paragraph64":"“In the age of AIGC, what does ‘beauty’ truly mean on e-commerce platforms?” Professor Zheng posed during the retrospective session.","research.all.the.articles.name012":"Yijing Liu","team.publish.a.book.paragraph65":"The research team moved beyond mechanical image tagging and instead developed a learnable aesthetic logic system for AI—translating subjective notions of beauty into iterative algorithmic language. This system spans color composition, relational dynamics among visual elements, and visual storytelling. ","research.all.the.articles.name015":"Zhenyu Liao","team.publish.a.book.paragraph62":"At its core, the workshop challenges participants not only to master interaction paradigms and visual communication but also to develop fluency in platform economics, consumer psychology, game design principles, and mechanisms of social virality.","research.all.the.articles.name014":"Xulei Peng","team.publish.a.book.paragraph63":"On December 9, 2025, Professor Zheng Chao led students in a reflective review of the collaborative research project with Taobao & Tmall Group: “AI-Generated Image Aesthetic Guidelines.” This was not merely a case of technical adaptation, but rather a philosophical inquiry into whether beauty can be defined—and understood—by machines.","research.all.the.articles.name017":"Zhenyu Niu","team.publish.a.book.paragraph60":"Over three weeks of immersive learning, participants will progress through three sequential phases: Discover & Define, Explore & Design, and Deepen & Deliver—completing a tangible enactment of design thinking and a fundamental reshaping of their cognitive frameworks. The program emphasizes the ability to \"frame problems\" within real-world business constraints, guiding participants to move beyond surface-level data by applying methods from user experience research, behavioral logic, and interaction analysis to uncover deep-seated user mental models and motivational drivers.","research.all.the.articles.name016":"Qi Sun","team.publish.a.book.paragraph61":"For example, in the “Youth-Oriented Red Packet Check-In” challenge, participants must integrate behavioral design and incentive theory to construct a sustainable engagement loop. In the “Live Streaming Interface Redesign” project, they must navigate the classic trilemma—balancing immersive storytelling, real-time social presence, and transactional conversion efficiency.","careers.socialJob10Team":"TaoTian Group","team.publish.a.book.paragraph70":"Building professional credibility in live streaming experiences, ","careers.socialJob12Title":"Experience Designer - Live E-commerce Design","team.publish.a.book.paragraph002":"Drawing on the rich experiences and practical insights gained from real-world business scenarios at Taobao, we continuously push the boundaries of design, focusing even more deeply on its intrinsic value and impact. From authentic frontline experiences that vividly recreate actual work environments, this book explores exactly what design capabilities are required in such settings. In the age of AI, how is design thinking undergoing a profound transformation and evolution? Whether you’re currently engaged in daily learning of experience design, preparing for job interviews at major tech companies, or grappling with critical career decisions—every firsthand contributor in this book will offer you practical, genuine, and insightful answers.","article.wreading.time":"min read","research.for.enterprise.design.teams":"For enterprise design teams,{{bold}} the primary goal is to generate product interfaces that faithfully adhere to internal design standards{{bold}}. However, current solutions fall short in key ways. The former category lacks access to proprietary, non-open-source enterprise design-system knowledge and the corresponding design-to-code mapping rules. The latter, while connected to components and design tokens, lacks the ability to support richer semantic guidelines, curated design cases, and demand-oriented custom workflows—capabilities that enable design knowledge to be more comprehensively retrieved, understood, and applied by AI. At the same time, most enterprise design organizations often have incomplete or poorly maintained mappings between design and code. Their guidelines are typically written for human readers and stored separately from design source files, making them difficult for AI systems to fully ingest, parse, and utilize. As a result, AI-generated outputs frequently fall short of expectations.","products.official.website.introduction.paragraph6":"Website homepage","products.official.website.introduction.paragraph7":"Sidebar consistent with the knowledge structure of the design system","products.official.website.introduction.paragraph8":"Knowledge modules","team.publish.a.book.paragraph79":"In his sharing on brand marketing design, Xiaobing pointed out that the core of design lies in shifting from “student thinking” to “business thinking”—that is, moving from expression centered on personal aesthetics to communication oriented toward both the product and the user.","products.official.website.introduction.paragraph9":"Rule switching for AI to view","team.publish.a.book.paragraph77":"In practice, the approach advocates deep diagnostic research through competitive benchmarking, experience walkthroughs, and sentiment analysis to uncover real pain points. Design innovation follows a disciplined process: Analysis → Strategy → Expression, ensuring that every creative decision is grounded in both user behavior patterns and business realities.","team.publish.a.book.paragraph78":"Ultimately, excellence in design is not measured by visual flair alone, but by the coherence of the end-to-end journeyand the rigor of its underlying logic. True impact emerges when every element—user intent, interaction flow, and interface detail—aligns seamlessly within a purposeful system.","team.publish.a.book.paragraph75":"The workshop introduces a three-dimensional framework—“User, Journey, and Node”—elevating design from mere interface beautification to the strategic construction of holistic system experiences.","team.publish.a.book.paragraph76":"This methodology always starts from a fundamental question: “What does the user truly want?” It emphasizes understanding user expectations through careful analysis of entry points and dynamically shaping page presentation accordingly. Once the user’s path is clearly defined, designers must establish a smooth, intuitive primary task flow, while thoughtfully orchestrating secondary interactions—such as red packet mechanics or onboarding prompts—without overwhelming the core experience. Crucially, each interaction node must feature a logically sound and well-structured information architecture.","team.publish.a.book.paragraph73":"Throughout, Qi Wei consistently emphasizes that the essence of design lies in understanding—and alleviating—user anxieties, striking a thoughtful balance between business objectives and experiential value. As he puts it: “Users don’t come to the platform to admire design—they come for content.”","research.knowledge.retrieval.agent.configuration":"Knowledge retrieval agent configuration (excerpt)","team.publish.a.book.paragraph74":"This insight reflects not only a maturation of design thinking but also the accumulation of deep commercial wisdom: great design serves people quietly, enabling outcomes without calling attention to itself.","team.publish.a.book.paragraph71":"Crafting a sense of exclusivity and prestige within membership systems, ","team.publish.a.book.paragraph72":"Infusing gamified storytelling into interactive features.","team.publish.a.book.paragraph80":"Commercial design is not merely about visual presentation—it’s a continuous dialogue with users, aimed at effectively driving user behavior and achieving clear business objectives through thoughtful design. In practice, this calls for designers to possess the ability to iterate rapidly and validate in real time. For instance, during major promotional events like “Double 11,” designers must build a closed-loop system that spans from brand strategy and visual communication to media placement and data feedback, ensuring that every stage is closely aligned with how users perceive and act. Only then can design truly play its role within the commercial ecosystem.","team.publish.a.book.paragraph81":"“In the past, when we designed search, we were designing a results page; today, with AI search, we’re designing the rules governing the entire AI-generated content,” said Qunjian. This statement captures the fundamental shift in Taotian’s AI search design—from focusing on “interfaces” to focusing on “rules.” To this end, the team has meticulously categorized user intent into four types: knowledge, guides, comparisons, and recommendations, and has developed dedicated “answer templates” for each category.","products.button.restrictions":"Coming soon to open access","research.machine.interpretable.design.system":"Machine-interpretable design system specification knowledge","careers.socialJob4Location":"HangZhou","research.page.knowledge.is.organized":"Page knowledge is organized into units such as core journeys, shopping-guide channels, interactive products, marketing campaign venues, and B2B experiences. It can be further subdivided into second-level page types. As the highest-level outline object, it provides explicit page structure, component composition, and content population logic. Its semantic rules consist of page definition, target users, naming conventions, structural hierarchy, page states (interaction and visual), mandatory rules, and functional usage. Page knowledge does not require code implementations; instead, it is composed by the LLM through combining component, asset, and element code. The mapping schema consists of ID symbols, semantics (name, definition, description), rules, structure, and constraints (usage scenarios, mandatory prohibitions, and others). Using a Shopping Guide page as an example, the figure below shows the results of transforming design artifacts into two file types: semantic rules and mapping schema.","banner.cameraPleaseAllow":"Please select \"Allow\" in your browser","products.official.website.introduction.paragraph2":"Go to VersionAI Tmall","products.official.website.introduction.paragraph3":"VersionAI Tmall is a design system specifically created for the Tmall App. It’s designed not only for human designers but also for artificial intelligence. Its content structure and expression forms have been translated to enable AI models to read, retrieve, and apply the design system’s specifications. With AI’s assistance, users can generate user interfaces that comply with Tmall’s design standards based on this knowledge base, as well as perform design evaluations and engage in Q&A sessions.","research.intent.recognition.agent.configuration":"Intent recognition agent configuration (excerpt)","products.official.website.introduction.paragraph4":"By building a knowledge base of design system specifications and developing an interface that generates multi-agent workflows, we have created a comprehensive, AI-friendly enterprise-level design system. This system can be flexibly integrated into IDE environments and various design tools that support agent-based workflows via MCP or context injection.","products.official.website.introduction.paragraph5":"How to use","products.official.website.introduction.paragraph1":"Introducing VersionAI Tmall","careers.socialJob8Years":"3 Years","team.publish.a.book.paragraph88":"Most importantly, emphasizing narrative as an emotional lever helps transform functional features into stories imbued with warmth. For example, during the Spring Festival, the “Wish Lantern” turns the act of making a wish into the tangible experience of lighting up themed lanterns; similarly, on Double 11, the “Tao Gold Coins Kung Fu Gate” frames saving money as a journey of kung fu cultivation. By endowing actions with meaning and emotion, interactive design not only achieves commercial objectives but also elevates the user experience to a higher level of value.","team.publish.a.book.paragraph89":"In her industry marketing design sharing session, Xuan’er took “life inspiration” as the guiding thread and systematically explained how design can serve as a smart bridge connecting business, users, and platforms. She emphasized that effective design begins with striking a balance among diverse needs and drives a shift in thinking—from focusing solely on individual product features to elevating the perspective toward lifestyle-oriented approaches. Her team divides marketing into three levels: regular categories centered on selling points, spatial solutions that create immersive environments, and thematic narratives that convey aesthetic appeal.","team.publish.a.book.paragraph86":"In his sharing on interactive game design, You Shi profoundly articulated the design philosophy of “lightweight yet addictive.” He clearly stated right from the start: Interaction is not an isolated function—it’s the crucial experiential link that connects “access, browsing, engagement, acquisition, and purchase.”","team.publish.a.book.paragraph87":"To achieve this goal, Taotian has built an interactive ecosystem that covers all scenarios: marketing interactions generate massive buzz, daily interactions cultivate user habits, in-product interactions support channel operations, and the mini-game ecosystem facilitates traffic exchange. Take the check-in product as an example—its design features a clear three-layer logic: the main storyline focuses on the core user journey, tasks expand behavioral boundaries, and side quests cater to personalized scenarios, thereby creating a balanced and engaging participation rhythm.","team.publish.a.book.paragraph84":"The team’s strategy is flexibly adjusted in response to the economic environment: In 2024, facing a contraction in consumer spending, we adopted a “large-poster” design approach, highlighting hard-core benefits such as “85% off across the board,” emphasizing information efficiency and perceptual speed. In 2025, as the economy recovers, we’ve upgraded our strategy to the theme “Wholehearted Commitment, Colorful Life,” integrating AI and ecological capabilities, and shifting toward building emotional connections and resonating with consumers’ brand perceptions.","team.publish.a.book.paragraph85":"The core weapon running throughout is the “visual hammer”—for instance, the iconic symbol of “owl head + diverging geometric shapes” used in the Double 11 main visual. This symbol boasts uniqueness, adaptability across multiple scenarios, and semantic clarity. It’s also broken down into three atmospheric versions—strong, medium, and weak—allowing it to flexibly permeate every scenario, from the splash-screen banner to product cards, thereby establishing a unified yet resilient brand expression within a complex system.","home.award8Title":"IAI Global Design Award Silver Prize & MUSE Platinum Prize","team.publish.a.book.paragraph82":"The key to the design lies in the fact that the breadth of intent determines how information is organized: broad, open-ended queries rely on visual elements and category aggregation to spark inspiration, whereas precise searches emphasize core decision factors such as price and specifications. At the same time, the team uses color differentiation to distinguish between dialogue roles and incorporates playful animations to transform the anxiety of waiting into an engaging experience, making the AI’s “thinking process”—which was previously invisible—tangible and turning the technological “black box” into a seamless and eagerly anticipated smart experience.","team.publish.a.book.paragraph83":"Facing the core contradiction in e-commerce design—“The first thing consumers see is the price—how can we prevent design from undermining their perception of price?”—Jason, from a holistic, end-to-end perspective, explained how brand design can maintain consistent messaging at every touchpoint, from off-site ads all the way through to successful payments. In a super-traffic event like Double 11, design must strike a balance between creating the right atmosphere and ensuring transaction efficiency—not only avoiding drowning out key information but also conveying the brand’s warmth and human touch.","team.publish.a.book.paragraph91":"To fully recognize the outstanding performance and innovative achievements of participants in the project, this workshop has specially established a dedicated reward mechanism. Following the final review, selected outstanding works will be honored with both recognition and tangible rewards. The awards are divided into three levels: First Prize (2 winners) will receive a DJI gimbal camera; Second Prize (3 winners) will receive high-quality Sony headphones; and Third Prize (4 winners) will receive classic Marshall speakers.","research.design.demand.distribution.chart":"Design Demand Distribution Chart","team.publish.a.book.paragraph92":"The design of this awards program is intended to clearly convey the message that “design drives value, and innovation deserves recognition,” while reinforcing the course’s emphasis on “applying what you’ve learned and achieving creative breakthroughs.” We look forward to these prizes—crafted with meticulous craftsmanship and cutting-edge technology—accompanying the winning participants as they continue to draw inspiration, amplify their voices, and document their innovative ideas on their future design journeys.","team.publish.a.book.paragraph90":"To achieve this transformation, the team has distilled a “Marketing Design Formula”: Form and color convey life impressions; structural composition translates spatial perception; and elemental scripts bring engaging content to life. Empowered by AI, this creative system has been further upgraded into an end-to-end “accelerator”: By training Lora models, it enables stylized, batch image generation; employing the “Three-Frame Method,” it produces smooth, anthropomorphic animations; and introducing features like “The ‘Hit Product’—Put It in My Home,” allowing users to experience realistic scene rendering with just one click. AI has evolved from a mere auxiliary tool into a creative partner and efficiency engine. It frees designers from repetitive tasks, enabling them to focus more on strategic thinking and emotionally resonant creation, thus truly ushering in a new era of intelligent marketing characterized by “convertible inspiration, tangible experiences, and dramatically enhanced efficiency.”","research.spacing.mapping.schema.excerpt":"Spacing mapping schema (Excerpt)","careers.internJob2Team":"TaoTian Group","research.color.mapping.schema.excerpt":"Color mapping schema (Excerpt)","careers.socialJob7Location":"HangZhou","research.all.the.articles.name022":"Bin Zhu","team.publish.a.book.paragraph99":"Main poster and stills from the movie \"Goodbye, Katie\"","home.award5Desc":"HEYLIVE Seaside Music Fans Home","research.all.the.articles.name021":"Yao Xiao","research.all.the.articles.name024":"Meixuan Liu","research.this.research.does.not":"This research does not stop at stylistic optimization or localized efficiency improvements. Instead, it attempts to establish a professional methodological foundation for Taobao’s marketing design—one that is accumulative, transferable, and verifiable.We propose the core concept of Symbolic Narrative: using universal visual symbols as cognitive anchors, structured expression as the path to understanding, and a high degree of unity between semantic meaning and visual form as the ultimate standard.This approach does not pursue novelty for its own sake, but seeks to reduce cognitive translation costs. It does not emphasize the accumulation of visual elements, but instead focuses on the organic integration of information. It does not serve the designer’s desire for expression, but remains faithful to the user’s perceptual logic and behavioral flow.","team.publish.a.book.paragraph97":"Design Project 1: Red Packet Check-in","research.all.the.articles.name023":"Xiaobing Han","team.publish.a.book.paragraph98":"Taotian’s cinematic philosophy—the visual archive of our shared growth.","research.all.the.articles.name026":"Yichen Zeng","team.publish.a.book.paragraph95":"Design Project 1: Taobao VIP","research.all.the.articles.name025":"Chao Zheng","team.publish.a.book.paragraph96":"Design Project 2: Large Membership","research.all.the.articles.name028":"Bingkun Qiu","team.publish.a.book.paragraph93":"The award ceremony not only marks the ceremonial conclusion of this workshop but also symbolizes the beginning of a new journey—We look forward to all participants carrying forward this recognition and these expectations, continuing to shine brightly and making an impact on the future in the broader realms of design and business.","research.all.the.articles.name027":"Yuanzhi Ma","team.publish.a.book.paragraph94":"Student Work","research.the.solution.design.agent":"The solution design agent takes the knowledge outline file as input. It makes design decisions and produces outline instructions for page structure, component types and properties, style elements, interaction patterns, and data/content requirements. It outputs a solution design schema/outline and routes to the next agent.","research.icon.mapping.schema.excerpt":"Icon mapping schema (Excerpt)","research.all.the.articles.name020":"Chenhuan Liu","research.price.design.excerpt":"Price design (Excerpt)","careers.socialJob2Title":"Brand Marketing Designer - Experience Design","research.price.mapping.schema.excerpt":"Price mapping schema (Excerpt)","research.taobaoInteractiveGame.coinEmotionalExperienceDesign":"Tao Gold Coins: Emotional Experience Design","banner.blowOrApplaud":"Try blow or applaud","research.knowledge.modules":"Knowledge modules","research.design.strategy.symbolic.narrative":"Design Strategy: “Symbolic Narrative” — Form as Symbol, Text as Meaning","research.the.knowledge.retrieval.agent":"The knowledge retrieval agent takes the requirements checklist file as input. It queries, filters, and retrieves the corresponding content from the Design System Specification Knowledge Base, and outputs a knowledge outline—i.e., it fills in the knowledge items referenced in the checklist—then routes to the next agent.","research.layout.knowledge.is.divided":"Layout knowledge is divided into four units—grid, spacing, containers, and alignment—which form the foundational dependencies for the arrangement of components, assets, and pages. The semantic rules, code implementations, and mapping schemas follow the same templates as those defined for elements. Using spacing as an example, the figure below illustrates the transformation of design artifacts into the three file types: semantic rules, mapping schemas, and code implementations.","team.section.paragraph2":"The page structure of the VersionAI Tmall website is consistent with the knowledge structure of the design system, divided into a tree-like navigation of styles, pages, and their sub-item knowledge units. For each knowledge unit page, users can toggle between rules for humans and rules for AI, with support for copying or downloading snippets of knowledge. A deployment page is provided to guide users on how to invoke the specifications for interface generation.","careers.socialJob9Team":"TaoTian Group","careers.socialJob13Title":"User Research Expert - Customer Operations","research.all.the.articles.name_custom12":"Wanxing Gao","research.all.the.articles.name_custom13":"Duo Shi","research.all.the.articles.name_custom10":"Tang Hei","research.all.the.articles.name_custom11":"Jin Zhi","research.when.mapped.to.the":"When mapped to the five major demand scenarios—core user journeys, content discovery channels, interactive products, marketing events, and B-end experience—a year-round analysis reveals a consistent pattern: within core journeys, discovery channels, and B-end experience, design tasks involving assembling or modifying existing components at the module or single-page level account for nearly 48% of all requests.","careers.socialJob7Years":"1 Year","research.taobaoInteractiveGame.paragraph7":"Grounded in young user insights and a professional design perspective, this research systematically uncovers and distills diverse artistic expressions and methodologies beyond Taobao's existing design conventions. Through applied exploration and small-scale validation within Taobao's core business scenarios, different art styles are evaluated against quantifiable practical outcomes — assessing their business fit, implementation pathways, and scalability — ultimately establishing a reusable interactive game art style atlas framework.","research.taobaoInteractiveGame.paragraph8":"In a context of parallel multi-business operations and frequent product iterations, the stability brought by a unified design system simultaneously carries the risk of visual homogeneity. To sustain user freshness and growth elasticity, strongly differentiated experiments must be conducted within a controlled scope — validating effective approaches and consolidating them as reusable assets.","research.taobaoInteractiveGame.paragraph9":"Unconstrained by the visual language and expression paradigms of Taotian's existing UI system, this initiative focuses on core business scenarios (such as Baba Farm, Tmall Farm, Red Packet Flip, and Catch-the-Cat Red Packet) to conduct small-scale, highly differentiated UI style explorations and application validations — distilling reusable UI style assets and standards, and establishing a UI style atlas.","research.taobaoInteractiveGame.paragraph4":"The differences among outstanding interactive gameplay rarely lie in \"form\" itself, but rather in how mechanical structures and narrative packaging are combined. In order to enable designers to transform external references into reusable design knowledge, scattered cases need to be organized in a structured and systematic manner, distilling them into actionable, learnable insights.","research.design.system.specification.title11":"The following sections elaborate on each category of knowledge object in detail.","research.taobaoInteractiveGame.paragraph5":"Based on this approach, the research compiles proven outstanding interactive game cases that have been validated by the market, selecting game types relatively applicable to e-commerce scenarios to form a reference library for future use. Each game is analyzed across multiple dimensions — including source and background, experience overview, mechanics, and worldview — to form a foundational typology atlas. This atlas is designed to help designers discover, experience, and learn from these cases. The current atlas has collected 100+ games.","research.design.system.specification.title10":"Based on the schema, we re-examine the design system’s specification knowledge, retrieve and extract the corresponding codebase using grep, align the actual, usable component attribute values, style variables, and resource paths, and then generate the final UI.","research.taobaoInteractiveGame.paragraph6":"Against the backdrop of intensifying content homogenization and growing aesthetic fatigue, young users are increasingly sensitive to novelty, emotional value, and stylistic differentiation. Continuing to rely solely on existing visual conventions will compress the space for innovation and make it difficult to build sustainable style assets and reusable design systems.","banner.rulerTryReconnect2":"Experience the joy of research","home.award4Desc":"The Fourth Card","careers.socialJob11Years":"5 Years","careers.socialJob9Title":"Senior Visual Experience Designer - Taobao AI","home.joinUsBtn":"Join us","home.award6Title":"London Design Awards Platinum Winner","awards.new.article3":"IAI Global Design Award Silver Prize & MUSE Platinum Prize","research.source.files.for.icons":"Source files for icons (excerpt)","awards.new.article2":"Link to the Berlin Design Award Grand Prize-winning project","awards.new.article1":"MUSE Platinum Award & Berlin Design Award Grand Prize","awards.new.article4":"IAI Global Design Award Silver Prize","home.bookFlipTitle":"We Cultivate Knowledge","research.asset":"Asset","research.economic.aesthetics.title":"Economic Aesthetic Design and Application","research.interactiveGame2025.intro.paragraph2":"This research is conducted in collaboration with the China Academy of Art, with the aim of enhancing the professional authority of the study and diversifying the forms of its deliverables — producing research outcomes that hold both internal implementation value and industry benchmark significance. The research will systematically support the professional development and experience innovation of Taobao's interactive games — by continuously tracking market trends in e-commerce interactive gaming and uncovering emerging design opportunities, it aims to comprehensively advance Taobao's forward-thinking capabilities in experience design and strengthen its core competitiveness amid the industry's rapid growth.","research.how.it.works":"How it works","home.award3Desc":"The Third Card","research.interactiveGame2025.intro.paragraph1":"Based on the pivotal juncture in the development of the e-commerce interactive gaming industry in 2025, this study takes “interactive game design” as its core perspective, focusing on the evolution of user demographics and the shift in behavioral patterns. It systematically deconstructs the methodological framework underlying interactive experiences, delves deeply into the experience demands and trends of young users, and thereby explores viable pathways for driving user growth through interactive gaming.","research.taobaoInteractiveGame.babaFarmSurrealismArtStyleApplication":"Baba Farm: Surrealism Art Style Application","research.all.the.articles.paragraph100":"Contrast Relationship: The contrast between the subject and the background should be effectively matched, and the contrast relationships among objects in the scene must remain consistent. High-contrast tones and low-contrast tones influence the overall sense of contrast by adjusting the degree of difference between light and dark areas in the image. If the subject has strong contrast, the background’s contrast should also be enhanced accordingly. A significant disparity in the contrast relationship between the subject and the background can lead to a noticeable sense of separation. High-contrast tones are often associated with striking black-and-white effects, creating sharp contrasts through bright highlights and deep shadows to accentuate the shapes and textures of objects; low-contrast tones, on the other hand, reduce the differences between light and dark, resulting in a soft and natural appearance.","careers.socialJob4Title":"Experience Designer - B2B Platform Product Design","careers.socialJob8Team":"TaoTian Group (M&T)","research.all.the.articles.label3":"Expert Advisor","research.all.the.articles.label2":"Product Owner","research.all.the.articles.label1":"Knowledge base construction","research.copy.or.download.a":"Copy or download a knowledge snippet","research.all.the.articles.label7":"Design Members","research.component.knowledge.is.composed":"Component knowledge is composed of business-semantic units such as avatars, badges, asset slots, buttons, content streams, countdowns, coupons, filters, beacons, onboarding guides, carousels, inputs, messages, floating windows, dialogs, prices, product cards, progress bars, red packets, selectors, overlays, floating bars, switches, tab bars, tabs, text streams, tooltips, bubbles, and top bars. These components serve as critical reusable units for interface generation. The semantic rules for components consist of component definitions, style composition, attribute variables, component states (interaction and visual), mandatory rules, and functional usage. Code implementations are realized as component structures (TSX) and component styles (SCSS) within a React-based technology stack. Building upon the existing mapping schema structure, component mapping schemas additionally introduce a properties schema (props schema), which corresponds to the attributes required by each component in the page-level component structure schema generated during the solution design stage. Using the price component as an example, the figure below illustrates the transformation of design artifacts into the three file types: semantic rules, mapping schemas, and code implementations.","research.all.the.articles.label6":"Design Director","research.all.the.articles.label5":"Design","research.the.entire.interface.generation":"The entire interface generation process is traceable, reproducible, and evolvable, with outcomes remaining controllable within the continuously evolving enterprise design system and codebase. The following sections elaborate in detail from two perspectives: the construction of Design System Specification Knowledge and the design of the Multi-agent Workflow.","banner.micPleaseAllow":"Please select \"Allow\" in your browser","research.all.the.articles.label4":"R&D","research.price.code.implementation.excerpt":"Price code implementation (Excerpt)","research.all.the.articles.label9":"Concept video","research.all.the.articles.label8":"Website Design and Development","team.section.paragraph":"Taobao Design is a design team dedicated to serving the experience of billions of consumers worldwide. We lead user experience, create designs that resonate emotionally, and make commerce beautiful and simple.","careers.internJob4Team":"TaoTian Group","research.official.website.introduction.label8":"Technology-related support","research.all.the.articles.paragraph59":"Tone refers to the intuitive perception of an object’s characteristics, such as the warmth or coolness of colors, the softness or hardness of objects, and the texture of materials. The visual style of a scene should be consistent with the tone of the product itself. From the product’s main subject to the background setting, these elements reflect subjective human judgment and psychological suggestion. The scenes depicted in product images can create specific atmospheres, prompting consumers to associate them with their own everyday usage scenarios, sparking imagination about enhancing their quality of life or improving their personal appearance, thereby intensifying their desire for the product and facilitating purchasing decisions.","research.all.the.articles.paragraph58":"Tonal key","research.all.the.articles.paragraph57":"The content of the scene should serve the product, and the spatial content should be consistent with the product’s character—this primarily involves both conceptual unity and visual harmony. The environmental scenes in product images play a crucial role in showcasing the product’s intended use scenarios. Through carefully designed backgrounds, these scenes not only help consumers understand the product’s purpose but also highlight its core features and functions. Overall, an appropriately chosen environmental scene can effectively convey product information, deepen consumers’ understanding of the product’s functions and uses, and thereby facilitate purchasing decisions.","research.all.the.articles.paragraph56":"Screen theme relationship","research.all.the.articles.paragraph55":"In terms of product image scene design, AI technology has brought us unprecedented convenience and creativity. Scenes can effectively highlight the main subject, strengthen brand identity, foster emotional connections, and provide information about product usage—all while serving multiple other functions. In this section, we will analyze the creation of product image scenes from several perspectives: scene categories, selection criteria, scene functions, scene composition, and quality standards.","research.all.the.articles.paragraph54":"Scene","research.all.the.articles.paragraph53":"Proportions Based on Ethnic and Age Differences: The design of AI model proportions should exhibit a certain degree of differentiation. When switching between Eastern and Western models or between different age groups, it’s important to take into account differences in body shape, so as to quickly highlight the character’s personality and their compatibility with the product.","research.all.the.articles.paragraph52":"Overall Proportion: The head-to-body ratio of AI-generated human models should be balanced, with limbs proportioned in harmony (for example, Asians typically have a head-to-body ratio of 7 to 7.5, while Europeans and Americans usually have a ratio of 8). The resulting appearance should be natural and visually appealing, reflecting the character’s health and beauty.","careers.socialJob1Title":"Senior User Researcher - Merchant Insights","research.all.the.articles.paragraph51":"Proportion: The body proportions of the character","research.all.the.articles.paragraph50":"AI-generated human poses should be natural, comfortable, and well-coordinated, avoiding stiffness in the limbs and adhering to the principles of biomechanics. Poses involving interactions with objects must maintain proper force distribution. In the posed state, the generated human model should reflect a harmonious alignment between bones and muscles, with naturally proportioned limbs, hair styles that dynamically match the body’s movements, and clothing that exhibits a coordinated range of motion.","home.award1Title2":"Red Dot Design Award 2025","home.award1Title1":"IF Design Award 2025","research.element.mapping.schema.template":"Element mapping schema template","careers.socialJob10Date":"2026.01.12","home.award1Title3":"Apple Design Award 2025","careers.socialJob6Years":"5 Years","research.icon.design":"Icon design","home.browseVideosTitle":"We Pursue Joy at Work","home.research3Title":"Taobao Interactive Game Design Trend Research","research.taobaoInteractiveGame.members":"Contributor","research.taobaoInteractiveGame.artGraph":"Interactive Game Art Style Atlas","research.all.the.articles.paragraph69":"Avoid the intrusion of irrelevant content: AI-generated images should exclude elements unrelated to the product, preventing them from distracting viewers and diminishing their focus on the product itself.","research.all.the.articles.paragraph68":"Avoid accidental cropping of the main subject: AI-generated images should ensure that the product’s main subject is always positioned appropriately within the frame, thereby preventing cropping caused by improper placement.","research.all.the.articles.paragraph67":"Avoid cropping the main subject out of the frame, which could limit the viewer’s room for imaginative interpretation beyond the image boundaries. When generating product images using AI, ensuring the completeness and integrity of the product’s main content should be given high priority. This not only means preventing the main subject from being accidentally cropped but also involves eliminating interference from irrelevant elements and avoiding large-scale occlusion of key subject features.","research.all.the.articles.paragraph66":"Handling scene perception: When the focus is on conveying the overall atmosphere of the scene, the composition should maintain the integrity of both the character models and the environment. In such cases, the product typically serves as an integral part of the scene, harmoniously coexisting with its surroundings to collectively create the setting or narrative.","footer.downloadFailed":"Download failed","research.all.the.articles.paragraph65":"Handling the depiction of the object’s form itself: When the focus is on showcasing the product’s own morphological characteristics, the scene can be appropriately cropped.","research.all.the.articles.paragraph64":"Ensure that the composition is complete and avoid arbitrary cropping that might result in loss of information. It’s important to distinguish between conveying the product itself and capturing the overall atmosphere of the scene. For the former, it’s acceptable to crop the human model as necessary; for the latter, however, the human model should be kept intact along with its surrounding environment.","banner.cameraTryTurnOn":"Try turn on camera","research.all.the.articles.paragraph63":"Compositional integrity","careers.socialJob6Location":"HangZhou","research.all.the.articles.paragraph62":"When establishing aesthetic standards for AI-generated product images, the compositional integrity, subjectivity, and perspective relationships in product photography collectively constitute the key elements of high-quality product imagery. These three aspects merge to form a sophisticated and nuanced visual language. At its core, composition involves finding intrinsic order within the inherent chaos of nature—organizing scattered compositional elements into a coherent whole that is easy to grasp, thereby fully conveying the image’s intended message and emotional tone. This integrated visual strategy not only elevates the aesthetic quality of the images but also enhances the competitiveness of AI-generated product images in the market.","research.all.the.articles.paragraph61":"Composition","banner.rulerTryReconnect":"Try reconnect","research.all.the.articles.paragraph60":"In the process of generating product images with AI, it’s essential to rely on the viewer’s own cognitive framework. In the human subconscious, different objects carry distinct emotional connotations; the warm or cool hues of colors can evoke specific moods, while changes in an object’s shape and texture often convey deeper, more subtle metaphors. The selected background elements, shapes, textures, and environmental ambiance all serve to communicate the brand’s stance and values, enabling consumers to envision the happiness and enhanced quality of life that purchasing the product might bring. At the same time, the creation of a compelling visual atmosphere elevates the aesthetic experience of the product image itself, seamlessly blending commercial appeal with artistic expression. This approach not only boosts sales but also offers consumers a rich aesthetic enjoyment. When generating these images, the overall atmosphere should take center stage, serving the primary focus—the product itself—while indirectly guiding viewers through emotions and atmospheres to foster their psychological identification with the brand.","careers.intern":"Intern Recruitment","careers.internJob1Date":"2026.03.17","careers.socialJob13Location":"HangZhou","research.machine.interpretable.design.system1":"Design System Specification Knowledge","research.all.the.articles.paragraph29":"These guidelines may be adapted or refined according to specific application contexts and requirements; thus, precise and targeted alignment is essential when implementing them in practice.","research.all.the.articles.paragraph28":"Texture","research.natural.and.expressive.motion":"{{bold}}Natural and Expressive Motion{{/bold}} — Apply motion design appropriately, following natural logic so that animation carries narrative meaning and enhances visual vitality.","research.all.the.articles.paragraph38":"Immersive Perspective: An immersive 360° viewing perspective should be provided, enabling customers to virtually surround and explore the product from various angles. This type of virtual exploration enhances the customer’s visual experience and helps them make more informed decisions.","research.immediate.structural.clarity.establish":"{{bold}}Immediate Structural Clarity {{/bold}}— Establish a clear and straightforward visual structure where graphic symbols and textual information are effectively integrated, ideally forming a unified expression.","research.all.the.articles.paragraph37":"Angle Selection: AI-generated images should capture the product’s form from multiple angles. The angle directly affects the visual appeal of the product image. Based on the product’s specific characteristics, it is advisable to frequently use front views or 3/4 perspective compositions; the horizon line is typically positioned either in the center or slightly toward the lower part of the frame.","home.award2Desc":"Multi-modal Product Presentation System","research.all.the.articles.paragraph36":"Selecting the Angle: Product Display and Viewing Perspective","research.all.the.articles.paragraph35":"Fidelity: The rendering should accurately reflect the structural characteristics of the product itself, including its form, materials, and colors. While it may be influenced by environmental factors, it must remain consistent with natural perceptual logic and not deviate from the product’s original form. In terms of visual fidelity and accuracy, AI-generated product images must precisely capture the product’s appearance, proportions, and detailed features. Moreover, in addition to highly faithful reproduction of the product itself, these images should also maintain high resolution as much as possible and feature meticulous attention to detail, ensuring exceptional clarity that vividly conveys intricate craftsmanship, material textures, and complex design elements—thereby fully showcasing the product’s craftsmanship and visual appeal.","research.all.the.articles.paragraph34":"Product Form: The condition of the product is central to evaluating the quality of AI-generated images. It is essential to ensure that the AI-generated product forms are intact and free from defects or structural irregularities. At the same time, the image cutout should be precise, avoiding issues such as rough edges, whitening, or purple fringing, thereby ensuring that the generated product images meet customer expectations.","research.all.the.articles.paragraph33":"Object ontology: The generation of product status and authenticity presentation.","research.all.the.articles.paragraph32":"When we feed text or images into a model as input, the results generated by diffusion models through a denoising process can be seen as semantic extensions of the original data. While preserving conceptual similarity, these models are capable of producing rich variations, not only broadening the technical avenues for content creation but also significantly reducing the time and labor costs associated with manual creation. Therefore, it is essential for us to establish a standardized set of definitions specifically tailored to the object forms generated by AIGC. For AIGC-generated images intended for e-commerce platforms—covering products, human models, and other such elements—we should develop corresponding aesthetic guidelines for generation, thereby fostering the emergence of a new content-production paradigm that seamlessly integrates digital and physical realms.","research.all.the.articles.paragraph31":"In the e-commerce sector, key elements such as people, products, and platforms are continuously undergoing deconstruction and reconstruction. Products are flooding e-commerce platforms like a tidal wave, generating an enormous demand for product image processing. This demand is not only massive in scale but also rapidly iterative, making it increasingly difficult for traditional image production and design workflows to keep pace. Faced with such a huge workload, conventional processes are not only costly but often constrained by practical limitations—such as physical space—making it challenging to scale up. From photography and photo editing to final image publication, each stage suffers from relatively low efficiency, unable to meet the business requirements of rapid iteration and high operational efficiency in e-commerce. As product categories continue to expand and market competition intensifies, these issues become even more pronounced, urgently calling for technological innovation to enable more flexible, cost-effective, and large-scale product image processing—thus supporting the evolving needs of modern e-commerce. The advancement and application of AIGC technologies are gradually addressing this critical gap; AI is reshaping both the image production workflows and user experience habits on e-commerce platforms.","research.all.the.articles.paragraph30":"Object Shape - Product","research.taobaoInteractiveGam.topic":"Research Topics","careers.socialJob7Team":"TaoTian Group (1688)","research.design.synthesis.output.excerpt":"Design synthesis output (excerpt)","careers.socialJob9Location":"HangZhou","research.this.website.provides.two":"This website provides two ways for users to invoke the Tmall design specification within AI tools: an MCP Server and context injection. By one-click configuring the MCP server in an IDE tool, the system automatically depends on the Tmall design knowledge base. The MCP-wrapped APIs perform automated processing and return results based on the user’s natural-language instructions; supported capabilities include (but are not limited to) Search and running workflows (runWorkflow). Alternatively, users can click Copy or Download on a specific knowledge module page to obtain a snippet package containing semantic rules, mapping schema, and code implementations, and paste it directly into the instruction input box for local edits and generation.","research.all.the.articles.paragraph39":"Product condition: Clothing has reasonable wrinkles, and the overall feel of the product is harmonious and full.","research.all.the.articles.paragraph49":"Posture: The body movements and demeanor of a person.","research.all.the.articles.paragraph48":"Eye expression: The eyes are focused, the demeanor is natural, and the gaze is perfectly coordinated with the body’s movements. Diverse facial features and expressions can add interest and appeal to product images, making them suitable for various product categories and target audiences. Such emotional connections can influence customers’ perceptions and purchasing decisions, enhancing their sense of resonance.","research.all.the.articles.paragraph47":"Expression Management: Visually, the aesthetic of the shot should be carefully crafted. The generated human model expressions must be relaxed and natural, fitting the brand’s character and avoiding negative expressions such as anger or a blank stare.","home.research7Title":"Taobao Mobile User Experience Design Principles","research.all.the.articles.paragraph46":"Lens: The subject’s facial expression and eye condition in front of the camera.","research.all.the.articles.paragraph45":"Gender and Ethnic Characteristics: Based on the product’s style and aesthetic positioning, AI should generate facial features that align with the target audience and their cultural background. It should also accommodate various aesthetic styles while avoiding any sense of disconnect between the human model and the scene. When generating human models, it is essential to take into account factors such as the target audience’s skin tone, hair texture and style, and facial features. The facial features should reflect gender differences and be harmoniously aligned with the product’s style, while steering clear of unconventional gender expressions.","research.all.the.articles.paragraph44":"Proportion and Temperament: The proportions of facial features should conform to human anatomical structures, with natural and lifelike forms and harmonious structural coordination. This includes details such as facial proportions, skeletal structure, and expressions, all contributing to an overall sense of aesthetic harmony while avoiding distortion or a pathological appearance. Furthermore, when the same model appears in different scenes, their facial features must remain consistent—this is a key consideration for AI-generated images.","research.all.the.articles.paragraph43":"Five facial features: the five major facial characteristics of a person's appearance","research.all.the.articles.paragraph42":"Object-form - Human-model","research.all.the.articles.paragraph41":"Accessibility Design: AI-generated product content must be screened and adjusted to ensure that algorithms adhere to inclusivity principles. For example, sufficient color contrast should be provided for users with color deficiency or color blindness, so as to ensure that all users can easily access product information.","research.all.the.articles.paragraph40":"The alignment between products and their representations: AI-generated images should accurately reflect the original condition of the products. For apparel items, wrinkles should appear natural; when worn by a model, the clothing should fit the body’s contours precisely. For hanging garments, the hanging method should be reasonable, avoiding unnatural bends or distortions. The products should be proportionally coordinated with their surroundings and other objects, enabling users to accurately gauge dimensions and preventing any potential consumer misinterpretation.","research.all.the.articles.paragraph0010":"AI-generated images should capture the product’s form from multiple angles. The angle directly affects the visual appeal of the product image; based on the product’s specific characteristics, it’s advisable to frequently use front views or 3/4 perspective compositions. The horizon line is typically positioned either in the center or slightly toward the lower part of the frame.","research.all.the.articles.paragraph0012":"An immersive 360° viewing experience should be provided, enabling customers to virtually surround the product and explore it from various angles. This type of virtual exploration enhances the customer’s visual experience and helps them make more informed decisions. Product condition: The clothing has reasonable wrinkles, and the overall texture feels harmonious and full-bodied.","research.all.the.articles.paragraph0011":"Immersive perspective:","research.all.the.articles.paragraph0014":"AI-generated images should accurately reflect the product’s original condition. For clothing items, wrinkles should appear natural; when worn by a model, the garments should fit the body shape appropriately. For hanging garments, the hanging method should be reasonable, avoiding unnatural bends or distortions. The product should be proportionally coordinated with its surroundings and other objects, enabling users to accurately judge its size and preventing any misleading information for consumers.","research.all.the.articles.paragraph0013":"The alignment relationship between products and objects:","careers.socialJob8Title":"Senior Experience Designer - Taobao Factory","research.all.the.articles.paragraph0016":"AI-generated product content must be screened and adjusted to ensure that the algorithms adhere to inclusivity principles. For example, sufficient color contrast should be provided for users with color deficiency or color blindness, so as to ensure that all users can easily access product information.","research.all.the.articles.paragraph0015":"Accessibility Design:","research.all.the.articles.paragraph16":"Video footage","research.all.the.articles.paragraph15":"Partial still frame","research.all.the.articles.paragraph14":"Character Basic Settings","research.strategy.breakdown.theme.content":"Strategy Breakdown: theme, content, and form should not exist in isolation.The theme represents the core meaning, content constitutes the informational substance, and form defines the mode of presentation.Symbolic narrative expression refers to using appropriate visual symbols to map the semantic meaning of a theme, thereby establishing a cognitive framework for users. The priority is for users to first understand what the message represents, and then acquire detailed understanding through the supporting information.","careers.internJob4Title":"AIGC Designer","research.all.the.articles.paragraph13":"This study focuses on AI-driven dynamic production workflows, expression stability, and creative ideas for product and digital human videos, exploring AI-based dynamic visual design methods tailored for e-commerce scenarios to enhance design efficiency and user experience. Meanwhile, in collaboration with the China Academy of Art, we aim to bolster the study’s expertise and industry influence, ensuring that Taotian’s AI-powered dynamic design capabilities remain at the forefront of innovation.","research.all.the.articles.paragraph12":"With the rapid advancement of AI-powered dynamic production technologies, brands and internet platforms are continuously exploring the application of AI in product development and marketing communications to enhance brand perception and innovate business models. For e-commerce design teams, building AI-powered dynamic imaging capabilities is not only a critical step in responding to the trend toward video-based e-commerce content but also an important direction for exploring the future forms of e-commerce content.","research.all.the.articles.paragraph11":"Project Background","research.all.the.articles.paragraph10":"Research on Dynamic Images of the “TAO”AI Digital Human","research.this.intuitive.information.expression":"This “Intuitive Information Expression” design initiative began with an honest reflection on the current state of marketing design. When splash screens flash across the user’s eyes at the moment of app launch, when pop-ups suddenly appear during interactions, and when promotional headers continuously carry commercial intent at the top of the homepage, we are no longer satisfied with merely asking whether design exists. Instead, we ask deeper questions:Can users understand it at a glance? Can they grasp the message intuitively? Will it naturally lead to action?","products.official.website.introduction.paragraph":"The page structure and design system of the VersionAI Tmall website are aligned with its knowledge architecture, featuring a tree-based navigation system that organizes content into styles, pages, and their respective sub-items. On each knowledge unit page, users can switch between rules intended for human readers and rules designed for AI, and the platform also supports copying or downloading specific knowledge segments. Additionally, there is a deployment page that provides step-by-step guidance on how to invoke this specification to generate interfaces.","research.spacing.semantic.rules.excerpt":"Spacing semantic rules (Excerpt)","careers.socialJob9Years":"3 Years","research.all.the.articles.paragraph0022":"The aesthetic guidelines for AI-generated images span multiple fields, including art, design, and human-computer interaction. Below are the detailed aesthetic guidelines for image generation on the Taobao platform, focusing on the quality of individual image elements as well as the relational dynamics among these elements. These guidelines help ensure the high quality and visual appeal of generated images. The aesthetic guidelines for products fall into five main categories: 1. Object Shape; 2. Scene; 3. Composition; 4. Light and Shadow; 5. Texture. These guidelines may vary and be adjusted depending on the specific application scenario and user needs; therefore, in practical applications, it is essential to adopt more targeted and effective approaches tailored to particular contexts.","research.component.semantic.rule.template":"Component semantic rule template (Excerpt)","home.award1Desc":"Taobao Vision","research.all.the.articles.paragraph19":"With the growing application of AI in art, design, and culture, AI aesthetics has become a field of intense interest. Its use in artistic creation has sparked new understandings of the AIGC (AI-Generated Content) era. AI aesthetic principles address how to effectively integrate human creativity with machine learning algorithms to craft compelling, intelligent experiences. These principles must consider whether the resulting works reflect diversity and inclusivity, avoiding bias or discrimination against specific groups. They also need to examine how artworks evoke and convey emotion, aiming to produce profound and moving outcomes. Furthermore, it is essential to assess whether AI-generated works embody societal and cultural values and adhere to ethical standards.","research.final.interface.code.generation":"Final interface code generation output (excerpt)","research.all.the.articles.paragraph18":"These aesthetic criteria involve the elements and standards relevant to both the creation and appreciation of works. Within aesthetics, there has long been debate over whether beauty is an objectively existing quality or a product of subjective psychological responses and emotional expressiveness. Some aesthetic theories emphasize the importance of symmetry and balance, while others highlight the appeal of asymmetry and irregular forms. Regarding the relationship between art and everyday life, some perspectives regard aesthetics as a distinct domain separating art from daily life, whereas other theories argue that art and life are deeply interconnected. In sum, different historical periods and cultures uphold varying standards of beauty, leading to diverse understandings and expressions of beauty; consequently, aesthetic criteria exhibit considerable diversity and change over time.","research.all.the.articles.paragraph17":"Aesthetics is a discipline that studies the principles governing aesthetic activities. As a branch of philosophy concerned with beauty, art, and aesthetic experience, it is characterized by metaphysical inquiry and speculative reflection. Aesthetic criteria address questions concerning the nature of beauty, standards of beauty, and the evaluation of artworks—an expansive and profound field.","banner.punchedTapePlaceholder2":"Experience the classic punched paper tape.","research.all.the.articles.paragraph0018":"The clothing folds are well-proportioned, and the product feels harmonious and full-bodied.","research.all.the.articles.paragraph27":"Lighting & Shadow","research.all.the.articles.paragraph0017":"Product status:","research.all.the.articles.paragraph26":"Composition","research.all.the.articles.paragraph25":"Scene","research.all.the.articles.paragraph24":"Form","research.the.intent.recognition.agent":"The intent recognition agent takes the user’s query string as input (e.g., “Generate a new-product shopping-guide channel”). It outputs a knowledge retrieval requirements checklist, such as “requirement type (compositional reuse of existing modules), page type (Shopping Guide page), information structure (product cards), interaction constraints (filterable or not), content requirements (benefit/offer information), etc.”, and routes it to the next agent.","research.all.the.articles.paragraph23":"The product-centric aesthetic guidelines are categorized into five key dimensions: ","research.all.the.articles.paragraph22":"The aesthetic guidelines for AI-generated imagery span multiple disciplines, including art, design, and human-computer interaction. Specifically tailored for the Taobao platform, these guidelines focus on the quality of visual elements in generated images and the relational dynamics among those elements. Such criteria help ensure the high quality and visual appeal of AI-generated content.","careers.socialJob1Team":"TaoTian Group","research.all.the.articles.paragraph21":"AI Product Aesthetic Standards","research.all.the.articles.paragraph20":"This research, conducted in 2024, was a collaborative effort between the Taobao & Tmall Experience Design team and Professor Zheng Chao’s team from the School of Visual Communication at the China Academy of Art. Spanning one year, the joint university-industry initiative—through its first phase of collaboration—established a set of effective AI Product Aesthetic Guidelines. These guidelines aim to guide the practical application of artificial intelligence (AI) in e-commerce on the Taobao platform, ensuring that AI demonstrates both creativity and leadership in commercial contexts, while making a positive and outstanding contribution to human values and aesthetic sensibilities.","research.taobaoInteractiveGam.paragraph3":"Based on the typology of Taobao's e-commerce interactive games and informed by current market trends, this research conducts a professional deconstruction from a design perspective. The study is organized into modular research across four dimensions — gameplay types, art style, UI design, and motion effects — to form a complete set of research topics and culminate in a finalized research paper.","research.taobaoInteractiveGame.farmMapLevelDesign":"Zhongdiba: Atlas & Level-Based Design","research.all.the.articles.new.label9":"Taotian Design","careers.internJob1Location":"HangZhou","research.all.the.articles.new.label8":"Self-operated design","research.all.the.articles.new.label7":"Tmall Merchant Brand Marketing Design","research.all.the.articles.new.label6":"Taotian Brand and Merchant Marketing Design","research.all.the.articles.new.label5":"Multi-Platforms Innovation Design","research.all.the.articles.new.label4":"Partner Institutions","research.all.the.articles.new.label3":"Taobao Best Price Design","research.all.the.articles.new.label2":"User and Interaction Design","research.color.semantic.rules.excerpt":"Color semantic rules (Excerpt)","research.this.substantial.volume.of":"This substantial volume of repetitive and structurally similar design work urgently calls for automated, AI-driven design-generation methods to significantly improve both efficiency and output quality.","research.multi.agent.workflow":"Multi-agent Workflow","research.next.we.engineer.the":"Next, we engineer the workflow for interface design and generation. A multi-agent, upstream-to-downstream collaborative process is, in essence, the definition and configuration of each sub-agent and its chaining logic. Each agent includes upstream inputs, a base model, memory, system prompts (role and task), a knowledge base (or database), tools (MCP, plugins), and downstream outputs. It is critical to ensure that access paths, object naming, and input/output contracts referenced in sub-agent prompts remain coherent and consistent.","research.taobaoInteractiveGame.caseStudies1":"Interactive Game Genre Atlas App","research.taobaoInteractiveGame.conclusion":"Conclusion","careers.socialJob2Years":"2 Years","careers.socialJob6Team":"TaoTian Group (1688)","research.economic.aesthetics.paragraph21":"Typesetting Principles","research.economic.aesthetics.paragraph22":"Transform the cold, platform-based reward mechanisms into sensory stimuli and emotional rewards that users are familiar with, turning the product experience from a machine that requires users to learn into a “toy” that delivers instant joy and certainty—thereby achieving the goal of enhancing user engagement and loyalty.","awards.taobaoInteractiveGame.link2":"RedDot Design Award 2025","research.economic.aesthetics.paragraph23":"Motion Principles","awards.taobaoInteractiveGame.link3":"Apple Design Award 2025","research.economic.aesthetics.paragraph24":"The five elements of the aesthetic model are: main subject + color + copywriting + layout + motion effects.","research.economic.aesthetics.paragraph20":"The key lies in distilling crucial information and amplifying it, repeatedly engaging multiple sensory channels—such as visual, auditory, and tactile—to deliver a rich and diverse array of content for consumption.","research.building.internal.design.consensus":"Building Internal Design Consensus for Intuitive Information Expression in Marketing Scenarios","awards.taobaoInteractiveGame.link1":"View the IF Design Award 2025","research.economic.aesthetics.paragraph29":"02 Street Aesthetics","research.taobaoInteractiveGame.babaFarmFullSceneMotionDesignExcerpt":"Baba Farm: Surrealism Art Style Application","research.economic.aesthetics.paragraph26":"By combining various design approaches under the five key elements, it’s possible to achieve a diverse range of aesthetic styles that resonate with the preferences of small-town residents.","footer.contactXiaohongshu":"Xiaohongshu","research.economic.aesthetics.paragraph27":"01 Supermarket Promotion","research.economic.aesthetics.paragraph28":"The supermarket is a daily, indispensable part of life for people in small towns. By extracting elements from the supermarket and redesigning them, we can authentically recreate familiar scenes that resonate emotionally with the local population.","research.economic.aesthetics.paragraph10":"Overview of the Small Town's Streets","research.economic.aesthetics.paragraph11":"Rather than overemphasizing speculative abstraction, it places greater emphasis on straightforward functional expression and positive symbolism, often employing vivid, everyday metaphors. It does not strive for consistency within its linguistic system; traditional totems, internet slang, colloquial proverbs, and government slogans can all appear together in the same conversational context.","research.economic.aesthetics.paragraph12":"An Overview of Copywriting Types in Daily Life","research.economic.aesthetics.paragraph13":"Take the colors of the living environment as the color base, and fine-tune the purity and brightness to ensure accurate visual reproduction of screen colors. Inherit the cognitive understanding of color emotions and expand their application in online environments.","careers.internJob3Date":"2026.03.17","research.element":"Element","awards.tmall.products.title1":"Tmall Multimodal Product Representation System","awards.tmall.products.title3":"The Tmall multimodal product expression system won the IF Design Award in 2022 in the User Experience category.","awards.tmall.products.title2":"Tmall's Multimodal Product Representation System Wins the IF Design Award","research.regardless.of.whether.a":"Regardless of whether a design system is open-source or a tool is feature-complete, every enterprise design team now faces the same essential task: clarifying and constructing{{bold}} an AI-friendly design-knowledge system{{/bold}} that can be connected to design tools or large models.","careers.internJob2Years":"Intern","footer.copySuccess":"Copied successfully","careers.socialJob2Team":"TaoTian Group","awards.tmall.products.title9":"Meow Perfect #Treasure Fragrance #Muse Gold Award","research.economic.aesthetics.paragraph18":"Translate abstract prices and parameters into everyday concepts that users are familiar with—such as time, food, actions, and small purchases—thereby lowering the threshold for decision-making.","awards.tmall.products.title8":"MUSE Platinum Award Project Link","research.economic.aesthetics.paragraph19":"Copywriting Description Principles","awards.tmall.products.title5":"Design Essentials of the Multi-modal Product Presentation System","research.economic.aesthetics.paragraph14":"Small Town Aesthetic Color System","awards.tmall.products.title4":"View the IF Design Award 2022","research.economic.aesthetics.paragraph15":"Color Emotion Distribution","awards.tmall.products.title7":"Cat Super Lucky Bucket MUSE Platinum Award","research.economic.aesthetics.paragraph16":"As much as possible, use authentic products and simulate real-life consumption scenarios to evoke user associations, bridge the gap between you and your audience, and activate behavioral memory.","awards.tmall.products.title6":"This project is a product matrix designed to enhance the online shopping experience on Alibaba Group’s e-commerce platforms. It aims to address the need to accurately represent the characteristics of millions of diverse products. Leveraging our deep understanding of consumer behavior and our long-term expertise in Tmall’s cutting-edge technologies, we deliver an immersive and intelligent online shopping experience. Consumers can directly interact with products, and AI-powered tools enable rapid generation of dynamic content, allowing them to fully explore products from the comfort of their homes.","research.economic.aesthetics.paragraph17":"Graphics & Texture Principles","footer.download":"Download","research.switch.to.ai.facing":"Switch to AI-facing rules","research.all.the.articles.name_custom9":"Jiong Hao","research.all.the.articles.name_custom6":"Wen Yu","research.all.the.articles.name_custom5":"Ming Kong","research.all.the.articles.name_custom8":"Qi Wen","research.all.the.articles.name_custom7":"Kong Shen","research.all.the.articles.name_custom2":"Le Fu","research.all.the.articles.name_custom1":"Ye Ru","research.all.the.articles.name_custom4":"Li Ye","research.all.the.articles.name_custom3":"Li Ji","research.asset.knowledge.consists.of":"Asset knowledge consists of units such as images, icons, logos, and tags, serving as the primary material sources for page content population. The semantic rules for assets include asset definitions, attribute variables, mandatory rules, and functional usage. Depending on the specific asset type, asset knowledge may or may not require code implementations—for example, icons do require code implementations, whereas images typically do not. In such cases, the implementations take the form of source asset files (e.g., SVG or PNG) with naming conventions consistent with those defined in the semantic rules. The mapping schema for assets follows the same template as that used for elements. Using icons as an example, the figure below illustrates the transformation of design artifacts into the three file types: semantic rules, mapping schemas, and code implementations.","research.symbolization.translating.the.core":"{{bold}}Symbolization{{/bold}}: Translating the core semantic meaning of marketing information into concrete visual representations using universally recognizable symbols or imagery.","banner.clearAll":"Clear all","awards.taobaoInteractiveGame.paragraph2":"While providing comprehensive shopping functionality, Taobao Vision fully utilizes the features of Apple Vision Pro, such as spatial computing, shared space, 3D content, and eye and hand-tracking interactions, to bring users a more intuitive, immersive, expansive, and delightful shopping experience. Simultaneously, it helps tens of thousands of brands bring their products, content, and stories into users' real homes through mixed reality spaces.","awards.taobaoInteractiveGame.paragraph1":"Taobao Vision’s user experience design won the Apple Design Award in 2025 in the Interaction Category. Subsequently, it also received the IF Design Award in the User Experience category and the Red Dot Design Award in the Interface & User Experience Design category.","footer.allRightsReserved":"All rights reserved","home.research4Title":"AI Aesthetics","research.the.complete.generation.pipeline":"The complete generation pipeline proceeds as follows: 1. {{bold}} The user inputs a natural-language requirement.{{/bold}} 2. {{bold}} The request is passed to the intent recognition agent,{{/bold}} which expands ambiguous input into system-interpretable design intent and outputs a structured requirement description, providing explicit boundary conditions for subsequent decision-making. 3. {{bold}} The process then enters the knowledge retrieval agent,{{/bold}} which uses Retrieval-Augmented Generation (RAG) to selectively retrieve highly relevant contextual information from externally retrieved Design System Specification Knowledge, based on the current intent. 4. {{bold}} Next, the design synthesis agent{{/bold}} operates within the defined boundary conditions to evaluate, compose, and instantiate the retrieved specification context, producing an intermediate structured data outline (Schema\\*). This Schema explicitly describes the page structure, components, styles, and content, forming a fully structured design solution. 5. {{bold}}Finally, the code generation agent{{/bold}} re-queries the Design System Specification Knowledge based on the Schema, using grep-based retrieval to locate and invoke the corresponding codebase artifacts. It aligns with production-ready component properties, style variables, and resource paths to generate the final UI.","research.minimal.necessary.hierarchy.reduce":"{{bold}}Minimal Necessary Hierarchy{{/bold}} — Reduce informational hierarchy to the essential minimum. Avoid excessive use of typographic scaling, segmentation, or layered structuring in order to reduce cognitive load.","careers.internJob1Desc":"Responsible for building and maintaining the team AI design platform by integrating design knowledge, workflows and AI capabilities to continuously improve design team productivity, quality consistency and knowledge reuse. As the intelligent core builder of the design system, connecting the three domains of Design, Engineering and AI Design Tools to ensure AI is deployable, iterable and controllable within the team. Capable of independently building and optimizing design intelligent systems, understanding architecture and workflow transfer mechanisms; leading the evolution of design intelligent architecture and cross-platform workflow integration; building intelligent design platforms for the entire team to achieve scalable empowerment. Responsible for intelligent system construction, building and maintaining the team Design Agent architecture; responsible for knowledge system and RAG maintenance, building and evolving the Design Knowledge Base; responsible for workflow intelligence and tool integration & design intelligence performance monitoring and evaluation.","careers.social":"Social Recruitment","research.generated.interface.preview":"Generated interface preview","products.design.specifications.new.paragraph08":"Facing the core contradiction in e-commerce design—“The first thing consumers see is the price—how can we prevent design from undermining their perception of price?”—Jason, from a holistic, end-to-end perspective, explained how brand design can maintain consistent messaging at every touchpoint, from off-site ads all the way through to successful payments. In a super-high-traffic event like Double 11, design must strike a delicate balance between creating the right atmosphere and ensuring transaction efficiency—neither drowning out key information nor sacrificing the brand’s warmth and human touch. The team’s strategy adapts flexibly to the economic environment: In 2024, amid consumer austerity, they adopted a “big-poster” style of design, highlighting hard-hitting benefits such as “85% off across the board,” emphasizing information clarity and perceptual speed; in 2025, as the economy recovers, the strategy was upgraded to the theme “Wholehearted Commitment, Colorful Life,” integrating AI and ecosystem capabilities to shift focus toward building emotional connections and resonating with consumers’ brand perceptions.","careers.socialJob12Team":"TaoTian Group","products.design.specifications.new.paragraph09":"In his sharing on interactive game design, You Shi profoundly articulated the design philosophy of “lightweight yet addictive.” He clearly stated that interaction is not an isolated feature but rather a crucial experiential link that connects “access, browsing, engagement, acquisition, and purchase.” To achieve this goal, Taotian has built an interactive ecosystem covering all scenarios: marketing interactions generate explosive buzz, everyday interactions cultivate user habits, in-product interactions support channel operations, and the mini-game ecosystem facilitates traffic exchange. Taking the check-in product as an example, its design embodies a clear three-layer logic—where the main storyline focuses on the core user journey, tasks expand behavioral boundaries, and side quests cater to personalized scenarios, thereby creating a balanced and engaging participation rhythm.","research.versionai.tmall.is.an":"VersionAI Tmall is an AI-oriented design specification website. It contains all the design knowledge described above and helps users generate user interfaces that conform to the Tmall design specification, conduct design reviews, and resolve Q&A. The site’s page structure is consistent with the design system knowledge structure, organized as a tree navigation of styles, cases, and their sub-unit knowledge modules. Each knowledge module page can switch between rules for humans and rules for AI, and supports copying or downloading knowledge snippets. A deployment page guides users on how to invoke the specification for interface generation. The blog section also captures the project’s key learnings; in addition to this article, it includes two practice pieces: “AI-collaborative homepage concept video” and “AI-collaborative website design and development”.","products.design.specifications.new.paragraph02":"On December 9, 2025, Professor Zheng Chao led his students in reviewing the research project they had co-created with Taotian Group—the “Aesthetic Guidelines for AI-Generated Images.” This was not merely a matter of technical adaptation; rather, it was a philosophical exploration into whether beauty can be defined and understood by machines. “In the age of AIGC, what does ‘beauty’ actually mean for e-commerce platforms?” Professor Zheng Chao asked during the retrospective.","products.design.specifications.new.paragraph03":"The research team abandoned mechanical image labeling and instead shifted toward building an aesthetic logic system that can be learned by AI—from color composition and element relationships to visual storytelling—transforming subjective aesthetics into an iterative algorithmic language. This preparatory phase is not merely a retrospective review of the project; it’s also a shift in mindset—from “learner” to “preparatory commercial designer,” from creating independent works to becoming a key link integrated into commercial workflows.","products.design.specifications.new.paragraph01":"During the three-week immersive workshop, participants will go through three progressive stages—“Discovery and Definition, Exploration and Design, and Deepening and Delivery”—completing a visible practice of design thinking and undergoing a cognitive reshaping process. We place particular emphasis on the ability to “frame problems” under real-world business constraints, guiding participants to employ methods such as user experience analysis, behavioral logic, and interaction design to uncover deep-seated user mental models and underlying behavioral motivations beneath the surface of data. At the heart of the workshop is the requirement that participants not only become proficient in interaction paradigms and visual communication but also gain a thorough understanding of platform economics, consumer psychology, game design, and social media dissemination mechanisms.","products.design.specifications.new.paragraph06":"We propose a three-dimensional framework—“Users, Links, and Nodes”—which elevates design from mere interface aesthetics to the level of building a holistic system experience. This methodology always starts with the fundamental question: “What do users really want?” It emphasizes gaining deep insights into user expectations through entry-point analysis and dynamically planning page layouts accordingly. On the basis of clearly defining user journeys, we must organize clear and seamless primary tasks while thoughtfully designing secondary activities such as red envelopes and onboarding guidance, all while ensuring a well-structured information architecture across every node. In practice, we advocate for in-depth diagnosis of experience issues through competitive product analysis, experiential walkthroughs, and public opinion research. We adhere to the “Analysis → Strategy → Expression” workflow, ensuring that design innovation is always grounded in respect for user habits and commercial consensus. Ultimately, outstanding design manifests itself not merely in visually appealing interfaces but in the rationality and logical rigor of the entire user journey.","research.page":"Page","products.design.specifications.new.paragraph07":"In his sharing on brand marketing design, Xiaobing pointed out that the core of design lies in shifting from “student thinking” to “business thinking”—that is, moving from an expression centered on personal aesthetics to communication that focuses on both the product and the user. Business design is not merely about visual presentation; rather, it’s a continuous dialogue with users aimed at effectively driving user behavior and achieving clear business objectives. In practical terms, this requires designers to possess the ability to iterate rapidly and validate in real time—for instance, during major promotional events like “Double 11”—by establishing a closed-loop system that spans brand strategy, visual communication, media placement, and data feedback. This ensures that every stage of the process is closely aligned with how users perceive and act, enabling design to truly play its role within the commercial ecosystem.","research.all.the.articles.paragraph99":"Color tone and saturation should be consistent, with colors in the image harmoniously echoing one another and avoiding a cluttered, patchwork effect. In AI-generated product images for e-commerce, color tone consistency must be comprehensively evaluated from multiple dimensions, including contrast relationships, light-and-dark relationships, and warm-and-cool relationships. Only when color relationships across all these dimensions remain balanced and harmonious can the image convey a sense of realism and emotional impact.","products.design.specifications.new.paragraph04":"From the historical perspective of design evolution, Qi Wei reveals the symbiotic relationship of continuous mutual reinforcement between design and technology—from Xerox’s pioneering efforts to the evolution led by Apple and Microsoft, and then to the early establishment of professional design teams by local companies such as Kingsoft and Tencent—marking a shift in internet design from merely “beautifying interfaces” toward a more systematic and professional trajectory. As product complexity and homogenization intensify, the core focus of design has shifted from “visual competitiveness” to “experience-driven differentiation”—in an era when users have multiple choices, the experience itself has become the key differentiator. Faced with an environment of fragmented attention, “how to convey information in a simpler, more straightforward, and intuitive manner” has become an ongoing challenge for designers.","research.all.the.articles.paragraph98":"Tonal Relationship: Consistency of the Image’s Color Palette","products.design.specifications.new.paragraph05":"In Taotian’s diverse business scenarios, this philosophy has been translated into concrete practices: building professional credibility in live-streaming, cultivating a sense of exclusivity within the membership system, and integrating gamified storytelling into interactive experiences. Qi Wei consistently emphasizes that the essence of design lies in understanding and addressing users’ concerns, striking a balance between commercial objectives and experiential value—because “consumers don’t enter a platform to admire design; they come for the content.” This reflects both the maturation of design thinking and the accumulation of business acumen.","research.all.the.articles.paragraph97":"Outdoor Lighting: When using outdoor lighting, the illumination effects produced by different light sources can create a variety of atmospheres for products on e-commerce platforms. It’s also crucial to pay attention to the appropriate relationship among light color, angle, and projection, ensuring that the resulting images look natural and realistic.","research.all.the.articles.paragraph96":"Outdoor Moonlight: At night, the moonlight is soft and gentle, creating a subtle, cool-toned ambiance that softens harsh shadows in the scene. This gentle, serene lighting imparts a sophisticated and mysterious beauty to the products.","research.spacing.design.excerpt":"Spacing design (Excerpt)","research.all.the.articles.paragraph95":"Outdoor Snowy Day: In a snowy environment, light is evenly distributed across the product’s surface, creating a soft and uniform illumination effect. At this time, hard shadows on the product’s surface are reduced, allowing details and textures to stand out more prominently. For example, Christmas gift items displayed against a snowy backdrop enhance the festive atmosphere even further.","research.all.the.articles.paragraph94":"Outdoor Rainy Day: In rainy weather, scenes appear even clearer and colors become more vibrant, creating a fresh and lively visual effect for products. At this time, it’s important to consider the reflections on the road surface, ensuring they form harmonious mirror images with the main subject. For example, hydrating facial mask products can leverage these rainy-day reflections to enhance the visual impression of moisture and hydration.","research.all.the.articles.paragraph93":"Overcast outdoor conditions: In an overcast environment, the light is even and soft, helping to reduce contrast on the surface of products and accurately rendering their colors and textures. Under this type of lighting, the interplay of shadows creates a comfortable and natural visual experience, exuding warmth and approachability.","research.all.the.articles.paragraph92":"Indoor lighting: The intensity of indoor light typically diminishes as the distance from the source increases. Indoor light sources often include artificial lighting, natural light from windows, or a combination of both. Such lighting is relatively soft and does not easily produce harsh shadows; therefore, AI-generated images of indoor scenes should avoid overly sharp shadows. Moreover, different types of lighting fixtures and light colors can create distinct atmospheres. The color of shadows should harmonize with the color of the light source and complement the reflections in the surrounding environment.","research.all.the.articles.paragraph91":"Shadow Feedback/Light-and-Shade Consistency: The direction of shadows in the image must align with the direction of the light source. The area of the shadows should correspond to the surface area of the objects, and the relationship between illuminated and shadowed areas for each object must also be consistent.","research.all.the.articles.paragraph90":"The overall lighting in the scene should be consistent, with a well-balanced arrangement of primary and secondary light sources. It’s best to rely more on bright, soft, natural light. The harmonious coordination of light and shadow is a crucial component of an image’s realism. Numerous factors—such as the direction of light, object shadows, and environmental reflections—are closely interconnected. Only when the light and shadow elements of objects and scenes are perfectly coordinated and free from conflicting lighting relationships can we create product images that are truly compelling and emotionally resonant.","footer.scanWithWeChat":"Scan with WeChat","careers.socialJob3Team":"TaoTian Group","awards.tmall.products.title15":"Project Showcase","research.configure.the.tmall.design":"Configure the tmall-design MCP in the IDE","awards.tmall.products.title16":"Design Project Description:","awards.tmall.products.title17":"The \"HEYLIVE Seaside Fan House,\" a comprehensive project jointly launched by Tmall Little Black Box and the 2024 Anaya Shrimp Music Festival, leverages scenario-based marketing strategies to seamlessly integrate the brand into the festival's cultural environment. The signature visual motif—the Tmall Little Black Box cube—is deconstructed into \"spotlight sources,\" recreating the dazzling stage and gradient coastline, thereby fostering an emotional connection between the brand and young users. The project also integrates resources from five major brands, including DeLonghi and Haier, to create a multi-dimensional marketing matrix that links online and offline channels, achieving multifaceted goals such as brand exposure, user acquisition, and cultural resonance.","footer.scanToFollow":"Scan to follow","footer.contactEmail":"email","awards.tmall.products.title10":"MUSE Gold Award Project Link","awards.tmall.products.title11":"The Tmall Xiaoheihe × Xiami Music Festival “HEYLIVE Beach Fan Home” project has won the Gold Award in the Italian A'Design Award International Design Competition.","app.check":"success","awards.tmall.products.title12":"Award logo","awards.tmall.products.title13":"Award certificate, trophy","awards.tmall.products.title14":"Award Information Inquiry","research.spacing.code.implementation":"Spacing code implementation","careers.socialJob5Title":"Experience Design Expert - Xianyu","products.design.specifications.paragraph18":"Qianniu Design Components Kit Preview","products.design.specifications.paragraph17":"At its core, this system is guided by a design philosophy centered on “pragmatism and efficiency,” emphasizing a return to the essence of B2B business management systems. In terms of information architecture, it strives for utmost clarity and intuitiveness, ensuring that merchants can instantly grasp both “what it is” and “how to do it,” thereby reducing cognitive costs. In terms of visual style, it advocates a restrained and natural approach—avoiding overt visual distractions and instead using colors and abstract symbols in a measured and simple manner, thus eliminating any visual elements that might cause cognitive confusion. As for interaction logic, the system is dedicated to simplicity and speed, providing the shortest possible user paths to support merchants’ frequent operations and transitions.","products.design.specifications.paragraph19":"Tmall Design System Specifications","footer.contactTitle":"Contact","products.design.specifications.paragraph14":"Taobao Components Kit Preview","products.design.specifications.paragraph13":"Taobao’s design is user-centered, featuring restrained and rigorous design of product functionalities. The system’s complex yet comprehensive design philosophy aims to deliver a simple, easy-to-use, and engaging product experience for users. By providing a common language among designers, product managers, and developers, we ensure that the Taobao app maintains an exceptional and thoughtful user experience.","products.design.specifications.paragraph16":"Qianniu Design is a design system specifically tailored for the Qianniu merchant workspace. Centered on efficiency, it is designed to accommodate high-frequency and complex business scenarios, ensuring that core data and tasks are communicated effectively and efficiently, thereby meeting merchants’ essential needs for daily operations and store management.","products.design.specifications.paragraph15":"Qianniu Design System Specifications","careers.socialJob11Location":"BeiJing / ShangHai","products.design.specifications.paragraph10":"Vision: Defining a New Paradigm for Intelligent Manufacturing","products.design.specifications.paragraph12":"Taobao Design is a design system specifically created for the Taobao app. The Taobao Design system aims to establish a universal design language, ensuring a consistent product experience across Taobao and empowering various roles to collaboratively build a simple and user-friendly commercial ecosystem.","products.design.specifications.paragraph11":"Taobao Design System Specifications","research.all.the.articles.name_new10":"Wangli Dong","research.all.the.articles.name_new02":"Yong Wang","careers.internJob2Date":"2026.03.17","research.all.the.articles.name_new01":"Kaile Kong","research.all.the.articles.paragraph79":"Perspective relationship","research.all.the.articles.name_new06":"Zhou Zhou","research.all.the.articles.paragraph78":"For example, appropriate negative space should be left between the human model and the edge of the frame. By leaving sufficient white space in a thoughtful manner, we can avoid overcrowding the composition, enhance the sense of breathing room, and make the overall composition appear more balanced and natural. Maintaining an appropriate distance between the main subject of the composition and the edges of the frame aims to preserve the harmonious relationship between the human model and the product, while also boosting the visual appeal and aesthetic quality of the image.","research.all.the.articles.name_new07":"Yan Wang","research.all.the.articles.paragraph77":"When using a human model as the main subject of the image, the key lies in employing composition techniques to effectively highlight the model’s proportions and positioning relative to the product. Placing the human model at the center of the frame not only directly draws the viewer’s attention and reinforces its focal role but also aligns with the natural visual habit of viewers, who tend to naturally focus on the central area when scanning an image.","research.all.the.articles.name_new04":"Xiang Liu","research.all.the.articles.paragraph76":"A layout that aligns with visual habits emphasizes that composition should conform to the principles of human visual perception and aesthetic preferences, employing classic compositional rules to create a natural and pleasing visual effect. The golden ratio and the rule of thirds are among the most classic and widely used guidelines in composition; their enduring appeal stems from their alignment with humanity’s innate understanding of visual balance and harmony. For instance, the golden ratio suggests placing key visual elements at specific points along the image’s grid—typically near the edges of the frame. Such a layout not only draws the viewer’s attention but also visually creates a sense of balance and dynamism.","research.all.the.articles.name_new05":"Haojiong Yang","research.all.the.articles.paragraph75":"This standard focuses on how to use composition to ensure that the product’s central role is effectively highlighted. At the heart of this centrality lies positioning the product prominently at the center of the frame and, through the organic arrangement of visual elements, reinforcing its status as the focal point of the image.","research.all.the.articles.paragraph74":"Subjectivity","research.all.the.articles.paragraph73":"Overall balance and harmony of the composition: When designing visual flow, it’s also essential to take into account the overall balance and harmony of the image. The arrangement of all elements should not only serve to guide the viewer’s eye but also maintain an intrinsic harmony within the composition.","research.all.the.articles.name_new08":"Yuhan Wen","research.all.the.articles.paragraph72":"Consideration of Gaze Space: When an image features a human figure with clearly expressed eye contact, the extendibility of the gaze direction becomes particularly important. Sufficient space should be reserved in front of the figure’s line of sight to enhance the dynamism of the composition and guide the flow of visual attention.","research.all.the.articles.name_new09":"Zijun Liu","research.all.the.articles.paragraph71":"The Use of Lines, Shapes, and Light: By strategically arranging lines and shapes, we can create pathways that guide the viewer’s gaze and naturally draw attention to the product. These visual elements should be organized into a seamless visual guidance system, ultimately focusing attention squarely on the product itself.","research.design.method.literal.visualization":"Design Method: Literal Visualization","research.all.the.articles.paragraph70":"If the human model includes eye expressions, pay attention to the sense of extension in the direction of gaze, and leave adequate space on the side toward which the human model is facing.","careers.internJob1Title":"AI Engineering Designer","research.economic.aesthetics.paragraph32":"Folklore serves as a spiritual anchor for the people of small towns, and through the beautiful blessings embedded in folklore and their transmission via various mediums, this community gains a sense of identity and belonging.","research.economic.aesthetics.paragraph33":"Aesthetics, regardless of whether they’re highbrow or lowbrow, are pursued even in the下沉 market. From everyday essentials like food, clothing, and daily necessities to large-scale architectural and interior design, the aesthetic sensibilities of small-town residents are evolving along with the times. Drawing inspiration from daily life and distilling the essence of wild, organic design allows products to become warmer and imbues even small commodities with great value. Design never stops—economic aesthetics continue to evolve and iterate...","research.economic.aesthetics.paragraph30":"The casually collaged little ads scattered throughout the streets of this small town reflect the vibrant daily lives of its residents. By extracting their formal qualities, we can create a unique, wild, and eclectic aesthetic that embodies the spirit of this small-town environment.","research.economic.aesthetics.paragraph31":"03 Folklore Expresses Meaning","products.design.specifications.paragraph21":"The system is centered on the “White Paper” design philosophy, emphasizing that content should seem to leap forth from a blank canvas. By simplifying processes and structures, it eliminates any elements that could potentially cause distraction or confusion.","products.design.specifications.paragraph20":"Tmall Design is a design system specifically created for the Tmall shopping app, covering design concepts, principles, styles, components, and assets. Its experiential goal is to put content at the core, simplify task operations, ensure efficient information delivery, and present an exceptionally minimalist design style—thereby meeting the product’s positioning and the needs of its target users.","research.versionai.tmall":"VersionAI Tmall","products.design.specifications.paragraph22":"Tmall Components Kit Preview","research.all.the.articles.paragraph89":"Light Source Consistency: The uniformity of light sources for all objects in the scene.","banner.cameraMoveBody":"Try move your body","research.all.the.articles.paragraph88":"Consistent Exposure: The level of exposure for the core content should remain uniform. Adapting to different scenarios is another key aspect of product image exposure adjustment. Maintaining a consistent exposure level across the entire product lineup helps establish a strong brand identity, making it easier for users to recognize and remember the products, thereby reinforcing overall brand consistency.","research.all.the.articles.paragraph87":"Overall exposure: Underexposed images appear dark, impairing the recognition of object shapes; overexposed images become washed out, resulting in loss of detail. Generally, a brighter exposure level is preferred. In product photography, controlling the exposure of the background is equally important. By adjusting the exposure, you can better manage the contrast between the product and its background—this is especially crucial when the product and background colors are similar, as it helps to highlight the product and make it stand out more effectively.","research.all.the.articles.paragraph86":"Exposure Subject: Exposure should be based on the main content of the image, with a focus on ensuring reasonable exposure. In AI-powered e-commerce product image generation, the presentation of products is not only about their appearance but also requires fine-tuning of exposure levels to highlight details from all angles. Proper exposure can accentuate the product’s surface texture, material, and color, ensuring that potential buyers can clearly see every detail and thus enhancing the product’s appeal and purchase attractiveness.","research.all.the.articles.paragraph85":"Exposure: The brightness and darkness of the image’s lighting, as well as the consistency of exposure.","research.element.knowledge.is.divided":"Element knowledge is divided into four irreducible units—{{bold}}color, typography, corner radius, and motion{{/bold}}—which serve as the foundational dependencies for all design styles. Its semantic rules consist of element definitions, style composition, attribute variables (design tokens), mandatory rules, and functional usage. Code implementations take the form of global styles (SCSS); these are automatically reconstructed from design artifacts and generated as code by IDE tooling through calls to the design software’s MCP services. The mapping schema is composed of ID symbols, semantics (including name, definition, and description), rules_refs, implementations_refs, and constraints (such as usage scenarios, mandatory prohibitions, and other restrictions). This schema is automatically generated by AI in accordance with Schema-based prompting rules\\*.","research.all.the.articles.paragraph84":"Light and shadow","careers.socialJob13Team":"Taotian Group (Taobao Platform)","research.all.the.articles.paragraph83":"Depth-of-field creation: When generating e-commerce images with AI, depth-of-field control is one of the key elements in composition. By simulating camera focal lengths and aperture settings, AI can adjust the depth of field to achieve a blurred background effect, making the product visually stand out and become the focal point of the image. When generating e-commerce product images using AI, it’s essential to precisely control the focal length, aperture, and subject distance, and to thoughtfully arrange the relationship between foreground and background—balancing sharpness and blur—to ensure that the resulting images not only meet commercial standards but also possess artistic value. Through such processing, AI can create product images that combine professionalism with visual appeal, effectively enhancing the presentation quality of the products.","research.all.the.articles.paragraph82":"Spatial Perspective: Spatial perspective is one of the crucial visual elements in AI-generated e-commerce images, requiring that the human model, products, and spatial structure maintain a consistent perspective relationship. A correct perspective relationship ensures that the positions and sizes of the human model and products in the space are harmoniously aligned with the surrounding environment.","research.design.synthesis.agent.configuration":"Design synthesis agent configuration (excerpt)","research.all.the.articles.paragraph81":"Light and shadow processing is another crucial element that directly affects the presentation of a product’s shape and texture. By simulating various lighting effects—such as shadows created by single-sided illumination—we can enhance the product’s three-dimensional appearance. Precise light-and-shadow simulation not only makes the product look more vivid but also imbues the image with rich layers and textures.","careers.master":"Master's Degree","research.all.the.articles.paragraph80":"In the context of AI-generated e-commerce product images, the core challenge lies in effectively simulating a sense of three-dimensional space on a two-dimensional plane. This challenge involves several fundamental principles of visual art, particularly perspective, light and shadow rendering, and depth-of-field control. Perspective has a long history in visual art; by arranging lines and shapes, it mimics the visual perception of depth and distance. When generating product images with AI, we can leverage the construction of vanishing points and perspective lines to create the visual effect of products receding into the distance. This approach not only enhances the three-dimensionality of the products but also imbues the image with depth and dynamic expression."},"zh_CN":{"home.research5Title":"经济美学设计与应用","products.aiagent.new.title":"团队自研技能库调用与执行","careers.socialJob4Team":"淘天集团","careers.socialJob4Years":"3年","research.all.the.articles.paragraph001":"对象本体：","research.all.the.articles.paragraph005":"还原度：","careers.internJob3Desc":"洞察用户行为和反馈，分析同类产品尤其是AI产品的设计形态和发展方式；承接各业务形态的产品体验设计；交付针对需求的策略和设计方案；构建内AI设计的产品能力；撰写各类设计知识文档，包括但不限于符合AI认知的规范，模型可识别的内容知识。","research.all.the.articles.paragraph004":"商品状态是评估AI生图质量的核心。必须确保生成的AI商品形态完好，避免出现瑕疵、结构不合理等问题。同时应保证抠图准确，避免边缘粗糙、泛白、紫边等现象，从而使生成商品图符合客户预期。","research.all.the.articles.paragraph003":"商品形构：","research.all.the.articles.paragraph002":"生成商品的状态与真实性呈现。基于商品对象本体的AI商品图像美学评估标准，主要涵盖两个层面—商品形构和还原度。","research.all.the.articles.paragraph009":"角度选取：","research.all.the.articles.paragraph008":"商品展陈与观看视角。","research.all.the.articles.paragraph007":"选取角度：","research.all.the.articles.paragraph006":"应真实反映商品本身的结构表现，包括形体构成、材质与颜色，可受环境因素影响，但必须符合自然认知逻辑，不脱离商品原有形态。在视觉保真度与还原度方面，AI生成商品图像需准确呈现商品的外观、比例与细节特征。此外，除高度还原商品本身外，图像还应尽量保持高分辨率，并对商品细节作精细化处理，以卓越的清晰度捕捉精密的工艺细节、材质纹理与复杂的设计内核，从而充分展现商品的工艺水平与视觉吸引力。","team.intro.text":"淘宝设计，是一个服务于全球亿万消费者体验的设计团队，服务淘宝天猫等多个国民级产品。我们致力于引领用户体验，希望让设计触动人心，让商业美而简单。","careers.internJob3Location":"杭州","research.economic.aesthetics.title9":"设计手段提炼","research.economic.aesthetics.paragraph9":"坚信多才能活，店铺招牌无缝衔接，相邻店铺形成连续的信息墙，留白即浪费，填满才有安全感。 同一条信息在地贴、立牌、门头、横幅、甚至是广告喇叭中反复出现，多通道强化。关键信息大小远超其他字，强行占据版面中心。","research.economic.aesthetics.title7":"板式｜功能优先 高密度 强对比","research.economic.aesthetics.title8":"文字｜直白具象，方言混搭，“迷信”主义","research.structural.translation.of.design":"设计系统知识结构转译","products.design.specifications.paragraph3":"其能力覆盖 对话式出图、批量生成、多尺寸延展、模板与风格复用、图像精修与编辑、业务定制化生成、API化调用 等核心场景，支持从单图创意到千级规模素材生产的高效转化。","research.economic.aesthetics.paragraph7":"小城材质混用的现状，是资源、认知、需求的共同作用结果。光滑vs粗糙、反光vs哑光、数字vs手工，在看似混乱的风格中，反而透出一种社会烟火气与生命力。不过度追求“和谐精致美”，但追求“实用生动美”。小城人民对于“金灿灿”的青睐，本质也是一种务实的理想主义。县城街道普遍背景杂乱灰暗，高饱和度的金属反光质感可以瞬间抓住行人眼球，且金闪闪的门面暗示商家资质正规带来强信任背书。经历过物质匮乏年代的人们，更需要金灿灿的质感，是一种丰收富足的心理寄托。","products.design.specifications.paragraph2":"淘天AI设计师（Taotian AI Designer） 是面向淘天电商业务与设计团队打造的一体化 AI视觉设计智能体与生产平台，基于平台沉淀的设计能力、业务经验与大规模图像生成工作流，辅助设计师与运营完成从创意生成到批量交付的全链路视觉生产。","research.economic.aesthetics.paragraph8":"小城街道实景","products.design.specifications.paragraph5":"从\"生成图片\"到“生成设计”","research.economic.aesthetics.paragraph5":"从产品包装角度看，不论是早起受限于生产材料稀缺，采用透明视窗让商品真实情况完整透出，还是包装印刷精度提升，带来的商品精修场景图，都是通过直观的商品本身来做吸引用户。从街头广告角度看，老板手作招牌，野生图形创作让内容更便理解，容易拉近用户距离，且造价低迭代灵活。从文化传播角度看，传统吉祥符号（福、富、锦鲤）被高频应用在生活场景中（布料、贴纸、瓷砖、产品造型等）转为装饰性好运符。","products.design.specifications.paragraph4":"挑战：电商设计的高频、海量与不可控性。","research.economic.aesthetics.paragraph6":"野生图形创作","team.section.title":"这是淘天设计","research.economic.aesthetics.paragraph3":"县城与小城市中招牌、墙绘等公共视觉元素频繁使用红、黄、蓝、金（有时加入绿或白）的高饱和配色，背后既有材料工艺限制，也有文化心理驱动和传播效率考量。主要有4方面考虑：1、原材料与施工成本极低，国产PVC喷绘、单原色油墨、交通工程级贴膜，本地建材“快干耐晒”工业漆，价格低廉，无需调色；2、高辨识度 = 高传播效率，复杂光线下高饱和原色具有最强的视觉穿透力（日晒、夜晚昏暗、背景杂乱）；3、施工技能限制与模板操作，怎么做最省事，也造成了结果的审美趋同；4、颜色自带“信任背书”，潜意识中传递“喜庆、光明、正统、可靠”，降低消费者决策成本。","research.economic.aesthetics.paragraph4":"生活环境色彩","research.economic.aesthetics.paragraph1":"非一二线城市的中国县城与小城市中的普通人群，体现出大部分老百姓的日常真实生活状态。他们所处的环境，关心的日常，接触的事务，消费的对象，具备非一线城市的典型普遍特征，与一线城市的用户存在消费与关注点自然差异。研究中发现目标人群在日常生活中的审美偏好也随之呈现出混杂性、实用性与人文情感化交织的特征。县城文学能获得很大关注度，某种程度上是因为与我们自身的成长生活经历有广泛连接，引起共情。我们从真实的生活者感受视角切入，从色彩、图形、文字、质感、排版 等维度对线下生活消费场景中的常见设计做分析，提炼经济美学特征与设计手段，在线上电商产品体验、品牌营销场景中应用，引起用户情绪共鸣，促进平台粘性与差异化心智。","research.economic.aesthetics.paragraph2":"看见目标群体对生活刚需品具有预设与期待，体验就应该还原出他们对经济实用、回归真实生活的状态。还原群体在意的微小价格差，为生活带来切实的小优惠而快乐；诠释生活烟火中的菜场文学，从低价中寻找到用户价值的创意设计。设计可以表达平凡物质带来生活质量之美，也可以带给生活更好的效用、增加/体现实用场景的巧思。经济美学背后“小价格大价值”，折射的用户对性价比的心理追求，设计寻找的是围绕“核心价值点聚焦”的具象化的丰富手段。","careers.socialJob13Date":"2026.01.05","careers.internJob2Title":"AI创意艺术家","research.ai.friendly.semantic.rules":"AI友好型语义规则","careers.bachelor":"本科","research.there.is.now.a":"现市面上有两类AI生成界面的解决方案：新生代AI或IDE工具（V0、Stitch、Cursor等）基于内化过开发知识的大模型调用开源组件库（Tailwind、Shadcn、AntD、M3等）、设计软件智能体模式（Figma Make、Mastergo Agent等）基于设计软件中所创建、维护的组件库进行界面与代码的一并生成。","research.economic.aesthetics.title2":"背景介绍","research.economic.aesthetics.title5":"图形｜具像化的表达，追求美好寓意","research.economic.aesthetics.title6":"质感｜实用主义拼贴，追求闪耀灿烂","research.economic.aesthetics.title3":"生活环境研究","research.economic.aesthetics.title4":"色彩｜遵循材料原色，自带情绪导向","home.product1Title":"淘天 AI 设计师","research.building.internal.enterprise.design":"为生成符合规范的产品界面而构建企业内部设计知识","research.note.design.tokens.for":"注：元素与布局设计令牌的要构建规范、语义明确、结构一致。通常由值value → 属性命名primitive → 语义命名semantic → 规则描述description构成。","careers.socialJob12Desc":"负责淘宝直播主播经营和开播相关产品的体验设计工作，能确保产品易用性、扩展性及设计品质；负责从业务对接、策略制定、设计概念、方案输出、还原落地、数据回收整体工作，能够梳理完成信息架构、风格定调、界面视觉产出、组件规范制定等；对业务有全局的理解和判断，能够联合业务、用户研究及开发等上下游团队，寻找设计机会点，并深度共创驱动价值。","awards.new.article01":"2024 双11主互动 - MUSE铂金奖&柏林设计奖金奖","awards.new.article02":"2025 春节主互动 - IAI全球设计奖银奖&MUSE铂金奖","awards.new.article03":"2025 618主互动 - IAI全球设计奖银奖","research.layout":"布局","research.taobaoInteractiveGame.taoCoinPopArtStyleApplication":"淘金币：波普艺术风格应用","research.color.design.excerpt":"颜色的设计（节选）","careers.socialJob5Team":"淘天集团（闲鱼）","research.versionAI.tmall":"推出 VersionAI 在天猫的业务","careers.socialJob13Years":"5年","research.in.taobao.s.marketing":"淘宝营销设计场景在用户动线层面具有动线前置、强周期性特征，对信息表达的引导性、信息传递的直接性要求较高；在业务层面具有覆盖度广，具有需求普遍性且场景交织等特征；过往营销表达这一范畴并未进行整体性、基础性的研究与建设，粗看现状，营销表达方式较为多样，有大字报、图形化、图文结合的方式，有进一步整合和优化的空间；本次聚焦“信息直观表达”，旨在建立普适性设计观念与方法，提升整体营销传达效率。","research.tmall.app.uikit":"天猫 App UI 组件库","research.generative.ui.agent":"界面生成智能体","careers.socialJob7Title":"体验设计师-1688","home.bookFlipSubtitle":"淘天设计出品书籍：\n止于设计，不止AI","research.interactiveGameTrends.pageTitle":"淘宝互动游戏设计趋势研究","research.price.semantic.rules.excerpt":"价格的语义规则（节选）","careers.internJob4Date":"2026.03.12","research.from.literal.visualization.in":"从闪屏的具象直译、弹窗的图形容器、版头的层级归一，到活动型载体的精准选择、文案的“直给式排布”、重点的画幅级放大、特征的情绪化唤醒——所有策略与案例背后，贯穿着同一根主线：把复杂留给自己，把简单交给用户；把抽象留给业务语言，把具象还给用户心智。","header.awards":"奖项","bottom.contributor.title":"贡献者","careers.socialJob11Desc":"AI领域分析及行业专家访谈，从投资角度，针对AI技术领域、AI应用市场进行动态分析，洞悉行业发展趋势、监控与分析该领域核心玩家/公司的关键动向，并针对资本市场反响较大的核心事件进行专家深访、形成分析报告，面向战略层提供有效输出；电商与商业化领域策略调用/客户调研，针对电商及商业化业务场景，行业动态分析，洞悉行业发展趋势，梳理并追踪各平台动向打法，进行业专家深访，财报分析，行业信息研究，内部数据提取分析，按需要开展商家客户调研、代理生态调研，包括定性、定量，结合外部竞争环境以及妈妈业务，围绕策略、技术、产品、运营，以及生态等输出有深度、有思考的综合性报告；与顾问、策划、产品、运营、技术、生态等业务团队深入沟通，了解内部业务诉求，通过动态分析反哺业务，赋能妈妈业务打区隔战，找到业务落地点以及突破点创新变革","products.design.specifications.paragraph7":"强大的底层引擎","products.design.specifications.paragraph6":"“聊天即创作\"的全链路闭环","products.design.specifications.paragraph9":"效率革命：从1天到30秒。","home.award3Title":"MUSE铂金奖","products.design.specifications.paragraph8":"设计知识循环","research.if.design.artifacts.are":"如若希望设计可被AI稳定读取、检索、推理、执行，则传统设计系统规范知识构建方式主要有三个根本性问题亟待解决：{{bold}}1. 缺失知识结构：{{/bold}}设计资源不规范（缺失设计令牌、组件变量、语义描述）、设计规则不清晰（缺失描述结构、内容格式），设计代码不完善（缺失代码实现）。{{bold}}2. 缺失映射关系：{{/bold}}缺失规则和代码之间显性的锚定、约束与指向结构化关系。{{bold}}3. 缺失统一维护：{{/bold}}设计资源、规则、代码由设计师、开发者分开构建维护，缺失结构与映射共识，导致相互割裂与迭代不一。","research.element.semantic.rule.template":"元素语义规则模版","careers.internJob2Desc":"各业务和活动的品牌营销创意设计，交付全案设计，包括但不限于品牌、营销、页面、包装、空间；互动产品的主题创意策划，互动产品的视觉风格设定和角色设定；运用AI工具进行设计和艺术创作，解决目标达成的技术问题，具备业内顶尖的水平；构建设计数据库，根据业务诉求和设计目标训练/优化lora模型，助力业务素材自行生成。","footer.sloganHumanistic":"人本","research.in.this.project.the":"本项目中工作流及智能体在IDE工具中搭建，其中模型基座、记忆、工具默认或无需设置，其余项单独定义。其中，在提示词Markdown文件中所包含但不限于角色定义、任务定义、内置工作流步骤、输入输出要求、访问与路由、强制要求等。","research.note.in.principle.the":"注：理论上知识检索智能体、方案设计智能体可以合并一体，独立设置是为了当设计系统规范知识中缺失有关需求对照的内容时，方案设计智能体可以通过工具或授权外部知识库检索的方式来进行补全，即将两个智能体的任务定义和自主程度切分得更明确、有助于流程和结果的确定性。","careers.socialJob5Years":"5年","research.node.orchestration":"节点串联","careers.campus":"校园招聘","careers.socialJob2Location":"杭州","research.case.semantic.rules.template":"页面的语义规则模版（节选）","home.seeAll":"查看全部","careers.socialJob3Years":"2年","home.research6Title":"“TAO”AI数字人动态影像研究","research.all.the.articles.new.label1":"设计团队","careers.socialJob12Date":"2026.01.08","banner.titleTechnology":"科技","home.browseVideosTitle2":"快乐的工作","home.browseVideosTitle1":"我们追求","research.this.leads.to.a":"即引伸出一个变革命题：在人机协同构建用户体验和数字产品的时代下，传统意义上的设计师构建面向{{bold}}人类理解使用的设计规范和系统（Design Guidline and System for Human）势必要转化为面向机器大模型理解使用（Design Guidline and System for AI）{{/bold}}。那么，在构建思路和做法上就会有所区别。","research.this.article.is.a":"此文是淘宝设计于2025年年中，探索有关如何实现人工智能生成符合企业设计规范的产品界面的经验分享。以天猫App这样一款国内大型B2C购物产品为例，包含AIGUI所解决的问题、构建面向机器理解并使用的设计系统规范知识的具体做法、生成产品页面的结果展示等内容。随着技术和工具变化，思路和做法会发生相应变化，以下内容仅供阶段性参考。","research.interface.generation.is.essentially":"界面生成本质上是{{bold}}由多个任务智能体、基于一条符合企业场景的设计工作流、通过上下文推理与检索抽取设计系统规范知识所形成的一个垂类智能体{{/bold}}。其中，工作流是工程基础，串联从需求输入到界面输出中所有的环节，来保障流程和结果确定性；多智能体是模型大脑，根据预设系统提示词进行上一步输入理解、自主分步推理、输出结果至下一步，分为意图识别、知识检索、方案设计、代码生成等四个任务智能体；设计系统规范知识是外挂事实，设计通过D2C的方式转化为规则语义事实、代码符号事实以及两者间映射关系的结构化知识库，供模型进行阅读、检索和抽取。","team.publish.a.book.paragraph102":"电影团队的整体流程及工作内容","team.publish.a.book.paragraph101":"电影《局外人》主海报及剧情剧照","team.publish.a.book.paragraph100":"电影《鬼话连篇》主海报及剧情剧照","banner.cameraMoveBody2":"感受温度变化","research.case.mapping.schema.template":"页面的映射纲要模版（节选）","home.adjustTextTitle":"我们打磨\n更好的设计","careers.socialJob10Title":"AI开发工程师-设计Agent","header.product2":"TDA 设计智能体","careers.socialJob1Date":"2026.03.10","header.product3":"设计系统","research.note.it.may.also":"注：也有以Page或Block为命名。","careers.socialJob6Title":"产品视觉设计师-1688","header.product1":"淘天 AI 设计师","careers.socialJob10Desc":"负责建设和维护团队的设计智能体生态系统，通过整合设计知识、工作流与AI能力，持续提升设计团队的产出效率、质量一致性与知识复用率；该角色是设计体系的智能化核心构建者，连接「设计」、「工程」与「智能体技术」三大领域，确保AI在团队中的落地可用、可迭代、可控；独立构建和优化设计智能体系统，理解架构与工作流转机制；主导设计智能体架构的演进与跨平台工作流集成；构建面向全团队的智能设计平台，实现规模化赋能；负责智能体体系建设，构建并维护团队的设计智能体（Design Agent）体系架构；负责知识体系与RAG维护，负责设计知识库（Design Knowledge Base）的建设与演进；负责工作流智能化与工具集成&设计智能体性能监控与评估。","products.official.website.introduction.paragraph110":"执行校验","products.official.website.introduction.paragraph111":"：生成完成后自动对照硬约束清单，拦截违规结构并输出修正报告。","careers.internJob4Desc":"协助提升现有项目技术在AIGC产品中的实际表现；协助算法等岗位同事完成新技术的效果验证；对现有美术资源进行分析和排查，给出改进方案","products.official.website.introduction.paragraph114":"：每个知识单元支持一键复制，提供 React 组件代码与 Markdown 规则包，可直接注入 AI 对话上下文。 ","products.official.website.introduction.paragraph115":"场景模板","careers.socialJob2Date":"2026.03.05","products.official.website.introduction.paragraph112":"技术接入方式 ","products.official.website.introduction.paragraph113":"片段导出","products.official.website.introduction.paragraph118":"：规范结构已适配主流 AI 设计工具与 IDE 插件，支持规则更新与实时预览。","products.official.website.introduction.paragraph119":"完整规范已上线，支持在线查阅与结构化数据下载","products.official.website.introduction.paragraph116":"：内置数据看板、表单页、列表页等高频页面的提示词模板与布局结构，可直接使用。","products.official.website.introduction.paragraph117":"插件对接","careers.socialJob9Desc":"负责淘宝用户产品体验设计工作，涵盖淘宝端用户平台产品（首页、我淘）、基础交易链路产品（购物车、详情、订单等）、消息关系互动产品（消息、分享、淘友圈等）及淘宝横向设计体系，能确保产品易用性、扩展性及设计品质。负责从业务对接、策略制定、设计概念、方案输出、还原落地、数据回收整体工作，能够梳理完成信息架构、风格定调、界面视觉产出、组件规范制定等。对业务有全局的理解和判断，能够联合业务、用户研究及开发等上下游团队，寻找设计机会点，并深度共创驱动价值。","careers.socialJob8Location":"杭州","footer.sloganAcademic":"学术","research.all.the.articles.name9":"夏梦","research.all.the.articles.name8":"柳翰文","research.all.the.articles.name7":"戴启迪","products.official.website.introduction.paragraph100":"落地接入与工作流","research.all.the.articles.name1":"乐可柯","careers.socialJob11Date":"2026.01.12","products.official.website.introduction.paragraph103":"在实际项目中，建议按以下顺序调用规范：","research.all.the.articles.name6":"沈皎琦","home.product2Title":"TDA 设计智能体","products.official.website.introduction.paragraph104":"定框架","research.all.the.articles.name5":"崔琼尹","products.official.website.introduction.paragraph101":"规范的实际价值在于高效应用。为降低团队接入成本，梳理了标准工作流与技术对接方式：","research.all.the.articles.name4":"吴婷婷","products.official.website.introduction.paragraph102":"推荐工作流 ","research.all.the.articles.name3":"何雨航","products.official.website.introduction.paragraph107":"：根据业务需求调用结构化组件，严格遵循属性映射与约束条件。","header.products":"产品","products.official.website.introduction.paragraph108":"校场景","products.official.website.introduction.paragraph105":"：优先读取风格规范，确定色彩、排版与布局基调。","products.official.website.introduction.paragraph106":"填组件","products.official.website.introduction.paragraph109":"：使用场景组合示例校验主次关系与交互逻辑，确保输出符合业务上下文。","banner.micTryTurnOn":"尝试打开你的麦克风","home.award1Title11":"猫超好运桶","team.section.new.title":"团队负责人","home.award1Title13":"喵满分财宝香氛","home.award1Title12":"MUSE金奖","research.in.the.daily.workflow":"设计团队日常需求产出对象大致可分为三种：模块、单页面、多页面 。设计方式分为三种：存量拼合、存量改动、新增创造。其中存量改动又可分为：信息改动、布局改动、样式改动。","research.inject.the.snippet.into":"将片段注入上下文","research.taobaoInteractiveGame.paragraph18":"下一阶段，我们将以“机制化沉淀 + 场景化验证 + 体系化推广”为推进路径：持续完善互动体验框架与设计资产库，围绕关键业务场景进行小步快跑的实验与复盘，将有效范式沉淀为团队的标准能力与协作语言。","research.taobaoInteractiveGame.paragraph19":"同时，借助校企联合研究的外部视角与专业方法，保持对行业演进的敏感度与校准能力，确保淘宝互动游戏在快速变化的环境中持续产出先进性体验。","research.taobaoInteractiveGame.paragraph16":"基于动效图谱沉淀的基础规范与通用规则，选取引导、转场、浮层等关键场景开展落地应用，统一动效节奏与反馈逻辑，提升交互一致性与体验稳定性。","research.taobaoInteractiveGame.paragraph17":"本研究尝试把“互动游戏”从零散玩法与单点体验，提升为一套可被量化、可被复用、可被验证的设计能力体系：用结构化的方法拆解类型、美术、UI、动效，用趋势研究定位体验机会。","research.taobaoInteractiveGame.paragraph10":"动效在互动业务中承担“引导、反馈、情绪与节奏”的关键职能，但长期项目迭代容易出现标准不一、质量波动与资源浪费：同类动效重复造轮子、关键反馈缺失或过度、节奏不统一影响完成效率。为提升体验一致性与复用效率，需要选取代表性场景做一次系统拆解与规则化沉淀。","research.taobaoInteractiveGame.paragraph11":"动效图谱主要以芭芭农场为典型案例开展动效设计研究，围绕果树动效、选种动效、施肥动效、任务动效、行为反馈与UI动效等模块进行系统梳理与归类，识别体验问题并形成诊断结论，进而沉淀动效设计策略与参数化规则。","research.taobaoInteractiveGame.paragraph14":"波普风格以高饱和、高对比的色彩关系建立形体与空间层次，表达更简洁直接，天然适配信息密度高、控件多的产品界面。双11淘金币互动区仅占半屏，同时承载入口、按钮、收益提示等多模块信息；引入波普风格可在不牺牲信息完整性的前提下，通过色块分区与对比层级强化空间感与立体秩序，提升可读性与决策效率。","research.taobaoInteractiveGame.paragraph15":"超现实主义通过打破现实世界的物理关系与空间规律，建立一种介于“合理/不合理”之间但内部自洽的表达体系，使叙事从现实约束中解放出来，获得更强的想象力、象征性与主题承载能力。其价值在于：用“看似违背常识、但逻辑成立”的视觉与规则，让用户在短时间内形成可记忆的世界观理解与明确的奖励预期。","research.taobaoInteractiveGame.paragraph12":"在互动类型图谱的案例拆解中，我们识别到多邻国以情绪化体验驱动持续参与的机制具备启发意义。对应淘金币，需要通过情绪化的视觉表达与反馈机制，重塑用户与系统之间的互动关系。我们将引入阶段化的状态呈现与持续性的情绪反馈机制，使金币这一偏结果导向的权益体系，升级为具有过程感与节奏感的体验系统，从而提升参与意愿与留存稳定性。","research.taobaoInteractiveGame.paragraph13":"我们在类型案例中也识别到与「种地吧」业务形态相近的互动结构——MonopolyGO! 的地图推进模型。基于这一模型，将种地进度与地图推进建立强绑定：用户通过完成集卡任务逐步解锁地图内容，并获得“解锁一整块区域”的阶段性反馈。以地图作为承载结构，把日常行为串联为一条可感知、可回顾、可持续推进的成长过程，形成稳定的节奏与动机闭环。","awards.taobaoInteractiveGame.title1":"Taobao Vision 荣获ADA苹果设计奖","awards.taobaoInteractiveGame.title2":"Taobao Vision 设计精华","products.design.specifications.title2":"天猫设计系统","research.taobaoInteractiveGame.typeGraph":"互动游戏类型图谱","products.design.specifications.title3":"千牛设计系统","products.design.specifications.title1":"淘宝设计系统","research.component.mapping.schema.template":"组件映射纲要（Schema）模版（节选）","research.the.code.generation.agent":"代码生成智能体以方案设计纲要为输入。映射知识库中纲要文件并调用对应代码，继而以界面代码文件为输出，用户可以在预览模式下查看生成效果。","products.official.website.introduction.paragraph121":"前往 Taobao Design","products.official.website.introduction.paragraph122":"Taobao Design 是一套专为淘宝App打造的设计系统，淘宝设计体系旨在打造一套通用的设计语言， 确保淘宝整体产品体验与赋能不同角色共同打造简单而友好的商业生态。","products.official.website.introduction.paragraph120":"介绍 Taobao Design","products.official.website.introduction.paragraph125":"内容规范体系","products.official.website.introduction.paragraph126":"体验度量","products.official.website.introduction.paragraph123":"淘宝设计以用户为中心，对产品功能进行克制严谨的设计，系统复杂全面的设计构思旨在为用户提供简单好用有趣的产品体验。设计师，产品经理和开发人员的资源，提供围绕淘宝产品的通用语言，使用它来维护淘宝应用极致而体贴的产品体验。","products.official.website.introduction.paragraph124":"Taobao Design 网站分为规范与应用两部分，前者主要以全局样式、基础组件、交互模式、体验度量，四部分出发介绍讲解淘宝设计在不同模块、模式下应该如何进行正确应用；后者面向开发者，提供不同技术框架的接入说明。","careers.socialJob3Location":"杭州","team.section.new.paragraph1":"“我希望我们首先是一个有趣、好玩的设计团队。”","products.official.website.introduction.paragraph127":"技术接入标准","products.official.website.introduction.paragraph128":"手淘图标库","team.section.new.paragraph2":"— 团队负责人 顾晓元","research.existing.marketing.design.expressions":"基于内容识别、行为引导、形式表现、全局关系等四个维度对现有营销表达设计进行分析，得到信息组织机械、概念逻辑多、理解成本高；闪屏/传播排版组合化、创意整合弱、文字层级过多；弹窗主题表达缺失、信息层级过多；版头设计秩序与下文不统一等诸多问题，表象背后隐藏的核心症结，是要素堆砌，重氛围轻意涵，用户需大量转译，同时设计缺叙事性，未实现语意、内容、形式的有机统一。优化方向则以普世图形构建主题映射，通过结构化排版整合文字、品牌、商品等要素，达成“信息直给”—表里如一的一体化视觉表达。","research.website.homepage":"网站首页","research.all.the.articles.label10":"装置艺术与图集","research.all.the.articles.label03":"总编辑","research.all.the.articles.label02":"中国美术学院","careers.socialJob1Desc":"结合电商业务情况，围绕商家、TP服务商等角色开展经营洞察，分析提炼淘系商家在整体经营体验、价格营销、运营成本等方向的需求及痛点；能够结合业务现状明确研究课题，分析商家在淘系经营的核心问题、探索并收集关键策略的商家反馈，为业务策略制定和调优提供有效输入。","research.all.the.articles.label01":"淘天设计讲师","research.balanced.color.contrast.use":"{{bold}}色彩对比有度{{/bold}} - 巧用高对比色彩，通过色相、明度、饱和度的对比关系来烘托主体，保证色彩体系的鲜明度；","research.all.the.articles.label05":"书籍设计","research.all.the.articles.label04":"策划编辑","careers.internJob1Years":"实习","careers.socialJob3Date":"2026.03.05","research.taobaoInteractiveGame.motionGraphApplication":"互动游戏动效图谱应用","footer.contactWechat":"微信公众号","careers.socialJob8Desc":"负责前后台体验设计，包括淘工厂频道、基础交易链路、玩法设计、淘工厂直播、商品素材设计、商家工作台的体验设计、AI设计创新等；通过用户调研、数据分析和商业理解，洞察用户潜在需求和问题，深度跟业务和产品共建，洞察商业机会和用户潜在痛点，主动发起设计提案和落地，通过创新设计提升用户体验和带来业务增值；逻辑清晰、思维严密，设计方案有理有据；通过丰富的设计经验、方法、流程，提高团队整体设计水平；在大型项目中高效组织并协调联动，跨团队达成业务目标","research.all.the.articles.label13":"淘天设计成员","research.all.the.articles.label12":"中国美术学院成员","banner.blowOrApplaud2":"感受自由变化","research.all.the.articles.label11":"负责人","home.award9Desc":"2025 618主互动","research.shopping.guide.case.semantic":"导购页的语义规则（节选）","research.design.system.specification.paragraph2":"语义规则是针对对象的定义、样式、变量、用法、约束等内容的文本描述，是形成体验差异的根源性知识产权，以markdown作为格式。代码实现是将对象转化为可执行与应用的符号事实，以开发语言类型作为格式。","research.design.system.specification.paragraph3":"映射纲要是连接语义规则与代码实现的中枢，其本身不作两者的重复，而是提供对象ID锚定、映射规则约束、指向定位代码，在工作流中的知识检索、方案设计、代码生成阶段起到纲领指引作用，大模型无需遍历所有知识从而节省资源消耗，以json作为格式。下面分别从各类对象展开。","research.this.document.was.produced":"此文是淘宝设计于2025年年末，聚焦手淘营销设计“信息直观化”专项，针对闪屏、弹窗、版头等高频营销界面存在的信息复杂、动线割裂、审美疲劳等问题，提出“象征叙事”设计策略：以普世意象映射主题、结构化整合图文，并遵循语意表里如一、结构一目了然、主体极致突显、层级精简必要、色彩对比有度、动效自然生动六大原则，通过大量案例验证其在权益表达、红包/券/会员卡/活动等场景中的有效性。以下内容仅供阶段性参考。","careers.socialJob10Location":"杭州","research.all.the.articles.name_new4":"炎鲸","research.all.the.articles.name_new5":"宁好","research.all.the.articles.name_new6":"憬然","research.all.the.articles.name_new7":"无二","careers.socialJob11Title":"行业策略投资分析与用户研究高级专员-阿里妈妈","research.all.the.articles.name_new1":"群剑","research.all.the.articles.name_new2":"萱绛","research.all.the.articles.name_new3":"孟茗","research.all.the.articles.name_new8":"敬鸣","research.all.the.articles.name_new9":"柘剑","products.design.specifications.new.paragraph2":"淘天AI设计师要解决的正是从“生成图片”到“生成设计”、从“单点创意”到“规模化交付”之间的关键断层。","products.design.specifications.new.paragraph3":"从“生成图片” 到“生成设计”","products.design.specifications.new.paragraph1":"背景与挑战：电商的视觉生产长期面临高频、海量与强时效的多重压力。传统流程依赖人工协同，效率有限；通用 AI 工具虽能生图，却难以真正理解业务场景与交付标准，无法直接转化为可用的电商设计稿。\n","products.design.specifications.new.paragraph6":"累计生图超百万，超 2300 名非设计员工参与创作。","products.design.specifications.new.paragraph7":"淘天AI设计师正通过无限画布与节点交互，构建更自由、更精准的智能创作空间，推动设计从“像素生成”走向“结构生产”，从“人工经验”走向“算法智能”，赋能设计师、运营与技术等更多角色参与创意生产。","products.design.specifications.new.paragraph4":"从“单点创意”到“规模化交付”，集成主流 AI 模型并提供 API 与批量生图能力","products.design.specifications.new.paragraph5":"设计知识循环，知识的生产与共生。","careers.socialJob12Years":"1年","footer.navTitle":"导航","careers.internJob3Title":"产品体验设计师","banner.titleAcademic":"学术","banner.punchedTapePlaceholder":"输入内容转译为二进制","careers.socialJob4Date":"2026.02.27","products.design.specifications.new.paragraph010":"为充分肯定学员在项目中的卓越表现与创新成果，本次工作坊特设专项奖励机制，于终期评审后对选出的优秀作品予以表彰与实物奖励。奖项共设三个等级：一等奖（2名） 获赠大疆云台相机，二等奖（3名） 获得Sony高品质耳机，三等奖（4名）获得Marshall经典音响 。本次奖励设置，旨在传递“设计驱动价值、创新值得嘉奖”的鲜明导向，强化“学以致用、创有所成”的课程激励。期待这些载体着匠心与前沿技术的奖品，能伴随获奖学员在未来的设计道路上持续捕捉灵感、传递声音、记录创想。颁奖典礼不仅为本次工作坊画上具有仪式感的句点，更象征着一个新起点的开始——期待所有学员承载这份认可与期待，在更广阔的设计与商业舞台中，持续发光，影响未来。","research.design.system.specification.knowledge":"设计系统规范知识由两类知识对象、三项文件类型构成。{{bold}}两类知识对象分为样式、页面{{/bold}}，其中样式细分为元素、布局、组件、资产四类。而每一类知识对象都包含{{bold}}三项文件类型，分为语义规则、映射纲要、代码实现。{{/bold}}语义规则是针对对象的定义、样式、变量、用法、约束等内容的文本描述，是形成体验差异的根源性知识产权，以markdown作为格式。代码实现是将对象转化为可执行与应用的符号事实，以开发语言类型作为格式。映射纲要是连接语义规则与代码实现的中枢，其本身不作两者的重复，而是提供对象ID锚定、映射规则约束、指向定位代码，在工作流中的知识检索、方案设计、代码生成阶段起到纲领指引作用，大模型无需遍历所有知识从而节省资源消耗，以json作为格式。下面分别从各类对象展开。","research.icon.semantic.rules.excerpt":"图标的语义规则（节选）","careers.socialJob7Desc":"负责1688产品线的体验设计工作，助力业务目标达成；深入理解业务，参与产品需求讨论，提供有效的设计解决方案；从用户视角出发，根据用户场景和行为，围绕业务目标，挖掘体验改进机会点，推进体验升级","team.section.link1":"校企合作：中国美术学院 × 淘宝设计","team.section.link2":"出版书籍《止于设计，不止AI》","team.section.link3":"淘天设计的电影哲学——我们共同成长的影像档案","research.design.system.specification.paragraph003":"设计系统规范知识由两类知识对象、三项文件类型构成。两类知识对象分为样式、页面，其中样式细分为元素、布局、组件、资产四类。而每一类知识对象都包含三项文件类型，分为语义规则、映射纲要、代码实现。语义规则是针对对象的定义、样式、变量、用法、约束等内容的文本描述，是形成体验差异的根源性知识产权，以markdown作为格式。代码实现是将对象转化为可执行与应用的符号事实，以开发语言类型作为格式。映射纲要是连接语义规则与代码实现的中枢，其本身不作两者的重复，而是提供对象ID锚定、映射规则约束、指向定位代码，在工作流中的知识检索、方案设计、代码生成阶段起到纲领指引作用，大模型无需遍历所有知识从而节省资源消耗，以json作为格式。下面分别从各类对象展开。","research.agent.template":"智能体模版","products.official.website.introduction.paragraph19":"B 端商家平台 AI 设计规范","research.icon.code.implementation.excerpt":"图标的代码实现（节选）","footer.sloganFree":"自由","products.official.website.introduction.paragraph17":"将片段注入上下文","products.official.website.introduction.paragraph18":"生成界面展示","products.official.website.introduction.paragraph15":"生成界面多智能体工作流运行","products.official.website.introduction.paragraph16":"复制或下载片段知识","products.official.website.introduction.paragraph13":"在IDE工具中配置","home.award2Title":"IF设计奖","products.official.website.introduction.paragraph14":"用自然语言输入界面生成指令","research.interface.generation.in.practice":"通过 VersionAI Tmall 官网实践界面生成","home.award9Title":"IAI全球设计奖银奖","products.official.website.introduction.paragraph11":"AI友好型语义规则","products.official.website.introduction.paragraph12":"本网站提供使用者两种方式在AI工具中调用到Tmall Design规范：MCP Server、上下文注入。通过在IDE工具中一键配置MCP服务器，自动依赖天猫设计规范知识库，MCP所封装的API功能会根据用户的自然语言指令进行自动化处理和结果输出，具体功能包含但不限于搜索、运行工作流等。或通过在特定知识单元页点击复制或下载，获取到片段知识的语义规则、映射纲要、代码实现文件包体，将其直接引入指令输入框，进行局部修改和生成。","awards.taobaoInteractiveGame.Contributors":"作者","banner.titleCreativity":"创意","products.official.website.introduction.paragraph10":"人类友好型语义规则","careers.internJob4Years":"实习","research.sidebar.consistent.with.the":"与设计系统知识结构一致的侧边栏","careers.socialJob2Desc":"负责多端品牌营销场景的视觉设计及创新设计，包括手机天猫、百亿补贴、淘宝PC、淘宝Vision、淘宝设计官网、淘宝设计智能体等业务场景，工作包括但不限于品牌视觉体系、线上线下营销物料、动态视频等多渠道视觉内容，提升用户体验、团队影响力；结合传统视觉设计思路方法技能与AIGC生成技术工具，产出高调性、高品质视觉作品，实现设计效率与创意产出的双重提升。","research.economic.aesthetics.title11":"主体物｜具象优于抽象、熟悉事物再现","research.economic.aesthetics.title10":"色彩｜自然色系、情绪映射","research.economic.aesthetics.title15":"经济美学设计模型","research.economic.aesthetics.title14":"动效：游戏化动态设计","research.economic.aesthetics.title13":"排版｜饱和式的信息传达","research.economic.aesthetics.title12":"文案｜生活化的语言体系","research.economic.aesthetics.title18":"拆分两个方向：民俗物件、常见物件","research.economic.aesthetics.title17":"拆分两个方向：生活实景、街头小广告","banner.titleFreedom":"自由","research.economic.aesthetics.title16":"拆分三个方向：营销爆炸体、卖点贴纸风、塑封小商品","products.official.website.introduction.paragraph28":"约束清单化","products.official.website.introduction.paragraph29":"：直接列出“能做什么”和“绝对不能做什么”，为 AI 的生成过程划清红线。","products.official.website.introduction.paragraph26":"场景组合化","products.official.website.introduction.paragraph27":"：明确常见业务场景下组件该怎么搭配、按什么顺序排列，避免 AI 孤立堆砌元素。","products.official.website.introduction.paragraph24":"结构代码化","products.official.website.introduction.paragraph25":"：不仅给出外观，还补充组件的内部结构、代码属性和交互状态，让设计参数能直接对接开发。 ","products.official.website.introduction.paragraph22":"规则具体化","products.official.website.introduction.paragraph23":"：去掉主观描述，全部替换为明确的数值、固定的阶梯范围和清晰的边界。 ","careers.socialJob9Date":"2026.01.29","products.official.website.introduction.paragraph20":"B 端商家平台 AI 设计规范是一套专门面向 AI 辅助设计工具的标准文档。过去的设计规范主要是给人看的，依赖视觉参考和经验判断。但 AI 面对“适当留白”“视觉层次清晰”这类描述时，很容易因为理解偏差，生成排版混乱、样式不一或主次不分的界面。我们在不改变原有设计原则的前提下，对规范的编写逻辑做了全面升级。让 AI 能准确读懂要求，直接输出符合业务逻辑和品牌标准的界面。","products.official.website.introduction.paragraph21":"调整在四个方面： ","header.team":"团队","careers.internJob4Location":"BeiJing / HangZhou","research.all.the.articles.name46":"钟佳成","research.all.the.articles.name45":"周艺歌","research.all.the.articles.name48":"有石","research.all.the.articles.name47":"龙影","research.all.the.articles.name49":"湘楽","products.official.website.introduction.paragraph39":"：采用 24 栅格系统。列间距固定 16px 或 24px。页面内容区边距 48px，卡片间距统一 24px，模块内间距 16-24px。","products.official.website.introduction.paragraph37":"：统一使用 Alibaba Sans 102（数字必须等宽）。基准字号 12px，行高严格遵循 FontSize + 8px（如 12px 对应 20px）。字重分级：500（标题/强调）、400（正文）、300（辅助说明）。 ","products.official.website.introduction.paragraph38":"间距与栅格","products.official.website.introduction.paragraph35":"连续数值会增加 AI 生成不确定性。规范将字体、行高、间距与对齐规则离散化，并绑定阅读动线逻辑，AI 生成时直接读取字号阶梯、行高公式与对齐规则，结合 F 型动线自动分配信息权重，避免内容堆砌或重心偏移。","home.award7Desc":"2024双11主互动","products.official.website.introduction.paragraph36":"字体与行高","research.semantic.consistency.marketing.themes":"{{bold}}语意表里如一{{/bold}} - 营销主题具象化，保证具象化的图形/图像与主题意涵一致，且图形/图像需具备普世性；","products.official.website.introduction.paragraph33":"排版与布局","products.official.website.introduction.paragraph34":"连续数值会增加 AI 生成不确定性。规范将字体、行高、间距与对齐规则离散化，并绑定阅读动线逻辑，AI 生成时直接读取字号阶梯、行高公式与对齐规则，结合 F 型动线自动分配信息权重，避免内容堆砌或重心偏移。","research.workflow.and.knowledge.integrated":"流程与知识整合工程包体","products.official.website.introduction.paragraph31":"风格语意绑定","research.all.the.articles.name51":"东宸","products.official.website.introduction.paragraph32":"颜色直接对应业务状态与交互反馈，不作为视觉修饰使用。AI 在解析“转化率下降”或“高优先级提交”等指令时，将通过语义映射自动调用对应变量，避免随机取色导致的语义错误。所有色值按功能域分层声明，并附带明确的用途说明。","research.all.the.articles.name50":"飞飞","research.all.the.articles.name53":"拾羽","products.official.website.introduction.paragraph30":"风格规范的 AI 转译","research.all.the.articles.name52":"珀可","research.all.the.articles.name55":"汐桃","research.all.the.articles.name54":"蕴菲","research.all.the.articles.name57":"王晨阳","research.all.the.articles.name56":"小烛","header.research":"研究","research.all.the.articles.name59":"张鹏磊","research.all.the.articles.name58":"何雨航","careers.internJob1Team":"阿里巴巴集团","careers.socialJob13Desc":"洞察业务诉求并准确定义研究命题：独立对接客户运营部的运营/产品/技术等各部门负责人，了解业务发展诉求，主动思考当下关键产品痛点和业务机会，基于此准确定义并规划具体研究课题；运用专业的研究手段，高效执行研究项目落地调研，并产出优质研究报告：熟练了解各类研究类型，如消费人群细分画像、用户需求痛点挖掘、产品体验研究、用户增长研究、产品概念测试与优化等；专业掌握各类研究手段，如定性研究（深度访谈/焦点座谈会等）、定量研究（问卷调研）、业务后台数据分析、案头研究/二手资料研究等；不断迭代优化研究思路和执行方式，沉淀高效的研究工作方法论和执行体系；推动研究成果的业务落地与业务结果达成","careers.socialJob6Desc":"负责产品的视觉设计工作，包含品牌元素，商品定制，内容社区和供应链管理等产品；基于图文，视频，3D等多模态，探索AIGC在商品定制和创物方面的应用创新；根据业务需求，负责从概念构思到落地实施的设计全流程，确保成果契合市场趋势与业务目标","banner.titleHumanistic":"人本","products.official.website.introduction.paragraph48":"删除冗余","products.official.website.introduction.paragraph49":"：去掉不影响功能的形容词与副词。表头已标明字段时，单元格内禁止重复前缀。 ","products.official.website.introduction.paragraph46":"功能优先","products.official.website.introduction.paragraph47":"：文案直接服务于操作目标（如「提交订单」替代「点击这里完成购买」）。 ","products.official.website.introduction.paragraph44":"文案生成规则","research.all.the.articles.name60":"缪亚希","products.official.website.introduction.paragraph45":"AI 生成的文案容易出现冗长、重复或语义模糊的情况。规范内置文本处理规则，生成时自动执行“去除修饰词、提取核心信息、使用数字替代文字、统一专业术语”的流程，确保内容符合中后台高效阅读的标准。","products.official.website.introduction.paragraph42":"阅读动线约束","research.all.the.articles.name62":"邵腾","products.official.website.introduction.paragraph43":"：遵循 F 型浏览模型。核心信息、主标题、关键状态置于左上；辅助信息居中或弱化；关键操作入口置于右侧。横向单行信息按“左（高）-中（低）-右（中）”分布。","research.all.the.articles.name61":"王庶","products.official.website.introduction.paragraph40":"对齐原则","research.all.the.articles.name64":"刘丹","products.official.website.introduction.paragraph41":"：数字/金额右对齐；文本/标题左对齐；表单标签右对齐或顶部对齐。同类信息必须形成稳定的矩形边缘，禁止视觉锯齿。","research.all.the.articles.name63":"李文良","careers.socialJob5Date":"2026.02.25","research.all.the.articles.name66":"梁以舒","research.all.the.articles.name65":"张程","research.all.the.articles.name68":"为一","research.all.the.articles.name67":"姜颖","research.all.the.articles.name69":"亦遥","research.human.friendly.semantic.rules":"人类友好型语义规则","research.structural.composition.integrating.textual":"{{bold}}结构化{{/bold}}：结合文案信息排版和其他视觉要素，形成完整图文创意结构，引导用户直接感知及获取信息内涵；","careers.socialJob8Date":"2026.02.04","products.official.website.introduction.paragraph59":"：适用于表单、表格、长文本等连续性内容。不使用卡片容器包裹，依赖留白与间距分隔，模块间仅使用 0.5px 发丝线或空白区域。 ","products.official.website.introduction.paragraph57":"规范将设计风格拆解为可执行的布局规则。通过建立容器路由决策树，明确不同内容类型对应的容器形式，并禁止 AI 进行递归嵌套或自由布局。","careers.socialJob1Years":"3年","products.official.website.introduction.paragraph58":"极简风格","products.official.website.introduction.paragraph55":"：完整说明文本默认折叠为图标或「了解更多」链接，仅在悬停/点击时展开。","research.all.the.articles.name71":"孔欢帅","products.official.website.introduction.paragraph56":"布局风格与容器路由 ","research.all.the.articles.name70":"顾晓元","products.official.website.introduction.paragraph53":"：全系统固定专业词汇与行业缩写，禁止同义混用。首次出现的缩写需提供悬浮提示入口。","research.all.the.articles.name73":"杨昊","products.official.website.introduction.paragraph54":"动态提示","research.all.the.articles.name72":"胡川","research.taobaoInteractiveGame.caseStudies":"实践案例","products.official.website.introduction.paragraph51":"：长文本拆分为条目式短句；优先使用数字替代文字（如「15条未读」替代「您有十五条未读消息」）。 ","products.official.website.introduction.paragraph52":"术语统一","products.official.website.introduction.paragraph50":"结构化表达","research.design.principles":"设计原则：","products.official.website.introduction.paragraph70":"中量级（非模态）","research.color.code.implementation.excerpt":"颜色的代码实现（节选）","careers.internJob2Location":"杭州","products.official.website.introduction.paragraph68":"轻量级（不打断）","products.official.website.introduction.paragraph69":"：Message。用于操作后的即时状态反馈，自动消失（如“保存成功”）。 ","products.official.website.introduction.paragraph66":"交互反馈分级","research.note.the.design.to":"注：D2C代码转化与映射纲要生成方式适用于所有对象，仅根据对象类型在模版内容结构上有所差异，后文不再赘述。","products.official.website.introduction.paragraph67":"反馈组件根据操作风险等级与异步状态进行匹配，禁止跨级调用：","careers.socialJob5Location":"杭州","products.official.website.introduction.paragraph64":"组件与交互的 AI 结构化","careers.socialJob3Desc":"负责淘宝淘宝部分重点用户产品（如首页推荐、问评买等）研究，包括导购、体验、人群心智、转化提升等分析；通过监测和专项，定位关键用户问题，以及改善优化的机会点，以提升用户体验，帮助提升淘宝整体产品竞争力及用户粘性；能够跨团队、跨部门整合和推进体验相关项目。","products.official.website.introduction.paragraph65":"组件是界面的基础单元。以 Button 组件为例，说明如何将传统组件文档调整为 AI 可直接调用的结构。","products.official.website.introduction.paragraph62":"硬性约束","products.official.website.introduction.paragraph63":"：禁止在卡片内部嵌套其他卡片；禁止为对齐网格而在底部保留空白区域；同类内容必须聚合在同一容器内；容器高度由内容决定，不强制使用栅格对齐。","products.official.website.introduction.paragraph60":"卡片风格","products.official.website.introduction.paragraph61":"：适用于数据指标卡、工具集合等独立模块。使用 0.5px #E4E6ED 描边、轻微投影与 6px 圆角，悬停时边框颜色变更为主题色。","home.award8Desc":"2025春节主互动","products.official.website.introduction.paragraph80":"规范将视觉参数与代码属性一一对应，避免 AI 生成时出现样式与逻辑脱节。建立 设计参数 → CSS 变量 → 组件 Props 的单向映射表。AI 可直接读取此表生成准确的组件代码或设计参数，确保视觉表现与交互逻辑一致。","research.all.the.articles.name02":"蒋伟","products.official.website.introduction.paragraph81":"场景","research.all.the.articles.name01":"郑权","research.all.the.articles.name04":"顾晓元","research.all.the.articles.name03":"殷文琦","research.all.the.articles.name06":"秦宝玉","home.product3Title":"设计系统","research.all.the.articles.name05":"段虞峰","research.all.the.articles.name08":"陈东","research.all.the.articles.name07":"唐相乐","research.all.the.articles.name09":"罗夕掇","home.award5Title":"A'设计奖","footer.downloadSuccessful":"下载成功","products.official.website.introduction.paragraph79":"结构、样式与属性映射","products.official.website.introduction.paragraph77":"明确定义与使用边界 ","products.official.website.introduction.paragraph78":"直接说明组件的用途、适用场景与不适用场景。例如，Button 用于触发业务操作（提交、确认、批量处理），不适用于纯展示或导航路径指示。定义结构拆分为用途 → 场景 → 排除条件 ，便于 AI 快速判断调用时机。","products.official.website.introduction.paragraph75":"：Alert/Result。用于页面常驻提示或全局结果展示（如顶部维护通知、支付完成页）。","research.code.generation.agent.configuration":"代码生成智能体配置（节选）","products.official.website.introduction.paragraph76":"组件结构化","products.official.website.introduction.paragraph73":"：Modal/Popconfirm。用于关键操作确认或紧急阻断（如“确定删除吗？”）。","products.official.website.introduction.paragraph74":"页面级（持久化）","products.official.website.introduction.paragraph71":"：Notification。用于系统通知或异步任务完成提示，需用户后续查看（如“导出任务已完成”）。 ","research.all.the.articles.name11":"刘舒","products.official.website.introduction.paragraph72":"重量级（模态/阻断）","research.all.the.articles.name10":"项宇","products.official.website.introduction.paragraph91":"：拦截非规范字号（如 13px）、颜色（如 #123456）或虚构组件名，自动替换为最近的标准阶梯值。 ","research.all.the.articles.name13":"梁岱宗","products.official.website.introduction.paragraph92":"结构深度超标","research.all.the.articles.name12":"秦宝玉","research.all.the.articles.name15":"崔志伟","products.official.website.introduction.paragraph90":"伪造组件/Token","research.all.the.articles.name14":"俞晗","research.all.the.articles.name17":"吴敏龙","research.all.the.articles.name16":"王晶","research.all.the.articles.name19":"揭群剑","research.all.the.articles.name18":"段虞峰","products.official.website.introduction.paragraph88":"AI 硬约束清单","research.component":"组件","products.official.website.introduction.paragraph89":"为确保生成结果符合工程标准，规范内置了高频违规拦截规则。AI 在输出前将逐项自检，触发限制条件即终止生成并返回修正建议：","products.official.website.introduction.paragraph86":"可直接调用的代码片段","products.official.website.introduction.paragraph87":"规范末尾提供 React 与低代码平台的调用示例，包含完整的属性配置与布局结构。AI 可直接参考这些片段生成初始代码，或将其作为上下文输入，减少重复描述。","products.official.website.introduction.paragraph84":"强制规则与约束条件","research.all.the.articles.name20":"孙玉霞","products.official.website.introduction.paragraph85":"明确的决策树。通过 条件-结果 的逻辑结构，AI 可根据当前场景自动匹配正确的排布方式，避免主次颠倒或布局错乱。规范中直接列出不可违背的规则。如：同一操作区域仅允许 1 个主按钮（Primary）；默认排布为“右主左副”，主按钮位于最右侧，重要性向左递减；允许“左主右副”的例外场景：二级信息区入口、三级信息区高频操作、并列工具区；按钮数量超过 4 个时，低优先级操作需收敛至文字按钮组。","products.official.website.introduction.paragraph82":"B 端界面通常由多个组件组合而成。规范补充了典型业务场景的组合方式，提供 场景 → 组件组合 → 布局顺序 的三段式指令模板。AI 能够理解组件在实际业务中的搭配逻辑，而非孤立地调用单个元素。","research.all.the.articles.name22":"吴丽媛","research.human.ai.co.design":"人机协作生成产品界面作为一种新的工作方式","research.all.the.articles.name21":"冯帆","careers.socialJob7Date":"2026.02.24","home.research2Title":"为营销场景下信息的直观表达而构建团队内部设计共识","research.all.the.articles.name24":"赵辉","research.all.the.articles.name23":"黄松辉","research.at.this.point.an":"至此，一份设计系统规范知识库与一条界面生成工作流工程所整合的系统包体，完成了对AI友好型的企业内部界面设计知识的构建。以MCP方式或知识注入等方式，灵活应用于IDE生成环境、设计软件智能体模式环境。","awards.all.the.articles.paragraph1":"2025天猫双11品牌全案设计项目获伦敦设计奖白金奖","research.all.the.articles.name26":"吴志祥","awards.all.the.articles.paragraph2":"获奖证书、奖杯、标签","research.all.the.articles.name25":"张犇","awards.all.the.articles.paragraph3":"项目展示","research.all.the.articles.name28":"周宇","research.design.system.specification.title1":"完整生成流程如下：","awards.all.the.articles.paragraph4":"获奖信息查询","research.all.the.articles.name27":"杨雨韬","research.design.system.specification.title2":"用户输入自然语言需求","awards.all.the.articles.paragraph5":"作品名：2025天猫双11品牌全案设计","awards.all.the.articles.paragraph6":"设计团队：淘宝设计","research.all.the.articles.name29":"王有韬","awards.all.the.articles.paragraph7":"参赛类别：传播设计-活动/广告","research.design.system.specification.title5":"进入知识检索智能体","awards.all.the.articles.paragraph8":"设计项目说明：","research.design.system.specification.title6":"，通过RAG从外挂设计系统规范知识中，按需检索获取与当前意图高度相关的上下文","awards.all.the.articles.paragraph9":"在电商竞争加剧与消费体验升级的背景下，2025年天猫双11肩负着延续品牌影响力与突破创新的双重使命，其核心设计策略聚焦于品牌心智的一致性和消费者体验的统一性，并首次实现天猫与淘宝KV视觉表达的统一，旨在让消费者在不同场景中直观感受双11氛围。主视觉沿用“多彩、通透、年轻化”调性，以红色放射状渐变背景衬托解构为全色相几何形体的猫头主体，结合发散的购物袋等前景元素营造热烈氛围；画面通过清晰传达信息的核心层、灵活适配业务的视觉元素层，以及强化品牌记忆的向前发散式“视觉锤”层，构建了层次分明的视觉体系；该统一视觉语言更贯穿发布会、广告投放、APP全链路交易及园区等全场景，以连贯的表达提升品牌传播力。","careers.socialJob4Desc":"参与负责淘宝店铺会员关注/商家工作台/AI工具应用等产品设计；负责从业务对接、策略制定、设计概念、方案输出、还原落地、数据回收整体工作，能够梳理完成信息架构、风格定调、界面视觉产出、组件规范制定等；对业务有全局的理解和判断，能够联合业务、用户研究及开发等上下游团队，寻找设计机会点，并深度共创驱动价值。","research.design.system.specification.title3":"进入意图识别智能体","research.design.system.specification.title4":"，将模糊需求扩写为可被系统理解的设计意图，输出一份结构化需求描述，为后续决策提供边界条件 ","research.design.system.specification.title9":"进入代码生成智能体","research.design.system.specification.title7":"进入方案设计智能体","research.design.system.specification.title8":"，在边界条件下对检索到的规范上下文进行取舍、组合、填入，生成中间态数据纲要Schema*，一份明确描述页面、组件、样式、内容的结构化设计方案","products.official.website.introduction.paragraph99":"：仅允许使用 Flex 文档流，禁用 CSS Grid/Table/Float 布局及 vw/calc/百分比等动态单位，尺寸参数强制使用像素值。","products.official.website.introduction.paragraph97":"：自动替换“按钮”“示例数据”等占位文本，校验数据随机性与行业语境匹配度。","products.official.website.introduction.paragraph98":"布局底层限制","research.extreme.emphasis.on.the":"{{bold}}主体极致突显{{/bold}} - 突出核心关键信息，弱化次要信息，制定明确的信息主次关系，让核心要素一目了然；","products.official.website.introduction.paragraph95":"：数字与金额强制右对齐；单模块内字号种类严格控制在 3 种以内；标题层级按“核心/主要/辅助”逻辑分级。 ","research.all.the.articles.name31":"宣学君","products.official.website.introduction.paragraph96":"内容失真与占位","research.all.the.articles.name30":"郭志宇","bottom.link.title":"相关文章","products.official.website.introduction.paragraph93":"：校验 Primary 按钮的唯一性；删除、清空等破坏性操作强制绑定 Error 颜色与二次确认机制。 ","research.all.the.articles.name33":"陈柯晓","products.official.website.introduction.paragraph94":"对齐与层级违规","research.all.the.articles.name32":"奇维","research.all.the.articles.name35":"黄佳","team.publish.a.book.paragraph19":"《鬼话连篇 Eyes Mouth and Stomach》，2024年","team.publish.a.book.paragraph9":"为什么是电影？","research.all.the.articles.name34":"李可染","team.publish.a.book.paragraph8":"从2016年开始的每一年冬天，淘天团队的设计师都会收到一份礼物。礼物的创意是对彼此工作和生活的洞察，比如：把各自旅行梦想地画成新年日历，将同事搞怪成历史名画人物，性格迥异的每个人自定义Pantone色号，你我的职场口头禅编成一本热血漫画，童年的理想小店做成一个乌托邦小镇...这份洞察年复一年，直到2022年，我们开始尝试做一件新的事：拍电影。","research.all.the.articles.name37":"左杰","team.publish.a.book.paragraph17":"《再见凯蒂 HelloKitty》，2023年","team.publish.a.book.paragraph7":"当你看到这篇文章时，淘天设计年度礼物的传统已经持续第十个年头了。","research.all.the.articles.name36":"梁心平","team.publish.a.book.paragraph18":"这是我们拍摄的第一部长篇电影。影片尝试以时间循环这一高度类型化的叙事为结构框架，描述一个陷入婚姻失败与经济困境的中年男人，在失去家庭与尊严边缘徘徊却意外掉入时间循环，最终做出改变的故事。在反复循环的时间中，主人公逐渐意识到，真正无法逃离的并非生活的时间，而是人对选择的负责，当命运给予无数次重来的机会，他需要做出改变。","team.publish.a.book.paragraph6":"书中每一位亲历者，都将为你提供切身而真实的答案。","research.all.the.articles.name39":"梅祎涵","team.publish.a.book.paragraph15":"每年秋天，制片人和导演将主创团队聚到一起，讨论：“今年，我们想表达什么？当我们开始写一个故事，首先要想清楚的是：你最想说什么。”","research.all.the.articles.name38":"龙思睿","team.publish.a.book.paragraph16":"李安谈文化冲突和人性的压抑，贾樟柯关注时代洪流中的个人命运，陈可辛常写人与人的离散，小津安二郎直面家庭的隔阂，科恩兄弟描绘荒诞与命运、混乱与虚无。无论是对人性的洞察、人与人关系的复杂，还是更宏观的社会议题，这些都是剧本的内核，也是创作者最原始的冲动。那么我们呢？","team.publish.a.book.paragraph13":"所以我们拍摄电影。在镜头后重新认识彼此，在电影里重述自我表达，从个人创作到集体观看，让一群人共同体验一段时光。","team.publish.a.book.paragraph14":"我们在表达什么？","team.publish.a.book.paragraph11":"电影是生活的延伸，这门综合性的艺术，需要创作者视听、叙事、情感的统一，高度调动创作者艺术表达的一致性。电影想要引人入胜，所有的情景和创作都得是细致真挚的。你所创作的，是否真心是你所想要表达的？你所表达的，是否没有停止对生活不断真诚地发问？即使在AI时代，表达也是人类最本真的需求，不要停止对生活的洞察和发问，是设计师需要进修的功课。","team.publish.a.book.paragraph12":"更关键的是，一部电影需要数十个工种，是工业化程度最高的艺术形式。数百人协作，拍摄电影的过程，能够让团队模拟体验综合协作，并且我们能够在一部实验性的电影中，用艺术化的方式探索科技领域的尖端技术进行融合。","team.publish.a.book.paragraph10":"1895年，一对法国的卢米埃尔兄弟发明了活动电影机，世界电影的历史开始了。他们创作和拍摄的电影，真实地捕捉和记录了现实生活的即景，使人们看到了自己身边的那些真切的生活和熟悉的人群。","research.shopping.guide.case.mapping":"导购页的映射纲要（节选）","team.publish.a.book.paragraph1":"凝练淘宝设计在真实业务中的经验与实践，","research.all.the.articles.name40":"吴佳虹","research.all.the.articles.name42":"王祉凝","team.publish.a.book.paragraph5":"如果你正在进行体验设计的日常学习、大厂求职关口、职业方向抉择……","research.all.the.articles.name41":"何淑楠","team.publish.a.book.paragraph4":"在 AI 时代，设计思维又正在经历怎样的跃迁与演进？","research.all.the.articles.name44":"叶俊超","team.publish.a.book.paragraph3":"从一线实战还原真实工作场景，需要怎样的设计能力。","research.all.the.articles.name43":"王宇佳","team.publish.a.book.paragraph2":"我们不断拓展设计边界，更聚焦设计的深度和价值。","team.publish.a.book.paragraph28":"团队模块化分工","team.publish.a.book.paragraph29":"前期筹备阶段，主要是世界观设定和剧本开发。我们会有剧本讨论会，针对几个议题进行编排和筛选，出品方和制片人会在这个阶段进行决策。核心主创进行选角，发掘设计团队中契合角色的同学。由于拍摄地限制在杭州附近区域，往往在剧本讨论阶段美术勘景就会同步进行，场景的调度和情节发生的方式紧密链接。中期拍摄是最刻苦的阶段，导演会在每日安排分镜，负责摄影和灯光、道具场务、演员、调度的同学将会配合导演的分镜落实每一颗镜头。而最终的后期制作，我们也使用了大量的视觉特效、声音、混音、调色的设计，融入AI视频的技术，电影的美术、海报、邀请函、宣发资料、周边礼物也在这个阶段完成。","careers.socialJob11Team":"淘天集团（阿里妈妈）","products.aiagent.title3":"选择专项任务","team.publish.a.book.paragraph26":"电影制作的珍贵之处，恰恰在于它总是在时间、预算与现实条件的重重限制中展开。创作者必须不断调动想象力，寻找更精准、更独特、更有创造性的方式去解决艺术创作上的难题，找到创新的具有风格化的表达出口。而这也正是艺术创作最迷人的地方。","products.aiagent.title4":"支持多模态输入玉自由问答","research.enter.interface.generation.instructions":"用自然语言输入界面生成指令","team.publish.a.book.paragraph27":"我们精简工业化电影的发行流程进行创作，团队虽小五脏俱全。以短短的3个多月为电影整体创作周期，从每年的10月底开始筹备，我们会经过以下几个部分进行创作。","products.aiagent.title1":"TDA（Taobao Design Agent）是面向淘天设计团队打造的一体化设计智能体与企业级虚拟专家，基于团队沉淀的设计知识、方法与经验，辅助用户体验设计师完成从分析到方案交付的全流程工作。其能力覆盖自由问答、用研分析、竞品与案例研究、规范查询、策略产出、界面生成、设计评审及走查等多类任务。核心壁垒在于企业级私有设计知识库、多任务子智能体技能、以及依托通义千问大模型的持续进化能力。当前主要服务淘天设计团队及合作院校用户。","team.publish.a.book.paragraph24":"这是一部作者型的黑色幽默犯罪电影，影片围绕日本黑帮会长在华遗孤展开的权力争夺，一场阴差阳错的绑架与突如其来的车祸，真假主角在叙事上的巧妙替换使得多方势力所追逐的故事真相不断被改写。身份、命运、叙事彼此交织，就仿佛当代世界所构建的网络，不断被命名、替代或利用，我们何时身处局中，又何时站在局外观察这一切。","products.aiagent.title2":"首页","team.publish.a.book.paragraph25":"我们如何创作？","products.aiagent.title7":"案例浏览","team.publish.a.book.paragraph22":"三话短片风格各异却围绕同一核心：人在面对社会的未知、孤独或压迫时，如何在真实与虚幻之间寻找自身的位置。","products.aiagent.title8":"知识库后台","team.publish.a.book.paragraph23":"《局外人 I will survive》，2025年","footer.downloadAndScanWithWeChat":"下载并用微信扫码","header.careers":"招聘","products.aiagent.title5":"用研分析","team.publish.a.book.paragraph20":"影片是三段式短片集，由三个彼此独立却在气质上相互呼应的故事组成，每个故事都在现实与想象之间模糊界限，探讨人性、记忆与存在的边界。","products.aiagent.title6":"规范查询","team.publish.a.book.paragraph21":"第一话「假山上的人」以伪纪录片手法呈现，跟随一群寻找灵媒的旅人，直至旅途尽头视点转移至荧幕外，观众才意识到自己才是旅人日思夜想的鬼魂；第二话「石·榴」是一部心理惊悚片，讲述网络时代下的焦虑与权力异化，聋哑女孩在资本结构与流量的压力下，借助AI生成将幻想变为现实，却逐渐陷入幻觉与暴力之中；第三话「晴天」是一则温情奇幻故事，除夕夜的当日，已故父亲暂时附身女儿的闺蜜，用有限的时间重返家庭，试图安抚在社会中无处安放孤独与抑郁的女儿。","products.aiagent.title9":"增加知识谱系分支","research.taobaoInteractiveGame.motionGraph":"互动游戏动效图谱","home.joinUsTitle":"加入我们\n创造更棒的设计","research.all.the.articles.paragraph122":"真实性：生成物体材质应符合现实规律。","research.all.the.articles.paragraph121":"这些偏差会导致AI生成图像时出现失误，难以准确模拟真实世界细节。","research.all.the.articles.paragraph120":"AI模型本身存在偏差，在学习生成质感时更易模仿特定样式或特征。例如，模型学习生成风景图片时如倾向于生成带蓝天白云的图像，则生成结果可能缺乏多样性，仅反映训练数据中的特定视角或偏见。","research.all.the.articles.paragraph126":"粗糙质感：表面凹凸，光线易散射，呈现柔和效果，如木材、水泥等材质。","research.all.the.articles.paragraph125":"光滑质感：表面平整，光线易反射，呈现光亮效果，如金属、玻璃等材质。","research.all.the.articles.paragraph124":"现实世界中材质具多种不同质感，其差异使物体视觉上更真实生动。常见质感类型包括以下五种。","research.all.the.articles.paragraph123":"材质效果：需符合现实世界的材质效果及对应关系，避免材质异常。在电商场景中，合理材质能增强生成图的真实性与客观性。材质可传达物体的物理特性与质感属性，物体应匹配对应材质，如环境质感（模拟自然环境与光线变化）或人模皮肤质感（表现人物质感与细节），避免材质反常导致视觉不自然或失实。","research.all.the.articles.paragraph129":"坚硬质感：给人以坚硬坚实感受，如石材、钢材等材质。","footer.sloganTechnology":"技术","research.all.the.articles.paragraph128":"柔软质感：给人以柔软舒适感受，如棉花、丝绸等材质。","research.all.the.articles.paragraph127":"透明质感：可透光，呈现透亮效果，如水、玻璃等材质。","team.publish.a.book.paragraph39":"剧本侧重故事本身，情节的推演、角色台词、人物动机关系和逻辑的周全，分镜脚本将再次重构故事，将剧本中的内容用视听的方式进行重新拆分和创作。","team.publish.a.book.paragraph37":"前期筹备阶段，主要是世界观设定和剧本开发。我们会有剧本讨论会，针对几个议题进行编排和筛选，出品方和制片人会在这个阶段进行决策。核心主创进行选角，发掘设计团队中契合角色的同学。由于拍摄地限制在杭州附近区域，往往在剧本讨论阶段美术勘景就会同步进行，场景的调度和情节发生的方式紧密链接。中期拍摄是最刻苦的阶段，导演会在每日安排分镜，负责摄影和灯光、道具场务、演员、调度的同学将会配合导演的分镜落实每一颗镜头。而最终的后期制作，我们也使用了大量的视觉特效、声音、混音、调色的设计，融入AI视频的技术，电影的美术、海报、邀请函、宣发资料、周边礼物也在这个阶段完成。","team.publish.a.book.paragraph38":"从剧本创作到分镜脚本","team.publish.a.book.paragraph35":"我们精简工业化电影的发行流程进行创作，团队虽小五脏俱全。以短短的3个多月为电影整体创作周期，从每年的10月底开始筹备，我们会经过以下几个部分进行创作。","team.publish.a.book.paragraph36":"团队模块化分工","team.publish.a.book.paragraph33":"我们如何创作？","team.publish.a.book.paragraph34":"电影制作的珍贵之处，恰恰在于它总是在时间、预算与现实条件的重重限制中展开。创作者必须不断调动想象力，寻找更精准、更独特、更有创造性的方式去解决艺术创作上的难题，找到创新的具有风格化的表达出口。而这也正是艺术创作最迷人的地方。","team.publish.a.book.paragraph31":"剧本侧重故事本身，情节的推演、角色台词、人物动机关系和逻辑的周全，分镜脚本将再次重构故事，将剧本中的内容用视听的方式进行重新拆分和创作。","team.publish.a.book.paragraph32":"《局外人》剧本推进时的故事设计","team.publish.a.book.paragraph30":"从剧本创作到分镜脚本","careers.socialJob10Years":"3年","research.all.the.articles.paragraph111":"明暗关系：商品与环境色彩需保持一致，主体与场景应相互契合。AI电商产品生图中的亮色调与暗色调通过图像中的明暗分布及对高光与阴影的强调，影响整体观感与氛围。生图美学中，需确保主体与背景之间亮暗色调的统一，防止明暗关系割裂。亮色调图像常营造明朗轻松氛围，适用于表达积极开朗情感，有助于突出细节，使物体纹理与形态更清晰，呈现轻盈通透效果；暗色调图像则传递沉稳、神秘感受，适合庄重产品主题，其优势在于强调阴影部分，创造高对比与深度感，并能增强色彩饱和度，在特定情境下产生强烈视觉冲击。应在理解不同明暗色调基础上，合理判断AI生图明暗关系的统一性，以实现理想的产品图像视觉效果。","research.taobaoInteractiveGame.uiGraph":"互动游戏UI图谱","research.all.the.articles.paragraph115":"数据偏差","research.all.the.articles.paragraph114":"在AI生图美学中，应根据产品特征选择合适色调，并保持主体与背景冷暖关系的协调，以有效传达所需情感与氛围。AI生成图像通常基于大量现实世界图片的训练数据，但由于数据采集、模型选择、人为标注等方面的不完善，训练结果可能存在以下偏差。","research.all.the.articles.paragraph113":"质感","research.all.the.articles.paragraph112":"冷暖关系：需平衡画面中色彩的冷暖倾向。AI电商产品生图中的冷暖关系指图像中颜色的主要分布情况。产品图片需确保整体色彩的冷暖倾向和谐，避免产生割裂感。冷色调常传达冷静情绪，适用于寒冷天气或清冷氛围，其制造距离感的能力可增强前景与背景之间的纵深感，有效营造深邃与空间效果，多与沉思或宁静的产品主题相配；暖色调则常传达温暖与活力，更易吸引观者注意，适用于突出主题或增强视觉吸引力，对人模图像通常更具亲和力，是表达热情与活力的理想选择。","research.all.the.articles.paragraph119":"模型偏差","research.all.the.articles.paragraph118":"数据标注过程中可能因主观因素导致错误或不准。如图片中物体被误标，AI生成图像时也会出现相应错误。","research.all.the.articles.paragraph117":"标注偏差","footer.sloganFuturistic":"未来","research.all.the.articles.paragraph116":"AI模型的训练数据集多取自现实世界，而现实世界本身存在偏差。例如，白色人种在现实中的比例较高，此类偏差会传递至训练数据，导致AI生成人模时更易生成白色人种，忽略其他人群或场景。","team.publish.a.book.paragraph48":"电影周边礼品的制作，则是故事性的另一种实体载体的表达，当故事是虚构的，作为观众能够带走什么？","team.publish.a.book.paragraph49":"三年的电影我们都制作了道具周边礼品，用电影剧情中有趣或关键性的道具，来唤起离场观众的现场回忆。比如第一年的《再见凯蒂》使用了电影中的铁饭盒，这个载体是80年代的回忆，使用铁饭盒装载角色台词日历，当团队的同学打开饭盒，不仅打开的是电影中的一种温情，更多的也是电影中历历在目的场景和人生感悟。《鬼话连篇》则以第三话中的肉包子蒸笼翻译了一种结结实实的团圆。中国人特有的物品作为载体是无需多言的，这种叙事性的载体能够比普通的纸盒礼盒多一份语义。《局外人》制作了一盒角色飞行棋，将剧情中的情节推演和多方碰撞融入在儿时飞行棋的游戏规则中，当大家带着飞行棋度过新年，也可以和家人朋友一起度过新的时光。","team.publish.a.book.paragraph46":"《鬼话连篇》电影美术概念海报","team.publish.a.book.paragraph47":"《局外人》电影美术概念海报","team.publish.a.book.paragraph44":"电影宣发与周边礼品制作","team.publish.a.book.paragraph45":"虽然是针对内部团队的电影，我们仍然保留了概念海报与上映正式海报的制作与宣发。概念海报更有作者性，用场景或者画面来演绎电影初始想要表达的概念，正式海报则更具商业性，在影片放映时作为观众进入故事的前奏。","team.publish.a.book.paragraph42":"电影特效设计则安排在影片拍摄完成之后的制作环节，一些高难度的拍摄导演及摄影会提前规划好特效设计的绿幕或现场特效的素材，在后期一并进行制作，例如一些大场景的爆炸、屏幕绿幕合成、角色站位合成等等。","team.publish.a.book.paragraph43":"《局外人》美术设定参考","team.publish.a.book.paragraph40":"电影美术","careers.internJob3Team":"淘天集团","careers.socialJob6Date":"2026.02.24","team.publish.a.book.paragraph41":"电影现场美术组主要分成两大职能：环境造型与人物造型。环境造型介入在剧本与分镜创作的前期，美术指导与导演、编剧一同规划故事发生的场景应该在何处、何时。电影场景的选址不仅要满足情节画面的要求，更需要给予导演在剧情调度、演员走位时的空间可能性。根据电影片段的调性来选择何时的场景，搭建、绘建场景。人物造型则在选角以及具体分镜执行时介入，包含了服装设计、人物造型，人物的造型是根据角色的个性以及在剧情中的作用来决定，道具制作与采购也作为角色与场景真实性的衔接环节。比如《再见凯蒂》中的男主角，通过设计他旧夹克自行车工具以及社会杀马特青年的朋友来可视化角色在社会中的位置，又比如《鬼话连篇》中李默的角色，由于李默是一个聋哑女孩的职业网红，我们设计了规整的粉色短发并且增加了与掩盖声音的耳机来表达她内心的矛盾性，《局外人》中小菊和凛子冷暖对比的角色服饰和发型来突出替身变化后的反差性等。","careers.title":"职位","research.all.the.articles.paragraph140":"风格模型","research.taobaoInteractiveGame.artGraphApplication":"互动游戏美术图谱应用","products.aiagent.title12":"知识清理","research.all.the.articles.paragraph144":"382.0MB","products.aiagent.title13":"支持多类型格式","research.all.the.articles.paragraph143":"国美x阿里 商品美学准则","products.aiagent.title10":"新增分支下知识","research.all.the.articles.paragraph142":"D20论坛与展览现场","research.all.the.articles.paragraph141":"场景生成","careers.socialJob1Location":"杭州","careers.socialJob5Desc":"负责闲鱼重点行业的体验设计工作，根据行业交易特性构建具有特色的行业交易体验和业务价值表达，助力树立行业心智；深入了解业务，从用户角度分解设计策略，结合数据和产品策略给出精细化设计方案，为整体目标达成提供设计价值；关注趋势及外部环境的变化，保持对竞品的跟踪分析，并能在闲鱼的场景里进行更好的创新设计","careers.internJob3Years":"实习","home.award7Title":"MUSE铂金奖&柏林设计奖金奖","team.publish.a.book.paragraph59":"本次工作坊是一次对设计教育边界的主动拓展，旨在锻造能驾驭复杂性、定义未来体验的下一代设计创新力量。课程结构体现了严谨的学术训练与前沿产业实践的精妙耦合。","home.award6Desc":"2025天猫双11品牌全案设计","team.publish.a.book.paragraph57":"架构层（Framing the Intervention）：基于深度洞察，指导学生进行体验策略框架的构建。这包括定义核心设计主张、规划服务触点生态系统、以及制定体验衡量指标。课程强调体验的逻辑性、一致性与可扩展性，确保设计方案不是一个孤立的创意，而是能够嵌入现有业务并创造新价值的系统化解决方案。","team.publish.a.book.paragraph58":"验证层（Proving the Value）：推动设计概念向可论证的价值转化。学生将学习如何构建高保真交互原型，并通过情境化故事板、数据埋点模拟、用户测试反馈等方式，对设计方案的可用性、合意性及商业可行性进行初步验证，完成从“概念构想”到“价值假设”的关键跨越。","team.publish.a.book.paragraph55":"以“直播、会员、互动” 三大核心数字商业场景为深度介入点，其课程内容建设旨在超越传统的界面美化或功能叠加，构建一套“从现象到本质，从策略到验证”的完整教学与研究闭环。课程内容设计分为三个紧密衔接的层次：","footer.sloganCreative":"创意","team.publish.a.book.paragraph56":"洞察层（Seeing the System）：引导学生穿越数据与行为的表象，运用用户旅程地图、行为动机分析、商业画布等工具，系统性解构每个场景背后交织的用户心智模型、平台商业逻辑与社会互动关系。例如，在“直播”场景中，不仅分析互动按钮的点击率，更探究“沉浸感”与“即时消费冲动”背后的认知机制与情感联结。","home.research1Title":"为生成符合规范的产品界面而构建企业内部设计知识","products.aiagent.title14":"立即试用","team.publish.a.book.paragraph53":"我们并未曾知晓，一件事能否持续多久，过去这些年，我们留下了共同成长的影像档案。也许在不久的将来，我们会以更新的艺术形式和技术能力来完成心中所想，但不会变化的是，我们会持续表达，且不会停止对生活不断真诚地发问，我们会保持这份热忱将同行人凝聚在去往的路上。","team.publish.a.book.paragraph54":"校企合作国美 × 淘宝设计","team.publish.a.book.paragraph51":"系列电影礼品形象照","careers.socialJob3Title":"高级用户研究专员-淘宝","team.publish.a.book.paragraph52":"后记","team.publish.a.book.paragraph50":"《鬼话连篇》礼品形象照","research.all.the.articles.paragraph133":"光照条件：光照影响质感表现，不同光照使物体质感产生变化。强光下质感更突出，弱光下质感更柔和。","research.design.system.specification.paragraph":"设计系统规范知识由两类知识对象、三项文件类型构成。{{bold}}两类知识对象分为样式、页面{{/bold}}，其中样式细分为元素、布局、组件、资产四类。而每一类知识对象都包含。{{bold}}三项文件类型，分为语义规则、映射纲要、代码实现{{/bold}}。","research.all.the.articles.paragraph132":"表面纹理：表面纹理是质感的重要表现方式，不同纹理产生不同视觉与触觉感受。光滑表面常给人以光洁平滑感，粗糙表面则给人以粗犷有质感之感。","research.all.the.articles.paragraph131":"物理属性：不同材质具不同物理属性（如密度、硬度、光泽度等），物形与质感应与其位置和环境一致，确保统一性。例如，物体在平坦表面上，其材质形状应平整对称；在起伏表面上，则需考虑凸起或凹陷部分，以与环境相适应。","research.all.the.articles.paragraph130":"质感符合现实世界材质需考虑以下三方面","research.all.the.articles.paragraph137":"纹理细节度：纹理比例越接近100%，纹理图像细节越完整准确。","research.all.the.articles.paragraph136":"纹理清晰度：纹理比例越接近100%，纹理图像在物体表面显示越清晰。","research.all.the.articles.paragraph135":"纹理比例影响生成图质感的以下方面","research.all.the.articles.paragraph134":"材质比例：需协调物体对象与其纹理的比例尺寸，辅助观者对物形主体形成正确尺寸认知。物体纹理比例指纹理图像的宽高与物体表面长宽之间的比例。正确表现纹理比例使物体更真实自然；比例过小会导致纹理细节丢失，比例过大会导致纹理失真。","research.using.color.as.an":"以颜色为例，下图展示从设计向规则、映射、代码三项文件转化的结果。","research.all.the.articles.paragraph139":"物体纹理比例协调对整体外观与比例认知起重要作用。人类视觉系统在感知物体时，会依据纹理判断其尺寸。例如，若图中木杯的木纹纹理细腻，观者会认为物体尺寸较小；反之，若地板木纹纹理粗糙，与纹理比例不协调，观者可能对物形主体产生错误尺寸认知。物体纹理比例是影响视觉效果的重要因素，需协调各对象材质比例，使其符合实际尺寸。实际应用中，纹理比例的呈现应根据具体场景与需求而定。","research.all.the.articles.paragraph138":"纹理视觉效果：纹理比例越接近100%，纹理在物体表面视觉效果越具真实感。","research.all.the.articles.name019":"温毓健","research.all.the.articles.name018":"钱旸","careers.socialJob12Location":"杭州","team.publish.a.book.paragraph68":"随着产品复杂化与同质化加剧，设计的核心从“视觉竞争力”转向“体验决定性”——在用户拥有多重选择的时代，体验本身成为关键差异点。面对碎片化的注意力环境，“如何以更简单、直白、直观的方式传达信息”成为设计师的持续课题。","team.publish.a.book.paragraph69":"在淘天多元业务场景中，这一理念被转化为具体实践：","research.all.the.articles.name011":"郑蕴菲","team.publish.a.book.paragraph66":"这场预热不仅是项目复盘，更是心态转换：从“学习者”到“预备役商业设计师”，从创作独立作品到融入商业链路的关键环节。","research.all.the.articles.name010":"黄宗燕","team.publish.a.book.paragraph67":"奇维从设计演进的历史视角出发，揭示了设计与技术之间持续互哺的共生关系——从施乐的开创到苹果、微软的演进，再到本土金山、腾讯最早组建专业设计团队，标志着互联网设计从“界面美化”逐渐走向系统化专业轨道。","research.all.the.articles.name013":"史正阳","team.publish.a.book.paragraph64":"“在AIGC时代，电商平台的‘美’究竟意味着什么？”郑朝教授在复盘时提出。","research.all.the.articles.name012":"刘宜静","team.publish.a.book.paragraph65":"研究团队摒弃了机械式的图像打标，转向构建一套可被AI学习的美学逻辑体系——从色彩构成、元素关系到视觉叙事，将主观审美转化为可迭代的算法语言。","research.all.the.articles.name015":"廖震宇","team.publish.a.book.paragraph62":"工作坊的核心是要求学员不仅娴熟于交互范式与视觉传达，更需理解平台经济学、消费心理学、游戏设计与社会化传播机制。","research.all.the.articles.name014":"彭栩雷","team.publish.a.book.paragraph63":"2025年12月9日，郑朝教授带领同学们回顾了与淘天集团共创的 “AI生图美学准则” 研究课题。这并非一次简单的技术适配，而是一场关于“美能否被定义、被机器理解”的哲学思辨。","research.all.the.articles.name017":"牛振宇","team.publish.a.book.paragraph60":"在三周的沉浸式研习中，学员将历经“发现与定义、探索与设计、深化与交付”三个递进阶段，完成设计思维的显性化操演与认知重塑过程。我们强调在真实商业约束下的“问题框定”能力，引导学员运用用户体验、行为逻辑、交互分析等方法，透过数据表象，捕获深层次用户心智模型与行为动因。","research.all.the.articles.name016":"孙琪","team.publish.a.book.paragraph61":"例如，在“红包签到年轻化”命题中，需整合行为设计学与激励理论，构建可持续的参与回环；在“直播改版”课题中，则需平衡沉浸式叙事、实时社交临场感与交易转化效率这一经典三元悖论。","careers.socialJob10Team":"淘天集团","team.publish.a.book.paragraph70":"在直播中构建专业心智，","careers.socialJob12Title":"体验设计师-直播电商设计","team.publish.a.book.paragraph002":"凝练淘宝设计在真实业务中的经验与实践，我们不断拓展设计边界，更聚焦设计的深度和价值。从一线实战还原真实工作场景，需要怎样的设计能力。在 AI 时代，设计思维又正在经历怎样的跃迁与演进？如果你正在进行体验设计的日常学习、大厂求职关口、职业方向抉择……书中每一位亲历者，都将为你提供切身而真实的答案。","article.wreading.time":"分钟阅读","research.for.enterprise.design.teams":"对于企业设计团队而言，{{bold}}生成符合内部规范的产品界面是最大的诉求{{/bold}}。但是，前者缺失企业内部非开源设计系统规范知识及代码映射关系，后者则是缺失除组件和样式令牌以外能使设计知识被更全面检索、理解和调用的语义规范编写、典型案例构建、面向需求的自定义工作流设定等功能。而企业设计内部通常又欠缺设计与代码映射关系的良好维护，规范描述供人阅读且与设计源文件分离，不便于AI完整获取、友好阅读，致使生成效果欠佳。","products.official.website.introduction.paragraph6":"网站首页","products.official.website.introduction.paragraph7":"与设计系统知识结构一致的侧边栏","products.official.website.introduction.paragraph8":"知识单元","team.publish.a.book.paragraph79":"晓冰在品牌营销设计分享中指出，设计的核心在于从“学生思维”转向“商业思维”——即从以个人审美为中心的表达，转向以产品与用户为视角的沟通。","products.official.website.introduction.paragraph9":"给AI看的规则切换","team.publish.a.book.paragraph77":"在实践中，倡导通过竞品分析、体验走查与舆情调研深入诊断体验问题，坚持 “分析→策略→表达” 的流程，使设计创新始终建立在尊重用户习惯与商业共识之上。","team.publish.a.book.paragraph78":"优秀的设计，最终体现于链路的合理与逻辑的严谨，而非停留于视觉表层。","team.publish.a.book.paragraph75":"提出“用户、链路、节点”三维框架，将设计从界面美化提升至系统体验构建的高度。","team.publish.a.book.paragraph76":"这一方法论始终以“用户想要什么” 为原点，强调通过入口分析洞察预期，并依此动态规划页面呈现。在明确用户路径的基础上，需梳理清晰流畅的主线任务，并对红包、引导等支线行为进行有度设计，同时确保各节点信息架构的合理布局。","team.publish.a.book.paragraph73":"奇维始终强调，设计的本质是理解并化解用户顾虑，在商业目标与体验价值之间寻找平衡，因为“消费者进入平台并非为了欣赏设计，而是为了获取内容”。","research.knowledge.retrieval.agent.configuration":"知识检索智能体配置（节选）","team.publish.a.book.paragraph74":"这既是一种设计思维的成熟，也是一种商业智慧的沉淀。","team.publish.a.book.paragraph71":"在会员体系中塑造尊贵感，","team.publish.a.book.paragraph72":"在互动中融入游戏化叙事。","team.publish.a.book.paragraph80":"商业设计不仅是视觉呈现，更是一场与用户持续互动的对话，目标在于通过设计有效驱动用户行为、实现明确的商业目标。在实际操作中，这要求设计师具备快速迭代与实时验证的能力，如在“双十一”等大促项目中，构建从品牌策略、视觉传达、媒介投放到数据反馈的全链路闭环，确保每一个环节都紧密围绕“用户如何感知、如何行动”展开，让设计在商业系统中真正发挥作用。","team.publish.a.book.paragraph81":"“过去我们设计搜索，是设计一个结果的页面；今天做AI搜索，是设计整个AI输出内容的规则。”群剑的这句话，道出了淘天AI搜索设计的本质转变：从设计“界面”转向设计“规则”。为此，团队将用户意图精细划分为知识、攻略、对比、推荐四种类型，并为每一类构建了专属的“答案模板”。","products.button.restrictions":"即将开放访问","research.machine.interpretable.design.system":"构建面向机器大模型理解使用的设计系统规范知识","careers.socialJob4Location":"杭州","research.page.knowledge.is.organized":"页面知识分为基础链路、导购频道、互动产品、营销会场、B端体验等单元，可再细分二级类型页面，是最高父级的纲要对象、提供明确的页面结构、组件组合、内容填充逻辑。语义规则由页面定义、目标用户、命名规范、结构层级、页面状态（交互、视觉）、强制规则、功能用途构成。页面知识无需代码实现，系LLM基于组件、资产、元素代码组合而成。映射纲要由id符号、语义（名称、定义、描述）、规则、结构、约束（使用场景、强制禁止、其他） 等构成。以导购页为例，下图展示从设计向规则、映射两项文件转化的结果。","banner.cameraPleaseAllow":"请在你的浏览器中选择同意","products.official.website.introduction.paragraph2":"前往 VersionAI Tmall","products.official.website.introduction.paragraph3":"VersionAI Tmall是一套专为天猫App打造的设计系统，不仅面向人类设计师，更是面向人工智能。其内容结构与表达形式经过转译，使AI模型能够阅读、检索并应用该设计系统规范。在AI的辅助下，用户可以基于该知识库生成符合天猫设计规范的用户界面，并进行设计评估与问答。","research.intent.recognition.agent.configuration":"意图识别智能体配置（节选）","products.official.website.introduction.paragraph4":"通过构建设计系统规范知识库以及界面生成多智能体工作流，形成了一套完整、对 AI友好型的企业级设计系统。该系统可通过MCP或上下文注入，灵活应用于 IDE 环境及各类支持智能体模式的设计工具中。","products.official.website.introduction.paragraph5":"如何使用","products.official.website.introduction.paragraph1":"介绍VersionAI Tmall","careers.socialJob8Years":"3年","team.publish.a.book.paragraph88":"尤为重要的是，强调以叙事化为情感杠杆，将功能转化为有温度的故事：如春节“许愿灯”将许愿具象为点亮主题灯笼，双十一“淘金币功夫门”则将省钱包装成功夫修炼。通过赋予行为意义与情感，互动设计在实现商业目标的同时，也完成了用户体验的价值升华。","team.publish.a.book.paragraph89":"玄尔在行业营销设计分享中，以“生活灵感”为线索，系统阐释了设计如何成为连接商业、用户与平台的智慧纽带。她强调，有效设计始于对多元诉求的平衡，并推动思维从单品功能向生活方式升维——团队将营销分为聚焦卖点的常规品类、构建场景的空间方案、传递美学的主题叙事三个层次。","team.publish.a.book.paragraph86":"有石在互动游戏设计分享中，深刻阐述了“轻量但成瘾”的设计哲学。他开宗明义地指出：互动并非孤立功能，而是串联“访问、浏览、参与、获得、选购”的关键体验纽带。","team.publish.a.book.paragraph87":"为实现这一目标，淘天构建了覆盖全场景的互动体系：营销互动制造爆发声量，日常互动培养用户习惯，产品内互动助力频道运营，小游戏生态则实现流量置换。以签到产品为例，设计呈现出清晰的三层逻辑——主线聚焦核心路径，任务拓展行为边界，支线满足个性场景，以此构建张弛有度的参与节奏。","team.publish.a.book.paragraph84":"团队策略随经济环境灵活调整：2024年面对消费紧缩，采用“大字报”式设计，突出“全场八五折”等硬核权益，强调信息效率与感知速度；2025年则伴随经济复苏，升级为“全心以赴，多彩生活”主题，融入AI与生态能力，转向品牌心智与情感连接。","team.publish.a.book.paragraph85":"贯穿始终的核心武器是“视觉锤”——如双十一主视觉中“猫头+发散几何图形”这一符号，具备唯一性、多场景适配性与语义清晰度，并被拆解为强、中、弱三种氛围版本，灵活渗透从开屏大图到商品卡片的每一个场景，在复杂系统中构建统一而富有弹性的品牌表达。","home.award8Title":"IAI全球设计奖银奖&MUSE铂金奖","team.publish.a.book.paragraph82":"设计的关键在于，意图的宽窄决定了信息的组织方式：宽泛的提问需借助视觉与品类聚合来激发灵感，而精准的搜索则要突出价格、参数等核心决策因子。与此同时，团队通过色彩区分对话角色、融入趣味动效转化等待焦虑，让原本隐形的AI“思考过程”变得可感知，将技术“黑盒”转化为一场流畅而令人期待的智能体验。","team.publish.a.book.paragraph83":"直面电商设计的核心矛盾：“消费者第一眼看到的就是价格，如何不让设计冲击价格感知？”Jason从全链路一体化的视角出发，阐释了品牌设计如何在用户从站外广告到支付成功的每一个触点保持连贯表达。在双十一这样的超级流量场中，设计必须平衡氛围营造与交易效率——既不能淹没核心信息，又需传递品牌温度。","team.publish.a.book.paragraph91":"为充分肯定学员在项目中的卓越表现与创新成果，本次工作坊特设专项奖励机制，于终期评审后对选出的优秀作品予以表彰与实物奖励。奖项共设三个等级：一等奖（2名） 获赠大疆云台相机，二等奖（3名） 获得Sony高品质耳机，三等奖（4名）获得Marshall经典音响 。","research.design.demand.distribution.chart":"设计需求分布图","team.publish.a.book.paragraph92":"本次奖励设置，旨在传递“设计驱动价值、创新值得嘉奖”的鲜明导向，强化“学以致用、创有所成”的课程激励。期待这些载体着匠心与前沿技术的奖品，能伴随获奖学员在未来的设计道路上持续捕捉灵感、传递声音、记录创想。","team.publish.a.book.paragraph90":"为实现这一转变，团队提炼出一套“营销设计公式”：形色质承载生活印象，结构构图转译空间感知，元素剧本演绎趣味内容。在AI赋能下，这套创意系统进一步升级为全链路“加速器”：通过训练Lora模型实现风格化批量出图，运用“三帧法”生成流畅拟人动效，并推出“爆款神器放我家”等功能，让用户一键体验真实场景渲染。AI已从辅助工具演进为创意伙伴与效率引擎，它将设计师从重复劳动中释放，使其更聚焦于策略思考与情感化创造，真正实现“灵感可转化、体验可感知、效率可跃升”的智能营销新时代。","research.spacing.mapping.schema.excerpt":"间距的映射纲要（节选）","careers.internJob2Team":"淘天集团","research.color.mapping.schema.excerpt":"颜色的映射纲要（节选）","careers.socialJob7Location":"杭州","research.all.the.articles.name022":"朱彬","team.publish.a.book.paragraph99":"电影《再见凯蒂》主海报及剧情剧照","home.award5Desc":"HEYLIVE 海边乐迷之家","research.all.the.articles.name021":"肖遥","research.all.the.articles.name024":"刘美璇","research.this.research.does.not":"研究没有止步于风格优化或局部提效，而是尝试为淘宝营销设计建立一种可沉淀、可迁移、可验证的专业方法论根基。我们提出“象征叙事”的核心理念：以普世意象为认知锚点，以结构化表达为理解路径，以语意与形式的高度统一为终极标准。它不是追求视觉的新奇，而是降低转译成本；不强调要素的堆叠饱满，而致力于信息的有机整合；不服务于设计师的表达欲，而忠实于用户的感知逻辑与行为动线。","team.publish.a.book.paragraph97":"设计项目3: 红包签到","research.all.the.articles.name023":"韩晓冰","team.publish.a.book.paragraph98":"淘天设计的电影哲学，那些我们共同成长的影像档案","research.all.the.articles.name026":"曾奕宸","team.publish.a.book.paragraph95":"设计项目1:直播间改版","research.all.the.articles.name025":"郑朝","team.publish.a.book.paragraph96":"设计项目2: 大会员","research.all.the.articles.name028":"邱炳坤","team.publish.a.book.paragraph93":"颁奖典礼不仅为本次工作坊画上具有仪式感的句点，更象征着一个新起点的开始——期待所有学员承载这份认可与期待，在更广阔的设计与商业舞台中，持续发光，影响未来。","research.all.the.articles.name027":"马远志","team.publish.a.book.paragraph94":"学生作品","research.the.solution.design.agent":"方案设计智能体以知识纲要文件为输入。设计决策和产出页面结构、组件类型属性、样式元素、交互方式与数据内容要求的纲要指令，以方案设计纲要为输出，路由至下一个智能体。","research.icon.mapping.schema.excerpt":"图标的映射纲要（节选）","research.all.the.articles.name020":"刘宸寰","research.price.design.excerpt":"价格的设计（节选）","careers.socialJob2Title":"品牌营销设计师-体验设计","research.price.mapping.schema.excerpt":"价格的映射纲要（节选）","research.taobaoInteractiveGame.coinEmotionalExperienceDesign":"淘金币：情绪化体验设计","banner.blowOrApplaud":"尝试吹一下","research.knowledge.modules":"知识单元","research.design.strategy.symbolic.narrative":"设计策略：《象征叙事》- 以象为体，以文表意","research.the.knowledge.retrieval.agent":"知识检索智能体以要求清单文件为输入。查询、筛选、召回设计系统规范知识库中相对应的内容，以知识纲要为输出，即填入知识要求清单中提到的知识后，路由至下一个智能体。","research.layout.knowledge.is.divided":"布局知识分为栅格、间距、容器、对齐四类单元，是组件、资产、页面排布方式的基础依赖。语义规则、代码实现、映射纲要与元素模版一致。以间距为例，下图展示从设计向规则、映射、代码三项文件转化的结果。","team.section.paragraph2":"VersionAI天猫网站的页面结构与设计系统的知识结构保持一致，采用树状导航方式，将样式、页面及其子项知识单元分层组织。对于每个知识单元页面，用户可切换查看面向人类的规则和面向AI的规则，并支持复制或下载知识片段。此外，还提供了一个部署页面，用于指导用户如何调用规范以生成界面。","careers.socialJob9Team":"淘天集团","careers.socialJob13Title":"用户研究专家-客户运营","research.all.the.articles.name_custom12":"高万行","research.all.the.articles.name_custom13":"十朵","research.all.the.articles.name_custom10":"黑棠","research.all.the.articles.name_custom11":"芷衿","research.when.mapped.to.the":"将其对应到五大需求场景类型（基础链路、导购频道、互动产品、营销会场、B端体验）统计得出全年需求分布情况：基础链路、导购频道、B端体验中，针对模块与单一页面级别的存量拼合、存量改动设计需求占据了近48%。","careers.socialJob7Years":"1年","research.taobaoInteractiveGame.paragraph7":"基于年轻用户洞察与专业设计视角，系统挖掘并沉淀淘天既有设计语境之外的多元美术表达与方法论；围绕淘天核心业务场景开展应用探索与小规模验证，以可量化的实践结果评估不同美术风格的业务适配性、落地路径与规模化可行性，构建可复用的游戏美术图谱体系。","research.taobaoInteractiveGame.paragraph8":"在多业务并行、产品频繁送代的背景下, 统一体系带来的稳定性同时也带来“干场一面”的风险；要持续获得用户新鲜感与增长弹性, 需要在可控范围内进行强差异化试验, 验证有效路径并资产化沉淀。","research.taobaoInteractiveGame.paragraph9":"不受淘天既有UI体系的视觉语言与表达范式限制, 围绕核心业务场景 (如芭芭农场、天猫农场、红包翻翻乐、抓猫猫赢红包) 开展小范围、强差异化的UI 风格探索与应用验证, 沉淀可复用的UI风格资产与规范, 制定 UI 图谱。","research.taobaoInteractiveGame.paragraph4":"优秀互动玩法的差异往往不在“形式”，而在机制结构与叙事包装的组合方式。为了让设计师能把外部案例转化为可复用的设计知识，需要将零散案例进行结构化、系统化整理，沉淀成可学习的知识。","research.design.system.specification.title11":"以下各部分将对各类知识对象进行详细阐述。","research.taobaoInteractiveGame.paragraph5":"基于以上的思路，整理已被市场验证的优秀互动游戏案例，挑选相对适用电商场景的游戏类型，形成资料库，用以储备。每款游戏梳理来源备述、体验概览、机制与世界观等维度内容形成基础图谱，以便于设计师的发现、体验、学习，此图谱当前已收集100款+游戏。","research.design.system.specification.title10":"，基于Schema再次回查设计系统规范知识，通过 Grep方式检索与调取对应代码库，对齐真实可用的组件属性值、样式变量与资源路径，生成最终的UI。","research.taobaoInteractiveGame.paragraph6":"在内容同质化与审美疲劳加剧的背景下，年轻用户对“新鲜感、情绪价值与风格差异化”的敏感度持续提升；若仍仅依赖既有视觉语境，创新空间将被压缩，且难以形成可持续的风格资产与复用机制。","banner.rulerTryReconnect2":"感受研究乐趣","home.award4Desc":"第四个卡片","careers.socialJob11Years":"5年","careers.socialJob9Title":"高级视觉体验设计师-手淘AI","home.joinUsBtn":"加入我们","home.award6Title":"伦敦设计奖白金奖","awards.new.article3":"IAI全球设计奖银奖&MUSE铂金奖","research.source.files.for.icons":"图标的源文件（节选）","awards.new.article2":"柏林设计奖金奖项目链接","awards.new.article1":"MUSE铂金奖&柏林设计奖金奖","awards.new.article4":"IAI全球设计奖银奖","home.bookFlipTitle":"我们相信\n知识的价值","research.asset":"资产","research.economic.aesthetics.title":"经济美学设计与应用","research.interactiveGame2025.intro.paragraph2":"本次研究联合中国美术学院共同开展，以提升研究的专业权威性与成果形态的多元性，形成兼具内部落地价值与行业标杆意义的研究成果。研究将系统支撑淘宝互动游戏的专业化建设与体验创新——通过持续追踪电商互动游戏市场趋势、挖掘新兴设计机会，全面提升淘宝在行业高速发展中的体验设计前瞻性与核心竞争力。","research.how.it.works":"它如何工作的","home.award3Desc":"第三个卡片","research.interactiveGame2025.intro.paragraph1":"立足于2025年电商互动游戏行业发展的关键节点，本研究以“互动游戏设计”为核心视角，聚焦用户结构演变与行为习惯的迁移，系统性地解构互动体验的方法论体系，深入研究年轻用户的体验诉求与趋势，从而探索互动游戏驱动用户增长的可行路径。","research.taobaoInteractiveGame.babaFarmSurrealismArtStyleApplication":"芭芭农场：超现实主义美术风格应用","research.all.the.articles.paragraph100":"对比关系：主体与背景的对比度应有效匹配，画面物品的对比关系需保持统一。高对比色调与低对比色调通过调节图像明暗部分之间的差异程度来影响整体对比感。若主体对比度较强，背景对比度也应相应增强。主体与背景对比关系差异过大会导致明显割裂。高对比色调常关联强烈的黑白效果，通过明亮高光与深沉阴影营造强烈对比，突出物体形态与纹理；低对比色调则通过减少明暗差异，呈现柔和自然的效果。","careers.socialJob4Title":"体验设计师-B端平台产品设计","careers.socialJob8Team":"淘天集团（M&T）","research.all.the.articles.label3":"专家顾问","research.all.the.articles.label2":"产品负责人","research.all.the.articles.label1":"知识库构建","research.copy.or.download.a":"复制或下载片段知识","research.all.the.articles.label7":"设计成员","research.component.knowledge.is.composed":"组件知识分为头像、角标、资源位、按钮、内容流、倒计时、优惠券、筛选、浮标、新手引导、轮播器、输入、消息、浮窗、弹窗、价格、商品卡、进度条、红包、选择、浮层、浮条、开关、标签栏、标签、文本流、提示、气泡、顶部栏等承载业务语义的单元，是实现界面生成重要的复用单元。语义规则由组件定义、样式构成、属性变量、组件状态（交互、视觉）、强制规则、功能用途构成。代码实现为React技术栈下的组件结构（tsx）与组件样式（scss）。映射纲要在已有内容上增加属性（props schema），对应方案设计环节下生成页面组件结构纲要中所需组件属性的目的。以价格为例，下图展示从设计向规则、映射、代码三项文件转化的结果。","research.all.the.articles.label6":"设计负责人","research.all.the.articles.label5":"设计","research.the.entire.interface.generation":"整个界面生成流程可追溯、可复现、可演进，结果可控于动态迭代的企业设计系统与代码体系之内。接下来分别从构建设计系统规范知识和多智能体工作流两个方面详细展开。","banner.micPleaseAllow":"请在你的浏览器中选择同意","research.all.the.articles.label4":"研发","research.price.code.implementation.excerpt":"价格的代码实现（节选）","research.all.the.articles.label9":"概念视频","research.all.the.articles.label8":"网站设计与开发","team.section.paragraph":"淘宝设计团队致力于服务全球数十亿消费者的体验。我们引领用户体验，打造能引发情感共鸣的设计，让商业变得美好而简单。","careers.internJob4Team":"淘天集团","research.official.website.introduction.label8":"技术相关支持","research.all.the.articles.paragraph59":"调性是物体作用的直观感受，如颜色冷暖、物体软硬、材质肌理。场景视觉风格应与商品调性一致。从产品主体到背景场景，蕴含人的主观判断与心理暗示。商品图的场景可营造情境，激发消费者对自身使用场景的联想，引发提升生活品质或外貌形象的想象，从而增强对产品的渴望，促进购买决策。","research.all.the.articles.paragraph58":"调性","research.all.the.articles.paragraph57":"场景内容服务于商品，空间内容应与商品气质一致，主要包括内容统一与视觉统一。商品图的环境场景在展示商品使用场景方面具有关键作用。通过精心设计的背景，场景不仅帮助消费者理解产品用途，还能突出其核心特征与功能。总体而言，恰当的环境场景能有效传达产品信息，增强消费者对产品功能与用途的理解，从而促进购买决策。","research.all.the.articles.paragraph56":"画面主题关系","research.all.the.articles.paragraph55":"在商品图场景设计方面，AI技术为我们带来前所未有的便利与创造力。场景能有效烘托主体，强化品牌形象、营造情感联结、提供产品使用信息等多重作用。本节将从场景类别、选择依据、场景作用、场景秩序与质量标准等方面，分析商品图场景的制作。","research.all.the.articles.paragraph54":"场景","research.all.the.articles.paragraph53":"人种与年龄差异下的比例：AI人模比例设计应具备一定区分度，东西方模特人种转换或不同年龄层转换时，应考虑身材差异，以快速展现人物气质及其与商品的适配性。","research.all.the.articles.paragraph52":"整体比例：AI生成人模的头身比应匀称，四肢比例协调（如亚洲人通常为7~7.5头身，欧美人通常为8头身），呈现自然且具视觉吸引力的外观，体现人物的健康与美感。","careers.socialJob1Title":"高级用户研究专员-商家洞察","research.all.the.articles.paragraph51":"比例：人物的身体比例","research.all.the.articles.paragraph50":"AI生成人模姿态应自然、舒适、协调，避免肢体僵硬，符合人体力学原理。涉及物体互动的姿态需保持正确的受力关系。生成的人模在姿态状态下应体现骨骼与肌肉的合理贴合，四肢比例自然，发型动态与身体动态一致，服饰动态幅度相协调。","home.award1Title2":"红点设计奖","home.award1Title1":"IF设计奖","research.element.mapping.schema.template":"元素映射纲要模版","careers.socialJob10Date":"2026.01.12","home.award1Title3":"苹果设计奖","careers.socialJob6Years":"5年","research.icon.design":"图标的设计","home.browseVideosTitle":"我们追求\n快乐的工作","home.research3Title":"淘宝互动游戏设计趋势研究","research.taobaoInteractiveGame.members":"贡献者","research.taobaoInteractiveGame.artGraph":"互动游戏美术图谱","research.all.the.articles.paragraph69":"避免无关内容侵入：AI生成图像应排除与商品无关的元素，防止其分散观者注意力，削弱对商品的关注。","research.all.the.articles.paragraph68":"避免主体意外裁切：AI生成图像应确保商品主体始终位于画面合适位置，避免因位置不当造成的切割。","research.all.the.articles.paragraph67":"避免主体脱框造成切割，丧失画面外联想空间。在AI生成商品图像时，确保商品主体内容的完整具有较高优先级。这不仅涉及防止主体被意外裁切，也包括排除无关内容的干扰，以及避免主体元素被大面积遮挡。","research.all.the.articles.paragraph66":"表达场景感受时的处理：当重点在于传达整体场景的氛围时，构图需保持人物模型与环境的完整。此时商品通常作为场景的组成部分，与周围环境协调共生，共同构建情境或叙事。","footer.downloadFailed":"下载失败","research.all.the.articles.paragraph65":"表达物形本身时的处理：当重点在于表现商品本身的形态特征时，可对场景作适当裁剪。","research.all.the.articles.paragraph64":"确保构图完整，避免随意裁切导致信息缺失。需区分是表达产品本身还是场景感受。前者可对人模进行必要裁切，后者则应保持人模与环境的完整性。","banner.cameraTryTurnOn":"尝试打开摄像头","research.all.the.articles.paragraph63":"构图完整性","careers.socialJob6Location":"杭州","research.all.the.articles.paragraph62":"在构建人工智能生成商品图的美学标准时，商品摄影的构图完整性、主体性及透视关系共同构成优质商品图像的关键要素。这三者融合为一套复杂而精细的视觉语言。构图本质上是在自然存在的混沌中寻找内在秩序，将散乱的构图元素组织成易于理解的整体，充分传达图像意图与情绪。这一综合视觉策略不仅提升图像的美学品质，也增强AI商品图在市场上的竞争力。","research.all.the.articles.paragraph61":"构图","banner.rulerTryReconnect":"尝试重新连接尺子","research.all.the.articles.paragraph60":"在AI生成商品图的过程中，需依托观者自身的思维认知。在人的潜意识中，不同事物具有不同的情感倾向，色彩的冷暖变化可调动情绪，物体形态与质感的改变也承载更深层次的隐喻。所选的背景元素、形态质感与环境氛围，可传达品牌的立场与主张，使消费者畅想购买产品可能带来的幸福感与生活品质的提升。同时，画面意境的营造也会提升商品图本身的审美体验，将商业性与艺术性相结合，在推动销售的同时，为消费者带来审美享受。生成图像时应以整体氛围为主导，服务于商品主体，通过间接的情绪与意境引导，激发消费者对品牌的心理认同。","careers.intern":"实习生招聘","careers.internJob1Date":"2026.03.17","careers.socialJob13Location":"杭州","research.machine.interpretable.design.system1":"设计系统规范知识","research.all.the.articles.paragraph29":"准则可能会因应用场景和需求而有所变化和调整，因此在具体的应用中需要更聚焦的有效对应。","research.all.the.articles.paragraph28":"质感","research.natural.and.expressive.motion":"{{bold}}动效自然生动{{/bold}} - 合理使用动效手段，遵循自然逻辑，让动态具有合理的叙事意义，增强画面的生动性；","research.all.the.articles.paragraph38":"沉浸式视角：应提供身临其境的360°观察视角，使客户能够虚拟环绕产品，从不同角度浏览。此类虚拟探索有助于提升客户的观感体验，辅助其作出更为明智的决策。","research.immediate.structural.clarity.establish":"{{bold}}结构一目了然{{/bold}} - 设定简单明了的视觉结构关系，主题图形/图像与文案内容巧妙结合（以一体化为最优方式）；","research.all.the.articles.paragraph37":"角度选取：AI生图应多角度捕捉产品形态。角度直接影响产品图像的观感，基于商品自身特性，宜多采用正视图或3/4透视构图，地平线一般位于画面中央或偏下位置。","home.award2Desc":"天猫多模态商品表达系统","research.all.the.articles.paragraph36":"选取角度：商品展陈与观看视角","research.all.the.articles.paragraph35":"还原度：应真实反映商品本身的结构表现，包括形体构成、材质与颜色，可受环境因素影响，但必须符合自然认知逻辑，不脱离商品原有形态。在视觉保真度与还原度方面，AI生成商品图像需准确呈现商品的外观、比例与细节特征。此外，除高度还原商品本身外，图像还应尽量保持高分辨率，并对商品细节作精细化处理，以卓越的清晰度捕捉精密的工艺细节、材质纹理与复杂的设计内核，从而充分展现商品的工艺水平与视觉吸引力。","research.all.the.articles.paragraph34":"商品形构：商品状态是评估AI生图质量的核心。必须确保生成的AI商品形态完好，避免出现瑕疵、结构不合理等问题。同时应保证抠图准确，避免边缘粗糙、泛白、紫边等现象，从而使生成商品图符合客户预期。","research.all.the.articles.paragraph33":"对象本体：生成商品的状态与真实性呈现。","research.all.the.articles.paragraph32":"当我们以文本或图像作为输入内容传入模型时，扩散模型通过去噪过程生成的结果，可视为对原始数据语义的延伸。它在保持概念相似性的同时能够产生丰富的变化，不仅拓展了内容创作的技术路径，也大幅降低了人工创作的时间成本。因此，针对AIGC生成的物体形态，我们有必要建立一套规范化定义。对于服务于电商平台（包括产品、人模等）的AIGC图像，应制定相应的生成美学准则，以推动数字与实体融合背景下内容生产范式的形成。","research.all.the.articles.paragraph31":"在电商领域，人、货、场等要素持续经历解构与重构。商品如潮水般涌入电商平台，催生了海量的商品图片处理需求。此类需求规模庞大且迭代迅速，已使传统的影像制作与设计流程难以应对。面对如此庞大的工作量，传统流程不仅经济成本高昂，还常因物理空间等现实条件限制而难以扩展。从拍摄、修图到最终图片发布，各环节效率相对低下，无法适应电商快速迭代和高效率运行的商业要求。随着商品品类持续扩充与市场竞争日趋激烈，这些问题愈发凸显，亟需通过技术创新实现更灵活、经济的大规模商品图片处理，以支撑现代电商的发展需求。而AIGC技术的进步与应用，正逐步弥补这一短板，AI正在重塑电商平台的图像生产流程与用户体验习惯。","research.all.the.articles.paragraph30":"物形-商品","research.taobaoInteractiveGam.topic":"研究课题","careers.socialJob7Team":"淘天集团（1688）","research.design.synthesis.output.excerpt":"方案设计输出（节选）","careers.socialJob9Location":"杭州","research.this.website.provides.two":"本网站提供使用者两种方式在AI工具中调用到tmall design规范：MCP Server和上下文注入。通过在IDE工具中一键配置MCP服务器，自动依赖天猫设计知识库，MCP所封装的API功能会根据用户的自然语言指令进行自动化处理和结果输出，具体功能包含但不限于搜索（Search）、运行工作流（runWorkflow）等。或通过在特定知识单元页点击复制或下载，获取到片段知识的语义规则、映射纲要、代码实现文件包体，将其直接引入指令输入框，进行局部修改和生成。","research.all.the.articles.paragraph39":"商品状态：衣物褶皱合理，商品体感和谐饱满","research.all.the.articles.paragraph49":"姿态：人物的肢体动作与举止仪态","research.all.the.articles.paragraph48":"眼神状态：眼神聚焦，神态自然，视线与身体动向协调一致。多样化的面部特征与表情可为产品图增添趣味与吸引力，适应不同产品类别与目标受众，此类情感联系可影响客户的感知与购买决策，增强共鸣感。","research.all.the.articles.paragraph47":"表情管理：视觉上应营造镜头美学，生成的人模表情需舒展自然，符合商品气质，避免非正向表情如愤怒、呆滞等。","home.research7Title":"手淘用户体验设计原则","research.all.the.articles.paragraph46":"镜头：人物在镜头前的表情与眼神状态","research.all.the.articles.paragraph45":"性别与人种特征：根据产品风格与美学定位，AI应生成与目标人群及文化背景相符的面部特征，应对不同美学风格，避免人模与场景之间的割裂感。生成人模需考虑目标人群的肤色、发质发型及面部特征等内容，面部特征应体现性别差异，并与商品风格协调，避免非常规性别表达。","research.all.the.articles.paragraph44":"比例与气质：五官比例应符合人体解剖结构，形态自然逼真，结构协调，包括面部比例、骨骼结构与表情等细节，整体呈现和谐美感，避免失真或病态感。此外，同一模特在不同场景中出现时，需保持面部特征的一致性，此为AI生图需重点考虑的内容。","research.all.the.articles.paragraph43":"五官：人物外貌的五大面部特征","research.all.the.articles.paragraph42":"物形-人模","research.all.the.articles.paragraph41":"无障碍设计：AI生成的产品内容需经过筛选与调整，确保算法遵循包容性原则。例如，为色弱或色盲用户提供足够的颜色对比度，尽可能保障所有用户均可轻松获取商品信息。","research.all.the.articles.paragraph40":"商品与对象的贴合关系：AI生成图像应准确反映产品的原始状态。服装类产品褶皱需自然，模特穿着时应贴合身形，悬挂类衣物则悬挂方式要合理，避免不自然的弯曲或变形。产品应与环境及其他物品比例协调，以便用户准确判断尺寸，防止误导消费者。","research.all.the.articles.paragraph0010":"AI生图应多角度捕捉产品形态。角度直接影响产品图像的观感，基于商品自身特性，宜多采用正视图或3/4透视构图，地平线一般位于画面中央或偏下位置。","research.all.the.articles.paragraph0012":"应提供身临其境的360°观察视角，使客户能够虚拟环绕产品，从不同角度浏览。此类虚拟探索有助于提升客户的观感体验，辅助其作出更为明智的决策。商品状态：衣物褶皱合理，商品体感和谐饱满。","research.all.the.articles.paragraph0011":"沉浸式视角：","research.all.the.articles.paragraph0014":"AI生成图像应准确反映产品的原始状态。服装类产品褶皱需自然，模特穿着时应贴合身形，悬挂类衣物则悬挂方式要合理，避免不自然的弯曲或变形。产品应与环境及其他物品比例协调，以便用户准确判断尺寸，防止误导消费者。","research.all.the.articles.paragraph0013":"商品与对象的贴合关系：","careers.socialJob8Title":"高级体验设计师-淘工厂","research.all.the.articles.paragraph0016":"AI生成的产品内容需经过筛选与调整，确保算法遵循包容性原则。例如，为色弱或色盲用户提供足够的颜色对比度，尽可能保障所有用户均可轻松获取商品信息。","research.all.the.articles.paragraph0015":"无障碍设计：","research.all.the.articles.paragraph16":"影像视频","research.all.the.articles.paragraph15":"部分静帧","research.all.the.articles.paragraph14":"人物基础设定","research.strategy.breakdown.theme.content":"策略拆解：主题、内容、形式并非孤立存在，主题是意义内核，内容是信息实体，形式是呈现形态；象征叙事表达，是指用合适的视觉意象来映射主题语意，为用户搭建理解框架，优先让用户理解这是什么，再通过具体的信息补全认知细节。","careers.internJob4Title":"AIGC设计师","research.all.the.articles.paragraph13":"本研究围绕AI动态制作流程、表达稳定性及商品与数字人视频创意等方向，探索适用于电商场景的AI动态影像设计方法，提升设计效率与用户体验。同时，通过与中国美术学院合作，增强研究的专业性与行业影响力，推动淘天AI动态设计能力持续保持先进性。","research.all.the.articles.paragraph12":"随着AI动态生产技术的快速发展，品牌与互联网平台正不断探索AI在产品与营销传播中的应用，以提升品牌感知并创新商业模式。对电商设计团队而言，构建AI动态影像能力既是应对电商内容视频化趋势的关键举措，也是探索未来电商内容形态的重要方向。","research.all.the.articles.paragraph11":"项目背景","research.all.the.articles.paragraph10":"“TAO”AI数字人动态影像研究","research.this.intuitive.information.expression":"本次“信息直观化”设计专项研究，始于对营销设计现状的诚恳凝视——当闪屏在用户睁眼瞬间闪过、弹窗在操作途中突然浮现、版头在首页顶部持续承载商业意图时，我们不再满足于“有设计”，而追问：“用户是否一眼即懂？是否心领神会？是否自然行动？”","products.official.website.introduction.paragraph":"VersionAI Tmall网站的页面结构与设计系统知识结构一致，分为样式、页面及其子项知识单元的树状导航。每一篇知识单元页，可以切换给人类看的规则和给AI看的规则，并支持复制或下载片段知识的功能。设有部署页，指导使用者如何调用该规范以生成界面。","research.spacing.semantic.rules.excerpt":"间距的语义规则（节选）","careers.socialJob9Years":"3年","research.all.the.articles.paragraph0022":"AI生图美学准则涉及到艺术、设计和人机交互等多个领域。以下针对淘宝平台的生图美学准则，关注图片生成元素的质量以及元素之间互相影响下的关系构成准则细项。这些准则有助于确保生成图像的质量和吸引力。基于商品的美学准则分为五大类：1. 物形 2. 场景 3. 构图 4.光影 5.质感，准则可能会因应用场景和需求而有所变化和调整，因此在具体的应用中需要更聚焦的有效对应。","research.component.semantic.rule.template":"组件语义规则模版（节选）","home.award1Desc":"淘宝Vision","research.all.the.articles.paragraph19":"随着AI在创造艺术、设计和文化方面的应用日益增多，AI美学成为一个备受关注的领域。它在艺术创作中的应用引发了对AIGC时代的新理解。AI美学准则涉及到如何结合人类创意和机器学习算法，以创造引人入胜的智能体验。美学准则需要关注作品是否反映了多样性和包容性，避免对某些群体的偏见或歧视。还需要考虑作品如何触发和传达情感，产生有深度和动人的作品。同时，考虑在AI生成的作品中是否体现了社会和文化的价值观，以及是否遵循伦理准则。","research.final.interface.code.generation":"最终界面代码生成输出（节选）","research.all.the.articles.paragraph18":"美学准则涉及到作品创作和观赏过程中的要素和标准。在美学领域一直存在争论，即美是客观存在的特质还是主观体验的心理感受性和情感表现力的产物？部分美学理论强调对称和均衡的重要性，但也有理论强调不对称和不规则形式的吸引力。在艺术与日常生活的角度，有认为美学是艺术与日常生活分隔开的独立领域，而另一些理论则主张艺术与生活密切相连。综上，不同时期和文化有不同的美的标准，对美的理解和表达方式也有所不同，因此美学准则也呈现出多样性和变化性。","research.all.the.articles.paragraph17":"美学是研究审美活动规律的学科，它是美、艺术和审美经验的哲学分支，富于形而上的追求和思辨色彩。美学准则涉及对美的本质、美的标准以及作品的评价等问题，是一个广泛而深刻的领域。","banner.punchedTapePlaceholder2":"体验经典的打孔纸带","research.all.the.articles.paragraph0018":"衣物褶皱合理，商品体感和谐饱满。","research.all.the.articles.paragraph27":"光影","research.all.the.articles.paragraph0017":"商品状态：","research.all.the.articles.paragraph26":"构图","research.all.the.articles.paragraph25":"场景","research.all.the.articles.paragraph24":"物形","research.the.intent.recognition.agent":"意图识别智能体以用户query字符串为输入，如“生成一个新品导购频道”。以知识检索要求清单为输出，如“需求类型（存量组合）、页面类型（导购页）、信息结构（商品卡）、交互约束（是否可筛选）、内容要求（权益信息）等”，路由至下一个智能体。","research.all.the.articles.paragraph23":"基于商品的美学准则分为五大类：","research.all.the.articles.paragraph22":"AI生图美学准则涉及到艺术、设计和人机交互等多个领域。以下针对淘宝平台的生图美学准则，关注图片生成元素的质量以及元素之间互相影响下的关系构成准则细项。这些准则有助于确保生成图像的质量和吸引力。","careers.socialJob1Team":"淘天集团","research.all.the.articles.paragraph21":"AI商品美学标准","research.all.the.articles.paragraph20":"此研究于2024年，由淘天体验设计与中国美术学院视觉传播学院郑朝教授团队共研AI商品美学课题研究，项目历时一年，通过第一期的校企协同合作提出有效的AI商品美学准则，旨在引导人工智能（AI）在淘宝平台实际电商应用领域的发展，确保其在商用平台具有创造和引领性，对人类价值和审美具有积极和卓越贡献。","research.taobaoInteractiveGam.paragraph3":"基于淘宝电商互动游戏类型，结合市场趋势，依据设计视角进行专业解构，依据玩法类型、美术风格、UI设计、动效四个维度进行模块化研究整理，形成完整研究课题，并形成结案论文。","research.taobaoInteractiveGame.farmMapLevelDesign":"种地吧：地图关卡制设计","research.all.the.articles.new.label9":"淘天设计","careers.internJob1Location":"杭州","research.all.the.articles.new.label8":"自营设计","research.all.the.articles.new.label7":"天猫商家品牌营销设计","research.all.the.articles.new.label6":"淘天品牌与商家营销设计","research.all.the.articles.new.label5":"多端创新体验设计","research.all.the.articles.new.label4":"合作院校","research.all.the.articles.new.label3":"淘宝好价设计","research.all.the.articles.new.label2":"用户与互动设计","research.color.semantic.rules.excerpt":"颜色的语义规则（节选）","research.this.substantial.volume.of":"这部分简单重复的需求亟待自动化设计生产方式提升效率和效果。","research.multi.agent.workflow":"多智能体工作流","research.next.we.engineer.the":"接下来构建界面设计与生成的工作流工程。一个多智能体上下游协作的流程，实际上是在对每个子智能体及其串联逻辑进行定义和配置。每一个智能体包含上游输入、模型基座、记忆、系统提示词（角色、任务）、知识库（或数据库）、工具（MCP、插件）、输出下游。需要确保子智能体提示词中所提到的访问路径、对象命名、输入输出保持连贯统一。","research.taobaoInteractiveGame.caseStudies1":"互动游戏类型图谱应用","research.taobaoInteractiveGame.conclusion":"结语","careers.socialJob2Years":"2年","careers.socialJob6Team":"淘天集团（1688）","research.economic.aesthetics.paragraph21":"排版原则","research.economic.aesthetics.paragraph22":"将冰冷的平台权益机制转化为用户熟悉的感官刺激和情感奖励，让产品体验不是一个需要用户学习的机器，而是一个能带来即时快乐和确定性的“玩具”，从而达到增强用户粘性的目标。","awards.taobaoInteractiveGame.link2":"查看 Red Dot Design Award 2025","research.economic.aesthetics.paragraph23":"动效原则","awards.taobaoInteractiveGame.link3":"查看 Apple Design Award 2025","research.economic.aesthetics.paragraph24":"主体物+色彩+文案+排版+动效=美学模型5要素。","research.economic.aesthetics.paragraph20":"核心在于提炼关键信息进行放大，利用视听触等多感官通道重复轰炸，提供丰富多样的内容供消费。","research.building.internal.design.consensus":"为营销场景下信息的直观表达而构建团队内部设计共识","awards.taobaoInteractiveGame.link1":"查看 IF Design Award 2025","research.economic.aesthetics.paragraph29":"02 街头美学","research.taobaoInteractiveGame.babaFarmFullSceneMotionDesignExcerpt":"芭芭农场：全场景动效设计（示例节选）","research.economic.aesthetics.paragraph26":"通过5要素下的多种设计手法的组合应用可达成多种契合小城人群偏好的美学风格","footer.contactXiaohongshu":"小红书","research.economic.aesthetics.paragraph27":"01 超市促感","research.economic.aesthetics.paragraph28":"超市是小城人群每天都离不开的生活场景。通过提取超市中的元素再设计，真实还原人群熟悉场景，引起情绪共鸣。","research.economic.aesthetics.paragraph10":"小城街道概览","research.economic.aesthetics.paragraph11":"不过度追求思辨抽象，更注重功能直述与寓意美好，喜用生活化生动比喻。不追求语言体系的一致性，传统图腾、网络用语、歇后语、政府口号在同对话场景出现。","research.economic.aesthetics.paragraph12":"生活中的文案类型概览","research.economic.aesthetics.paragraph13":"取生活环境色为色彩基底，调优纯度&明度以保证屏幕色彩的肉眼还原度。继承色彩情绪认知，在线上环境中拓展应用。","careers.internJob3Date":"2026.03.17","research.element":"元素","awards.tmall.products.title1":"天猫多模态商品表达系统","awards.tmall.products.title3":"天猫多模态商品表达系统于2022年荣获IF Design Award - 用户体验设计类别（User Experience）","awards.tmall.products.title2":"天猫多模态商品表达系统荣获 IF Design Award","research.regardless.of.whether.a":"抛开规范是否开源和工具功能是否完善的因素，对于每一个企业设计团队自身而言，当下需完成的是能厘清并构建{{bold}}一个AI友好型的设计规范知识系统{{/bold}}，得以接入设计工具或大模型。","careers.internJob2Years":"实习","footer.copySuccess":"复制成功","careers.socialJob2Team":"淘天集团","awards.tmall.products.title9":"喵满分 #财宝香氛# muse金奖","research.economic.aesthetics.paragraph18":"将抽象的价格/参数，转化为用户熟悉的日常概念（时间、食物、动作、小额消费），从而降低决策门槛。","awards.tmall.products.title8":"MUSE铂金奖项目链接","research.economic.aesthetics.paragraph19":"文案描述原则","awards.tmall.products.title5":"Multi-modal Product Presentation System 设计精华","research.economic.aesthetics.paragraph14":"小城美学配色系统","awards.tmall.products.title4":"查看 IF Design Award 2022","research.economic.aesthetics.paragraph15":"色彩情绪分配","awards.tmall.products.title7":"猫超好运桶MUSE铂金奖","research.economic.aesthetics.paragraph16":"尽量采用真实的商品、模拟真实消费场景，建立用户联想，拉近距离，激活行为记忆。","awards.tmall.products.title6":"本项目是基于阿里集团电商平台为线上购物体验升级而设计的产品矩阵，旨在解决数以百万计不同商品特性的表达需要，结合对消费者使用习惯和天猫尖端技术的长期积累，我们提供了身临其境、智能的线上购买体验。既允许消费者直接与商品进行交互；也可以利用AI快速生成动态内容；让消费者足不出户能更全面的体验商品。","research.economic.aesthetics.paragraph17":"图形&质感原则","footer.download":"下载","research.switch.to.ai.facing":"给AI看的规则切换","research.all.the.articles.name_custom9":"浩炅","research.all.the.articles.name_custom6":"屿文","research.all.the.articles.name_custom5":"空鸣","research.all.the.articles.name_custom8":"文琦","research.all.the.articles.name_custom7":"深空","research.all.the.articles.name_custom2":"复乐","research.all.the.articles.name_custom1":"入也","research.all.the.articles.name_custom4":"耶礼","research.all.the.articles.name_custom3":"几里","research.asset.knowledge.consists.of":"资产知识分为图片、图标、标志、标签等单元，是页面内容填充的素材来源。语义规则由资产定义、属性变量、强制规则、功能用途构成。资产知识视具体单元决定是否需要代码实现（如图标需要、图片则不需要），与规则中命名连贯一致的素材源文件（svg / png）。映射纲要与元素模版一致。以图标为例，下图展示从设计向规则、映射、代码三项文件转化的结果。","research.symbolization.translating.the.core":"{{bold}}意象化{{/bold}}：将营销信息的核心语意通过普世的图形或图像进行具象化呈现；","banner.clearAll":"清除全部","awards.taobaoInteractiveGame.paragraph2":"淘宝Vision在提供完整购物功能的基础上，充分应用Apple Vision Pro空间计算、共享空间、3D内容、眼动与裸手交互等特性，为用户带来更直观、更沉浸、更开阔、更愉悦的购物体验。同时，帮助数以万计品牌将商品、内容、故事以混合现实空间的方式，带到用户真实的家中。","awards.taobaoInteractiveGame.paragraph1":"淘宝Vision体验设计于2025年荣获苹果设计奖 - 交互设计类别（Interaction Category）。之后相继荣获IF Design Award - 用户体验设计类别（User Experience）、红点设计奖 - 界面与用户体验设计类别（Interface & User Experience Design）。","footer.allRightsReserved":"版权所有","home.research4Title":"AI美学","research.the.complete.generation.pipeline":"完整生成流程如下：{{bold}}1. 用户输入自然语言需求{{/bold}} → {{bold}}2. 进入意图识别智能体{{/bold}}，将模糊需求扩写为可被系统理解的设计意图，输出一份结构化需求描述，为后续决策提供边界条件 → {{bold}}3. 进入知识检索智能体{{/bold}}，通过RAG从外挂设计系统规范知识中，按需检索获取与当前意图高度相关的上下文 → {{bold}}4. 进入方案设计智能体{{/bold}}，在边界条件下对检索到的规范上下文进行取舍、组合、填入，生成中间态数据纲要Schema\\*，一份明确描述页面、组件、样式、内容的结构化设计方案 → {{bold}}5. 进入代码生成智能体{{/bold}}，基于Schema再次回查设计系统规范知识，通过 Grep方式检索与调取对应代码库，对齐真实可用的组件属性值、样式变量与资源路径，生成最终的UI。","research.minimal.necessary.hierarchy.reduce":"{{bold}}层级精简必要{{/bold}} - 极致精简信息层级，简单排版，避免过多运用大小对比、分段、分层等方式，降低用户阅读成本；","careers.internJob1Desc":"负责建设和维护团队的AI设计平台，通过整合设计知识、工作流与AI能力，持续提升设计团队的产出效率、质量一致性与知识复用率；设计体系的智能化核心构建者，连接「设计」、「工程」与「AI设计工具」三大领域，确保AI在团队中的落地可用、可迭代、可控；能够独立构建和优化设计智能体系，理解架构与工作流转机制；主导设计智能体系架构的演进与跨平台工作流集成；构建面向全团队的智能设计平台，实现规模化赋能；负责智能体系建设，构建并维护团队的设计智能体（Design Agent）体系架构；负责知识体系与RAG维护，负责设计知识库（Design Knowledge Base）的建设与演进；负责工作流智能化与工具集成&设计智能体性能监控与评估。","careers.social":"社会招聘","research.generated.interface.preview":"生成界面展示","products.design.specifications.new.paragraph08":"直面电商设计的核心矛盾：“消费者第一眼看到的就是价格，如何不让设计冲击价格感知？”Jason从全链路一体化的视角出发，阐释了品牌设计如何在用户从站外广告到支付成功的每一个触点保持连贯表达。在双十一这样的超级流量场中，设计必须平衡氛围营造与交易效率——既不能淹没核心信息，又需传递品牌温度。团队策略随经济环境灵活调整：2024年面对消费紧缩，采用“大字报”式设计，突出“全场八五折”等硬核权益，强调信息效率与感知速度；2025年则伴随经济复苏，升级为“全心以赴，多彩生活”主题，融入AI与生态能力，转向品牌心智与情感连接。","careers.socialJob12Team":"淘天集团","products.design.specifications.new.paragraph09":"有石在互动游戏设计分享中，深刻阐述了“轻量但成瘾”的设计哲学。他开宗明义地指出：互动并非孤立功能，而是串联“访问、浏览、参与、获得、选购”的关键体验纽带。为实现这一目标，淘天构建了覆盖全场景的互动体系：营销互动制造爆发声量，日常互动培养用户习惯，产品内互动助力频道运营，小游戏生态则实现流量置换。以签到产品为例，设计呈现出清晰的三层逻辑——主线聚焦核心路径，任务拓展行为边界，支线满足个性场景，以此构建张弛有度的参与节奏。","research.versionai.tmall.is.an":"VersionAI Tmall是一份面向AI的设计规范官网，内含所有以上设计知识，帮助使用者生成符合天猫设计规范的用户界面、设计评审与答疑。网站的页面结构与设计系统知识结构保持一致，分为样式、页面及其子项知识单元的树状导航。每一篇知识单元页，可以切换给人类看的规则和给AI看的规则，并支持复制或下载片段知识的功能。设有部署页，指导使用者如何调用该规范以生成界面。同时在博客页收录此项目的核心经验分享，除了本篇文章以外，还有“AI协作设计首页概念视频”、“AI协作官网设计与开发”的两篇实践文章。","products.design.specifications.new.paragraph02":"2025年12月9日，郑朝教授带领同学们回顾了与淘天集团共创的 “AI生图美学准则” 研究课题。这并非一次简单的技术适配，而是一场关于“美能否被定义、被机器理解”的哲学思辨。“在AIGC时代，电商平台的‘美’究竟意味着什么？”郑朝教授在复盘时提出。","products.design.specifications.new.paragraph03":"研究团队摒弃了机械式的图像打标，转向构建一套可被AI学习的美学逻辑体系——从色彩构成、元素关系到视觉叙事，将主观审美转化为可迭代的算法语言。这场预热不仅是项目复盘，更是心态转换：从“学习者”到“预备役商业设计师”，从创作独立作品到融入商业链路的关键环节。","products.design.specifications.new.paragraph01":"在三周的沉浸式研习中，学员将历经“发现与定义、探索与设计、深化与交付”三个递进阶段，完成设计思维的显性化操演与认知重塑过程。我们强调在真实商业约束下的“问题框定”能力，引导学员运用用户体验、行为逻辑、交互分析等方法，透过数据表象，捕获深层次用户心智模型与行为动因。工作坊的核心是要求学员不仅娴熟于交互范式与视觉传达，更需理解平台经济学、消费心理学、游戏设计与社会化传播机制。","products.design.specifications.new.paragraph06":"提出“用户、链路、节点”三维框架，将设计从界面美化提升至系统体验构建的高度。这一方法论始终以“用户想要什么” 为原点，强调通过入口分析洞察预期，并依此动态规划页面呈现。在明确用户路径的基础上，需梳理清晰流畅的主线任务，并对红包、引导等支线行为进行有度设计，同时确保各节点信息架构的合理布局。在实践中，倡导通过竞品分析、体验走查与舆情调研深入诊断体验问题，坚持 “分析→策略→表达” 的流程，使设计创新始终建立在尊重用户习惯与商业共识之上。优秀的设计，最终体现于链路的合理与逻辑的严谨，而非停留于视觉表层。","research.page":"页面","products.design.specifications.new.paragraph07":"晓冰在品牌营销设计分享中指出，设计的核心在于从“学生思维”转向“商业思维”——即从以个人审美为中心的表达，转向以产品与用户为视角的沟通。商业设计不仅是视觉呈现，更是一场与用户持续互动的对话，目标在于通过设计有效驱动用户行为、实现明确的商业目标。在实际操作中，这要求设计师具备快速迭代与实时验证的能力，如在“双十一”等大促项目中，构建从品牌策略、视觉传达、媒介投放到数据反馈的全链路闭环，确保每一个环节都紧密围绕“用户如何感知、如何行动”展开，让设计在商业系统中真正发挥作用。","research.all.the.articles.paragraph99":"色彩倾向与纯度应统一，画面中色彩和谐呼应，避免杂乱拼贴。在AI电商产品生图美学中，色调一致性需从对比关系、明暗关系、冷暖关系等多维度综合考量。唯有各维度的色彩关系均保持平衡和谐，图像才能呈现真实感与感染力。","products.design.specifications.new.paragraph04":"奇维从设计演进的历史视角出发，揭示了设计与技术之间持续互哺的共生关系——从施乐的开创到苹果、微软的演进，再到本土金山、腾讯最早组建专业设计团队，标志着互联网设计从“界面美化”逐渐走向系统化专业轨道。随着产品复杂化与同质化加剧，设计的核心从“视觉竞争力”转向“体验决定性”——在用户拥有多重选择的时代，体验本身成为关键差异点。面对碎片化的注意力环境，“如何以更简单、直白、直观的方式传达信息”成为设计师的持续课题。","research.all.the.articles.paragraph98":"色调关系：画面色彩基调的一致性","products.design.specifications.new.paragraph05":"在淘天多元业务场景中，这一理念被转化为具体实践：在直播中构建专业心智，在会员体系中塑造尊贵感，在互动中融入游戏化叙事。奇维始终强调，设计的本质是理解并化解用户顾虑，在商业目标与体验价值之间寻找平衡，因为“消费者进入平台并非为了欣赏设计，而是为了获取内容”。这既是一种设计思维的成熟，也是一种商业智慧的沉淀。","research.all.the.articles.paragraph97":"室外灯光：在运用室外灯光时，不同光源的照明效果可使商品在电商平台上呈现多样化氛围。同样需关注灯光色彩、角度与投影之间的合理关系，确保生成图像效果自然真实。","research.all.the.articles.paragraph96":"室外月光：夜晚月光柔和，营造出低调的冷色调，减轻场景中的硬阴影。此类柔和宁静的光线为商品赋予高雅而神秘的美感。","research.spacing.design.excerpt":"间距的设计（节选）","research.all.the.articles.paragraph95":"室外雪天：雪天环境中，光线均匀洒落于产品表面，呈现柔和而均匀的照明效果。此时图像中产品表面的硬阴影减少，细节与纹理得以突出。例如，圣诞礼品类产品在雪景中展示，更添节日氛围。","research.all.the.articles.paragraph94":"室外雨天：雨天环境下景物更显清澈，色彩更为鲜艳，可为产品营造清新生动的视觉效果。此时需考虑路面积水的倒影，使其与主体形成和谐镜像。例如，补水面膜类产品可借助雨天倒影强化水润的视觉感受。","research.all.the.articles.paragraph93":"室外阴天：在阴天环境中，光线均匀柔和，有助于降低商品表面反差，真实呈现产品色彩与纹理。此类光线下的阴影关系给人以舒适自然的视觉感受，充满亲和力。","research.all.the.articles.paragraph92":"室内光线：室内光线强度通常随传播距离增加而减弱。室内光多来源于人工灯光、窗户自然光或二者结合，光线相对柔和，不易形成强烈阴影，因此室内场景的AI生图不宜出现过硬阴影。此外，不同类型灯具与灯光颜色会营造不同氛围，阴影颜色需与灯光颜色协调，并与环境反光相呼应。","research.all.the.articles.paragraph91":"阴影反馈/光影一致性：画面中阴影方向须与光源方向一致，阴影面积应与物体面积相匹配，各物体的受光与背光关系也需统一。","research.all.the.articles.paragraph90":"应保持画面全局光源统一，主次光布局合理，多采用明亮柔和的自然光。光感的协调是图像真实感的重要构成。光线方向、物体投影、环境反光等诸多要素之间密切相关。唯有物体与场景的光影要素协调一致，避免矛盾的光影关系，才能生成具备足够感染力的产品图像。","footer.scanWithWeChat":"使用微信扫码","careers.socialJob3Team":"淘天集团","awards.tmall.products.title15":"项目展示","research.configure.the.tmall.design":"在IDE工具中配置tmall-design的MCP","awards.tmall.products.title16":"设计项目说明：","awards.tmall.products.title17":"天猫小黑盒与2024年阿那亚虾米音乐节合作的「HEYLIVE海边乐迷之家」全案，通过场景化营销策略将品牌植入音乐节文化场景，主视觉天猫小黑盒立方体造型被解构为“探照光源”，还原闪亮舞台与渐变海岸线，构建品牌与年轻用户的情感连接。项目同时整合德龙、海尔等五大品牌资源，打造线上线下联动的立体化营销矩阵，实现品牌曝光、用户引流与文化共鸣的多维目标。","footer.scanToFollow":"扫码关注","footer.contactEmail":"邮箱","awards.tmall.products.title10":"MUSE金奖项目链接","awards.tmall.products.title11":"天猫小黑盒 × 虾米音乐节 「HEYLIVE 海边乐迷之家」项目获意大利 A'Design Award 国际设计奖金奖","app.check":"success","awards.tmall.products.title12":"奖项logo","awards.tmall.products.title13":"获奖证书、奖杯","awards.tmall.products.title14":"获奖信息查询","research.spacing.code.implementation":"间距的代码实现","careers.socialJob5Title":"体验设计专家-闲鱼","products.design.specifications.paragraph18":"千牛设计系统组件预览","products.design.specifications.paragraph17":"该系统以“务实提效”设计理念为核心，强调回归B端商业管理系统的本质：在信息框架上，追求极致的清晰直观，确保商家对“是什么”与“怎么做”一目了然，降低理解成本；在视觉样式上，主张不宣兵夺主、恰当自然，通过克制且简单地使用颜色与抽象符号，消除可能引发认知困扰的视觉元素；在交互逻辑上，致力于简单快捷，通过最短的动线支撑商家频繁的操作与切换。","products.design.specifications.paragraph19":"天猫设计系统规范","footer.contactTitle":"联系","products.design.specifications.paragraph14":"淘宝系统组件预览","products.design.specifications.paragraph13":"淘宝设计以用户为中心，对产品功能进行克制严谨的设计，系统复杂全面的设计构思旨在为用户提供简单好用有趣的产品体验。设计师，产品经理和开发人员的资源，提供围绕淘宝产品的通用语言，使用它来维护淘宝应用极致而体贴的产品体验。","products.design.specifications.paragraph16":"千牛商家设计（Qianniu Design）是专为千牛商家工作台打造的一套设计系统，以效率为核心，适应高频复杂的业务场景，确保核心数据与任务高效传达，从而满足商家日常经营与店铺管理的核心需求。","products.design.specifications.paragraph15":"千牛设计系统规范","careers.socialJob11Location":"北京/上海","products.design.specifications.paragraph10":"愿景：定义智能生产新范式","products.design.specifications.paragraph12":"淘宝设计（Taobao Design）是一套专为淘宝App打造的设计系统，淘宝设计体系旨在打造一套通用的设计语言， 确保淘宝整体产品体验与赋能不同角色共同打造简单而友好的商业生态。","products.design.specifications.paragraph11":"淘宝设计系统规范","research.all.the.articles.name_new10":"董望俐","research.all.the.articles.name_new02":"王涌","careers.internJob2Date":"2026.03.17","research.all.the.articles.name_new01":"孔凯乐","research.all.the.articles.paragraph79":"透视关系","research.all.the.articles.name_new06":"周舟","research.all.the.articles.paragraph78":"例如，人模与画面边缘之间应保留适当负空间，通过合理留白避免画面拥挤，增强呼吸感，使整体构图更显平衡自然。保持构图主体与画面边缘的适当间距，旨在维护人模与商品之间的协调关系，同时提升画面的视觉吸引力与美感。","research.all.the.articles.name_new07":"王妍","research.all.the.articles.paragraph77":"在以人模作为画面主体时，关键在于通过构图使人模的比例与位置有效突出商品。将人模置于画面中央，既能直接吸引观者视线，强化其焦点地位，也符合观者观察图像时自然关注中心区域的视觉习惯。","research.all.the.articles.name_new04":"刘祥","research.all.the.articles.paragraph76":"符合视觉习惯的布局强调构图应顺应人类的视觉感知规律与审美偏好，运用经典构图原则营造自然且悦目的视觉效果。黄金分割与三分法是构图中最为经典和广泛运用的准则，其持久生命力源于契合人类对视觉平衡与和谐的本能认知。例如，黄金分割法则建议将重要视觉元素置于画面的特定分割点—通常靠近画面边缘，此类布局不仅能吸引观者注视，还能在视觉上营造平衡感与动态效果。","research.all.the.articles.name_new05":"杨浩炅","research.all.the.articles.paragraph75":"本项标准关注如何通过构图确保商品的主体地位得以凸显。主体性的核心在于使商品在画面中居于中心位置，并借助视觉元素的有机组织，强化其作为画面焦点的属性。","research.all.the.articles.paragraph74":"主体性","research.all.the.articles.paragraph73":"画面整体的平衡与协调：设计视觉动线时，还需兼顾画面整体的平衡与协调。所有元素的排布不仅需服务于视觉引导，也应保持构图的内在和谐。","research.all.the.articles.name_new08":"文禹翰","research.all.the.articles.paragraph72":"视线空间的考量：当图像中含有人模且具备明确的眼神表达时，视线方向的延展性尤为重要。应在人模视线前方预留足够空间，以增强画面动态感并引导视觉流动。","research.all.the.articles.name_new09":"刘姿君","research.all.the.articles.paragraph71":"线条、形状与光线的运用：通过合理布置线条与形状，可构建引导观者视线的路径，自然将注意力引向商品。这些视觉元素应被组织为流畅的视觉引导系统，最终聚焦于商品本身。","research.design.method.literal.visualization":"设计手段：具象直译","research.all.the.articles.paragraph70":"若人模带有眼神表达，需注意视线方向的延伸感，并在人模朝向的一侧预留适当空间。","careers.internJob1Title":"AI工程设计师","research.economic.aesthetics.paragraph32":"民俗是小城人群的精神寄托，通过民俗的美好祝福以及载体的传递，获得这一群体的认同感。","research.economic.aesthetics.paragraph33":"审美不论高低，下沉市场也有美学追求，小到吃穿用，大到建筑装修，小镇人民的审美也在随着时代迁移变化。从日常生活中汲取灵感，提炼野生设计精髓，让产品更有温度，让小商品焕发出大价值。设计不停，经济美学仍在迭代…","research.economic.aesthetics.paragraph30":"小城街头随意拼贴的小广告，是小城人群鲜活的生活。提取其形式感，构建独特的小城野生混搭美学。","research.economic.aesthetics.paragraph31":"03 民俗达意","products.design.specifications.paragraph21":"该系统以“白纸”（White Paper）设计理念为核心，强调让内容仿佛从空白画布中跃然而出，通过简化流程与结构，去除一切可能造成干扰或困惑的元素。","products.design.specifications.paragraph20":"天猫设计（Tmall Design）是专为天猫购物应用打造的一套设计系统，涵盖设计理念、原则、风格、组件与资产。其体验目标是以内容为核心，简化任务操作，确保信息高效传达，并呈现极致简约的设计风格，从而满足产品定位与目标用户的需求。","research.versionai.tmall":"研究","products.design.specifications.paragraph22":"天猫系统组件预览","research.all.the.articles.paragraph89":"光源关系：画面中各物体的光源统一性","banner.cameraMoveBody":"尝试移动你的身体","research.all.the.articles.paragraph88":"曝光统一：核心主体内容的曝光程度应保持一致。适应不同场景是产品图曝光调节的另一要点。在整个产品系列图中，保持统一的曝光水平有助于建立品牌形象，使用户更易识别与记忆产品，从而强化品牌整体一致性。","research.all.the.articles.paragraph87":"整体曝光：欠曝图像偏暗，影响物体形态辨识；过曝图像泛白，导致细节损失。通常倾向于明亮的曝光水平。在产品图中，背景的曝光控制同样重要。通过调整曝光，可更好地控制产品与背景间的对比关系，尤其在产品与背景颜色相近时，这对突出产品并使其脱颖而出尤为关键。","research.all.the.articles.paragraph86":"曝光主体：应以图像主体内容为曝光基准，注重曝光的合理性。在AI电商产品生图美学中，产品呈现不仅关乎外观，更需通过曝光度的精细调节以突出各方面细节。恰当的曝光能够强调产品表面纹理、材质与颜色，确保潜在买家清晰看到产品细节，从而增强购买吸引力。","research.all.the.articles.paragraph85":"曝光度：画面光线的明暗程度及曝光一致性","research.element.knowledge.is.divided":"元素知识分为{{bold}}颜色、文字、圆角、动效四类{{/bold}}不可再分单元，是所有设计样式的基础依赖。语义规则由元素定义、样式构成、属性变量（设计令牌）、强制规则、功能用途构成。代码实现为全局样式（scss），此项由IDE工具调用设计软件MCP服务自动还原设计、生成代码。映射纲要由id符号、语义（名称、定义、描述）、规则、实现、约束（使用场景、强制禁止、其他） 等构成，此项由AI根据Schema提示词规则进行自行生成\\*。","research.all.the.articles.paragraph84":"光影","careers.socialJob13Team":"淘天集团（淘宝平台）","research.all.the.articles.paragraph83":"景深营造：在AI生成电商图像时，景深控制是构图的关键要素之一。它通过模拟相机焦距与光圈设置来调节景深，从而实现背景虚化效果，使商品在视觉上更为突出，成为画面焦点。AI生成电商商品图像时，需要精确控制焦距、光圈及物距，合理安排前景与背景的虚实关系，以确保输出图像既符合商业规范，又具备艺术价值。通过此类处理，AI能够创作出兼具专业性与视觉吸引力的商品图像，有效提升商品的展示效果。","research.all.the.articles.paragraph82":"空间透视：空间透视是AI生成电商图像中重要的视觉元素之一，要求人模、产品与空间结构之间保持一致的透视关系。正确的透视关系能够确保人模和产品在空间中的位置及大小与环境相协调。","research.design.synthesis.agent.configuration":"方案设计智能体配置（节选）","research.all.the.articles.paragraph81":"光影处理是另一关键要素，直接影响商品的形态与纹理呈现。通过模拟不同光照效果（如单侧照明产生的阴影），可强化产品的三维感。精确的光影模拟不仅令商品更显生动，也为画面赋予丰富的层次与质感。","careers.master":"硕士","research.all.the.articles.paragraph80":"在AI生成电商商品图像的透视构图方面，核心在于如何在二维平面上有效模拟三维空间感。这一挑战涉及视觉艺术中的多项基本原理，尤其是透视法、光影处理与景深控制。透视法在视觉艺术中历史悠久，通过线条与形状的排布模拟视觉深度与距离感。AI生成商品图像时，可借助构建消失点与透视线，营造产品向远处延伸的视觉效果。该方法不仅能增强商品的立体感，也可为画面注入深度与动态表现。"},"es_ES":{"home.research5Title":"Diseño y aplicación de la estética económica","products.aiagent.new.title":"Llamado y ejecución de la biblioteca de habilidades desarrollada internamente por el equipo","careers.socialJob4Team":"Grupo Taotian","careers.socialJob4Years":"3 años","research.all.the.articles.paragraph001":"Objeto en sí:","research.all.the.articles.paragraph005":"Grado de restauración:","careers.internJob3Desc":"Analizar el comportamiento y la retroalimentación de los usuarios, así como el diseño y la evolución de productos similares, en especial los productos de IA; encargarse del diseño de la experiencia del producto para diversas modalidades de negocio; entregar estrategias y soluciones de diseño adaptadas a las necesidades específicas; desarrollar capacidades internas de diseño en IA; redactar diversos documentos sobre conocimientos de diseño, incluyendo, entre otros, normativas alineadas con la cognición de la IA y conocimientos sobre contenido reconocible por modelos.","research.all.the.articles.paragraph004":"El estado del producto es el elemento central para evaluar la calidad de las imágenes generadas por IA. Es fundamental asegurarse de que las formas de los productos generados por IA estén en perfecto estado, evitando defectos, estructuras inadecuadas y otros problemas similares. Asimismo, es necesario garantizar una recorte preciso, evitando fenómenos como bordes desiguales, blancura excesiva o viñetas moradas, a fin de que las imágenes generadas cumplan con las expectativas del cliente.","research.all.the.articles.paragraph003":"Configuración de productos:","research.all.the.articles.paragraph002":"Presentación del estado y la autenticidad de los productos generados. Los criterios de evaluación estética de las imágenes de productos basados en la ontología del objeto producto, abarcan principalmente dos niveles: la configuración del producto y el grado de fidelidad.","research.all.the.articles.paragraph009":"Selección de ángulo:","research.all.the.articles.paragraph008":"Exhibición de productos y perspectiva de visualización.","research.all.the.articles.paragraph007":"Seleccionar ángulo:","research.all.the.articles.paragraph006":"Debe reflejar fielmente la estructura y las características propias del producto, incluyendo su forma, materiales y colores. Aunque puede verse influenciado por factores ambientales, debe respetar lógicas de percepción natural y no desviarse de la forma original del producto. En cuanto a la fidelidad y exactitud visual, las imágenes generadas por IA deben representar con precisión la apariencia, las proporciones y los detalles característicos del producto. Además de reproducir fielmente el producto en sí, las imágenes deberán mantener, en la medida de lo posible, una alta resolución y prestar especial atención a los detalles del producto, capturando con excepcional nitidez los delicados acabados artesanales, las texturas de los materiales y los complejos elementos de diseño, para así poner plenamente de manifiesto el nivel de artesanía y el atractivo visual del producto.","team.intro.text":"El diseño de Taobao es un equipo de diseño que sirve a la experiencia de cientos de millones de consumidores en todo el mundo, brindando servicios a múltiples productos de nivel nacional como Taobao y Tmall. Nos dedicamos a liderar la experiencia del usuario, con el objetivo de que el diseño toque los corazones y haga que los negocios sean hermosos y sencillos.","careers.internJob3Location":"Hangzhou","research.economic.aesthetics.title9":"Refinamiento de métodos de diseño","research.economic.aesthetics.paragraph9":"Está firmemente convencido de que la multiplicidad de canales es esencial para la vida; los rótulos de las tiendas se entrelazan sin interrupciones, formando así una pared continua de información entre tiendas contiguas. Dejar espacios en blanco equivale a desperdiciar, mientras que llenarlos por completo brinda sensación de seguridad. La misma información aparece una y otra vez en pegatinas de suelo, carteles verticales, frontis de tiendas, pancartas e incluso altavoces publicitarios, reforzándose mediante múltiples canales. La información clave tiene un tamaño considerablemente mayor que el resto del texto, ocupando a la fuerza el centro de la composición.","research.economic.aesthetics.title7":"De panel | Prioridad funcional, alta densidad, fuerte contraste","research.economic.aesthetics.title8":"Texto | Directo y concreto, mezcla de dialectos, «superstición» como enfoque","research.structural.translation.of.design":"Traducción estructural del conocimiento de la especificación del sistema de diseño","products.design.specifications.paragraph3":"Su capacidad abarca escenarios clave como generación de imágenes en modo conversacional, generación por lotes, ampliación a múltiples tamaños, reutilización de plantillas y estilos, refinamiento y edición de imágenes, generación personalizada según las necesidades del negocio, y llamadas mediante API, lo que permite una transformación eficiente desde ideas de imágenes individuales hasta la producción de materiales a escala de miles.","research.economic.aesthetics.paragraph7":"La actual situación de mezcla de materiales en las ciudades pequeñas es el resultado conjunto de factores como recursos, percepciones y necesidades. Entre lo liso y lo rugoso, lo reflectante y lo mate, lo digital y lo artesanal, este aparente caos de estilos revela, paradójicamente, un ambiente lleno de vitalidad y autenticidad social. No se busca excesivamente la «belleza armoniosa y refinada», sino más bien una «belleza práctica y vivaz». La preferencia de los habitantes de las ciudades pequeñas por lo «dorado y resplandeciente» refleja, en esencia, un idealismo pragmático. Las calles de los pueblos de condado suelen presentar fondos desordenados y sombríos; la textura metálica altamente saturada y reflectante capta instantáneamente la atención de los transeúntes, mientras que las fachadas doradas sugieren que los comerciantes son serios y confiables, aportando así una fuerte credibilidad. Para quienes han vivido épocas de escasez material, esta textura dorada representa especialmente un anhelo psicológico de abundancia y prosperidad.","products.design.specifications.paragraph2":"Taotian AI Designer es un agente inteligente y plataforma de producción integral de diseño visual basado en IA, diseñado para los equipos de comercio electrónico y diseño de Taotian. Apoyándose en las capacidades de diseño acumuladas en la plataforma, la experiencia empresarial y un flujo de trabajo a gran escala para la generación de imágenes, ayuda a diseñadores y operadores a llevar a cabo toda la cadena de producción visual, desde la generación de ideas hasta la entrega masiva.","research.economic.aesthetics.paragraph8":"Escena real de las calles de la pequeña ciudad","products.design.specifications.paragraph5":"De «generar imágenes» a «generar diseños»","research.economic.aesthetics.paragraph5":"Desde el punto de vista del embalaje de productos, ya sea que en épocas tempranas se estuviera limitado por la escasez de materiales de producción y se recurriera a ventanas transparentes para mostrar completamente la realidad del producto, o que con la mejora en la precisión de la impresión de embalajes se generaran imágenes detalladas y refinadas del producto, en ambos casos el propio producto, de manera intuitiva, sirve para atraer a los usuarios. Desde el punto de vista de la publicidad callejera, los rótulos hechos a mano por los propietarios y las creaciones gráficas espontáneas hacen que el contenido sea más fácil de entender, acercando así más fácilmente al público y reduciendo costos mientras permiten una iteración flexible. Desde el punto de vista de la difusión cultural, los símbolos tradicionales de buena suerte (la felicidad, la riqueza y la carpa koi) se han incorporado con gran frecuencia en escenarios cotidianos (telas, pegatinas, azulejos, diseños de productos, etc.), convirtiéndose en amuletos decorativos portadores de buena fortuna.","products.design.specifications.paragraph4":"Desafío: La alta frecuencia, la gran volumen y la imprevisibilidad del diseño en el comercio electrónico.","research.economic.aesthetics.paragraph6":"Creación de gráficos salvajes","team.section.title":"Este es el diseño de Taotian.","research.economic.aesthetics.paragraph3":"En los condados y pequeñas ciudades, los elementos visuales públicos como letreros y murales utilizan con frecuencia combinaciones de colores altamente saturados: rojo, amarillo, azul y dorado (a veces acompañados de verde o blanco). Este uso se debe tanto a las limitaciones impuestas por los materiales y técnicas disponibles como a factores culturales, psicológicos y de eficiencia en la difusión. Principalmente, se toman en cuenta cuatro aspectos: 1. Los materiales básicos y los costos de instalación son extremadamente bajos: impresión digital en PVC de fabricación nacional, tintas monocromáticas, películas de calidad para obras viales y pinturas industriales locales «de secado rápido y resistencia a la luz solar», todas ellas económicas y sin necesidad de mezclas de colores; 2. Alta reconocibilidad = alta eficacia en la difusión: los colores primarios altamente saturados poseen una capacidad visual excepcional incluso en condiciones lumínicas complejas (exposición directa al sol, oscuridad nocturna o fondos desordenados); 3. Las limitaciones en habilidades de construcción y el uso de plantillas determinan que la forma más sencilla de ejecutar los trabajos también lleva a una homogeneización estética en los resultados; 4. Los colores mismos portan un «aval de confianza», transmitiendo subconscientemente sensaciones de «alegría, luminosidad, ortodoxia y fiabilidad», lo que reduce el costo de decisión para los consumidores.","research.economic.aesthetics.paragraph4":"Colores del entorno de vida","research.economic.aesthetics.paragraph1":"La población común en los condados y ciudades pequeñas de China, que no son ciudades de primera o segunda categoría, refleja la realidad cotidiana auténtica de la mayoría de la gente. El entorno en el que viven, las cuestiones cotidianas que les preocupan, las actividades con las que se relacionan y los productos que consumen presentan características típicas y comunes de las ciudades no de primera categoría, mostrando diferencias naturales en sus hábitos de consumo y en sus intereses respecto a los usuarios de las ciudades de primera categoría. La investigación revela que las preferencias estéticas de este grupo objetivo en su vida cotidiana también exhiben una combinación característica de eclecticismo, practicidad y emotividad humanista. La literatura procedente de los condados logra gran atención, en cierto sentido, porque está ampliamente conectada con nuestras propias experiencias de crecimiento y vida, lo que despierta empatía. Desde la perspectiva de los verdaderos protagonistas de la vida cotidiana, analizamos los diseños habituales en escenarios de consumo offline desde diversas dimensiones —como color, gráficos, texto, textura y composición tipográfica— para extraer las características económicas y estéticas así como los métodos de diseño. Estos elementos se aplican luego en la experiencia de productos en comercio electrónico en línea y en escenarios de marketing de marca, generando resonancia emocional entre los usuarios, fomentando la fidelidad hacia la plataforma y reforzando una imagen diferenciada en la mente del consumidor.","research.economic.aesthetics.paragraph2":"Al percibir que el grupo objetivo tiene expectativas preestablecidas respecto a los productos indispensables para la vida, la experiencia debe reflejar plenamente su búsqueda de practicidad económica y su retorno a una vida auténtica. Restituir las mínimas diferencias de precio que importan al grupo permitirá ofrecer pequeños pero reales beneficios que generen alegría en su día a día; interpretar la literatura cotidiana de los mercados locales, descubriendo en los precios bajos ideas creativas que realcen el valor para el usuario. El diseño puede expresar la belleza que aportan los objetos cotidianos a la calidad de vida, así como brindar mayor utilidad a la vida y añadir o materializar ingeniosas soluciones prácticas. Detrás de la estética económica, «pequeños precios, grandes valores», se refleja la búsqueda psicológica del usuario por una relación calidad-precio óptima; el diseño busca medios concretos y ricos para centrarse en «puntos clave de valor».","careers.socialJob13Date":"2026.01.05","careers.internJob2Title":"Artista creativo de IA","research.ai.friendly.semantic.rules":"Reglas semánticas amigables con la IA","careers.bachelor":"Licenciatura","research.there.is.now.a":"Actualmente, existe una amplia gama de soluciones para la generación de interfaces impulsadas por IA disponibles en el mercado. Las herramientas emergentes de IA e IDE (V0, Stitch, Cursor, etc.) se basan en modelos fundamentales que internalizan conocimientos de desarrollo y luego hacen llamadas a bibliotecas de componentes de código abierto (Tailwind, Shadcn, AntD, M3, etc.). Por su parte, las soluciones basadas en software de diseño (como Figma Make y Mastergo Agent) generan interfaces y código simultáneamente, utilizando las bibliotecas de componentes creadas y mantenidas dentro de las propias herramientas de diseño.","research.economic.aesthetics.title2":"Introducción al contexto","research.economic.aesthetics.title5":"Gráficos | Expresión figurativa que busca significados positivos","research.economic.aesthetics.title6":"Textura | Collage pragmático, en busca de brillo y esplendor","research.economic.aesthetics.title3":"Investigación sobre el entorno de vida","research.economic.aesthetics.title4":"Color | Siguiendo los colores originales de los materiales, con una orientación emocional inherente","home.product1Title":"Diseñador de IA de Taotian","research.building.internal.enterprise.design":"Creación de una wiki interna de diseño empresarial para AIGUI","research.note.design.tokens.for":"Nota: Los tokens de diseño para elementos y diseños deben construirse con estándares claros, semántica explícita y una estructura coherente. Por lo general, siguen una progresión por capas desde el valor → la denominación de propiedad primitiva → la denominación semántica → la descripción de la regla.","careers.socialJob12Desc":"Responsable del diseño de experiencia para productos relacionados con la gestión y la emisión en directo de los presentadores de Taobao Live, asegurando así la usabilidad, la escalabilidad y la calidad del diseño de los productos. Encargado de todas las tareas, desde la coordinación con el negocio, la definición de estrategias, la formulación de conceptos de diseño, la elaboración de propuestas, la implementación real y la recopilación de datos; capaz de estructurar y completar la arquitectura de información, establecer el estilo visual, generar la apariencia de la interfaz y definir las normas de componentes. Tiene una comprensión y capacidad de evaluación global del negocio, y es capaz de colaborar con equipos de diferentes niveles —como negocios, investigación de usuarios y desarrollo— para identificar oportunidades de diseño y co-crear de manera profunda con el fin de generar valor.","awards.new.article01":"Interacción principal del 11-11 de 2024 — Premio Platino MUSE y Gran Premio del Premio de Diseño de Berlín","awards.new.article02":"Interacción principal para la Fiesta de la Primavera 2025 - Premio de Plata del Premio Global de Diseño IAI y Premio Platino MUSE","awards.new.article03":"Interacción principal de la 618 de 2025 - Premio de Plata del Premio Global de Diseño IAI","research.layout":"Diseño","research.taobaoInteractiveGame.taoCoinPopArtStyleApplication":"Tao Coin: Aplicación en estilo pop art","research.color.design.excerpt":"Diseño de color (Extracto)","careers.socialJob5Team":"Grupo Taotian (Xianyu)","research.versionAI.tmall":"Lanzar la actividad de VersionAI en Tmall","careers.socialJob13Years":"5 años","research.in.taobao.s.marketing":"En los escenarios de diseño de marketing de Taobao, el recorrido del usuario se caracteriza por puntos de entrada tempranos y patrones cíclicos marcados, lo que exige en gran medida tanto la capacidad orientadora de la presentación de información como la claridad directa en la entrega de ésta. Desde una perspectiva empresarial, estos escenarios presentan una amplia cobertura, requisitos altamente recurrentes y contextos entrelazados. Sin embargo, históricamente, la expresión en marketing no ha sido estudiada de manera sistemática ni establecida como una disciplina fundamental de diseño. Una observación preliminar muestra una amplia variedad de estilos de expresión —incluyendo disposiciones tipográficas similares a carteles, composiciones gráficas y enfoques híbridos de gráficos y texto— lo que indica un importante potencial para una mayor integración y optimización. Esta iniciativa se centra en la «expresión intuitiva de la información», con el objetivo de establecer principios y metodologías universales de diseño para mejorar la eficiencia general de la comunicación de marketing.","research.tmall.app.uikit":"Tmall App UIkit","research.generative.ui.agent":"Agente de IU generativo","careers.socialJob7Title":"Diseñador de experiencias - 1688","home.bookFlipSubtitle":"Libros producidos por Taotian Design:  \nDetenerse en el diseño, pero no limitarse a la IA.","research.interactiveGameTrends.pageTitle":"Investigación sobre tendencias en diseño de juegos interactivos de Taobao","research.price.semantic.rules.excerpt":"Reglas semánticas de precios (Extracto)","careers.internJob4Date":"2026.03.12","research.from.literal.visualization.in":"Desde la visualización literal en pantallas de inicio, hasta los contenedores gráficos en ventanas emergentes, pasando por la unificación jerárquica en encabezados promocionales y llegando a la selección precisa del medio para los activos de campaña, la composición textual directa, la amplificación a nivel de marco de elementos clave y las pistas de características emocionalmente evocadoras —todas estas estrategias y estudios de caso siguen, en última instancia, el mismo principio rector: mantener la complejidad dentro del proceso de diseño y ofrecer simplicidad al usuario; mantener la abstracción dentro del lenguaje empresarial y devolver concreción a la cognición del usuario.","header.awards":"Premios","bottom.contributor.title":"Colaborador","careers.socialJob11Desc":"Análisis en el ámbito de la IA y entrevistas con expertos de la industria: desde una perspectiva de inversión, realizamos un análisis dinámico del sector de tecnologías de IA y del mercado de aplicaciones de IA, obteniendo insights sobre las tendencias de desarrollo de la industria, monitoreando y analizando las movidas clave de los actores y empresas principales en este campo. Además, llevamos a cabo entrevistas en profundidad con expertos sobre los eventos más relevantes para el mercado de capitales, elaborando informes de análisis que proporcionan insumos efectivos a nivel estratégico. En el ámbito del comercio electrónico y la comercialización, realizamos estrategias específicas e investigaciones de clientes, analizando en detalle las dinámicas de la industria en escenarios comerciales y de e-commerce, identificando tendencias de desarrollo sectorial, sistematizando y rastreando las tácticas y movimientos de cada plataforma. Asimismo, llevamos a cabo entrevistas en profundidad con expertos del sector, análisis de estados financieros, estudios de información industrial, extracción y análisis de datos internos, y, según sea necesario, encuestas a comerciantes y estudios sobre el ecosistema de agentes, incluyendo tanto análisis cualitativos como cuantitativos. Combinamos estos estudios con el entorno competitivo externo y con el negocio principal, generando informes integrales, profundos y reflexivos que abarcan aspectos estratégicos, tecnológicos, de productos, operativos y ecológicos. Mantenemos una comunicación intensiva con equipos de consultoría, planificación, producto, operaciones, tecnología y ecosistema, para comprender plenamente las necesidades internas del negocio y, mediante análisis dinámicos, retroalimentar las iniciativas empresariales, empoderando así al negocio principal para competir en nichos específicos, identificar puntos de desempeño clave y generar innovaciones transformadoras.","products.design.specifications.paragraph7":"Potente motor de bajo nivel","products.design.specifications.paragraph6":"Ciclo cerrado de toda la cadena para «chatear es crear»","products.design.specifications.paragraph9":"Revolución de la eficiencia: de 1 día a 30 segundos.","home.award3Title":"Medalla de Platino MUSE","products.design.specifications.paragraph8":"Ciclo de conocimiento en diseño","research.if.design.artifacts.are":"Si se espera que los artefactos de diseño sean legibles, recuperables, razonables y ejecutables de manera estable por sistemas de IA, los enfoques tradicionales para construir el conocimiento de la Especificación del Sistema de Diseño presentan tres deficiencias fundamentales que deben abordarse. 1. {{bold}}Falta de conocimiento estructurado:{{/bold}} los archivos fuente de diseño no están suficientemente estandarizados (faltan tokens de diseño, variables de componentes y descripciones semánticas); las reglas de diseño están insuficientemente especificadas (carecen de estructuras descriptivas claras y formatos de contenido); y el código de diseño está incompleto (falta implementaciones concretas de código). 2. {{bold}}Falta de mapeos explícitos:{{/bold}} no existen relaciones explícitas, estructuradas de anclaje, restricción y referencia entre las reglas de diseño y el código. 3. {{bold}}Falta de mantenimiento unificado:{{/bold}} los archivos fuente de diseño, las reglas y el código son creados y mantenidos por separado por diseñadores y desarrolladores, sin un consenso compartido sobre la estructura o los mapeos, lo que lleva a la fragmentación y a iteraciones inconsistentes.","research.element.semantic.rule.template":"Plantilla de regla semántica de elemento","careers.internJob2Desc":"Diseño creativo de marca para diversas líneas de negocio y actividades, con entrega de soluciones integrales que incluyen, entre otros, diseño de marcas, marketing, páginas web, embalajes y espacios; planificación creativa temática para productos interactivos, definición del estilo visual y creación de personajes para dichos productos; utilización de herramientas de IA para diseño y creación artística, resolución de problemas técnicos relacionados con el logro de objetivos, alcanzando un nivel de excelencia líder en la industria; construcción de bases de datos de diseño, entrenamiento y optimización de modelos Lora según las necesidades comerciales y los objetivos de diseño, facilitando la generación autónoma de materiales comerciales.","footer.sloganHumanistic":"Humanista","research.in.this.project.the":"En este proyecto, el flujo de trabajo y los agentes se crean dentro de una herramienta basada en un entorno de desarrollo integrado (IDE). El modelo base y la memoria utilizan configuraciones predeterminadas; las herramientas están preconfiguradas o no requieren configuración alguna; los elementos restantes se definen explícitamente. Los archivos Markdown de indicaciones incluyen (pero no se limitan a) definiciones de roles, definiciones de tareas, pasos de flujo de trabajo incorporados, requisitos de entrada y salida, acceso y enrutamiento, y restricciones.","research.note.in.principle.the":"Nota: En principio, el agente de recuperación de conocimiento y el agente de síntesis de diseño podrían unificarse en un solo agente. Sin embargo, se han separado intencionalmente para abordar casos en los que el Conocimiento de Especificación del Sistema de Diseño no cubre ciertas correspondencias entre requisitos y diseños. En tales situaciones, el agente de diseño de soluciones puede realizar una recuperación complementaria mediante herramientas externas o bases de conocimiento externas autorizadas. Esta separación delimita con mayor claridad las responsabilidades de cada tarea y los niveles de autonomía entre los dos agentes, mejorando así tanto la controlabilidad del proceso como la determinación de los resultados.","careers.socialJob5Years":"5 años","research.node.orchestration":"Orquestación de nodos","careers.campus":"Reclutamiento en el campus","careers.socialJob2Location":"Hangzhou","research.case.semantic.rules.template":"Plantilla de reglas semánticas de caso (extracto)","home.seeAll":"Ver todo","careers.socialJob3Years":"2 años","home.research6Title":"Investigación sobre imágenes en movimiento de los humanos digitales «TAO»AI","research.all.the.articles.new.label1":"Equipo de diseño","careers.socialJob12Date":"2026.01.08","banner.titleTechnology":"Tecnología","home.browseVideosTitle2":"Trabajo feliz","home.browseVideosTitle1":"Nosotros buscamos","research.this.leads.to.a":"Esto da lugar a una pregunta que cambia el paradigma: En una era en la que la colaboración entre humanos y IA moldea las experiencias de los usuarios y los productos digitales, las pautas y sistemas de diseño tradicionales —creados principalmente para la interpretación humana{{bold}} (Pautas y Sistemas de Diseño para Humanos)— deben evolucionar inevitablemente hacia pautas y sistemas optimizados para la comprensión por parte de las máquinas (Pautas y Sistemas de Diseño para IA{{/bold}}). Este cambio introduce nuevos principios, métodos y flujos de trabajo sobre cómo deberían construirse dichos sistemas.","research.this.article.is.a":"Este artículo es una exploración realizada a mediados de 2025 por el equipo de Diseño de Taobao sobre cómo permitir que la IA genere interfaces de productos que cumplan con los estándares de diseño empresarial. Tomando como ejemplo la aplicación Tmall —una importante plataforma de comercio B2C en China—, presenta los problemas abordados por AIGUI, los métodos concretos para construir conocimiento sobre sistemas de diseño que puedan ser interpretados y utilizados por las máquinas, así como ejemplos de páginas de productos generadas. A medida que las tecnologías y herramientas evolucionan, los enfoques correspondientes también cambiarán. El contenido a continuación se proporciona únicamente como referencia para la etapa actual.","research.interface.generation.is.essentially":"La generación de interfaces es, en esencia, un agente inteligente especializado {{bold}}formado por múltiples agentes de tarea, basado en un flujo de trabajo de diseño adaptado a escenarios empresariales, y que extrae conocimiento normativo del sistema de diseño mediante razonamiento y recuperación contextuales{{/bold}}. En este contexto, el flujo de trabajo constituye la base ingenieril, conectando todos los pasos desde la entrada de requisitos hasta la salida de la interfaz para garantizar la determinación del proceso y los resultados; los múltiples agentes actúan como el cerebro del modelo: comprenden la entrada del paso anterior según las instrucciones preestablecidas del sistema, realizan razonamientos autónomos por etapas y envían los resultados al siguiente paso. Estos agentes se dividen en cuatro categorías: reconocimiento de intenciones, recuperación de conocimiento, diseño de soluciones y generación de código. El conocimiento normativo del sistema de diseño es un conjunto de hechos externos que, mediante el enfoque D2C, se transforma en una base de conocimiento estructurada compuesta por hechos semánticos reglamentarios, hechos simbólicos de código y las relaciones de correspondencia entre ambos, permitiendo así que el modelo pueda leerlos, recuperarlos y extraer información de ellos.","team.publish.a.book.paragraph102":"Proceso general y contenido del trabajo del equipo de la película","team.publish.a.book.paragraph101":"Cartel principal y fotos de la trama de la película «El extraño»","team.publish.a.book.paragraph100":"Cartel principal y fotos de la trama de la película «Historias de fantasmas»","banner.cameraMoveBody2":"Sentir los cambios de temperatura","research.case.mapping.schema.template":"Plantilla de esquema de mapeo de casos (extracto)","home.adjustTextTitle":"Pulimos\nmejores diseños","careers.socialJob10Title":"Ingeniero de desarrollo de IA - Diseño de Agentes","header.product2":"TDA diseña agentes inteligentes","careers.socialJob1Date":"2026.03.10","header.product3":"Sistema de diseño","research.note.it.may.also":"Nota: También puede denominarse «Página» o «Bloque».","careers.socialJob6Title":"Diseñador visual de productos - 1688","header.product1":"Diseñador de IA de Taotian","careers.socialJob10Desc":"Responsable de construir y mantener el ecosistema de agentes inteligentes para equipos de diseño, integrando conocimientos de diseño, flujos de trabajo y capacidades de IA para mejorar continuamente la eficiencia de producción, la consistencia en la calidad y la tasa de reutilización del conocimiento dentro del equipo de diseño. Esta función es el constructor central e inteligente del sistema de diseño, conectando las tres áreas principales: «diseño», «ingeniería» y «tecnología de agentes inteligentes», asegurando que la IA sea implementable, iterativa y controlable en el equipo. Construye y optimiza de manera independiente el sistema de agentes inteligentes para diseño, comprendiendo su arquitectura y los mecanismos de flujo de trabajo. Lidera la evolución de la arquitectura de los agentes inteligentes para diseño y la integración de flujos de trabajo multiplataforma. Construye una plataforma de diseño inteligente accesible para todo el equipo, logrando así un empoderamiento a escala. Responsable de la construcción del sistema de agentes inteligentes, desarrollando y manteniendo la arquitectura del sistema de agentes de diseño (Design Agent) para el equipo. Encargado del mantenimiento del sistema de conocimiento y RAG, así como de la construcción y evolución de la base de conocimiento de diseño (Design Knowledge Base). Responsable de la inteligencia en los flujos de trabajo, la integración de herramientas y la supervisión y evaluación del rendimiento de los agentes inteligentes para diseño.","products.official.website.introduction.paragraph110":"Ejecutar la verificación","products.official.website.introduction.paragraph111":"Una vez generada la información, se realiza automáticamente una comparación con la lista de restricciones estrictas, se interceptan las estructuras que incumplen las normas y se emite un informe de corrección.","careers.internJob4Desc":"Ayudar a mejorar el desempeño práctico de las tecnologías actuales en los productos AIGC; apoyar a los colegas de puestos como algoritmos en la validación del efecto de nuevas tecnologías; analizar y revisar los recursos gráficos existentes, y proponer soluciones de mejora.","products.official.website.introduction.paragraph114":"Cada unidad de conocimiento admite la copia con un solo clic y proporciona código de componentes React junto con paquetes de reglas Markdown, que pueden ser incorporados directamente al contexto de la conversación con IA.","products.official.website.introduction.paragraph115":"Plantilla de escena","careers.socialJob2Date":"2026.03.05","products.official.website.introduction.paragraph112":"Modo de acceso tecnológico","products.official.website.introduction.paragraph113":"Exportación de fragmentos","products.official.website.introduction.paragraph118":"La estructura normativa está adaptada a las principales herramientas de diseño de IA y a los complementos de IDE, y admite actualizaciones de reglas y vistas previas en tiempo real.","products.official.website.introduction.paragraph119":"La norma completa ya está disponible en línea, con soporte para consulta en línea y descarga de datos estructurados.","products.official.website.introduction.paragraph116":"Plantillas de palabras clave y estructuras de diseño para páginas de alta frecuencia, como tableros de datos integrados, páginas de formularios y páginas de listas, que pueden utilizarse directamente.","products.official.website.introduction.paragraph117":"Conexión de complementos","careers.socialJob9Desc":"Responsable del diseño de la experiencia del usuario en los productos de Taobao, abarcando los productos de la plataforma para usuarios de Taobao (página de inicio, Mi Taobao), productos básicos del flujo de transacciones (carrito de compras, detalles, pedidos, etc.), productos de mensajería e interacción social (mensajes, compartición, círculos de Taobao, etc.) y el sistema de diseño horizontal de Taobao, asegurando la usabilidad, escalabilidad y calidad del diseño de los productos. Responsable del proceso de diseño integral, que incluye alineación con el negocio, formulación de estrategias, conceptos de diseño, entrega de soluciones, implementación y análisis de datos; capaz de llevar a cabo la arquitectura de información, definición de estilos, producción de interfaces visuales y desarrollo de especificaciones de componentes. Posee una comprensión y capacidad de juicio empresarial holística, capaz de colaborar con equipos de negocio, investigación de usuarios y desarrollo para identificar oportunidades de diseño e impulsar valor mediante una co-creación profunda.","careers.socialJob8Location":"Hangzhou","footer.sloganAcademic":"Académico","research.all.the.articles.name9":"Meng Xia","research.all.the.articles.name8":"Hanwen Liu","research.all.the.articles.name7":"Qidi Dai","products.official.website.introduction.paragraph100":"Acceso en el lugar y flujo de trabajo","research.all.the.articles.name1":"Keke Le","careers.socialJob11Date":"2026.01.12","products.official.website.introduction.paragraph103":"En proyectos reales, se recomienda llamar a las especificaciones en el siguiente orden:","research.all.the.articles.name6":"Jiaoqi Shen","home.product2Title":"TDA diseña agentes inteligentes","products.official.website.introduction.paragraph104":"Establecer el marco","research.all.the.articles.name5":"Qiongyin Cui","products.official.website.introduction.paragraph101":"El valor real de la normativa radica en su aplicación eficiente. Para reducir los costos de incorporación del equipo, se han estructurado flujos de trabajo estándar y métodos de integración tecnológica:","research.all.the.articles.name4":"Tingting Wu","products.official.website.introduction.paragraph102":"Flujo de trabajo recomendado","research.all.the.articles.name3":"Yuhang He","products.official.website.introduction.paragraph107":": Llamar a los componentes estructurados según las necesidades del negocio, siguiendo estrictamente la asignación de atributos y las condiciones de restricción.","header.products":"Producto","products.official.website.introduction.paragraph108":"Escena escolar","products.official.website.introduction.paragraph105":"Priorizar la lectura de las normas de estilo para definir el tono general de colores, tipografía y disposición.","products.official.website.introduction.paragraph106":"Rellenar componente","products.official.website.introduction.paragraph109":"Ejemplo de combinación de escenarios para verificar la relación principal-secundaria y la lógica de interacción, asegurando que la salida sea coherente con el contexto del negocio.","banner.micTryTurnOn":"Intenta encender tu micrófono.","home.award1Title11":"Barril de buena suerte para gatos","team.section.new.title":"Jefe del equipo","home.award1Title13":"Fragancia de Tesoro Miao Manfen","home.award1Title12":"Premio de Oro MUSE","research.in.the.daily.workflow":"En el flujo de trabajo diario de los equipos de diseño, los objetivos de salida generalmente se dividen en tres categorías: módulos, páginas individuales y flujos de varias páginas. En correspondencia, los enfoques de diseño pueden agruparse en tres modalidades: ensamblar componentes existentes, modificar componentes existentes y crear nuevos componentes. Entre estas, las modificaciones a componentes existentes pueden subdividirse aún más en ajustes de información, ajustes de diseño y ajustes de estilo.","research.inject.the.snippet.into":"Inyecta el fragmento en el contexto","research.taobaoInteractiveGame.paragraph18":"En la siguiente fase, avanzaremos por el camino de «consolidación impulsada por mecanismos + validación basada en escenarios + escalado sistemático»: perfeccionando continuamente el marco de experiencia interactiva y la biblioteca de activos de diseño, realizando experimentos e retrospectivas rápidos e iterativos en torno a escenarios comerciales clave, y extrayendo paradigmas eficaces para convertirlos en capacidades estandarizadas del equipo y en un lenguaje colaborativo compartido.","research.taobaoInteractiveGame.paragraph19":"Al mismo tiempo, mediante la perspectiva externa y la metodología profesional que ofrece la asociación de investigación conjunta universidad-industria, mantendremos la sensibilidad ante la evolución de la industria y la capacidad de reajustarnos — asegurando que los juegos interactivos de Taobao sigan ofreciendo experiencias innovadoras en un entorno en rápida transformación.","research.taobaoInteractiveGame.paragraph16":"Basándose en los estándares fundamentales y las reglas universales extraídas del Atlas de Efectos de Movimiento, se seleccionan escenarios clave —incluyendo guías, transiciones y capas de superposición— para su implementación práctica. Al unificar el ritmo de movimiento y la lógica de retroalimentación, este enfoque mejora la consistencia de la interacción y la estabilidad experiencial.","research.taobaoInteractiveGame.paragraph17":"Esta investigación se propone elevar los «juegos interactivos» de mecanismos de juego dispersos y puntos de contacto aislados con la experiencia, hacia un marco de capacidad de diseño que sea cuantificable, reutilizable y verificable — descomponiendo la tipología, el estilo artístico, la interfaz de usuario y los efectos de movimiento mediante una metodología estructurada, al tiempo que aprovecha la investigación de tendencias para identificar oportunidades de experiencia.","research.taobaoInteractiveGame.paragraph10":"Los efectos de movimiento desempeñan un papel crítico en los negocios interactivos al cumplir cuatro funciones clave: orientación, retroalimentación, expresión emocional y ritmo. Sin embargo, las iteraciones a largo plazo de proyectos suelen generar estándares inconsistentes, calidad fluctuante e ineficiencia en el uso de recursos —incluyendo la creación redundante de efectos de movimiento similares, la falta o el exceso de respuestas clave de retroalimentación y un ritmo desigual que menoscaba la eficiencia en la finalización de tareas. Para mejorar la consistencia experiencial y la eficiencia en la reutilización, es necesario seleccionar escenarios representativos para una descomposición sistemática y una consolidación basada en reglas.","research.taobaoInteractiveGame.paragraph11":"El Atlas de Efectos de Movimiento toma a Baba Farm como estudio de caso principal, realizando una investigación detallada sobre diseño de movimiento en los siguientes módulos: animaciones de árboles frutales, animaciones de selección de semillas, animaciones de fertilización, animaciones de tareas, retroalimentación conductual y efectos de movimiento de la interfaz de usuario. A través de una organización y categorización sistemáticas, se identifican problemas experienciales y se extraen conclusiones diagnósticas, para finalmente derivar estrategias de diseño de movimiento y reglas parametrizadas.","research.taobaoInteractiveGame.paragraph14":"El estilo Pop Art establece una jerarquía de forma y espacio mediante relaciones de color altamente saturadas y de alto contraste, con una expresión intrínsecamente más concisa y directa — lo que lo convierte en una opción natural para interfaces de productos caracterizadas por una alta densidad de información y numerosos componentes de interfaz de usuario. Durante el Double 11, la zona interactiva de Tao Coin ocupa solo la mitad de la pantalla, al tiempo que acomoda simultáneamente múltiples módulos, incluidos puntos de entrada, botones y avisos sobre ganancias. La incorporación del estilo Pop Art permite reforzar la profundidad espacial y el orden estructural mediante zonificación por bloques de color y una jerarquía de contraste — sin comprometer la integridad de la información — mejorando así la legibilidad y la eficiencia en la toma de decisiones.","research.taobaoInteractiveGame.paragraph15":"El surrealismo desmantela las relaciones físicas y las convenciones espaciales del mundo real, estableciendo un sistema expresivo que se encuentra entre lo «lógico y lo ilógico» pero que mantiene una coherencia interna —liberando así las narrativas de las restricciones de la realidad y dotándolas de un mayor poder imaginativo, profundidad simbólica y capacidad temática. Su valor radica en utilizar elementos visuales y reglas que parecen desafiar el sentido común pero que, sin embargo, poseen una lógica interna, permitiendo a los usuarios formar rápidamente una comprensión memorable del mundo y una clara sensación de expectativa de recompensa en un corto período de interacción.","research.taobaoInteractiveGame.paragraph12":"A través de la desconstrucción de casos en el Atlas de Tipologías de Juegos Interactivos, identificamos que el mecanismo de Duolingo para fomentar una participación sostenida mediante la experiencia emocional posee un valor inspirador significativo. En el contexto de Tao Coin, es necesario reformular la relación interactiva entre los usuarios y el sistema mediante expresiones visuales impulsadas por emociones y mecanismos de retroalimentación. Introduciremos presentaciones estatales por etapas y mecanismos continuos de retroalimentación emocional, transformando a Tao Coin —originalmente un sistema de recompensas orientado a resultados— en un sistema experiencial definido por el proceso y el ritmo, lo cual fortalecerá la disposición de los usuarios a participar y la estabilidad de su retención.","research.taobaoInteractiveGame.paragraph13":"En nuestro análisis de casos tipológicos, también identificamos una estructura interactiva estrechamente alineada con el modelo de negocio de Zhongdiba: el sistema de progresión por atlas de MonopolyGO!. A partir de este modelo, establecemos una fuerte vinculación entre el progreso agrícola y el avance en el atlas: los usuarios desbloquean gradualmente contenido del atlas al completar tareas de recolección de cartas, recibiendo retroalimentación escalonada en forma de «desbloqueo de una región entera». Al utilizar el atlas como marco estructural, los comportamientos cotidianos de los usuarios se conectan en un viaje de crecimiento perceptible, revisable y en constante progreso, formando así un ritmo estable y un ciclo motivacional cerrado.","awards.taobaoInteractiveGame.title1":"Taobao Vision gana el Premio ADA de Diseño de Apple.","awards.taobaoInteractiveGame.title2":"Esencia del diseño de Taobao Vision","products.design.specifications.title2":"Sistema de diseño de Tmall","research.taobaoInteractiveGame.typeGraph":"Atlas de tipologías de juegos interactivos","products.design.specifications.title3":"Sistema de diseño QianNiu","products.design.specifications.title1":"Sistema de diseño de Taobao","research.component.mapping.schema.template":"Plantilla de esquema de mapeo de componentes","research.the.code.generation.agent":"El agente de generación de código toma como entrada el esquema de diseño de la solución. Asigna los archivos del esquema en la base de conocimiento e invoca el código correspondiente, produciendo como salida archivos de código de interfaz; los usuarios pueden previsualizar los resultados generados.","products.official.website.introduction.paragraph121":"Ir a Taobao Design","products.official.website.introduction.paragraph122":"Taobao Design es un sistema de diseño creado específicamente para la aplicación Taobao. El sistema de diseño de Taobao tiene como objetivo establecer un lenguaje de diseño universal que garantice una experiencia integral en los productos de Taobao y facilite la creación conjunta, por parte de diversos actores, de un ecosistema comercial sencillo y amigable.","products.official.website.introduction.paragraph120":"Presentación de Taobao Design","products.official.website.introduction.paragraph125":"Sistema de normas de contenido","products.official.website.introduction.paragraph126":"Medición de la experiencia","products.official.website.introduction.paragraph123":"El diseño de Taobao está centrado en el usuario y adopta un enfoque riguroso y moderado en la concepción de las funciones del producto. La compleja y exhaustiva planificación del sistema tiene como objetivo ofrecer a los usuarios una experiencia de producto sencilla, práctica y divertida. Los recursos disponibles para diseñadores, gerentes de productos y desarrolladores proporcionan un lenguaje común en torno a los productos de Taobao, que se utiliza para mantener una experiencia de producto excepcional y cuidadosa en la aplicación de Taobao.","products.official.website.introduction.paragraph124":"El sitio web Taobao Design se divide en dos partes: Normas y Aplicaciones. La primera parte se centra en cuatro aspectos principales —estilos globales, componentes básicos, modos de interacción y métricas de experiencia— para explicar cómo aplicar correctamente el diseño de Taobao en diferentes módulos y modalidades. La segunda parte está dirigida a desarrolladores y proporciona instrucciones sobre la integración con distintos marcos tecnológicos.","careers.socialJob3Location":"Hangzhou","team.section.new.paragraph1":"«Espero que, ante todo, seamos un equipo de diseño divertido y entretenido.»","products.official.website.introduction.paragraph127":"Estándar de acceso tecnológico","products.official.website.introduction.paragraph128":"Biblioteca de íconos de Shoutao","team.section.new.paragraph2":"— Gu Xiaoyuan, Jefa de Diseño","research.existing.marketing.design.expressions":"Se analizaron las expresiones existentes de diseño de marketing a lo largo de cuatro dimensiones: reconocimiento de contenido, orientación conductual, forma visual y relaciones estructurales generales. El análisis reveló múltiples problemas: estructuras de información organizadas mecánicamente, lógica conceptual excesiva que genera un alto costo cognitivo, pantallas de inicio y elementos promocionales basados en combinaciones modulares de diseño con una integración creativa débil y una jerarquía textual excesiva, ventanas emergentes carentes de una expresión temática clara aunque contienen demasiadas capas informativas, y encabezados promocionales cuyo orden estructural no coincide con el contenido que les sigue. Detrás de estos problemas superficiales subyace un problema fundamental: la acumulación de elementos de diseño desconectados. Muchos diseños enfatizan más la atmósfera que el significado, obligando a los usuarios a realizar una importante traducción cognitiva. Al mismo tiempo, la falta de una estructura narrativa impide lograr una unidad orgánica entre el significado semántico, el contenido informativo y la forma visual. Por lo tanto, la dirección de optimización se centra en mapear temas mediante símbolos visuales universales e integrar elementos textuales, de marca y de producto a través de una composición estructurada, logrando así una entrega directa de información: una expresión visual unificada en la que el significado y la forma están intrínsecamente alineados.","research.website.homepage":"Página de inicio del sitio web","research.all.the.articles.label10":"Arte de instalación y álbum de imágenes","research.all.the.articles.label03":"Editor en jefe","research.all.the.articles.label02":"Academia de Bellas Artes de China","careers.socialJob1Desc":"Realizar análisis de insights de negocio centrados en actores del ecosistema de comercio electrónico, como comerciantes y proveedores de servicios TP (Tmall Partner). Identificar y sintetizar las principales necesidades y puntos de dolor de los comerciantes dentro del ecosistema de Taobao en aspectos como la experiencia operativa general, las estrategias de precios y promoción, y los costos operativos.Definir temas de investigación en función del estado actual del negocio, analizar los desafíos clave que enfrentan los comerciantes en el ecosistema de Taobao, así como explorar y recopilar retroalimentación sobre estrategias clave. Proporcionar insights accionables que apoyen la formulación y optimización de las estrategias de negocio.","research.all.the.articles.label01":"Instructor de diseño de Taotian","research.balanced.color.contrast.use":"{{bold}}Contraste de color equilibrado{{/bold}} — Utilice el contraste de manera estratégica. Las diferencias en tono, brillo y saturación deben resaltar el tema principal mientras se mantiene la claridad visual general.","research.all.the.articles.label05":"Diseño de libros","research.all.the.articles.label04":"Editor de planificación","careers.internJob1Years":"Práctica","careers.socialJob3Date":"2026.03.05","research.taobaoInteractiveGame.motionGraphApplication":"Atlas de efectos de movimiento para juegos interactivos en la práctica","footer.contactWechat":"Cuenta oficial de WeChat","careers.socialJob8Desc":"Responsable del diseño de experiencias tanto en la parte frontal como en la trasera, incluyendo el canal de Taofactory, los flujos básicos de transacción, el diseño de mecánicas de juego, las transmisiones en vivo de Taofactory, el diseño de materiales para productos, el diseño de la experiencia en la plataforma de trabajo para comerciantes y la innovación en el diseño basado en inteligencia artificial. A través de investigaciones con usuarios, análisis de datos y comprensión comercial, identifico necesidades y problemas subyacentes de los usuarios, colaboro profundamente con los equipos de negocio y producto para detectar oportunidades comerciales y puntos problemáticos ocultos de los usuarios, propongo activamente ideas de diseño y las pongo en práctica, mejorando así la experiencia del usuario y aportando valor añadido al negocio mediante un diseño innovador. Tengo una lógica clara y un pensamiento riguroso; mis propuestas de diseño están bien fundamentadas y justificadas. Gracias a mi amplia experiencia, métodos y procesos de diseño, elevo el nivel general de diseño del equipo. En proyectos de gran escala, organizo y coordino eficazmente las distintas áreas, logrando objetivos comerciales en colaboración interequipo.","research.all.the.articles.label13":"Miembro de Diseño de Taotian","research.all.the.articles.label12":"Miembros de la Academia de Bellas Artes de China","banner.blowOrApplaud2":"Siente el cambio de la libertad","research.all.the.articles.label11":"Responsable","home.award9Desc":"Interacción principal de 618 en 2025","research.shopping.guide.case.semantic":"Reglas semánticas del caso de la Guía de Compras (extracto)","research.design.system.specification.paragraph2":"Las reglas semánticas son descripciones textuales que abarcan la definición, el estilo, las variables, el uso y las restricciones de los objetos; constituyen la propiedad intelectual fundamental que origina diferencias en la experiencia, y se presentan en formato Markdown. La implementación en código consiste en convertir los objetos en hechos simbólicos ejecutables y aplicables, utilizando como formato el tipo de lenguaje de desarrollo.","research.design.system.specification.paragraph3":"El esquema de mapeo actúa como eje central que conecta las reglas semánticas con la implementación del código; él mismo no realiza duplicaciones entre ambos, sino que proporciona anclajes de ID de objetos, restricciones de reglas de mapeo y referencias a códigos de localización. En las etapas de recuperación de conocimiento, diseño de soluciones y generación de código dentro del flujo de trabajo, el esquema desempeña una función orientadora fundamental. Gracias a ello, los modelos grandes no necesitan recorrer todo el conocimiento, lo que permite ahorrar recursos. El formato utilizado es JSON. A continuación, abordaremos detalladamente cada tipo de objeto.","research.this.document.was.produced":"Este documento fue elaborado por Taobao Design a finales de 2025 como parte de una iniciativa específica centrada en la «Expresión Intuitiva de la Información» en el diseño de marketing de la aplicación Taobao. Al abordar problemas recurrentes en interfaces de marketing de alta frecuencia —como pantallas de inicio, ventanas emergentes y encabezados promocionales—, tales como sobrecarga informativa, flujo de usuario fragmentado y fatiga visual, el equipo propuso la estrategia de diseño «Narrativa Simbólica». Esta estrategia mapea los temas de marketing mediante símbolos visuales universales, integra texto e imágenes a través de una composición estructurada y sigue seis principios fundamentales: coherencia semántica entre significado y forma, claridad estructural inmediata, énfasis extremo en el tema principal, jerarquía mínima necesaria, contraste de colores equilibrado y movimiento natural y expresivo. Una amplia validación con casos reales demuestra su eficacia en diversos escenarios, incluyendo comunicación de beneficios, sobres rojos, cupones, tarjetas de membresía y campañas promocionales. El contenido siguiente se proporciona para referencia interna específica de cada fase.","careers.socialJob10Location":"Hangzhou","research.all.the.articles.name_new4":"Jing Yan","research.all.the.articles.name_new5":"Hao Ning","research.all.the.articles.name_new6":"Ran Jing","research.all.the.articles.name_new7":"Er Wu","careers.socialJob11Title":"Especialista Senior en Análisis de Inversión en Estrategias Industriales y Investigación de Usuarios - Alimama","research.all.the.articles.name_new1":"Jian Qun","research.all.the.articles.name_new2":"Jiang Xuan","research.all.the.articles.name_new3":"Ming Meng","research.all.the.articles.name_new8":"Ming Jing","research.all.the.articles.name_new9":"Jian Zhe","products.design.specifications.new.paragraph2":"El diseñador de IA de Taotian se propone precisamente superar la brecha clave que existe entre «generar imágenes» y «generar diseños», así como entre «ideas puntuales» y «entregas a escala».","products.design.specifications.new.paragraph3":"De «Generar imagen» a «Generar diseño»","products.design.specifications.new.paragraph1":"Antecedentes y desafíos: La producción visual en el comercio electrónico enfrenta desde hace tiempo múltiples presiones relacionadas con alta frecuencia, grandes volúmenes de contenido y plazos muy ajustados. Los procesos tradicionales dependen de la colaboración manual, lo que limita su eficiencia; aunque las herramientas generativas de IA comunes pueden crear imágenes, tienen dificultades para comprender verdaderamente los escenarios comerciales y los estándares de entrega, por lo que no pueden convertirse directamente en borradores de diseño comercial utilizable.\n","products.design.specifications.new.paragraph6":"El número acumulado de imágenes generadas supera el millón, y más de 2.300 empleados no diseñadores han participado en la creación.","products.design.specifications.new.paragraph7":"Los diseñadores de IA de Taotian están interactuando con lienzos infinitos y nodos para construir un espacio de creación inteligente más libre y preciso, impulsando el diseño desde la «generación por píxeles» hacia la «producción estructural», y desde la «experiencia humana» hacia la «inteligencia algorítmica», lo que permite a más roles —como diseñadores, operadores y técnicos— participar en la producción creativa.","products.design.specifications.new.paragraph4":"Desde «ideas puntuales» hasta «entrega a escala», integra modelos de IA principales y ofrece API y capacidad para generar imágenes por lotes.","products.design.specifications.new.paragraph5":"Diseñar ciclos de conocimiento, producción y simbiosis del conocimiento.","careers.socialJob12Years":"1 año","footer.navTitle":"Navegación","careers.internJob3Title":"Diseñador de experiencia de producto","banner.titleAcademic":"Académico","banner.punchedTapePlaceholder":"Convierte el contenido de entrada a binario","careers.socialJob4Date":"2026.02.27","products.design.specifications.new.paragraph010":"Para reconocer plenamente el excelente desempeño y los innovadores logros de los participantes en el proyecto, este taller ha establecido especialmente un mecanismo de premios que, tras la evaluación final, distinguirá y recompensará con obsequios materiales a las obras seleccionadas como sobresalientes. Se han establecido tres niveles de premios: el primer premio (2 ganadores) recibirá una cámara con estabilizador de imagen DJI; el segundo premio (3 ganadores) obtendrá unos auriculares de alta calidad Sony; y el tercer premio (4 ganadores) se hará merecedor de un clásico sistema de sonido Marshall. Esta estructura de premios busca transmitir claramente la idea de que «el diseño impulsa el valor y la innovación merece ser reconocida», reforzando así la motivación del curso orientada hacia «aplicar lo aprendido en la práctica y lograr éxitos mediante la innovación». Esperamos que estos premios, imbuidos de artesanía y tecnologías de vanguardia, acompañen a los ganadores en su futuro camino creativo, ayudándolos a seguir captando inspiración, dando voz a sus ideas y plasmando sus visiones. La ceremonia de entrega de premios no solo pone fin de manera ceremonial a este taller, sino que también marca el inicio de un nuevo comienzo: esperamos que todos los participantes, cargados de este reconocimiento y estas expectativas, sigan brillando con fuerza en el amplio escenario del diseño y los negocios, dejando una huella que influya en el futuro.","research.design.system.specification.knowledge":"El conocimiento de la especificación del sistema de diseño se compone de dos categorías de objetos de conocimiento y tres tipos de archivos. Las dos categorías de objetos de conocimiento son {{bold}}estilos{{/bold}} y {{bold}}páginas{{/bold}}, donde los estilos se subdividen a su vez en cuatro tipos: {{bold}}elementos, diseños, componentes y recursos{{/bold}}. Cada categoría de objeto de conocimiento está asociada a tres tipos de archivos: {{bold}}reglas semánticas, esquemas de mapeo e implementaciones de código{{/bold}}. Las reglas semánticas consisten en descripciones textuales que abarcan la definición de un objeto, sus estilos, variables, uso y restricciones. Representan la propiedad intelectual fundamental que da lugar a la diferenciación experiencial y están escritas en formato Markdown. Las implementaciones de código traducen los objetos en hechos simbólicos ejecutables y desplegables, utilizando el lenguaje de programación adecuado como formato de representación. Los esquemas de mapeo sirven como la capa central de conexión entre las reglas semánticas y las implementaciones de código. En lugar de duplicar cualquiera de estos elementos, proporcionan un anclaje de identificación de objetos, restricciones de mapeo y referencias precisas al código. En el flujo de trabajo, funcionan como planos guía durante las etapas de recuperación de conocimiento, diseño de soluciones y generación de código, permitiendo que los modelos de lenguaje grandes eviten recorrer todo el corpus de conocimiento y, por lo tanto, reduzcan la sobrecarga computacional. Los esquemas de mapeo se representan en formato JSON. Las siguientes secciones detallan cada categoría de objeto de conocimiento con mayor profundidad.","research.icon.semantic.rules.excerpt":"Reglas semánticas de iconos (Extracto)","careers.socialJob7Desc":"Responsable del diseño de experiencia para la línea de productos de 1688, apoyando el logro de los objetivos comerciales; comprender a fondo el negocio, participar en las discusiones sobre las necesidades del producto y ofrecer soluciones de diseño efectivas; desde la perspectiva del usuario, identificar oportunidades de mejora en la experiencia basándose en los escenarios y comportamientos de los usuarios, y avanzar en la actualización de la experiencia en torno a los objetivos comerciales.","team.section.link1":"Colaboración Universidad-Industria: Academia China de Arte × Diseño Taobao","team.section.link2":"Publicar el libro «Detenerse en el diseño, no solo en la IA»","team.section.link3":"La filosofía cinematográfica de Taotian — Un archivo visual del crecimiento conjunto que compartimos","research.design.system.specification.paragraph003":"La normativa del sistema de diseño está compuesta por dos tipos de objetos de conocimiento y tres tipos de archivos. Los dos tipos de objetos de conocimiento se dividen en Estilos y Páginas; dentro de los Estilos, éstos se subdividen en cuatro categorías: Elementos, Diseño, Componentes y Recursos. Cada uno de estos objetos de conocimiento incluye tres tipos de archivos: Reglas Semánticas, Esquemas de Mapeo y Implementación de Código. Las Reglas Semánticas son descripciones textuales que definen los objetos, sus estilos, variables, usos y restricciones, constituyendo la propiedad intelectual fundamental que da origen a las diferencias en la experiencia; su formato es Markdown. La Implementación de Código convierte los objetos en hechos simbólicos ejecutables y aplicables; su formato corresponde al lenguaje de desarrollo utilizado. El Esquema de Mapeo actúa como centro de conexión entre las Reglas Semánticas y la Implementación de Código; no duplica ni las reglas semánticas ni la implementación de código, sino que proporciona identificadores únicos para los objetos, restricciones para los esquemas de mapeo y referencias precisas al código correspondiente. Este esquema desempeña un papel orientador en las etapas de búsqueda de conocimiento, diseño de soluciones y generación de código dentro del flujo de trabajo, permitiendo a los modelos grandes evitar recorrer todo el conocimiento y ahorrar así recursos; su formato es JSON. A continuación, abordaremos cada uno de estos objetos en detalle.","research.agent.template":"Plantilla de agente","products.official.website.introduction.paragraph19":"Especificaciones de diseño de IA para plataformas comerciales del extremo B","research.icon.code.implementation.excerpt":"Implementación del código de icono (Extracto)","footer.sloganFree":"Libertad","products.official.website.introduction.paragraph17":"Inyectar el fragmento en el contexto","products.official.website.introduction.paragraph18":"Generar interfaz de visualización","products.official.website.introduction.paragraph15":"Ejecución de flujo de trabajo multiagente en la interfaz de generación","products.official.website.introduction.paragraph16":"Copiar o descargar fragmentos de conocimiento","products.official.website.introduction.paragraph13":"Configurar en la herramienta IDE","home.award2Title":"Premio de Diseño IF","products.official.website.introduction.paragraph14":"Generar instrucciones mediante una interfaz de entrada en lenguaje natural","research.interface.generation.in.practice":"Generación de interfaces en la práctica a través del sitio web VersionAI Tmall","home.award9Title":"Premio de Plata del Premio Global de Diseño de IAI","products.official.website.introduction.paragraph11":"Reglas semánticas amigables con la IA","products.official.website.introduction.paragraph12":"Este sitio web ofrece a los usuarios dos métodos para acceder a las normas de diseño de Tmall mediante herramientas de IA: el servidor MCP y la inyección de contexto. Mediante la configuración con un solo clic del servidor MCP en la herramienta IDE, se establece automáticamente una dependencia de la base de conocimientos de las normas de diseño de Tmall. Las funciones API encapsuladas por MCP procesan de manera automatizada las instrucciones en lenguaje natural del usuario y generan resultados correspondientes; entre sus funciones específicas se incluyen, entre otras, la búsqueda y la ejecución de flujos de trabajo. Alternativamente, haciendo clic en «Copiar» o «Descargar» en la página de una unidad de conocimiento específica, los usuarios pueden obtener las reglas semánticas, los esquemas de mapeo y los paquetes de archivos de implementación del fragmento de conocimiento, e introducirlos directamente en el cuadro de entrada de instrucciones para realizar modificaciones locales y generar contenido nuevo.","awards.taobaoInteractiveGame.Contributors":"Autor","banner.titleCreativity":"Creatividad","products.official.website.introduction.paragraph10":"Reglas semánticas amigables para los humanos","careers.internJob4Years":"Práctica","research.sidebar.consistent.with.the":"Barra lateral coherente con la estructura de conocimiento del sistema de diseño","careers.socialJob2Desc":"Responsable del diseño visual y la innovación en escenarios de marketing de marca para múltiples plataformas, incluyendo escenarios comerciales como Tmall en dispositivos móviles, Subsidios de 10 mil millones, Taobao en PC, Taobao Vision, el sitio web oficial de diseño de Taobao y el agente inteligente de diseño de Taobao. Las tareas abarcan, entre otras cosas, sistemas visuales de marca, materiales de marketing online y offline, videos dinámicos y otros contenidos visuales multicanal, con el objetivo de mejorar la experiencia del usuario y el impacto del equipo. Combinando métodos y habilidades tradicionales de diseño visual con herramientas de generación AIGC, produzco obras visuales de alto impacto y alta calidad, logrando así una mejora simultánea en la eficiencia del diseño y la creatividad.","research.economic.aesthetics.title11":"Objeto principal | La figuración prevalece sobre la abstracción, la representación de cosas familiares","research.economic.aesthetics.title10":"Colores | Paleta de colores naturales, mapeo emocional","research.economic.aesthetics.title15":"Modelo de diseño de estética económica","research.economic.aesthetics.title14":"Animación: Diseño dinámico gamificado","research.economic.aesthetics.title13":"Maquetación | Transmisión de información en modo saturado","research.economic.aesthetics.title12":"Texto | Sistema de lenguaje cotidiano","research.economic.aesthetics.title18":"Dividir en dos direcciones: objetos folclóricos, objetos comunes","research.economic.aesthetics.title17":"Dividir en dos direcciones: escenas de la vida cotidiana y pequeños anuncios callejeros","banner.titleFreedom":"Libertad","research.economic.aesthetics.title16":"Dividir en tres direcciones: explosión de marketing, estilo de pegatinas con puntos de venta, productos pequeños en encuadernación plástica.","products.official.website.introduction.paragraph28":"Listado de restricciones","products.official.website.introduction.paragraph29":": Enumere directamente «lo que se puede hacer» y «lo que absolutamente no se puede hacer», trazando así líneas rojas para el proceso de generación de la IA.","products.official.website.introduction.paragraph26":"Combinación de escenas","products.official.website.introduction.paragraph27":"Definir claramente cómo deben combinarse los componentes y en qué orden deben colocarse en escenarios comerciales comunes, evitando así la acumulación aislada de elementos de IA.","products.official.website.introduction.paragraph24":"Codificación estructural","products.official.website.introduction.paragraph25":"No solo se proporciona la apariencia, sino también se añaden la estructura interna de los componentes, las propiedades del código y los estados de interacción, permitiendo que los parámetros de diseño se conecten directamente con el desarrollo.","products.official.website.introduction.paragraph22":"Especificación de las reglas","products.official.website.introduction.paragraph23":": Elimina las descripciones subjetivas y sustitúyelas todas por valores numéricos claros, rangos escalonados fijos y límites bien definidos.","careers.socialJob9Date":"2026.01.29","products.official.website.introduction.paragraph20":"Las normas de diseño para plataformas de comerciantes en el extremo B son un conjunto de documentos estándar específicamente orientados a herramientas de diseño asistido por IA. En el pasado, las normas de diseño estaban principalmente destinadas a ser leídas por humanos y dependían de referencias visuales y juicios basados en la experiencia. Sin embargo, ante descripciones como «espacio en blanco adecuado» o «jerarquía visual clara», la IA podía fácilmente generar interfaces con una composición desordenada, estilos inconsistentes o una falta de distinción entre elementos principales y secundarios debido a interpretaciones erróneas. Sin modificar los principios de diseño originales, hemos actualizado completamente la lógica de redacción de estas normas, permitiendo así que la IA entienda con precisión los requisitos y genere directamente interfaces que cumplan tanto con la lógica empresarial como con los estándares de marca.","products.official.website.introduction.paragraph21":"Ajustes en cuatro aspectos:","header.team":"Equipo","careers.internJob4Location":"Pekín / Hangzhou","research.all.the.articles.name46":"Jiacheng Zhong","research.all.the.articles.name45":"Yige Zhou","research.all.the.articles.name48":"Shi You","research.all.the.articles.name47":"Ying Long","research.all.the.articles.name49":"Le Xiang","products.official.website.introduction.paragraph39":"Utiliza un sistema de 24 cuadrículas. La separación entre columnas es fija, de 16 px o 24 px. El margen del área de contenido de la página es de 48 px; la separación entre tarjetas es uniforme, de 24 px; y la separación dentro de los módulos varía entre 16 y 24 px.","products.official.website.introduction.paragraph37":"Utilizar de manera uniforme Alibaba Sans 102 (los dígitos deben tener anchura igual). Tamaño de fuente base: 12 px; la altura de línea debe ajustarse estrictamente según SizeFont + 8 px (por ejemplo, 12 px corresponde a 20 px). Grados de peso tipográfico: 500 (títulos/énfasis), 400 (texto principal), 300 (notas complementarias).","products.official.website.introduction.paragraph38":"Espaciado y cuadrícula","products.official.website.introduction.paragraph35":"Los valores numéricos continuos aumentan la incertidumbre generada por la IA. La normativa discretiza las reglas sobre fuentes, altura de línea, espaciado y alineación, y las vincula a una lógica de flujo de lectura. Al generar contenido, la IA lee directamente las escalas de tamaños de fuente, las fórmulas de altura de línea y las reglas de alineación, combinándolas con el flujo en forma de F para asignar automáticamente los pesos informativos, evitando así la acumulación excesiva de contenido o el desplazamiento del centro de gravedad.","home.award7Desc":"Interacción principal del 11-11 de 2024","products.official.website.introduction.paragraph36":"Fuente y altura de línea","research.semantic.consistency.marketing.themes":"{{bold}}Consistencia Semántica{{/bold}} — Los temas de marketing deben plasmarse visualmente mediante símbolos cuyos significados coincidan con el concepto previsto y sean universalmente reconocibles.","products.official.website.introduction.paragraph33":"Tipografía y diseño de página","products.official.website.introduction.paragraph34":"Los valores numéricos continuos aumentan la incertidumbre generada por la IA. La normativa discretiza las reglas sobre fuentes, altura de línea, espaciado y alineación, y las vincula a una lógica de flujo de lectura. Al generar contenido, la IA lee directamente las escalas de tamaños de fuente, las fórmulas de altura de línea y las reglas de alineación, combinándolas con el flujo en forma de F para asignar automáticamente los pesos informativos, evitando así la acumulación excesiva de contenido o el desplazamiento del centro de gravedad.","research.workflow.and.knowledge.integrated":"Paquete de ingeniería integrado de flujo de trabajo y conocimiento","products.official.website.introduction.paragraph31":"Vinculación de significado estilístico","research.all.the.articles.name51":"Chen Dong","products.official.website.introduction.paragraph32":"Los colores corresponden directamente al estado del negocio y a la retroalimentación interactiva, sin utilizarse como mero adorno visual. Cuando la IA analiza instrucciones como «disminución de la tasa de conversión» o «envío de alta prioridad», activará automáticamente las variables correspondientes mediante un mapeo semántico, evitando así errores semánticos causados por la selección aleatoria de colores. Todos los valores de color se declaran jerárquicamente según sus respectivos ámbitos funcionales y vienen acompañados de una explicación clara sobre su uso específico.","research.all.the.articles.name50":"Fei Fei","research.all.the.articles.name53":"Yu Shi","products.official.website.introduction.paragraph30":"Traducción AI con normas de estilo","research.all.the.articles.name52":"Ke Po","research.all.the.articles.name55":"Tao Xi","research.all.the.articles.name54":"Fei Yun","research.all.the.articles.name57":"Chenyang Wang","research.all.the.articles.name56":"Zhu Xiao","header.research":"Investigación","research.all.the.articles.name59":"Penglei Zhang","research.all.the.articles.name58":"Yuhang He","careers.internJob1Team":"Grupo Alibaba","careers.socialJob13Desc":"Comprender las necesidades comerciales y definir con precisión las hipótesis de investigación: interactuar de manera independiente con los responsables de diversas áreas —operaciones, productos y tecnología— en el departamento de operaciones del cliente, para comprender sus demandas de desarrollo comercial; reflexionar proactivamente sobre los principales problemas actuales de los productos y las oportunidades de negocio, y, sobre esta base, definir y planificar con exactitud los temas específicos de investigación. Utilizar métodos de investigación profesionales para llevar a cabo eficientemente las investigaciones de campo y generar informes de investigación de alta calidad: conocer con destreza diversos tipos de estudios, tales como perfiles segmentados de grupos de consumo, identificación de necesidades y痛点 de los usuarios, estudios sobre la experiencia del producto, estudios de crecimiento de usuarios, pruebas y optimización de conceptos de productos, entre otros. Dominar de manera profesional diversos métodos de investigación, como estudios cualitativos (entrevistas en profundidad, mesas redondas focalizadas, etc.), estudios cuantitativos (encuestas), análisis de datos en la后台 empresarial, estudios de escritorio/estudios de fuentes secundarias, etc. Iterar y optimizar continuamente las estrategias y métodos de ejecución de la investigación, consolidando una metodología eficiente y un sistema de ejecución para la investigación. Impulsar la implementación práctica de los resultados de la investigación y lograr así resultados comerciales concretos.","careers.socialJob6Desc":"Responsable del diseño visual de productos, incluyendo elementos de marca, personalización de productos, comunidades de contenido y gestión de la cadena de suministro, entre otros. Basándose en múltiples modalidades como imágenes, textos, videos y 3D, explora innovaciones en la aplicación de AIGC para la personalización de productos y la creación de nuevos objetos. Según las necesidades del negocio, dirige todo el proceso de diseño, desde la concepción inicial hasta la implementación práctica, asegurando que los resultados estén alineados con las tendencias del mercado y los objetivos comerciales.","banner.titleHumanistic":"Humanismo","products.official.website.introduction.paragraph48":"Eliminar la redundancia","products.official.website.introduction.paragraph49":": Elimine los adjetivos y adverbios que no afectan la funcionalidad. Cuando el encabezado ya indique el campo, está prohibido repetir el prefijo en las celdas.","products.official.website.introduction.paragraph46":"Prioridad de funciones","products.official.website.introduction.paragraph47":"El texto de la copia está directamente orientado a los objetivos operativos (por ejemplo, «Enviar pedido» en lugar de «Haga clic aquí para completar la compra»).","products.official.website.introduction.paragraph44":"Reglas de generación de textos","research.all.the.articles.name60":"Yaxi Miao","products.official.website.introduction.paragraph45":"Los textos generados por IA suelen ser proclives a ser largos, repetitivos o semánticamente ambiguos. Al incorporar reglas estándar de procesamiento de texto, el sistema ejecuta automáticamente un proceso que incluye «eliminar adjetivos y adverbios innecesarios, extraer la información central, sustituir palabras por números y unificar términos técnicos», garantizando así que el contenido cumpla con los estándares de lectura eficiente propios de las plataformas de gestión intermedia y posterior.","products.official.website.introduction.paragraph42":"Restricción de la línea de lectura","research.all.the.articles.name62":"Teng Shao","products.official.website.introduction.paragraph43":"Siguiendo el modelo de navegación en forma de F: la información principal, el título principal y el estado clave se colocan en la parte superior izquierda; la información secundaria se ubica en el centro o se atenúa; el acceso a las operaciones clave se sitúa en la parte derecha. La información horizontal en una sola línea se distribuye según el esquema «izquierda (alta) - centro (baja) - derecha (media)».","research.all.the.articles.name61":"Shu Wang","products.official.website.introduction.paragraph40":"Principio de alineación","research.all.the.articles.name64":"Dan Liu","products.official.website.introduction.paragraph41":": Alineación derecha para números/cantidades; alineación izquierda para texto/títulos; las etiquetas de los formularios deben estar alineadas a la derecha o en la parte superior. La información del mismo tipo debe formar bordes rectangulares estables, prohibiendo cualquier efecto de diente de sierra visual.","research.all.the.articles.name63":"Wenliang Li","careers.socialJob5Date":"2026.02.25","research.all.the.articles.name66":"Yishu Liang","research.all.the.articles.name65":"Cheng Zhang","research.all.the.articles.name68":"Yi Wei","research.all.the.articles.name67":"Ying Jiang","research.all.the.articles.name69":"Yao Yi","research.human.friendly.semantic.rules":"Reglas semánticas amigables para los humanos","research.structural.composition.integrating.textual":"{{bold}}Composición estructural{{/bold}}: Integrar la disposición textual y los elementos visuales en una estructura gráfica-textual coherente, permitiendo a los usuarios percibir y comprender directamente el mensaje.","careers.socialJob8Date":"2026.02.04","products.official.website.introduction.paragraph59":": Apto para contenido continuo como formularios, tablas y textos largos. No utiliza contenedores de tarjetas; en su lugar, se basa en espacios en blanco y separaciones para diferenciar los módulos, utilizando únicamente líneas finísimas de 0,5 px o áreas vacías entre ellos.","products.official.website.introduction.paragraph57":"La normativa descompone el estilo de diseño en reglas de disposición ejecutables. Mediante la creación de un árbol de decisiones para las rutas de contenedores, se definen claramente las formas de contenedor correspondientes a diferentes tipos de contenido y se prohíbe que la IA realice anidamientos recursivos o diseños libres.","careers.socialJob1Years":"3 años","products.official.website.introduction.paragraph58":"Estilo minimalista","products.official.website.introduction.paragraph55":"El texto de la descripción completa se contrae por defecto en un icono o en un enlace «Leer más», y solo se expande al pasar el cursor encima o al hacer clic.","research.all.the.articles.name71":"Huanshuai Kong","products.official.website.introduction.paragraph56":"Estilo de diseño y enrutamiento de contenedores","research.all.the.articles.name70":"Xiaoyuan Gu","products.official.website.introduction.paragraph53":": Vocabulario técnico fijo y abreviaturas sectoriales de todo el sistema; está prohibido utilizar sinónimos indistintamente. Las abreviaturas que aparezcan por primera vez deberán incluir un indicador emergente.","research.all.the.articles.name73":"Hao Yang","products.official.website.introduction.paragraph54":"Indicación dinámica","research.all.the.articles.name72":"Chuan Hu","research.taobaoInteractiveGame.caseStudies":"Casos prácticos","products.official.website.introduction.paragraph51":": Descomponer textos largos en frases cortas en formato de puntos; dar prioridad al uso de números en lugar de palabras (por ejemplo, «15 sin leer» en lugar de «Tiene quince mensajes sin leer»).","products.official.website.introduction.paragraph52":"Unificación de términos","products.official.website.introduction.paragraph50":"Expresión estructurada","research.design.principles":"Principios de diseño","products.official.website.introduction.paragraph70":"Medio peso (no modal)","research.color.code.implementation.excerpt":"Implementación del código de color (Extracto)","careers.internJob2Location":"Hangzhou","products.official.website.introduction.paragraph68":"Peso ligero (sin interrupciones)","products.official.website.introduction.paragraph69":"Mensaje: Utilizado para proporcionar retroalimentación inmediata sobre el estado tras la operación, que desaparece automáticamente (por ejemplo, «Guardado con éxito»).","products.official.website.introduction.paragraph66":"Nivel de retroalimentación interactiva","research.note.the.design.to":"Nota: El enfoque de transformación de código y generación de esquemas de mapeo Design-to-Code (D2C) se aplica de manera uniforme a todos los tipos de objetos de conocimiento. Las variaciones existen únicamente en la estructura de las plantillas según la categoría del objeto y no se reiterarán en las secciones siguientes.","products.official.website.introduction.paragraph67":"El componente de retroalimentación se ajusta según el nivel de riesgo operativo y el estado asíncrono, y está prohibido realizar llamadas entre niveles diferentes:","careers.socialJob5Location":"Hangzhou","products.official.website.introduction.paragraph64":"Estructura de IA para componentes e interacciones","careers.socialJob3Desc":"Responsable de la investigación sobre productos clave para usuarios de Taobao (como recomendaciones en la página de inicio, preguntas, comentarios y compras, entre otros), incluyendo análisis sobre orientación de compra, experiencia del usuario, percepción mental del público objetivo y mejora de la tasa de conversión. A través de monitoreo y estudios específicos, identificar los principales problemas de los usuarios y las oportunidades de mejora y optimización, con el fin de elevar la experiencia del usuario y contribuir a fortalecer la competitividad general de los productos de Taobao así como la fidelidad de los usuarios. Capaz de integrar y impulsar proyectos relacionados con la experiencia en diversos equipos y departamentos.","products.official.website.introduction.paragraph65":"Los componentes son las unidades básicas de la interfaz. Tomando como ejemplo el componente Button, explicaremos cómo adaptar la documentación tradicional de los componentes para obtener una estructura que pueda ser directamente llamada por la IA.","products.official.website.introduction.paragraph62":"Restricción rígida","products.official.website.introduction.paragraph63":"No se permiten tarjetas anidadas dentro de otras tarjetas; no se permite dejar áreas en blanco en la parte inferior para alinearlas con la cuadrícula; el contenido del mismo tipo debe agruparse en el mismo contenedor; la altura del contenedor dependerá del contenido, y no es obligatorio utilizar alineación por cuadrícula.","products.official.website.introduction.paragraph60":"Estilo de tarjeta","products.official.website.introduction.paragraph61":": Apto para módulos independientes como tarjetas de indicadores de datos y conjuntos de herramientas. Utiliza un borde de 0,5 px en #E4E6ED, una ligera sombra y esquinas redondeadas de 6 px; al pasar el cursor, el color del borde cambia al color temático.","home.award8Desc":"Interacción principal para la Fiesta de la Primavera 2025","products.official.website.introduction.paragraph80":"La norma establece una correspondencia uno a uno entre los parámetros visuales y las propiedades del código, evitando así que se produzca una desconexión entre el estilo y la lógica al generar contenido mediante IA. Se crea una tabla de mapeo unidireccional que vincula los parámetros de diseño con variables CSS y luego con las props de los componentes. La IA puede leer directamente esta tabla para generar código de componentes o parámetros de diseño precisos, asegurando así la coherencia entre la apariencia visual y la lógica de interacción.","research.all.the.articles.name02":"Wei Jiang","products.official.website.introduction.paragraph81":"Escena","research.all.the.articles.name01":"Quan Zheng","research.all.the.articles.name04":"Xiaoyuan Gu","research.all.the.articles.name03":"Wenqi Yin","research.all.the.articles.name06":"Baoyu Qin","home.product3Title":"Sistema de diseño","research.all.the.articles.name05":"Yufeng Duan","research.all.the.articles.name08":"Dong Chen","research.all.the.articles.name07":"Xiangle Tang","research.all.the.articles.name09":"Xiduo Luo","home.award5Title":"Premio de Diseño A'","footer.downloadSuccessful":"Descarga exitosa","products.official.website.introduction.paragraph79":"Mapeo de estructura, estilo y atributos","products.official.website.introduction.paragraph77":"Definir claramente los límites de uso","products.official.website.introduction.paragraph78":"Indique directamente la finalidad del componente, así como los escenarios apropiados y desapropiados para su uso. Por ejemplo, el botón se utiliza para activar operaciones comerciales (envío, confirmación, procesamiento por lotes), pero no es adecuado para fines puramente de visualización o para indicar rutas de navegación. Defina la estructura en tres niveles: propósito → escenario → condiciones de exclusión, lo que facilita que la IA determine rápidamente el momento adecuado para invocarlo.","products.official.website.introduction.paragraph75":": Alerta/Resultado. Se utiliza para indicaciones permanentes en la página o para mostrar resultados globales (como avisos de mantenimiento en la parte superior o páginas de pago completado).","research.code.generation.agent.configuration":"Configuración del agente de generación de código (extracto)","products.official.website.introduction.paragraph76":"Estructuración de componentes","products.official.website.introduction.paragraph73":"Modal/Popconfirm. Se utiliza para confirmar operaciones clave o interrupciones urgentes (por ejemplo, «¿Está seguro de que desea eliminar?»).","products.official.website.introduction.paragraph74":"Nivel de página (persistente)","products.official.website.introduction.paragraph71":"Notificación: Se utiliza para notificaciones del sistema o indicaciones de la finalización de tareas asíncronas que el usuario debe revisar posteriormente (por ejemplo, «La tarea de exportación se ha completado»).","research.all.the.articles.name11":"Shu Liu","products.official.website.introduction.paragraph72":"Peso pesado (modal/ bloqueo)","research.all.the.articles.name10":"Yu Xiang","products.official.website.introduction.paragraph91":"Interceptar tamaños de fuente no estándar (como 13px), colores (como #123456) o nombres de componentes ficticios, reemplazándolos automáticamente por los valores estándar más cercanos.","research.all.the.articles.name13":"Daizong Liang","products.official.website.introduction.paragraph92":"La profundidad de la estructura supera el límite establecido.","research.all.the.articles.name12":"Baoyu Qin","research.all.the.articles.name15":"Zhiwei Cui","products.official.website.introduction.paragraph90":"Componente/Token falsificado","research.all.the.articles.name14":"Han Yu","research.all.the.articles.name17":"Minlong Wu","research.all.the.articles.name16":"Jing Wang","research.all.the.articles.name19":"Qunjian Jie","research.all.the.articles.name18":"Yufeng Duan","products.official.website.introduction.paragraph88":"Lista de restricciones estrictas de IA","research.component":"Componente","products.official.website.introduction.paragraph89":"Para garantizar que los resultados generados cumplan con las normas de ingeniería, la especificación incorpora reglas de detección de infracciones de alta frecuencia. Antes de emitir la salida, la IA realizará una autocomprobación item por item; en cuanto se active una condición de restricción, la generación se detendrá y se devolverán recomendaciones de corrección.","products.official.website.introduction.paragraph86":"Fragmento de código que se puede llamar directamente","products.official.website.introduction.paragraph87":"Al final de la norma se proporcionan ejemplos de llamadas entre React y plataformas de low-code, incluyendo configuraciones completas de atributos y estructuras de diseño. La IA puede referirse directamente a estos fragmentos para generar código inicial o utilizarlos como entrada contextual, reduciendo así la necesidad de descripciones repetitivas.","products.official.website.introduction.paragraph84":"Reglas obligatorias y condiciones restrictivas","research.all.the.articles.name20":"Yuxia Sun","products.official.website.introduction.paragraph85":"Árbol de decisiones claro. Mediante una estructura lógica de condición-resultado, la IA puede asignar automáticamente la disposición correcta según el escenario actual, evitando así que se inviertan los roles principal y secundario o que se produzcan desordenamientos en la distribución. La normativa establece directamente las reglas que no pueden infringirse. Por ejemplo: en una misma área de operación solo se permite un botón principal; la disposición predeterminada es «principal a la derecha, secundario a la izquierda», con el botón principal situado en el extremo derecho y su importancia disminuyendo hacia la izquierda; se permiten excepciones para la disposición «principal a la izquierda, secundario a la derecha» en casos específicos: entradas a áreas de información de segundo nivel, operaciones de alta frecuencia en áreas de información de tercer nivel y áreas de herramientas colocadas en paralelo; cuando el número de botones supera cuatro, las operaciones de baja prioridad deben agruparse en conjuntos de botones con texto.","products.official.website.introduction.paragraph82":"La interfaz del extremo B suele estar compuesta por la combinación de múltiples componentes. La especificación complementa la forma de combinación en escenarios comerciales típicos, proporcionando una plantilla de instrucciones en tres etapas: escenario → combinación de componentes → orden de disposición. La IA puede comprender la lógica de combinación de los componentes en el contexto comercial real, en lugar de llamar a cada elemento de manera aislada.","research.all.the.articles.name22":"Liyuan Wu","research.human.ai.co.design":"Interfaces de productos de co-diseño humano–IA como un nuevo modo de trabajo","research.all.the.articles.name21":"Fan Feng","careers.socialJob7Date":"2026.02.24","home.research2Title":"Construir consenso de diseño dentro del equipo para una expresión visual intuitiva de la información en escenarios de marketing.","research.all.the.articles.name24":"Hui Zhao","research.all.the.articles.name23":"Songhui Huang","research.at.this.point.an":"En este punto, un paquete de sistema integrado —que combina una Base de Conocimiento de Especificaciones del Sistema de Diseño con una pipeline de ingeniería para el flujo de trabajo de generación de interfaces— completa la construcción del conocimiento sobre diseño de interfaces internas empresariales amigables con la IA. Este puede aplicarse de manera flexible a entornos de generación basados en IDE y a entornos en modo agente en herramientas de diseño, ya sea mediante MCP o mediante inyección de contexto.","awards.all.the.articles.paragraph1":"El proyecto de diseño integral de marcas para la promoción del «Doble 11» de Tmall 2025 obtuvo la Medalla de Oro del Premio de Diseño de Londres.","research.all.the.articles.name26":"Zhixiang Wu","awards.all.the.articles.paragraph2":"Certificado de premio, trofeo, etiqueta","research.all.the.articles.name25":"Ben Zhang","awards.all.the.articles.paragraph3":"Presentación del proyecto","research.all.the.articles.name28":"Yu Zhou","research.design.system.specification.title1":"El proceso de generación completo es el siguiente:","awards.all.the.articles.paragraph4":"Consulta de información sobre premios","research.all.the.articles.name27":"Yutao Yang","research.design.system.specification.title2":"El usuario ingresa una solicitud en lenguaje natural.","awards.all.the.articles.paragraph5":"Título de la obra: Diseño integral de marca para la promoción del Double 11 de Tmall 2025","awards.all.the.articles.paragraph6":"Equipo de diseño: Diseño Taobao","research.all.the.articles.name29":"Youtao Wang","awards.all.the.articles.paragraph7":"Categoría de participación: Diseño de comunicación - Eventos/Publicidad","research.design.system.specification.title5":"Ingresar al agente inteligente de búsqueda de conocimiento","awards.all.the.articles.paragraph8":"Descripción del proyecto de diseño:","research.design.system.specification.title6":"A través de RAG, se recupera a pedido información contextual altamente relevante para la intención actual, partiendo de los conocimientos normativos del sistema de diseño de complementos.","awards.all.the.articles.paragraph9":"Ante el contexto de una competencia cada vez más intensa en el comercio electrónico y la necesidad de elevar la experiencia del consumidor, el Double 11 de Tmall en 2025 asume una doble misión: mantener y fortalecer el impacto de las marcas, así como impulsar la innovación. Su estrategia central de diseño se centra en la coherencia de la percepción de marca y en la uniformidad de la experiencia del consumidor. Por primera vez, se logra la unificación de la expresión visual entre los elementos clave (KV) de Tmall y Taobao, con el objetivo de que los consumidores perciban intuitivamente el ambiente del Double 11 en distintos escenarios. La imagen principal mantiene la tonalidad «colorida, transparente y juvenil», utilizando un fondo radial en degradé rojo para resaltar el cuerpo principal del gato, descompuesto en formas geométricas de colores completos. Combinado con elementos en primer plano, como bolsas de compra que se expanden hacia afuera, se crea un ambiente cálido y vibrante. La composición se estructura mediante tres niveles bien definidos: un nivel central que transmite claramente el mensaje; un nivel flexible de elementos visuales que se adapta a las diversas necesidades comerciales; y un nivel de «martillo visual» que se extiende hacia adelante para reforzar la memoria de la marca. Este lenguaje visual unificado se integra en todos los escenarios, desde la presentación oficial y la publicidad hasta las transacciones en toda la cadena de la aplicación y los espacios físicos del campus, garantizando así una expresión coherente que potencia la capacidad de difusión de la marca.","careers.socialJob4Desc":"Participar en el diseño de productos como la atención a los miembros de tiendas de Taobao, la plataforma para comerciantes y la aplicación de herramientas de IA; encargarse de todas las etapas del trabajo, desde la coordinación con los negocios, la definición de estrategias, la formulación de conceptos de diseño, la elaboración de propuestas, la implementación real y la recopilación de datos. Capaz de estructurar y completar la arquitectura de información, establecer el estilo visual, generar la estética de la interfaz y definir estándares para los componentes. Tener una comprensión y capacidad de evaluación global del negocio, así como colaborar con equipos de diferentes niveles —como negocios, investigación de usuarios y desarrollo— para identificar oportunidades de diseño y co-crear de manera profunda con el fin de generar valor.","research.design.system.specification.title3":"Entrar en el agente de reconocimiento de intenciones","research.design.system.specification.title4":"Expande las necesidades ambiguas en intenciones de diseño que puedan ser comprendidas por el sistema, y genera una descripción estructurada de las necesidades para proporcionar condiciones límite a las decisiones posteriores.","research.design.system.specification.title9":"Ingresar al agente de generación de código","research.design.system.specification.title7":"Ingresar al agente de diseño de soluciones","research.design.system.specification.title8":"En las condiciones de límite, se seleccionan, combinan y completan los contextos normativos recuperados para generar un esquema de estado intermedio Schema*, una propuesta de diseño estructurado que describe claramente la página, los componentes, los estilos y el contenido.","products.official.website.introduction.paragraph99":"Solo se permite el uso de flujos de documentos Flex; se desactivan las disposiciones CSS Grid, Table y Float, así como las unidades dinámicas como vw, calc y porcentajes. Los parámetros de tamaño deben utilizar obligatoriamente valores en píxeles.","products.official.website.introduction.paragraph97":"Reemplaza automáticamente texto de marcador como «botón» y «datos de ejemplo», y verifica la aleatoriedad de los datos y su adecuación al contexto del sector.","products.official.website.introduction.paragraph98":"Restricciones de la capa inferior del diseño","research.extreme.emphasis.on.the":"{{bold}}Énfasis extremo en el tema principal {{/bold}}— Destaque la información central mientras debilita intencionalmente los elementos secundarios, asegurando una jerarquía clara en la que los elementos clave sean reconocibles al instante.","products.official.website.introduction.paragraph95":"Los números y montos deben alinearse obligatoriamente a la derecha; en cada módulo, el número de tipos de fuente debe limitarse estrictamente a un máximo de 3; las jerarquías de los títulos se clasifican según la lógica «central/principal/auxiliar».","research.all.the.articles.name31":"Xuejun Xuan","products.official.website.introduction.paragraph96":"Distorsión de contenido y marcadores de posición","research.all.the.articles.name30":"Zhiyu Guo","bottom.link.title":"Artículos relacionados","products.official.website.introduction.paragraph93":"Verificar la unicidad del botón Principal; las operaciones destructivas como eliminar o vaciar obligan a vincular el color de error con un mecanismo de confirmación secundaria.","research.all.the.articles.name33":"Kexiao Chen","products.official.website.introduction.paragraph94":"Violaciones de alineación y jerarquía","research.all.the.articles.name32":"Wei Qi","research.all.the.articles.name35":"Jia Huang","team.publish.a.book.paragraph19":"«Historias de fantasmas: Ojos, boca y estómago», 2024","team.publish.a.book.paragraph9":"¿Por qué el cine?","research.all.the.articles.name34":"Keran Li","team.publish.a.book.paragraph8":"Desde cada invierno a partir de 2016, los diseñadores del equipo Taotian recibían un regalo. La idea detrás de estos regalos era una mirada profunda y reflexiva sobre el trabajo y la vida de cada uno: por ejemplo, convertir los destinos de sus sueños de viaje en un calendario para el Año Nuevo; transformar a sus compañeros en personajes de famosas obras de arte históricas con toques divertidos; asignar a cada persona, con su personalidad tan distinta, un tono Pantone personalizado; compilar nuestras frases típicas en el entorno laboral en un apasionante cómic; o recrear la tienda ideal de nuestra infancia como un pueblo utópico... Esta práctica de observación se mantuvo año tras año, hasta que en 2022 decidimos probar algo nuevo: rodar una película.","research.all.the.articles.name37":"Jie Zuo","team.publish.a.book.paragraph17":"«Adiós, Kitty. HelloKitty», 2023","team.publish.a.book.paragraph7":"Cuando leas este artículo, la tradición de los regalos anuales de diseño de Taotian ya habrá cumplido su décimo año.","research.all.the.articles.name36":"Xinping Liang","team.publish.a.book.paragraph18":"Esta es nuestra primera película larga. La cinta intenta utilizar como marco narrativo la estructura de un ciclo temporal, altamente tipificada, para contar la historia de un hombre de mediana edad que se encuentra atrapado en el fracaso matrimonial y en dificultades económicas. Al borde de perder su familia y su dignidad, cae accidentalmente en un ciclo temporal y, finalmente, logra dar un giro a su vida. A medida que el tiempo vuelve una y otra vez sobre sí mismo, el protagonista va comprendiendo poco a poco que lo que realmente no puede evadirse no es el tiempo de la vida, sino la responsabilidad que las personas asumen ante sus propias elecciones. Cuando el destino le brinda innumerables oportunidades para empezar de nuevo, él necesita tomar la decisión de cambiar.","team.publish.a.book.paragraph6":"Cada uno de los testigos directos del libro te ofrecerá respuestas concretas y auténticas.","research.all.the.articles.name39":"Yihan Mei","team.publish.a.book.paragraph15":"Cada otoño, los productores y directores reúnen al equipo creativo para debatir: «¿Qué queremos expresar este año? Cuando empezamos a escribir una historia, lo primero que debemos tener claro es: ¿qué es lo que más deseas decir?»","research.all.the.articles.name38":"Sirui Long","team.publish.a.book.paragraph16":"Ang Lee habla sobre el choque cultural y la represión de la naturaleza humana; Jia Zhangke se centra en los destinos individuales en medio de las grandes corrientes de la época; Peter Chan suele escribir sobre la separación entre las personas; Yasujiro Ozu enfrenta directamente las brechas dentro de las familias; los hermanos Coen exploran lo absurdo y el destino, el caos y la nada. Tanto si se trata de una perspectiva profunda sobre la naturaleza humana, de la complejidad de las relaciones entre las personas o de cuestiones sociales más amplias, estos son siempre el núcleo de los guiones y también el impulso más primario de los creadores. ¿Y nosotros?","team.publish.a.book.paragraph13":"Así que filmamos películas. Vuelven a conocernos detrás de la cámara, recontamos nuestra propia expresión en el cine, pasando de la creación individual a la visualización colectiva, permitiendo que un grupo de personas comparta juntos una experiencia temporal.","team.publish.a.book.paragraph14":"¿Qué estamos expresando?","team.publish.a.book.paragraph11":"El cine es una extensión de la vida; esta arte integral exige que los creadores logren la unidad entre lo visual, lo auditivo, la narrativa y las emociones, movilizando plenamente la coherencia en su expresión artística. Para que una película sea realmente cautivadora, todos sus escenarios y creaciones deben ser minuciosos y auténticos. ¿Es verdaderamente lo que creas lo que deseas expresar? ¿Acaso tu expresión no deja de hacer preguntas sinceras e incesantes sobre la vida? Incluso en la era de la IA, la expresión sigue siendo la necesidad más genuina del ser humano. No dejar de observar y cuestionar la vida es una tarea constante que los diseñadores deben seguir perfeccionando.","team.publish.a.book.paragraph12":"Aún más importante, una película requiere decenas de profesiones distintas y es la forma de arte con mayor grado de industrialización. El proceso de rodaje, en el que colaboran cientos de personas, permite al equipo experimentar en primera persona la colaboración integral. Además, en una película experimental, podemos explorar de manera artística la integración de tecnologías de vanguardia en el ámbito científico y tecnológico.","team.publish.a.book.paragraph10":"En 1895, un par de hermanos franceses llamados Lumière inventaron el cinematógrafo, dando inicio a la historia del cine mundial. Las películas que ellos crearon y filmaron capturaron y registraron con gran fidelidad escenas cotidianas de la vida real, permitiendo a las personas ver la vida auténtica que los rodeaba y a las personas conocidas que formaban parte de su entorno.","research.shopping.guide.case.mapping":"Esquema de mapeo de casos de la Guía de Compras (extracto)","team.publish.a.book.paragraph1":"Resumir la experiencia y las prácticas de diseño de Taobao en el ámbito empresarial real,","research.all.the.articles.name40":"Jiahong Wu","research.all.the.articles.name42":"Zhining Wang","team.publish.a.book.paragraph5":"Si estás en pleno proceso de aprendizaje diario sobre diseño de experiencias, a punto de postularte a empleos en grandes empresas o enfrentándote a decisiones sobre tu orientación profesional...","research.all.the.articles.name41":"Shunan He","team.publish.a.book.paragraph4":"En la era de la IA, ¿cómo está experimentando nuevamente un salto y una evolución el pensamiento de diseño?","research.all.the.articles.name44":"Junchao Ye","team.publish.a.book.paragraph3":"¿Qué tipo de capacidad de diseño se requiere para recrear escenarios laborales reales a partir de experiencias prácticas en primera línea?","research.all.the.articles.name43":"Yujia Wang","team.publish.a.book.paragraph2":"Continuamente ampliamos los límites del diseño, centrándonos más en la profundidad y el valor del diseño.","team.publish.a.book.paragraph28":"División modular del equipo","team.publish.a.book.paragraph29":"En la etapa preliminar de preparación, el enfoque principal está puesto en la definición del universo narrativo y el desarrollo del guion. Organizaremos sesiones de discusión sobre el guion, en las cuales abordaremos varios temas para su organización y selección; durante esta etapa, la productora y el productor tomarán las decisiones correspondientes. Los creadores principales realizarán la selección de actores y descubrirán a los estudiantes del equipo de diseño que mejor se ajusten a los personajes. Dado que el lugar de rodaje está limitado a la zona cercana a Hangzhou, con frecuencia la búsqueda de locaciones artísticas se lleva a cabo simultáneamente durante la etapa de discusión del guion, lo que establece una estrecha conexión entre la organización de escenarios y la manera en que se desarrollan las tramas. La etapa media de rodaje es la más intensa; el director planifica diariamente las tomas, y los encargados de fotografía, iluminación, utilería, logística, actores y coordinadores trabajarán en conjunto con el director para llevar a cabo cada una de las tomas según sus guiones visuales. En la etapa final de postproducción, empleamos numerosos efectos visuales, diseño de sonido, mezcla de audio y corrección de color, e incorporamos tecnologías de video basadas en inteligencia artificial. Asimismo, en esta fase se completan también la dirección artística de la película, los carteles, las invitaciones, los materiales promocionales y los regalos relacionados.","careers.socialJob11Team":"Grupo Taotian (Alimama)","products.aiagent.title3":"Seleccionar tareas específicas","team.publish.a.book.paragraph26":"Lo precioso de la producción cinematográfica radica precisamente en que siempre se desarrolla bajo múltiples restricciones: el tiempo, el presupuesto y las condiciones reales. Los creadores deben activar constantemente su imaginación, buscando formas más precisas, más singulares y más creativas para resolver los desafíos artísticos y encontrar salidas innovadoras y llenas de estilo. Y justamente ahí reside lo más fascinante de la creación artística.","products.aiagent.title4":"Admite entrada multimodal y preguntas y respuestas libres.","research.enter.interface.generation.instructions":"Ingrese instrucciones de generación de interfaces en lenguaje natural","team.publish.a.book.paragraph27":"Simplificamos el proceso de distribución de nuestras películas industriales para centrarnos en la creación; aunque nuestro equipo es pequeño, cuenta con todos los elementos necesarios. Con un período de creación total de poco más de tres meses —comenzando a finales de octubre de cada año—, pasaremos por las siguientes etapas durante la elaboración de la película.","products.aiagent.title1":"TDA (Agente de Diseño Taobao) es un agente de diseño integrado impulsado por IA y un experto virtual a nivel empresarial diseñado específicamente para el equipo de diseño Taotian. Construido sobre el conocimiento, las metodologías y la experiencia en diseño acumulados por el equipo, TDA asiste a los diseñadores de experiencia de usuario a lo largo de todo el flujo de trabajo, desde el análisis hasta la entrega de soluciones. Sus capacidades abarcan una amplia gama de tareas, incluyendo preguntas y respuestas de formato libre, análisis de investigación de usuarios, análisis competitivo y estudios de casos, consultas sobre especificaciones, desarrollo de estrategias, generación de interfaces, revisiones de diseño y pruebas de usabilidad. Los principales diferenciadores de TDA radican en su base de conocimiento de diseño privada de nivel empresarial, sus capacidades de subagentes multitarea y su evolución continua impulsada por el modelo de lenguaje grande Tongyi Qianwen. Actualmente, TDA sirve principalmente a usuarios del equipo de diseño Taotian y a instituciones educativas colaboradoras.","team.publish.a.book.paragraph24":"Esta es una película de crimen con humor negro de autor, cuya trama gira en torno a la lucha por el poder entre los herederos del jefe de la mafia japonesa en China, así como a un secuestro accidental y un siniestro automovilístico inesperado. La hábil sustitución de los verdaderos y falsos protagonistas en la narrativa hace que la verdad detrás de esta historia, perseguida por múltiples fuerzas, se reescriba una y otra vez. Identidad, destino y narrativa se entrelazan entre sí, semejantes a la red que el mundo contemporáneo ha construido, constantemente nombrada, sustituida o explotada. ¿Cuándo estamos inmersos en esa trama, y cuándo nos mantenemos al margen, observando todo desde fuera?","products.aiagent.title2":"Página de inicio","team.publish.a.book.paragraph25":"¿Cómo creamos?","products.aiagent.title7":"Vista de casos","team.publish.a.book.paragraph22":"Las tres cortometrajes, aunque de estilos muy diferentes, giran en torno a un mismo núcleo: cómo las personas encuentran su lugar entre lo real y lo irreal cuando se enfrentan a lo desconocido, la soledad o la opresión de la sociedad.","products.aiagent.title8":"Base de conocimientos en segundo plano","team.publish.a.book.paragraph23":"«El extraño, Yo sobreviviré», 2025","footer.downloadAndScanWithWeChat":"Descárgalo y escanea el código QR con WeChat.","header.careers":"Contratación","products.aiagent.title5":"Análisis de investigación","team.publish.a.book.paragraph20":"La película es una colección de tres cortometrajes en forma de tríptico, compuesta por tres historias independientes pero que se hacen eco unas a otras en su tono. Cada historia borra la línea entre realidad e imaginación, explorando los límites de la naturaleza humana, la memoria y la existencia.","products.aiagent.title6":"Consulta normativa","team.publish.a.book.paragraph21":"La primera historia, «La persona en la montaña falsa», se presenta con un estilo de pseudo-documental. Sigue a un grupo de viajeros que buscan un médium; solo al final del viaje, cuando el punto de vista se desplaza fuera de la pantalla, el público se da cuenta de que ellos mismos son el fantasma que los viajeros tanto han anhelado. La segunda historia, «Piedra·Granada», es un thriller psicológico que explora la ansiedad y la alienación del poder en la era digital. Una chica sorda y muda, sometida a la presión de las estructuras capitalistas y del tráfico en línea, utiliza la generación por IA para dar vida a sus fantasías, pero poco a poco se ve atrapada en una espiral de alucinaciones y violencia. La tercera historia, «Día soleado», es una tierna historia fantástica: la noche de la víspera de Año Nuevo, el difunto padre se apodera momentáneamente de la mejor amiga de su hija, regresando por un tiempo limitado a la familia para intentar calmar a su hija, quien padece soledad y depresión sin encontrar refugio en la sociedad.","products.aiagent.title9":"Aumentar la rama del árbol de conocimiento","research.taobaoInteractiveGame.motionGraph":"Atlas de efectos de movimiento para juegos interactivos","home.joinUsTitle":"Únete a nosotros  \nCrea diseños aún mejores","research.all.the.articles.paragraph122":"Autenticidad: Los materiales de los objetos generados deben ajustarse a las leyes de la realidad.","research.all.the.articles.paragraph121":"Estas desviaciones pueden provocar errores en las imágenes generadas por la IA, dificultando la simulación precisa de los detalles del mundo real.","research.all.the.articles.paragraph120":"Los modelos de IA en sí mismos presentan sesgos y, al aprender a generar texturas, tienden a imitar con mayor facilidad ciertos estilos o características específicos. Por ejemplo, si un modelo aprende a generar imágenes de paisajes y tiende a producir imágenes con cielos azules y nubes blancas, los resultados generados podrían carecer de diversidad y reflejar únicamente ciertas perspectivas o prejuicios presentes en los datos de entrenamiento.","research.all.the.articles.paragraph126":"Textura rugosa: La superficie es irregular, la luz se dispersa fácilmente y produce un efecto suave, como en materiales como la madera o el cemento.","research.all.the.articles.paragraph125":"Textura lisa: La superficie es plana, refleja la luz con facilidad y ofrece un efecto brillante, como los materiales metálicos o el vidrio.","research.all.the.articles.paragraph124":"En el mundo real, los materiales presentan una gran variedad de texturas diferentes; estas diferencias hacen que los objetos luzcan más reales y vivos visualmente. Los tipos de textura más comunes incluyen los cinco siguientes.","research.all.the.articles.paragraph123":"Efectos de los materiales: Los efectos y correspondencias de los materiales deben ajustarse a los que se encuentran en el mundo real para evitar anomalías materiales. En escenarios de comercio electrónico, unos materiales adecuados pueden reforzar la autenticidad y objetividad de las imágenes generadas. Los materiales pueden transmitir las características físicas y las propiedades táctiles de los objetos; estos deben corresponderse con los materiales correspondientes, como la textura del entorno (que simule cambios en el ambiente natural y la iluminación) o la textura de la piel humana (que refleje la sensación táctil y los detalles de la piel). Es importante evitar que los materiales inusuales provoquen una apariencia visual artificial o poco realista.","research.all.the.articles.paragraph129":"Textura dura: Proporciona una sensación de firmeza y solidez, como los materiales como la piedra o el acero.","footer.sloganTechnology":"Tecnología","research.all.the.articles.paragraph128":"Textura suave: Proporciona una sensación de suavidad y comodidad, como los materiales como el algodón o la seda.","research.all.the.articles.paragraph127":"Textura transparente: permite el paso de la luz, ofreciendo un efecto translúcido, como los materiales como el agua o el vidrio.","team.publish.a.book.paragraph39":"El guion se centra en la historia en sí, prestando especial atención al desarrollo de la trama, las líneas de diálogo de los personajes, las motivaciones y relaciones entre los personajes, así como a la lógica general. El guion gráfico volverá a estructurar la historia, desglosando y recreando los contenidos del guion original mediante recursos audiovisuales.","team.publish.a.book.paragraph37":"En la etapa preliminar de preparación, el enfoque principal está puesto en la definición del universo narrativo y el desarrollo del guion. Organizaremos sesiones de discusión sobre el guion, en las que abordaremos varios temas para estructurar y seleccionar contenidos; durante esta fase, la productora y el productor tomarán las decisiones correspondientes. Los creadores principales realizarán la selección de actores y descubrirán a los estudiantes del equipo de diseño que mejor encajen con los personajes. Dado que el lugar de rodaje se limita a la zona cercana a Hangzhou, a menudo la búsqueda de locaciones artísticas se lleva a cabo simultáneamente con la etapa de discusión del guion, lo que asegura una estrecha conexión entre la organización de escenas y la dinámica de la trama. La etapa media de rodaje es la más intensa: el director planifica diariamente las tomas, y los encargados de fotografía, iluminación, utilería, logística, actores y coordinadores trabajarán en conjunto con el director para llevar a cabo cada una de las tomas según su planificación. En la etapa final de postproducción, empleamos numerosos efectos visuales, diseño de sonido, mezcla y colorización, e incorporamos tecnologías de video basadas en inteligencia artificial. Asimismo, en esta etapa se completan la dirección artística de la película, los carteles, las invitaciones, los materiales promocionales y los regalos relacionados.","team.publish.a.book.paragraph38":"Desde la creación del guion hasta el storyboard","team.publish.a.book.paragraph35":"Simplificamos el proceso de distribución de nuestras películas industriales para centrarnos en la creación; aunque nuestro equipo es pequeño, cuenta con todos los elementos necesarios. Con un período de creación total de poco más de tres meses —comenzando a finales de octubre de cada año—, pasaremos por las siguientes etapas durante la elaboración de la película.","team.publish.a.book.paragraph36":"División modular del equipo","team.publish.a.book.paragraph33":"¿Cómo creamos?","team.publish.a.book.paragraph34":"Lo precioso de la producción cinematográfica radica precisamente en que siempre se desarrolla bajo múltiples restricciones: el tiempo, el presupuesto y las condiciones reales. Los creadores deben activar constantemente su imaginación, buscando formas más precisas, más singulares y más creativas para resolver los desafíos artísticos y encontrar salidas innovadoras y llenas de estilo. Y justamente ahí reside lo más fascinante de la creación artística.","team.publish.a.book.paragraph31":"El guion se centra en la historia en sí, prestando especial atención al desarrollo de la trama, las líneas de diálogo de los personajes, las motivaciones y relaciones entre los personajes, así como a la lógica general. El guion gráfico volverá a estructurar la historia, desglosando y recreando los contenidos del guion original mediante recursos audiovisuales.","team.publish.a.book.paragraph32":"Diseño narrativo para la progresión del guion de «El extranjero»","team.publish.a.book.paragraph30":"Desde la creación del guion hasta el storyboard","careers.socialJob10Years":"3 años","research.all.the.articles.paragraph111":"Relación entre luz y sombra: Los colores de los productos y del entorno deben mantenerse coherentes, y el sujeto principal debe armonizar con la escena. En las imágenes generadas por IA para comercio electrónico, los tonos claros y oscuros influyen en la percepción general y en el ambiente mediante la distribución de luz y sombra en la imagen y mediante la énfasis en las luces y las sombras. En la estética de las imágenes generadas, es fundamental asegurar la cohesión entre los tonos claros y oscuros tanto del sujeto como del fondo, evitando que la relación entre luz y sombra quede fragmentada. Las imágenes con tonos claros suelen crear un ambiente luminoso y relajado, ideales para expresar emociones positivas y alegres; además, ayudan a resaltar los detalles, haciendo más nítidas las texturas y formas de los objetos y logrando un efecto ligero y transparente. Por otro lado, las imágenes con tonos oscuros transmiten sensaciones de serenidad y misterio, siendo adecuadas para temas de productos solemnes. Su ventaja radica en destacar las zonas en sombra, creando un alto contraste y profundidad, así como en aumentar la saturación de los colores y generar un impacto visual intenso en ciertos contextos. Es importante, al comprender las distintas características de los tonos claros y oscuros, evaluar razonablemente la coherencia de la relación entre luz y sombra en las imágenes generadas por IA, a fin de lograr el efecto visual deseado para los productos.","research.taobaoInteractiveGame.uiGraph":"Atlas de interfaz de usuario para juegos interactivos","research.all.the.articles.paragraph115":"Desviación de datos","research.all.the.articles.paragraph114":"En la estética de la generación de imágenes mediante IA, se deben seleccionar tonalidades adecuadas según las características del producto y mantener una armoniosa relación térmica entre el sujeto y el fondo para transmitir eficazmente las emociones y el ambiente deseados. Las imágenes generadas por IA suelen basarse en grandes conjuntos de datos entrenados con numerosas imágenes del mundo real; sin embargo, debido a imperfecciones en la recopilación de datos, la elección del modelo y la anotación manual, los resultados del entrenamiento pueden presentar los siguientes sesgos.","research.all.the.articles.paragraph113":"Textura","research.all.the.articles.paragraph112":"Relación entre tonos fríos y cálidos: Es necesario equilibrar la tendencia cromática fría o cálida en la composición de la imagen. En las imágenes generadas por IA para productos de comercio electrónico, la relación entre tonos fríos y cálidos se refiere a la distribución predominante de colores en la imagen. Las imágenes de productos deben asegurar que la tendencia general de los colores sea armoniosa, evitando así una sensación de ruptura o desequilibrio. Los tonos fríos suelen transmitir una sensación de calma y son adecuados para climas fríos o ambientes frescos; su capacidad para crear distancia puede realzar la sensación de profundidad entre el primer plano y el fondo, logrando efectos de profundidad y espacio muy eficaces, y combinándose a menudo con temas de productos relacionados con la reflexión o la serenidad. Por otro lado, los tonos cálidos suelen transmitir calidez y vitalidad, llamando más fácilmente la atención del espectador; son ideales para resaltar el tema principal o potenciar el atractivo visual, y suelen resultar más amigables en imágenes de personas, siendo la elección perfecta para expresar entusiasmo y energía.","research.all.the.articles.paragraph119":"Desviación del modelo","research.all.the.articles.paragraph118":"Durante el proceso de etiquetado de datos, es posible que surjan errores o imprecisiones debido a factores subjetivos. Por ejemplo, si un objeto en una imagen está etiquetado erróneamente, el AI también generará imágenes con errores correspondientes.","research.all.the.articles.paragraph117":"Desviación de etiquetado","footer.sloganFuturistic":"El futuro","research.all.the.articles.paragraph116":"Los conjuntos de datos utilizados para entrenar modelos de IA provienen en su mayoría del mundo real, y el mundo real en sí mismo presenta sesgos. Por ejemplo, la proporción de personas blancas en la realidad es mayor; estos sesgos se transmiten a los datos de entrenamiento, lo que hace que la IA tenga más facilidad para generar rostros de personas blancas al crear modelos humanos, descuidando así a otros grupos o escenarios.","team.publish.a.book.paragraph48":"La elaboración de regalos relacionados con películas constituye otra forma tangible de expresar la narrativa. Cuando la historia es ficticia, ¿qué puede llevarse consigo el espectador?","team.publish.a.book.paragraph49":"Durante los tres años de nuestra película, hemos creado diversos artículos promocionales y regalos basados en elementos clave o curiosos de la trama cinematográfica, con el fin de evocar en el público que abandona la sala recuerdos vividos en el momento. Por ejemplo, en el primer año, para «Adiós, Katie», utilizamos la fiambrera de hierro típica de la película; este objeto es un símbolo de los años 80. Al llenar la fiambrera con un calendario que reproduce las frases de los personajes, cuando los miembros del equipo la abren, no solo descubren la ternura propia de la película, sino también escenas vívidas y reflexiones profundas sobre la vida que quedan grabadas en la memoria. En «Historias de Fantasmas», por su parte, tomamos como base la vaporera de panecillos de carne presentada en el tercer episodio, traduciendo así una imagen sólida y cálida de la reunión familiar. Los objetos tan característicos de la cultura china, empleados como soportes narrativos, hablan por sí mismos: estos portadores llenos de significado aportan más carga semántica que simples cajas de cartón o envoltorios convencionales. En «El Extraño», creamos una caja de juego de la oca con personajes de la película, integrando en las reglas tradicionales de este juego infantil las tramas y los conflictos propios de la historia. Así, al jugar con el juego de la oca durante la celebración del Año Nuevo, todos pueden disfrutar juntos de nuevos momentos junto a familiares y amigos.","team.publish.a.book.paragraph46":"Cartel conceptual de arte para la película «Historias de fantasmas»","team.publish.a.book.paragraph47":"Póster conceptual de arte para la película «El extranjero»","team.publish.a.book.paragraph44":"Promoción de películas y producción de artículos promocionales","team.publish.a.book.paragraph45":"Aunque se trata de una película dirigida al equipo interno, seguimos produciendo y promocionando tanto el cartel conceptual como el cartel oficial de estreno. El cartel conceptual tiene un carácter más autoral y utiliza escenas o imágenes para plasmar el concepto original que la película buscaba transmitir; en cambio, el cartel oficial es más comercial y sirve como preludio para que el público entre en la historia cuando se proyecte la película.","team.publish.a.book.paragraph42":"El diseño de efectos especiales cinematográficos se lleva a cabo en la etapa de postproducción, tras finalizar el rodaje de la película. Algunas escenas de alta complejidad requieren que los directores y los operadores de cámara planifiquen con anticipación los materiales para los fondos verdes o los efectos especiales en vivo, que luego se producirán conjuntamente en la etapa de postproducción, como por ejemplo explosiones en grandes escenarios, composiciones con fondos verdes en pantalla y combinaciones de posiciones de personajes, entre otros.","team.publish.a.book.paragraph43":"Referencias de diseño artístico para «El extranjero»","team.publish.a.book.paragraph40":"Arte cinematográfico","careers.internJob3Team":"Grupo Taotian","careers.socialJob6Date":"2026.02.24","team.publish.a.book.paragraph41":"El equipo de diseño artístico en un rodaje cinematográfico se divide principalmente en dos funciones principales: diseño de entornos y diseño de personajes. El diseño de entornos interviene en las etapas iniciales del guion y la creación de planos, cuando el director artístico, junto con el director y el guionista, planean dónde y cuándo deben desarrollarse las escenas de la historia. La elección de los lugares para las escenas cinematográficas no solo debe satisfacer las exigencias visuales de la trama, sino también ofrecer al director la flexibilidad necesaria para organizar la acción y determinar el movimiento de los actores. Según el tono de cada secuencia cinematográfica, se selecciona el momento adecuado para construir y decorar los escenarios. Por su parte, el diseño de personajes entra en juego durante la selección de actores y la ejecución concreta de los planos; incluye el diseño de vestuario y la caracterización de los personajes. La apariencia de los personajes se define en función de su personalidad y del papel que desempeñan en la trama. Asimismo, la elaboración y adquisición de accesorios constituyen un eslabón clave para garantizar la autenticidad tanto de los personajes como de los escenarios. Por ejemplo, en «Adiós, Katie», el protagonista se visualiza mediante el diseño de su vieja chaqueta, sus herramientas de bicicleta y la representación de sus amigos, jóvenes socialmente marginados, lo que ayuda a ilustrar su posición dentro de la sociedad. En «Historias de fantasmas», el personaje de Li Mo, una influencer sorda y muda, fue diseñado con un corto cabello rosa bien arreglado y se le añadieron auriculares que ocultan su voz, reflejando así su profunda ambivalencia interior. En «El extraño», las prendas y peinados contrastantes de Kikuko y Rinco subrayan la marcada diferencia entre sus respectivas transformaciones tras ser sustituidas.","careers.title":"Puesto","research.all.the.articles.paragraph140":"Modelo de estilo","research.taobaoInteractiveGame.artGraphApplication":"Atlas de estilos de arte de juegos interactivos en la práctica","products.aiagent.title12":"Limpieza de conocimiento","research.all.the.articles.paragraph144":"382,0 MB","products.aiagent.title13":"Compatible con múltiples tipos de formatos","research.all.the.articles.paragraph143":"Normas de estética de productos de Gome x Alibaba","products.aiagent.title10":"Conocimiento en la nueva rama","research.all.the.articles.paragraph142":"Foro y exposición D20","research.all.the.articles.paragraph141":"Generación de escenas","careers.socialJob1Location":"Hangzhou","careers.socialJob5Desc":"Responsable del diseño de experiencias para sectores clave en Xianyu, construyendo experiencias de transacción y expresiones de valor comercial características basadas en las particularidades de cada sector, lo que contribuye a forjar una imagen mental sólida del sector. Profundizar en el conocimiento del negocio, desglosar estrategias de diseño desde la perspectiva del usuario, y generar diseños detallados combinando datos y estrategias de producto, aportando así valor de diseño para alcanzar los objetivos generales. Mantenerse atento a las tendencias y a los cambios en el entorno externo, realizar un seguimiento y análisis constante de la competencia, y ser capaz de llevar a cabo diseños innovadores aún mejores en el contexto de Xianyu.","careers.internJob3Years":"Práctica","home.award7Title":"Premio de Oro MUSE Platino y Premio de Oro del Diseño de Berlín","team.publish.a.book.paragraph59":"Este taller representa una expansión proactiva de los límites de la educación en diseño, con el objetivo de forjar la próxima generación de innovadores en diseño capaces de manejar la complejidad y definir experiencias futuras. La estructura del curso refleja una combinación magistral entre una formación académica rigurosa y prácticas industriales de vanguardia.","home.award6Desc":"Diseño integral de marcas para la promoción del 11-11 de Tmall 2025","team.publish.a.book.paragraph57":"Nivel de arquitectura (Enmarcando la intervención): Basándose en insights profundos, se guía a los estudiantes en la construcción de un marco estratégico para la experiencia. Esto incluye definir las afirmaciones centrales de diseño, planificar el ecosistema de puntos de contacto del servicio y establecer indicadores para medir la experiencia. El curso enfatiza la lógica, la coherencia y la escalabilidad de la experiencia, asegurando que el diseño no sea una idea aislada, sino una solución sistemática capaz de integrarse en los negocios existentes y generar nuevo valor.","team.publish.a.book.paragraph58":"Capa de validación (Demostrando el valor): Impulsar la transformación del concepto de diseño en un valor demostrable. Los estudiantes aprenderán a construir prototipos interactivos de alta fidelidad y, mediante herramientas como guiones narrativos contextualizados, simulaciones de seguimiento de datos y retroalimentación de pruebas con usuarios, realizarán una validación preliminar de la usabilidad, la aceptación y la viabilidad comercial de sus diseños, completando así el paso crucial desde «la concepción del concepto» hasta «la hipótesis de valor».","team.publish.a.book.paragraph55":"Tomando como puntos de intervención profunda las tres escenas comerciales digitales centrales —«transmisión en vivo, membresía e interacción»—, la construcción del contenido curricular busca ir más allá de la simple mejora estética de la interfaz o la adición de funciones, y establecer un ciclo completo de enseñanza e investigación que vaya «desde el fenómeno hasta la esencia, desde la estrategia hasta la validación». El diseño del contenido curricular se divide en tres niveles estrechamente vinculados:","footer.sloganCreative":"Creatividad","team.publish.a.book.paragraph56":"Nivel de Insight (Ver el Sistema): Guiar a los estudiantes a traspasar la superficie de los datos y el comportamiento, utilizando herramientas como mapas de viaje del usuario, análisis de motivaciones conductuales y cuadros de negocio para descomponer sistemáticamente los modelos mentales de los usuarios, la lógica comercial de la plataforma y las relaciones sociales que subyacen a cada escenario. Por ejemplo, en el escenario de «transmisión en vivo», no solo se analiza la tasa de clics en los botones de interacción, sino que también se investigan los mecanismos cognitivos y las conexiones emocionales detrás de la «inmersión» y el «impulso inmediato al consumo».","home.research1Title":"Construir conocimientos internos de diseño empresarial para generar interfaces de productos que cumplan con las normas.","products.aiagent.title14":"Prueba ahora mismo","team.publish.a.book.paragraph53":"Nunca supimos cuánto tiempo podría durar algo, pero a lo largo de estos años hemos dejado atrás un archivo visual de nuestro crecimiento conjunto. Quizá en un futuro cercano plasmemos lo que llevamos en el corazón mediante formas artísticas y capacidades tecnológicas más actualizadas; sin embargo, lo que nunca cambiará es que seguiremos expresándonos y no cesaremos de hacer preguntas sinceras sobre la vida. Mantendremos este entusiasmo para reunir a quienes nos acompañan en el camino hacia adelante.","team.publish.a.book.paragraph54":"Colaboración universidad-empresa: Guomei × Diseño de Taobao","team.publish.a.book.paragraph51":"Foto de perfil con la imagen de regalo de la serie de películas","careers.socialJob3Title":"Especialista en Investigación de Usuarios Avanzada - Taobao","team.publish.a.book.paragraph52":"Posdata","team.publish.a.book.paragraph50":"Foto de imagen de regalo de «Historias de fantasmas»","research.all.the.articles.paragraph133":"Condiciones de iluminación: La iluminación influye en la representación de la textura; diferentes tipos de iluminación provocan variaciones en la textura de los objetos. Bajo luz intensa, la textura se percibe con mayor nitidez; bajo luz tenue, la textura resulta más suave.","research.design.system.specification.paragraph":"La normativa del sistema de diseño está compuesta por dos tipos de objetos de conocimiento y tres tipos de archivos. {{bold}}Los dos tipos de objetos de conocimiento se dividen en Estilos y Páginas{{/bold}}, donde los Estilos a su vez se subdividen en cuatro categorías: Elementos, Diseño de la página, Componentes y Recursos. Cada uno de estos objetos de conocimiento incluye {{bold}}tres tipos de archivos: Reglas semánticas, Esquemas de mapeo y Implementación de código{{/bold}}.","research.all.the.articles.paragraph132":"Textura de la superficie: La textura de la superficie es una forma importante de expresar la sensación táctil; diferentes texturas generan distintas experiencias visuales y táctiles. Una superficie lisa suele transmitir una sensación de limpieza y suavidad, mientras que una superficie rugosa evoca una impresión de robustez y textura.","research.all.the.articles.paragraph131":"Propiedades físicas: Diferentes materiales presentan distintas propiedades físicas (como densidad, dureza, brillo, etc.). La forma y la textura de los objetos deben coincidir con su ubicación y entorno para garantizar la coherencia. Por ejemplo, si un objeto se encuentra sobre una superficie plana, su forma material deberá ser lisa y simétrica; en cambio, si está sobre una superficie irregular, será necesario tener en cuenta las protuberancias o hendiduras para que se adapte adecuadamente al entorno.","research.all.the.articles.paragraph130":"La textura que se ajusta a los materiales del mundo real debe considerar los siguientes tres aspectos","research.all.the.articles.paragraph137":"Grado de detalle de la textura: Cuanto más se acerque la proporción de la textura al 100%, más completa y precisa será la representación de los detalles en la imagen de la textura.","research.all.the.articles.paragraph136":"Claridad de la textura: Cuanto más cercano a 100% sea el índice de proporción de la textura, más nítida se mostrará la imagen de la textura en la superficie del objeto.","research.all.the.articles.paragraph135":"La proporción de textura influye en los siguientes aspectos de la textura generada","research.all.the.articles.paragraph134":"Proporción de los materiales: Es necesario coordinar la proporción y el tamaño de los objetos con sus texturas, lo que ayuda al espectador a desarrollar una percepción correcta de las dimensiones del objeto. La proporción de la textura de un objeto se refiere a la relación entre la anchura y la altura de la imagen de la textura y las dimensiones longitudinales y transversales de la superficie del objeto. Una representación adecuada de la proporción de la textura hace que el objeto parezca más real y natural; una proporción demasiado pequeña puede hacer que se pierdan detalles finos en la textura, mientras que una proporción excesivamente grande puede provocar distorsiones en la textura.","research.using.color.as.an":"Utilizando el color como ejemplo, la figura a continuación ilustra la transformación de los artefactos de diseño en los tres tipos de archivos: reglas semánticas, esquemas de mapeo y implementaciones de código.","research.all.the.articles.paragraph139":"La armonía en la proporción de las texturas de los objetos desempeña un papel importante en la apariencia general y en la percepción de sus dimensiones. Al percibir los objetos, el sistema visual humano se basa en las texturas para estimar su tamaño. Por ejemplo, si la textura de madera de la taza de madera en la imagen es fina y delicada, el observador tenderá a considerar que el objeto es de menor tamaño; por el contrario, si la textura de madera del suelo es rugosa y desproporcionada respecto a la textura del objeto, el observador podría tener una percepción errónea del tamaño real del objeto. La proporción de las texturas de los objetos es un factor crucial que influye en el efecto visual; por ello, es necesario armonizar las proporciones de los materiales de cada objeto para que coincidan con sus dimensiones reales. En la práctica, la presentación de la proporción de las texturas debe adaptarse según el contexto específico y las necesidades particulares.","research.all.the.articles.paragraph138":"Efecto visual de textura: Cuanto más se acerque la proporción de la textura al 100%, más realista será el efecto visual de la textura en la superficie del objeto.","research.all.the.articles.name019":"Yujian Wen","research.all.the.articles.name018":"Yang Qian","careers.socialJob12Location":"Hangzhou","team.publish.a.book.paragraph68":"A medida que la complejidad y la homogeneización de los productos aumentan, el núcleo del diseño está pasando de la «competitividad visual» a la «determinación por la experiencia»: en una era en la que los usuarios tienen múltiples opciones, la experiencia misma se convierte en el diferencial clave. Ante un entorno de atención fragmentada, «cómo transmitir la información de manera más sencilla, clara e intuitiva» se ha convertido en un desafío constante para los diseñadores.","team.publish.a.book.paragraph69":"En los diversos escenarios de negocios de Taotian, esta idea se ha traducido en prácticas concretas:","research.all.the.articles.name011":"Yunfei Zheng","team.publish.a.book.paragraph66":"Esta preparación no solo supone una revisión del proyecto, sino también un cambio de mentalidad: pasar de «estudiante» a «diseñador comercial en reserva», y de crear obras independientes a convertirse en un eslabón clave integrado en la cadena comercial.","research.all.the.articles.name010":"Zongyan Huang","team.publish.a.book.paragraph67":"Desde una perspectiva histórica de la evolución del diseño, Qi Wei revela la relación simbiótica y mutuamente enriquecedora entre el diseño y la tecnología —desde las innovaciones pioneras de Xerox hasta la evolución de Apple y Microsoft, pasando por la creación temprana de equipos profesionales de diseño en empresas locales como Kingsoft y Tencent— lo que marca el paso del diseño en internet desde una mera «estética de interfaz» hacia un camino sistemático y profesional.","research.all.the.articles.name013":"Zhengyang Shi","team.publish.a.book.paragraph64":"«En la era de la AIGC, ¿qué significa exactamente la «belleza» en las plataformas comerciales?», planteó el profesor Zheng Chao al hacer un análisis retrospectivo.","research.all.the.articles.name012":"Yijing Liu","team.publish.a.book.paragraph65":"El equipo de investigación abandonó la etiquetación mecánica de imágenes y pasó a construir un sistema lógico estético que pueda ser aprendido por la IA —desde la composición cromática y las relaciones entre elementos hasta la narrativa visual— convirtiendo la estética subjetiva en un lenguaje algorítmico iterativo.","research.all.the.articles.name015":"Zhenyu Liao","team.publish.a.book.paragraph62":"El núcleo del taller exige que los participantes no solo dominen los paradigmas de interacción y la comunicación visual, sino que también comprendan la economía de las plataformas, la psicología del consumo, el diseño de juegos y los mecanismos de difusión social.","research.all.the.articles.name014":"Xulei Peng","team.publish.a.book.paragraph63":"El 9 de diciembre de 2025, el profesor Zheng Chao condujo a los estudiantes en una revisión del proyecto de investigación «Criterios estéticos para la generación de imágenes por IA», creado en colaboración con Taotian Group. Esta no fue una simple adaptación tecnológica, sino una reflexión filosófica sobre si la belleza puede ser definida y comprendida por las máquinas.","research.all.the.articles.name017":"Zhenyu Niu","team.publish.a.book.paragraph60":"Durante tres semanas de estudio inmersivo, los participantes atravesarán tres etapas progresivas: «Descubrimiento y definición, exploración y diseño, profundización y entrega», completando así un proceso de explicitación y reconfiguración cognitiva del pensamiento de diseño. Hacemos énfasis en la capacidad de «definir el problema» bajo las restricciones comerciales reales, guiando a los participantes a utilizar métodos como la experiencia del usuario, la lógica conductual y el análisis de interacción para capturar, más allá de las apariencias de los datos, los modelos mentales subyacentes y las motivaciones detrás del comportamiento de los usuarios.","research.all.the.articles.name016":"Qi Sun","team.publish.a.book.paragraph61":"Por ejemplo, en la propuesta «La incorporación de las generaciones jóvenes a la firma de bonos», es necesario integrar la teoría del diseño de comportamiento con la teoría de la motivación para construir un ciclo de participación sostenible. En el tema «Revisión de la transmisión en vivo», por otro lado, hay que equilibrar la clásica trilogía de la narrativa inmersiva, la sensación de presencia social en tiempo real y la eficiencia en la conversión de transacciones.","careers.socialJob10Team":"Grupo Taotian","team.publish.a.book.paragraph70":"Construir una mentalidad profesional en la transmisión en vivo,","careers.socialJob12Title":"Diseñador de experiencias - Diseño para comercio electrónico en vivo","team.publish.a.book.paragraph002":"Reflejando concisamente la experiencia y las prácticas del diseño en Taobao en entornos empresariales reales, continuamos ampliando los límites del diseño y nos centramos aún más en la profundidad y el valor de este. A partir de escenarios laborales reales recuperados directamente de la primera línea, este libro te mostrará qué capacidades de diseño son realmente necesarias. En la era de la IA, ¿cómo está evolucionando y dando un salto el pensamiento de diseño? Si estás inmerso en el aprendizaje cotidiano del diseño de experiencias, enfrentándote a los procesos de selección en grandes empresas o decidiendo tu orientación profesional... cada uno de los protagonistas de este libro te ofrecerá respuestas concretas y auténticas.","article.wreading.time":"minuto de lectura","research.for.enterprise.design.teams":"Para los equipos de diseño empresarial,{{bold}} el objetivo principal es generar interfaces de productos que se ajusten fielmente a las normas internas de diseño{{bold}}. Sin embargo, las soluciones actuales presentan deficiencias clave. La primera categoría carece de acceso al conocimiento propietario de sistemas de diseño empresarial que no son de código abierto, así como a las correspondientes reglas de mapeo del diseño al código. La segunda, aunque está conectada a componentes y tokens de diseño, no cuenta con la capacidad de soportar pautas semánticas más ricas, casos de diseño curados y flujos de trabajo personalizados orientados a la demanda—capacidades que permiten que el conocimiento de diseño sea recuperado, comprendido y aplicado de manera más integral por la IA. Al mismo tiempo, la mayoría de las organizaciones de diseño empresarial suelen tener mapeos entre diseño y código incompletos o mal mantenidos. Sus pautas suelen estar escritas para lectores humanos y almacenadas por separado de los archivos fuente de diseño, lo que dificulta que los sistemas de IA puedan absorber, analizar y utilizar plenamente dicha información. Como resultado, las salidas generadas por la IA frecuentemente quedan por debajo de las expectativas.","products.official.website.introduction.paragraph6":"Página de inicio","products.official.website.introduction.paragraph7":"Barra lateral alineada con la estructura de conocimiento del sistema de diseño","products.official.website.introduction.paragraph8":"Unidad de conocimiento","team.publish.a.book.paragraph79":"En su presentación sobre diseño de marketing de marca, Xiaobing señaló que el núcleo del diseño radica en pasar de un «pensamiento estudiantil» a un «pensamiento comercial»—es decir, de una expresión centrada en la estética personal a una comunicación orientada desde la perspectiva del producto y del usuario.","products.official.website.introduction.paragraph9":"Cambio de reglas para que las vea la IA","team.publish.a.book.paragraph77":"En la práctica, se promueve un diagnóstico profundo de los problemas de experiencia mediante análisis de competidores, revisiones de experiencias y estudios de opinión pública, manteniendo el proceso «Análisis → Estrategia → Expresión» para asegurar que la innovación en diseño siempre se base en el respeto a los hábitos del usuario y en un consenso comercial.","team.publish.a.book.paragraph78":"Un diseño excelente se refleja, en última instancia, en la racionalidad y rigurosidad lógica del enlace, en lugar de limitarse a la superficie visual.","team.publish.a.book.paragraph75":"Se propone un marco tridimensional compuesto por «usuario, enlace y nodo», elevando el diseño desde la simple mejora de la interfaz hasta la construcción de una experiencia sistémica.","team.publish.a.book.paragraph76":"Esta metodología parte siempre de la premisa «qué es lo que quiere el usuario», haciendo énfasis en obtener insights a través del análisis de los puntos de entrada y, en función de estos, planificar dinámicamente la presentación de las páginas. Sobre la base de definir claramente la ruta del usuario, es necesario estructurar una tarea principal clara y fluida, diseñar con moderación las acciones secundarias como los sobres rojos y las guías, y al mismo tiempo garantizar una disposición razonable de la arquitectura de la información en cada nodo.","team.publish.a.book.paragraph73":"Chivi siempre ha subrayado que la esencia del diseño consiste en comprender y resolver las inquietudes de los usuarios, encontrando un equilibrio entre los objetivos comerciales y el valor de la experiencia, pues «los consumidores no entran en una plataforma para admirar el diseño, sino para obtener contenido».","research.knowledge.retrieval.agent.configuration":"Configuración del agente de recuperación de conocimiento (extracto)","team.publish.a.book.paragraph74":"Esto representa tanto la madurez del pensamiento de diseño como la sedimentación de la sabiduría comercial.","team.publish.a.book.paragraph71":"Crear un sentido de exclusividad en el sistema de membresía,","team.publish.a.book.paragraph72":"Integra narrativas gamificadas en la interacción.","team.publish.a.book.paragraph80":"El diseño comercial no se limita a la presentación visual; es más bien un diálogo continuo con los usuarios, cuyo objetivo es impulsar eficazmente el comportamiento de los usuarios mediante el diseño y alcanzar objetivos comerciales claros. En la práctica, esto exige que los diseñadores posean la capacidad de realizar iteraciones rápidas y validar en tiempo real. Por ejemplo, en campañas promocionales como el «Día 11-11», es necesario establecer un ciclo cerrado integral que abarque desde la estrategia de marca y la comunicación visual hasta la difusión en medios y la retroalimentación de datos, asegurando que cada etapa gire estrechamente en torno a la pregunta: «¿Cómo perciben y cómo actúan los usuarios?». De este modo, el diseño puede desempeñar realmente su papel dentro del sistema comercial.","team.publish.a.book.paragraph81":"«En el pasado, al diseñar búsquedas, nos centrábamos en la página de resultados; hoy, al desarrollar búsquedas con IA, lo que hacemos es diseñar las reglas que rigen todo el contenido generado por la IA», dijo Qunjian. Esta frase pone de manifiesto el cambio esencial en el diseño de las búsquedas con IA en Taotian: pasar de diseñar «interfaces» a diseñar «reglas». Para ello, el equipo ha dividido minuciosamente las intenciones del usuario en cuatro tipos: conocimiento, guías, comparaciones y recomendaciones, y ha creado para cada uno de ellos una «plantilla de respuesta» específica.","products.button.restrictions":"Próximamente disponible para acceso","research.machine.interpretable.design.system":"Conocimiento de especificación de sistemas de diseño interpretable por máquina","careers.socialJob4Location":"Hangzhou","research.page.knowledge.is.organized":"El conocimiento de página está organizado en unidades tales como viajes principales, canales de guías de compras, productos interactivos, lugares para campañas de marketing y experiencias B2B. Puede subdividirse aún más en tipos de páginas de segundo nivel. Como objeto esquemático de nivel superior, proporciona una estructura de página explícita, una composición de componentes y una lógica para la población de contenido. Sus reglas semánticas incluyen la definición de página, los usuarios objetivo, las convenciones de nomenclatura, la jerarquía estructural, los estados de página (interacción y visual), las reglas obligatorias y el uso funcional. El conocimiento de página no requiere implementaciones de código; en cambio, está compuesto por el LLM mediante la combinación de código de componentes, activos y elementos. El esquema de mapeo está compuesto por símbolos de ID, semántica (nombre, definición, descripción), reglas, estructura y restricciones (escenarios de uso, prohibiciones obligatorias y otros). Tomando como ejemplo una página de Guía de Compras, la figura a continuación muestra los resultados de transformar los artefactos de diseño en dos tipos de archivos: reglas semánticas y esquema de mapeo.","banner.cameraPleaseAllow":"Por favor, selecciona «Aceptar» en tu navegador.","products.official.website.introduction.paragraph2":"Ir a VersionAI Tmall","products.official.website.introduction.paragraph3":"VersionAI Tmall es un sistema de diseño creado específicamente para la aplicación Tmall, dirigido no solo a diseñadores humanos, sino también a la inteligencia artificial. Su estructura de contenido y su forma de expresión han sido trasladados para que los modelos de IA puedan leer, recuperar y aplicar las normas de este sistema de diseño. Con la ayuda de la IA, los usuarios pueden generar interfaces de usuario que cumplan con las normas de diseño de Tmall basándose en esta base de conocimiento, así como realizar evaluaciones de diseño y responder preguntas relacionadas.","research.intent.recognition.agent.configuration":"Configuración del agente de reconocimiento de intenciones (extracto)","products.official.website.introduction.paragraph4":"Mediante la creación de una base de conocimientos normativa para sistemas de diseño y la generación de flujos de trabajo multiagente a través de interfaces, se ha desarrollado un sistema de diseño empresarial completo y amigable con la IA. Este sistema puede aplicarse de manera flexible en entornos IDE y en diversos herramientas de diseño que admitan el modo de agente, mediante MCP o inyección contextual.","products.official.website.introduction.paragraph5":"Cómo usarlo","products.official.website.introduction.paragraph1":"Presentación de VersionAI Tmall","careers.socialJob8Years":"3 años","team.publish.a.book.paragraph88":"Es especialmente importante destacar que, al utilizar la narrativa como palanca emocional, es posible transformar funciones en historias llenas de calor humano: por ejemplo, en la Fiesta de la Primavera, las «lámparas de deseos» dan forma concreta a los deseos al encender linternas temáticas; en el Día del Soltero, «la puerta del kung-fu de las monedas de búsqueda» convierte el ahorro de dinero en una práctica de cultivo del kung-fu. Al dotar a las acciones de significado y emoción, el diseño interactivo no solo logra objetivos comerciales, sino que también eleva el valor de la experiencia del usuario.","team.publish.a.book.paragraph89":"En su presentación sobre diseño de marketing en la industria, Xuan'er utilizó «la inspiración de la vida» como hilo conductor para explicar sistemáticamente cómo el diseño puede convertirse en un vínculo inteligente que conecta negocios, usuarios y plataformas. Ella subrayó que un diseño eficaz comienza por lograr un equilibrio entre diversas necesidades y promueve un cambio de perspectiva, pasando de enfocarse únicamente en las funciones individuales a abordar el estilo de vida en su totalidad. El equipo divide el marketing en tres niveles: categorías convencionales centradas en los puntos de venta clave, soluciones espaciales diseñadas para crear escenarios específicos y narrativas temáticas que transmiten estética.","team.publish.a.book.paragraph86":"En su presentación sobre el diseño de juegos interactivos, You Shi expuso con profundidad la filosofía de diseño «ligero pero adictivo». De manera clara y directa, señaló que la interacción no es una función aislada, sino un vínculo clave que conecta las experiencias de «acceso, navegación, participación, obtención y compra».","team.publish.a.book.paragraph87":"Para lograr este objetivo, Taotian ha creado un sistema de interacción que cubre todos los escenarios: la interacción de marketing genera un gran impacto y alcance, la interacción cotidiana fomenta hábitos entre los usuarios, la interacción dentro del producto apoya la operación de los canales, y el ecosistema de minijuegos permite el intercambio de tráfico. Tomando como ejemplo el producto de registro diario, el diseño presenta una lógica clara en tres niveles: la línea principal se centra en la ruta central, las tareas amplían los límites de la conducta, y las líneas secundarias satisfacen escenarios individuales, construyendo así un ritmo de participación equilibrado y dinámico.","team.publish.a.book.paragraph84":"La estrategia del equipo se ajusta con flexibilidad según el entorno económico: en 2024, ante la contracción del consumo, adoptamos un diseño tipo «cartel grande» que destaca beneficios contundentes como «85% de descuento en toda la tienda», enfatizando la eficiencia informativa y la rapidez percibida; en 2025, con la recuperación económica, evolucionamos hacia el lema «Dedícate por completo, vive una vida llena de color», integrando capacidades de IA y ecosistemas, y pasando a establecer una conexión emocional y de percepción de marca.","team.publish.a.book.paragraph85":"El arma central que atraviesa todo el proceso es el «martillo visual» —como el símbolo compuesto por «cabeza de gato + figuras geométricas divergentes» en la imagen principal del Doble Once—, el cual posee unicidad, adaptabilidad a múltiples escenarios y claridad semántica. Este símbolo se desglosa en tres versiones atmosféricas: fuerte, moderada y débil, permitiendo una penetración flexible desde la imagen de inicio hasta las tarjetas de productos, y construyendo así una expresión de marca unificada y versátil dentro de un sistema complejo.","home.award8Title":"Premio de Plata del Premio Global de Diseño de IAI y Medalla de Platino MUSE","team.publish.a.book.paragraph82":"La clave del diseño radica en que la amplitud o restricción de la intención determina la forma en que se organiza la información: las preguntas amplias requieren apoyarse en la visualización y la agrupación por categorías para estimular la inspiración, mientras que las búsquedas precisas deben destacar factores decisivos clave como precios y parámetros. Al mismo tiempo, el equipo utiliza colores para diferenciar los roles en la conversación y incorpora animaciones lúdicas para transformar la ansiedad de la espera en una experiencia más agradable. De este modo, el «proceso de pensamiento» originalmente invisible de la IA se vuelve perceptible, convirtiendo la «caja negra» tecnológica en una experiencia inteligente fluida y llena de expectativas.","team.publish.a.book.paragraph83":"Enfrentando la contradicción central del diseño en el comercio electrónico: «Lo primero que los consumidores ven es el precio. ¿Cómo evitar que el diseño afecte la percepción del precio?» Desde una perspectiva de integración de toda la cadena, Jason explica cómo el diseño de marca puede mantener una expresión coherente en cada punto de contacto, desde la publicidad fuera del sitio hasta la finalización exitosa del pago. En un escenario de tráfico masivo como el Doble Once, el diseño debe equilibrar la creación de ambiente con la eficiencia transaccional: no debe ocultar la información clave, pero sí transmitir la calidez de la marca.","team.publish.a.book.paragraph91":"Para reconocer plenamente el excelente desempeño y los logros innovadores de los participantes en el proyecto, este taller ha establecido especialmente un mecanismo de premios que, tras la evaluación final, distinguirá y recompensará con premios materiales a las obras seleccionadas como sobresalientes. En total, se otorgan tres niveles de premios: el primer premio (2 ganadores) recibirá una cámara con estabilizador de DJI; el segundo premio (3 ganadores) obtendrá unos auriculares de alta calidad de Sony; y el tercer premio (4 ganadores) recibirá un clásico sistema de sonido Marshall.","research.design.demand.distribution.chart":"Gráfico de distribución de la demanda de diseño","team.publish.a.book.paragraph92":"La configuración de estos premios tiene como objetivo transmitir claramente la orientación «El diseño impulsa el valor; la innovación merece reconocimiento», reforzando así la motivación curricular de «aplicar lo aprendido y lograr éxitos a través de la innovación». Esperamos que estos premios, imbuidos de artesanía y tecnologías de vanguardia, acompañen a los estudiantes galardonados en su futuro camino del diseño, ayudándolos a seguir captando inspiración, dando voz a sus ideas y plasmando sus creatividades.","team.publish.a.book.paragraph90":"Para lograr esta transformación, el equipo ha desarrollado una «fórmula de diseño de marketing»: la forma y los colores transmiten impresiones sobre la vida; la estructura y la composición traducen la percepción del espacio; y los elementos narrativos dan vida a contenidos llenos de interés. Con la potenciación de la IA, este sistema creativo se ha actualizado aún más, convirtiéndose en un «acelerador» integral de todo el proceso: mediante el entrenamiento del modelo Lora, se logra generar de manera masiva imágenes con estilos característicos; con la «método de los tres fotogramas», se generan animaciones fluidas y antropomórficas; además, se han lanzado funciones como «El artefacto de tendencia ‘Ponlo en mi hogar’», que permiten a los usuarios experimentar con un solo clic la renderización de escenas realistas. La IA ha evolucionado desde ser una herramienta de apoyo hasta convertirse en un socio creativo y en un motor de eficiencia. Ha liberado a los diseñadores de tareas repetitivas, permitiéndoles centrarse más en la reflexión estratégica y en la creación emocional, y así alcanzar verdaderamente una nueva era de marketing inteligente donde «la inspiración se puede convertir en realidad, la experiencia se puede percibir claramente y la eficiencia puede dar un salto cualitativo».","research.spacing.mapping.schema.excerpt":"Esquema de mapeo de espaciado (Extracto)","careers.internJob2Team":"Grupo Taotian","research.color.mapping.schema.excerpt":"Esquema de mapeo de colores (Extracto)","careers.socialJob7Location":"Hangzhou","research.all.the.articles.name022":"Bin Zhu","team.publish.a.book.paragraph99":"Cartel principal y fotos de la trama de la película «Adiós, Katie»","home.award5Desc":"HEYLIVE Casa de los fanáticos junto al mar","research.all.the.articles.name021":"Yao Xiao","research.all.the.articles.name024":"Meixuan Liu","research.this.research.does.not":"Esta investigación no se detiene en la optimización estilística ni en mejoras localizadas de eficiencia. Por el contrario, intenta establecer una base metodológica profesional para el diseño de marketing de Taobao—una base que sea acumulativa, transferible y verificable. Proponemos el concepto central de Narrativa Simbólica: utilizar símbolos visuales universales como anclajes cognitivos, emplear la expresión estructurada como vía para la comprensión, y lograr un alto grado de unidad entre el significado semántico y la forma visual como estándar último. Este enfoque no busca la novedad por la novedad misma, sino que busca reducir los costos de traducción cognitiva. No pone énfasis en la acumulación de elementos visuales, sino que se centra en la integración orgánica de la información. No responde al deseo de expresión del diseñador, sino que permanece fiel a la lógica perceptiva y al flujo conductual del usuario.","team.publish.a.book.paragraph97":"Proyecto de diseño 3: Registro de sobres rojos","research.all.the.articles.name023":"Xiaobing Han","team.publish.a.book.paragraph98":"La filosofía cinematográfica de Taotian, ese archivo de imágenes con las que hemos crecido juntos.","research.all.the.articles.name026":"Yichen Zeng","team.publish.a.book.paragraph95":"Proyecto de diseño 1: Revisión del estudio de transmisión en vivo","research.all.the.articles.name025":"Chao Zheng","team.publish.a.book.paragraph96":"Proyecto de diseño 2: Gran miembro","research.all.the.articles.name028":"Bingkun Qiu","team.publish.a.book.paragraph93":"La ceremonia de premiación no solo pone un fin ceremonial a este taller, sino que también simboliza el comienzo de un nuevo inicio: esperamos que todos los participantes asuman con orgullo este reconocimiento y estas expectativas, sigan brillando en el ámbito más amplio del diseño y los negocios, e influyan en el futuro.","research.all.the.articles.name027":"Yuanzhi Ma","team.publish.a.book.paragraph94":"Obras de los estudiantes","research.the.solution.design.agent":"El agente de diseño de soluciones toma como entrada el archivo de esquema de conocimiento. Toma decisiones de diseño y genera instrucciones de esquema para la estructura de la página, los tipos y propiedades de componentes, los elementos de estilo, los patrones de interacción y los requisitos de datos y contenido. Emite un esquema/outline de diseño de solución y lo enruta al siguiente agente.","research.icon.mapping.schema.excerpt":"Esquema de mapeo de iconos (Extracto)","research.all.the.articles.name020":"Chenhuan Liu","research.price.design.excerpt":"Diseño de precios (Extracto)","careers.socialJob2Title":"Diseñador de marketing de marca - Diseño de experiencias","research.price.mapping.schema.excerpt":"Esquema de mapeo de precios (Extracto)","research.taobaoInteractiveGame.coinEmotionalExperienceDesign":"Monedas de Taobao: Diseño de experiencias emocionales","banner.blowOrApplaud":"Intenta soplar un poco.","research.knowledge.modules":"Módulos de conocimiento","research.design.strategy.symbolic.narrative":"Estrategia de diseño: «Narrativa simbólica» — La forma como símbolo, el texto como significado","research.the.knowledge.retrieval.agent":"El agente de recuperación de conocimiento toma como entrada el archivo de la lista de requisitos. Consulta, filtra y recupera el contenido correspondiente de la Base de Conocimientos de Especificaciones del Sistema de Diseño, y genera un esquema de conocimiento —es decir, completa los elementos de conocimiento referenciados en la lista—, luego lo envía al siguiente agente.","research.layout.knowledge.is.divided":"El conocimiento sobre diseño se divide en cuatro unidades—cuadrícula, espaciado, contenedores y alineación—que constituyen las dependencias fundamentales para la disposición de componentes, activos y páginas. Las reglas semánticas, las implementaciones de código y los esquemas de mapeo siguen las mismas plantillas definidas para los elementos. Tomando como ejemplo el espaciado, la figura a continuación ilustra la transformación de los artefactos de diseño en los tres tipos de archivos: reglas semánticas, esquemas de mapeo e implementaciones de código.","team.section.paragraph2":"La estructura de la página del sitio web VersionAI Tmall es consistente con la estructura de conocimiento del sistema de diseño, dividida en una navegación en forma de árbol que incluye estilos, páginas y sus unidades de conocimiento subordinadas. Para cada página de unidad de conocimiento, los usuarios pueden alternar entre reglas para humanos y reglas para IA, con soporte para copiar o descargar fragmentos de conocimiento. Se proporciona una página de implementación para guiar a los usuarios sobre cómo invocar las especificaciones para la generación de interfaces.","careers.socialJob9Team":"Grupo Taotian","careers.socialJob13Title":"Experto en investigación de usuarios - Operaciones con clientes","research.all.the.articles.name_custom12":"Wanxing Gao","research.all.the.articles.name_custom13":"Duo Shi","research.all.the.articles.name_custom10":"Tang Hei","research.all.the.articles.name_custom11":"Jin Zhi","research.when.mapped.to.the":"Al mapearse a los cinco escenarios principales de demanda —recorridos centrales de usuarios, canales de descubrimiento de contenido, productos interactivos, eventos de marketing y experiencia para el segmento B— un análisis realizado durante todo el año revela un patrón constante: dentro de los recorridos centrales, los canales de descubrimiento y la experiencia para el segmento B, las tareas de diseño que implican ensamblar o modificar componentes existentes a nivel de módulo o de página única representan casi el 48% de todas las solicitudes.","careers.socialJob7Years":"1 año","research.taobaoInteractiveGame.paragraph7":"Fundamentada en insights sobre usuarios jóvenes y una perspectiva de diseño profesional, esta investigación desvela y condensa sistemáticamente diversas expresiones artísticas y metodologías más allá de las convenciones de diseño existentes en Taobao. A través de exploraciones aplicadas y validaciones a pequeña escala en los escenarios clave del negocio de Taobao, se evalúan diferentes estilos artísticos en función de resultados prácticos cuantificables —analizando su adecuación empresarial, vías de implementación y escalabilidad— para, en última instancia, establecer un marco reutilizable de atlas de estilos artísticos para juegos interactivos.","research.taobaoInteractiveGame.paragraph8":"En un contexto de operaciones paralelas multiempresariales y iteraciones frecuentes de productos, la estabilidad que aporta un sistema de diseño unificado conlleva al mismo tiempo el riesgo de homogeneidad visual. Para mantener la frescura del usuario y la elasticidad del crecimiento, es necesario realizar experimentos fuertemente diferenciados dentro de un ámbito controlado —validando enfoques eficaces y consolidándolos como activos reutilizables.","research.taobaoInteractiveGame.paragraph9":"Sin estar limitada por los paradigmas de lenguaje visual y expresión del sistema de interfaz de usuario existente de Taotian, esta iniciativa se centra en escenarios comerciales clave (como Baba Farm, Tmall Farm, Giro de Sobres Rojos y Sobre Rojo «Atrapa al Gato») para llevar a cabo exploraciones y validaciones de estilo de interfaz de usuario a pequeña escala y altamente diferenciadas — extrayendo activos y estándares reutilizables de estilo de interfaz de usuario y estableciendo un atlas de estilo de interfaz de usuario.","research.taobaoInteractiveGame.paragraph4":"Las diferencias entre juegos interactivos sobresalientes rara vez radican en la «forma» en sí, sino más bien en la manera en que se combinan las estructuras mecánicas y el envoltorio narrativo. Para permitir que los diseñadores conviertan referencias externas en conocimiento de diseño reutilizable, es necesario organizar los casos dispersos de manera estructurada y sistemática, extrayendo de ellos insights prácticos y susceptibles de ser aprendidos.","research.design.system.specification.title11":"Las siguientes secciones ofrecerán una explicación detallada de los distintos tipos de objetos de conocimiento.","research.taobaoInteractiveGame.paragraph5":"Basándose en este enfoque, la investigación compila casos probados de juegos interactivos sobresalientes que han sido validados por el mercado, seleccionando tipos de juegos relativamente aplicables a escenarios de comercio electrónico para formar una biblioteca de referencia para uso futuro. Cada juego se analiza desde múltiples dimensiones —incluyendo fuente y contexto, visión general de la experiencia, mecánicas y cosmovisión— para crear un atlas tipológico fundamental. Este atlas está diseñado para ayudar a los diseñadores a descubrir, experimentar y aprender de estos casos. El atlas actual ha recopilado más de 100 juegos.","research.design.system.specification.title10":"A partir del esquema, se vuelve a consultar la información sobre las normas del sistema de diseño y, mediante búsqueda con Grep, se recuperan y extraen los correspondientes repositorios de código. A continuación, se alinean los valores reales y válidos de las propiedades de los componentes, las variables de estilo y las rutas de los recursos para generar la interfaz de usuario final.","research.taobaoInteractiveGame.paragraph6":"Conforme se intensifica la homogeneización de contenidos y crece la fatiga estética, los usuarios jóvenes son cada vez más sensibles a la novedad, al valor emocional y a la diferenciación estilística. Seguir dependiendo únicamente de las convenciones visuales existentes comprimirá el espacio para la innovación y dificultará la construcción de activos de estilo sostenibles y sistemas de diseño reutilizables.","banner.rulerTryReconnect2":"Siente la alegría de investigar","home.award4Desc":"La cuarta tarjeta","careers.socialJob11Years":"5 años","careers.socialJob9Title":"Diseñador de experiencias visuales avanzadas - AI de Shoutao","home.joinUsBtn":"Únete a nosotros","home.award6Title":"Premio de Oro del Premio de Diseño de Londres","awards.new.article3":"Premio de Plata del Premio Global de Diseño de IAI y Medalla de Platino MUSE","research.source.files.for.icons":"Archivos de origen para iconos (extracto)","awards.new.article2":"Enlace al proyecto ganador del Premio de Diseño de Berlín","awards.new.article1":"Premio de Oro MUSE Platino y Premio de Oro del Diseño de Berlín","awards.new.article4":"Premio de Plata del Premio Global de Diseño de IAI","home.bookFlipTitle":"Creemos en el valor del conocimiento.","research.asset":"Activos","research.economic.aesthetics.title":"Diseño y aplicación de la estética económica","research.interactiveGame2025.intro.paragraph2":"Esta investigación se lleva a cabo en colaboración con la Academia China de Arte, con el objetivo de reforzar la autoridad profesional del estudio y diversificar las formas de sus entregables —produciendo resultados de investigación que tengan tanto un valor de implementación interna como una relevancia como referente industrial. La investigación apoyará de manera sistemática el desarrollo profesional y la innovación en experiencias de los juegos interactivos de Taobao: mediante el seguimiento continuo de las tendencias del mercado en materia de juegos interactivos en comercio electrónico y la identificación de oportunidades emergentes en diseño, busca impulsar de manera integral las capacidades visionarias de Taobao en diseño de experiencias y fortalecer su competitividad central en medio del rápido crecimiento de la industria.","research.how.it.works":"Cómo funciona","home.award3Desc":"La tercera tarjeta","research.interactiveGame2025.intro.paragraph1":"Basándose en el punto clave del desarrollo de la industria de los juegos interactivos en el comercio electrónico para 2025, esta investigación adopta como perspectiva central el «diseño de juegos interactivos», se centra en la evolución de la estructura de usuarios y la transición de sus hábitos de comportamiento, desglosa sistemáticamente el marco metodológico de la experiencia interactiva, estudia en profundidad las demandas y tendencias de experiencia de los usuarios jóvenes, y así explora vías viables para impulsar el crecimiento de usuarios mediante los juegos interactivos.","research.taobaoInteractiveGame.babaFarmSurrealismArtStyleApplication":"Granja Baba: Aplicación de Estilo Artístico Surrealista","research.all.the.articles.paragraph100":"Relación de contraste: El contraste entre el sujeto y el fondo debe coincidir eficazmente, y la relación de contraste entre los elementos de la escena debe mantenerse uniforme. Los tonos de alto contraste y los tonos de bajo contraste influyen en la sensación general de contraste mediante la regulación del grado de diferencia entre las zonas claras y oscuras de la imagen. Si el contraste del sujeto es fuerte, el contraste del fondo también debe intensificarse en consecuencia. Una diferencia excesiva en la relación de contraste entre el sujeto y el fondo puede generar una separación notable. Los tonos de alto contraste suelen asociarse con efectos intensos en blanco y negro, creando un fuerte contraste mediante luces brillantes y sombras profundas que resaltan la forma y la textura de los objetos; por otro lado, los tonos de bajo contraste, al reducir la diferencia entre claros y oscuros, ofrecen un efecto suave y natural.","careers.socialJob4Title":"Diseñador de experiencias — Diseño de productos para plataformas B2B","careers.socialJob8Team":"Grupo Taotian (M&T)","research.all.the.articles.label3":"Asesor experto","research.all.the.articles.label2":"Responsable de producto","research.all.the.articles.label1":"Construcción de la base de conocimientos","research.copy.or.download.a":"Copiar o descargar un fragmento de conocimiento","research.all.the.articles.label7":"Miembros del diseño","research.component.knowledge.is.composed":"El conocimiento de componentes está compuesto por unidades semánticas empresariales tales como avatares, insignias, ranuras para activos, botones, flujos de contenido, cuentas regresivas, cupones, filtros, balizas, guías de incorporación, carruseles, entradas, mensajes, ventanas flotantes, diálogos, precios, tarjetas de productos, barras de progreso, sobres rojos, selectores, superposiciones, barras flotantes, interruptores, barras de pestañas, pestañas, flujos de texto, tooltips, burbujas y barras superiores. Estos componentes sirven como unidades reutilizables críticas para la generación de interfaces. Las reglas semánticas para los componentes incluyen definiciones de componentes, composición de estilos, variables de atributos, estados de los componentes (interacción y visual), reglas obligatorias y usos funcionales. Las implementaciones de código se materializan como estructuras de componentes (TSX) y estilos de componentes (SCSS) dentro de una pila tecnológica basada en React. Sobre la base de la estructura existente del esquema de mapeo, los esquemas de mapeo de componentes introducen adicionalmente un esquema de propiedades (esquema de props), el cual corresponde a los atributos requeridos por cada componente en el esquema de estructura de componentes a nivel de página generado durante la etapa de diseño de la solución. Tomando como ejemplo el componente de precio, la figura a continuación ilustra la transformación de los artefactos de diseño en los tres tipos de archivos: reglas semánticas, esquemas de mapeo e implementaciones de código.","research.all.the.articles.label6":"Jefe de diseño","research.all.the.articles.label5":"Diseño","research.the.entire.interface.generation":"Todo el proceso de generación de interfaces es rastreable, reproducible y evolutivo, y los resultados permanecen controlables dentro del sistema de diseño y la base de código empresarial en continua evolución. Las siguientes secciones desarrollan en detalle desde dos perspectivas: la construcción del conocimiento de especificaciones del Sistema de Diseño y el diseño del flujo de trabajo multiagente.","banner.micPleaseAllow":"Por favor, selecciona «Aceptar» en tu navegador.","research.all.the.articles.label4":"Investigación y desarrollo","research.price.code.implementation.excerpt":"Implementación del código de precios (Extracto)","research.all.the.articles.label9":"Video conceptual","research.all.the.articles.label8":"Diseño y desarrollo de sitios web","team.section.paragraph":"Taobao Design es un equipo de diseño dedicado a mejorar la experiencia de miles de millones de consumidores en todo el mundo. Lideramos la experiencia del usuario, creamos diseños que resuenan emocionalmente y hacemos que el comercio sea hermoso y sencillo.","careers.internJob4Team":"Grupo Taotian","research.official.website.introduction.label8":"Soporte relacionado con la tecnología","research.all.the.articles.paragraph59":"La tonalidad es la sensación intuitiva que transmiten los objetos, como el calor o frío de los colores, la suavidad o dureza de los objetos y la textura de los materiales. El estilo visual de la escena debe alinearse con la tonalidad del producto. Desde el objeto principal hasta el entorno de fondo, toda imagen encierra juicios subjetivos y sugerencias psicológicas. La escena en las imágenes de productos puede crear un ambiente específico, estimular en los consumidores asociaciones con sus propias situaciones de uso, desencadenar imaginaciones sobre cómo mejorar su calidad de vida o su apariencia personal, fortaleciendo así su deseo hacia el producto y favoreciendo la toma de decisiones de compra.","research.all.the.articles.paragraph58":"Tonalidad","research.all.the.articles.paragraph57":"El contenido de la escena debe estar al servicio del producto, y el contenido del espacio debe alinearse con el carácter del producto; esto incluye principalmente la coherencia del contenido y la uniformidad visual. La escena ambiental en las imágenes de los productos desempeña un papel clave a la hora de mostrar los escenarios de uso del producto. Gracias a fondos cuidadosamente diseñados, la escena no solo ayuda a los consumidores a comprender la utilidad del producto, sino que también pone de relieve sus características y funciones principales. En general, una escena ambiental adecuada puede transmitir eficazmente la información sobre el producto, reforzar la comprensión de los consumidores acerca de sus funciones y usos, y, por ende, fomentar la toma de decisiones de compra.","research.all.the.articles.paragraph56":"Relación del tema de la imagen","research.all.the.articles.paragraph55":"En cuanto al diseño de escenas para imágenes de productos, la tecnología de IA nos brinda una comodidad y creatividad sin precedentes. Las escenas desempeñan múltiples funciones, como resaltar eficazmente el elemento principal, reforzar la imagen de marca, generar vínculos emocionales y proporcionar información sobre el uso del producto. En esta sección, analizaremos la elaboración de escenas para imágenes de productos desde diversos ángulos: categorías de escenas, criterios de selección, funciones de las escenas, ordenamiento de escenas y estándares de calidad.","research.all.the.articles.paragraph54":"Escena","research.all.the.articles.paragraph53":"Proporciones según la etnia y la edad: El diseño de las proporciones de los modelos de IA debe contar con cierta diferenciación. Al cambiar entre modelos de origen oriental y occidental o entre diferentes grupos etarios, se deben tener en cuenta las diferencias en la figura para mostrar rápidamente el carácter de la persona y su adecuación al producto.","research.all.the.articles.paragraph52":"Proporción general: La relación cabeza-cuerpo de los modelos humanos generados por IA debe ser armoniosa, con proporciones coordinadas en las extremidades (por ejemplo, en las personas asiáticas suele ser de 7 a 7,5 cabezas, mientras que en las personas europeas y estadounidenses suele ser de 8 cabezas), logrando un aspecto natural y visualmente atractivo que refleje la salud y belleza del personaje.","careers.socialJob1Title":"Especialista Senior en Investigación de Usuarios - Insights para Comerciantes","research.all.the.articles.paragraph51":"Proporción: proporciones corporales de los personajes","research.all.the.articles.paragraph50":"Las posturas generadas por IA para modelos humanos deben ser naturales, cómodas y armoniosas, evitando rigidez en las extremidades y respetando los principios de la biomecánica. En las posturas que impliquen interacción con objetos, es necesario mantener una correcta distribución de las fuerzas. Los modelos generados, en su estado de postura, deben reflejar una adecuada correspondencia entre huesos y músculos, proporciones naturales de las extremidades, un peinado dinámico que coincida con el movimiento corporal y una amplitud de movimiento de la vestimenta que esté en armonía con el cuerpo.","home.award1Title2":"Premio Red Dot de Diseño","home.award1Title1":"Premio de Diseño IF","research.element.mapping.schema.template":"Plantilla de esquema de mapeo de elementos","careers.socialJob10Date":"2026.01.12","home.award1Title3":"Premio de Diseño de Apple","careers.socialJob6Years":"5 años","research.icon.design":"Diseño de iconos","home.browseVideosTitle":"Buscamos\nun trabajo feliz","home.research3Title":"Estudio sobre las tendencias en el diseño de juegos interactivos en Taobao","research.taobaoInteractiveGame.members":"Colaborador","research.taobaoInteractiveGame.artGraph":"Atlas de estilos de arte de juegos interactivos","research.all.the.articles.paragraph69":"Evitar la intrusión de contenido no relacionado: Las imágenes generadas por IA deben excluir elementos que no tengan relación con el producto, para evitar que distraigan la atención del espectador y reduzcan el enfoque en el producto.","research.all.the.articles.paragraph68":"Evite cortes accidentales del sujeto: Las imágenes generadas por IA deben asegurar que el sujeto del producto siempre se encuentre en una posición adecuada dentro del encuadre, evitando así cortes causados por una ubicación inapropiada.","research.all.the.articles.paragraph67":"Evite que el sujeto quede fuera del marco, lo que podría provocar recortes y la pérdida de espacio para la asociación fuera del encuadre. Al generar imágenes de productos mediante IA, asegúrese de que el contenido principal del producto esté completo; esta prioridad es fundamental. Esto no solo implica evitar que el sujeto sea cortado accidentalmente, sino también eliminar la interferencia de elementos irrelevantes y evitar que los elementos principales queden ampliamente ocultos.","research.all.the.articles.paragraph66":"Tratamiento al expresar las sensaciones de la escena: Cuando el énfasis está en transmitir la atmósfera general de la escena, la composición debe mantener la integridad tanto del modelo humano como del entorno. En este caso, los productos suelen formar parte de la escena, armonizando y conviviendo en sintonía con el entorno circundante para construir conjuntamente el contexto o la narrativa.","footer.downloadFailed":"Error de descarga","research.all.the.articles.paragraph65":"Tratamiento al representar la forma misma del objeto: Cuando el énfasis está en resaltar las características formales del producto en sí, se puede recortar la escena de manera adecuada.","research.all.the.articles.paragraph64":"Asegúrese de que la composición esté completa y evite cortes arbitrarios que puedan provocar la pérdida de información. Es necesario distinguir si se trata de expresar el producto en sí mismo o la sensación del escenario. En el primer caso, puede realizarse un corte necesario en la figura humana; en el segundo, en cambio, debe mantenerse la integridad tanto de la figura humana como del entorno.","banner.cameraTryTurnOn":"Intenta abrir la cámara.","research.all.the.articles.paragraph63":"Integridad de la composición","careers.socialJob6Location":"Hangzhou","research.all.the.articles.paragraph62":"Al establecer estándares estéticos para la generación de imágenes de productos mediante inteligencia artificial, la integridad compositiva, la protagonismo y las relaciones de perspectiva en la fotografía de productos constituyen conjuntamente los elementos clave para obtener imágenes de productos de alta calidad. Estos tres aspectos se fusionan para formar un lenguaje visual complejo y meticuloso. En esencia, la composición consiste en encontrar un orden intrínseco en el caos naturalmente existente, organizando los elementos dispersos de la composición en un todo fácil de comprender que transmita plenamente la intención y la emoción de la imagen. Esta estrategia visual integral no solo mejora la calidad estética de las imágenes, sino que también refuerza la competitividad de las imágenes de productos generadas por IA en el mercado.","research.all.the.articles.paragraph61":"Composición","banner.rulerTryReconnect":"Intenta volver a conectar la regla.","research.all.the.articles.paragraph60":"En el proceso de generación de imágenes de productos mediante IA, es fundamental apoyarse en la propia capacidad cognitiva y en la percepción del espectador. En el subconsciente humano, los distintos objetos poseen diferentes tendencias emocionales; las variaciones en la temperatura cromática pueden activar determinadas emociones, mientras que los cambios en la forma y textura de los objetos también encierran metáforas más profundas. Los elementos de fondo, las formas y texturas seleccionados, así como la atmósfera ambiental, pueden transmitir la postura y las reivindicaciones de la marca, permitiendo a los consumidores imaginar la felicidad y la mejora en su calidad de vida que podría traerles la adquisición del producto. Al mismo tiempo, la creación de una atmósfera visual eleva la experiencia estética de la imagen del producto en sí, combinando así la comercialidad con la artística y, al impulsar las ventas, brindando a los consumidores un disfrute estético. A la hora de generar estas imágenes, debe primar el ambiente general, que sirva al objeto principal del producto; mediante una inducción indirecta de emociones y atmósferas, se estimula en los consumidores una identificación psicológica con la marca.","careers.intern":"Prácticas","careers.internJob1Date":"2026.03.17","careers.socialJob13Location":"Hangzhou","research.machine.interpretable.design.system1":"Conocimiento de las especificaciones del sistema de diseño","research.all.the.articles.paragraph29":"Las pautas podrían variar y ajustarse según el contexto de aplicación y las necesidades específicas; por lo tanto, en aplicaciones concretas será necesario adoptar respuestas más enfocadas y efectivas.","research.all.the.articles.paragraph28":"Textura","research.natural.and.expressive.motion":"{{bold}}Movimiento natural y expresivo{{/bold}} — Aplica el diseño de movimiento de manera adecuada, siguiendo una lógica natural para que la animación transmita un significado narrativo y refuerce la vitalidad visual.","research.all.the.articles.paragraph38":"Perspectiva inmersiva: Se debe ofrecer una vista de 360° que sumerja al cliente en una experiencia realista, permitiéndole rodear virtualmente el producto y explorarlo desde diferentes ángulos. Esta exploración virtual ayuda a mejorar la experiencia visual del cliente y lo asiste en tomar decisiones más informadas.","research.immediate.structural.clarity.establish":"{{bold}}Claridad estructural inmediata{{/bold}} — Establecer una estructura visual clara y sencilla en la que los símbolos gráficos y la información textual estén integrados de manera efectiva, formando idealmente una expresión unificada.","research.all.the.articles.paragraph37":"Selección de ángulos: La generación de imágenes mediante IA debe capturar la forma del producto desde múltiples ángulos. El ángulo influye directamente en la apariencia de la imagen del producto; según las características propias del artículo, es conveniente utilizar con mayor frecuencia vistas frontales o composiciones en perspectiva de 3/4. Generalmente, la línea del horizonte se ubica en el centro o ligeramente hacia abajo de la escena.","home.award2Desc":"Sistema de expresión multimodal de productos de Tmall","research.all.the.articles.paragraph36":"Selección de ángulo: Exposición de productos y perspectiva de visualización","research.all.the.articles.paragraph35":"Grado de fidelidad: Debe reflejar fielmente la estructura y las características del producto en sí, incluyendo su forma, materiales y colores. Puede verse influenciado por factores ambientales, pero debe ajustarse a la lógica cognitiva natural y no desviarse de la forma original del producto. En cuanto a la fidelidad visual y al grado de fidelidad, las imágenes generadas por IA deben representar con precisión la apariencia, las proporciones y los detalles característicos del producto. Además, más allá de reproducir fielmente el producto en sí, las imágenes deberán mantener, en la medida de lo posible, una alta resolución y realizar un tratamiento detallado de los detalles del producto, capturando con excepcional claridad los delicados detalles artesanales, las texturas de los materiales y el complejo diseño subyacente, para así poner plenamente de relieve el nivel artesanal y el atractivo visual del producto.","research.all.the.articles.paragraph34":"Forma del producto: El estado del producto es el elemento central para evaluar la calidad de las imágenes generadas por IA. Es fundamental asegurarse de que la forma del producto generado por IA esté en perfectas condiciones, evitando defectos, estructuras inadecuadas y otros problemas similares. Asimismo, es necesario garantizar una recorte preciso, evitando fenómenos como bordes desiguales, blancura excesiva o viñetas moradas, a fin de que las imágenes generadas del producto cumplan con las expectativas del cliente.","research.all.the.articles.paragraph33":"Objeto en sí: Presentación del estado y la autenticidad de los productos generados.","research.all.the.articles.paragraph32":"Cuando introducimos al modelo contenido en forma de texto o imágenes, el resultado generado por el modelo de difusión mediante un proceso de desnoising puede considerarse una extensión semántica de los datos originales. Al mantener la similitud conceptual, este enfoque permite generar variaciones ricas y diversas, lo que no solo amplía las vías técnicas para la creación de contenido, sino que también reduce considerablemente el tiempo y los costos asociados a la creación manual. Por ello, es necesario establecer un conjunto de definiciones estandarizadas para las formas de objetos generados por AIGC. En particular, para las imágenes generadas por AIGC destinadas a plataformas comerciales (incluyendo productos, maniquíes humanos, etc.), deberían elaborarse pautas estéticas específicas de generación, con el fin de impulsar la formación de un nuevo paradigma de producción de contenido en el contexto de la integración entre lo digital y lo físico.","research.all.the.articles.paragraph31":"En el ámbito del comercio electrónico, los factores clave —como las personas, los productos y los espacios— continúan sometiéndose a procesos de descomposición y reestructuración. Los productos fluyen hacia las plataformas de comercio electrónico como una marea, generando una demanda masiva de procesamiento de imágenes de productos. Esta demanda es de gran escala y evoluciona rápidamente, lo que ha hecho que los procesos tradicionales de producción y diseño de imágenes resulten cada vez más difíciles de manejar. Ante esta enorme carga de trabajo, los métodos tradicionales no solo son económicamente costosos, sino que también suelen enfrentar limitaciones prácticas, como la disponibilidad de espacio físico, lo que dificulta su expansión. Desde la toma de fotografías y la edición hasta la publicación final de las imágenes, cada etapa presenta una eficiencia relativamente baja, incapaz de adaptarse a las exigencias comerciales del rápido ritmo de iteración y la alta eficiencia propios del comercio electrónico. A medida que se siguen ampliando las categorías de productos y la competencia en el mercado se vuelve cada vez más intensa, estos problemas se hacen aún más evidentes, haciendo urgente adoptar innovaciones tecnológicas para lograr un procesamiento de imágenes de productos más flexible, económico y a gran escala, capaz de respaldar las necesidades de desarrollo del comercio electrónico moderno. La progresión y aplicación de la tecnología AIGC están empezando a subsanar esta debilidad; la inteligencia artificial está remodelando tanto los procesos de producción de imágenes en las plataformas de comercio electrónico como los hábitos de experiencia del usuario.","research.all.the.articles.paragraph30":"Forma de objeto - Producto","research.taobaoInteractiveGam.topic":"Temas de investigación","careers.socialJob7Team":"Grupo Taotian (1688)","research.design.synthesis.output.excerpt":"Salida de síntesis de diseño (extracto)","careers.socialJob9Location":"Hangzhou","research.this.website.provides.two":"Este sitio web ofrece dos métodos para que los usuarios invoquen la especificación de diseño de Tmall dentro de herramientas de IA: un servidor MCP y la inyección de contexto. Al configurar con un solo clic el servidor MCP en una herramienta IDE, el sistema se conecta automáticamente a la base de conocimientos de diseño de Tmall. Las API envueltas en MCP realizan procesamiento automático y devuelven resultados basados en las instrucciones en lenguaje natural del usuario; las capacidades compatibles incluyen (pero no se limitan a) búsqueda y ejecución de flujos de trabajo (runWorkflow). Como alternativa, los usuarios pueden hacer clic en Copiar o Descargar en la página de un módulo de conocimiento específico para obtener un paquete de fragmentos que contiene reglas semánticas, esquemas de mapeo e implementaciones de código, y pegarlo directamente en el cuadro de entrada de instrucciones para realizar ediciones locales y generar contenido.","research.all.the.articles.paragraph39":"Estado del producto: Las arrugas de la prenda son razonables, y el tacto del producto es armonioso y lleno.","research.all.the.articles.paragraph49":"Postura: Los movimientos corporales y la actitud del personaje.","research.all.the.articles.paragraph48":"Estado de la mirada: La mirada está enfocada, el semblante es natural y la dirección de la mirada está en armonía con los movimientos del cuerpo. Una variedad de rasgos faciales y expresiones puede aportar interés y atractivo a las imágenes de productos, adaptándose a diferentes categorías de productos y públicos objetivo. Esta conexión emocional puede influir en la percepción y en la decisión de compra de los clientes, reforzando así su sensación de empatía.","research.all.the.articles.paragraph47":"Gestión de expresiones: Visualmente, se debe crear una estética cinematográfica; las expresiones generadas por los maniquíes deben ser relajadas y naturales, en consonancia con el carácter del producto, evitando expresiones negativas como ira o ausencia de expresividad.","home.research7Title":"Principios de diseño de experiencia de usuario para Taobao Mobile","research.all.the.articles.paragraph46":"Lente: Expresión y estado de la mirada de la persona frente a la lente.","research.all.the.articles.paragraph45":"Características de género y etnia: Según el estilo del producto y su posicionamiento estético, la IA debe generar rasgos faciales que coincidan con el público objetivo y su contexto cultural, adaptándose a diferentes estilos estéticos para evitar una sensación de desconexión entre el modelo humano y el entorno. La generación del modelo humano debe tener en cuenta factores como el tono de piel, la textura y el peinado del cabello, así como las características faciales del público objetivo. Los rasgos faciales deben reflejar las diferencias de género y armonizar con el estilo del producto, evitando expresiones de género poco convencionales.","research.all.the.articles.paragraph44":"Proporción y temperamento: Las proporciones de los rasgos faciales deben ajustarse a la estructura anatómica del cuerpo humano, con una forma natural y realista, y una estructura armoniosa. Esto incluye detalles como las proporciones faciales, la estructura ósea y las expresiones faciales, logrando así un aspecto general armónico y estético, evitando distorsiones o sensaciones patológicas. Además, cuando un mismo modelo aparezca en diferentes escenarios, es necesario mantener la coherencia en sus características faciales; este es un aspecto que debe ser especialmente tenido en cuenta al generar imágenes mediante IA.","research.all.the.articles.paragraph43":"Cinco rasgos faciales: las cinco características principales de la apariencia física de una persona","research.all.the.articles.paragraph42":"Forma de objeto - Modelo humano","research.all.the.articles.paragraph41":"Diseño accesible: El contenido de los productos generado por IA debe someterse a una selección y ajuste para garantizar que los algoritmos sigan principios de inclusión. Por ejemplo, se debe proporcionar suficiente contraste de colores para usuarios con discromatopsia o daltonismo, asegurando en la medida de lo posible que todos los usuarios puedan acceder fácilmente a la información sobre los productos.","research.all.the.articles.paragraph40":"Relación de adecuación entre el producto y el objeto: Las imágenes generadas por IA deben reflejar con precisión el estado original del producto. En los productos de vestir, los pliegues deben ser naturales; cuando la modelo los lleva, deben ajustarse perfectamente a su figura. En cuanto a la ropa colgante, el método de suspensión debe ser razonable, evitando curvaturas o deformaciones artificiales. El producto debe estar en proporción armoniosa con el entorno y otros objetos, para que los usuarios puedan juzgar con exactitud sus dimensiones y evitar así inducir a error a los consumidores.","research.all.the.articles.paragraph0010":"La generación de imágenes mediante IA debe capturar la forma del producto desde múltiples ángulos. El ángulo influye directamente en la apariencia de la imagen del producto; según las características propias del artículo, es conveniente utilizar con mayor frecuencia vistas frontales o composiciones en perspectiva de 3/4. Generalmente, la línea del horizonte se ubica en el centro o ligeramente hacia abajo de la escena.","research.all.the.articles.paragraph0012":"Se debe proporcionar una perspectiva de observación inmersiva en 360°, permitiendo a los clientes rodear virtualmente el producto y explorarlo desde diferentes ángulos. Esta experiencia de exploración virtual ayuda a mejorar la percepción del cliente y lo asiste en tomar decisiones más informadas. Estado del producto: Los pliegues de la prenda son razonables y la textura del producto resulta armoniosa y completa.","research.all.the.articles.paragraph0011":"Perspectiva inmersiva:","research.all.the.articles.paragraph0014":"Las imágenes generadas por IA deben reflejar con precisión el estado original del producto. En los productos de vestir, los pliegues deben ser naturales; cuando la modelo los lleve, deben ajustarse perfectamente a su figura. En cuanto a la ropa colgante, el método de suspensión debe ser razonable, evitando curvaturas o deformaciones artificiales. Los productos deben estar en proporción armoniosa con el entorno y otros objetos, para que los usuarios puedan evaluar con exactitud sus dimensiones y evitar así inducir a error a los consumidores.","research.all.the.articles.paragraph0013":"La relación de adecuación entre el producto y el objeto:","careers.socialJob8Title":"Diseñador de experiencias avanzadas - Tao Factory","research.all.the.articles.paragraph0016":"El contenido de productos generado por IA debe someterse a un proceso de selección y ajuste para garantizar que los algoritmos sigan los principios de inclusión. Por ejemplo, se debe proporcionar suficiente contraste de colores para usuarios con discromatopsia o daltonismo, asegurando en la medida de lo posible que todos los usuarios puedan acceder fácilmente a la información sobre los productos.","research.all.the.articles.paragraph0015":"Diseño accesible:","research.all.the.articles.paragraph16":"Video de imágenes","research.all.the.articles.paragraph15":"Fotograma estático parcial","research.all.the.articles.paragraph14":"Configuración básica de los personajes","research.strategy.breakdown.theme.content":"Desglose de la estrategia: el tema, el contenido y la forma no deben existir de manera aislada. El tema representa el significado central; el contenido constituye la sustancia informativa; y la forma define el modo de presentación. La expresión narrativa simbólica implica utilizar símbolos visuales apropiados para representar el significado semántico de un tema, estableciendo así un marco cognitivo para los usuarios. Lo prioritario es que los usuarios comprendan primero lo que representa el mensaje y, posteriormente, adquieran una comprensión detallada mediante la información de apoyo.","careers.internJob4Title":"Diseñador de AIGC","research.all.the.articles.paragraph13":"Esta investigación se centra en áreas como los procesos dinámicos de creación con IA, la estabilidad de la expresión y la creatividad en vídeos de productos y personas digitales, explorando métodos de diseño de imágenes dinámicas con IA adecuados para escenarios de comercio electrónico, con el fin de mejorar la eficiencia del diseño y la experiencia del usuario. Al mismo tiempo, mediante la colaboración con la Academia China de Bellas Artes, se fortalecerá la profesionalidad y el impacto industrial de la investigación, impulsando así que las capacidades de diseño dinámico con IA de Taotian sigan manteniendo un nivel avanzado.","research.all.the.articles.paragraph12":"Con el rápido desarrollo de las tecnologías de producción dinámica basadas en IA, las marcas y las plataformas de internet están explorando continuamente la aplicación de la IA en productos y en la comunicación de marketing, con el fin de mejorar la percepción de la marca e innovar los modelos de negocio. Para los equipos de diseño en el comercio electrónico, desarrollar capacidades de imágenes dinámicas basadas en IA no solo constituye una medida clave para hacer frente a la tendencia hacia la videoconversión del contenido en el comercio electrónico, sino también una dirección importante para explorar las futuras formas de contenido en el comercio electrónico.","research.all.the.articles.paragraph11":"Antecedentes del proyecto","research.all.the.articles.paragraph10":"Investigación sobre imágenes en movimiento de los humanos digitales «TAO»AI","research.this.intuitive.information.expression":"Esta iniciativa de diseño «Expresión Intuitiva de la Información» comenzó con una reflexión sincera sobre el estado actual del diseño en marketing. Cuando las pantallas de bienvenida destellan ante los ojos del usuario en el momento de iniciar la aplicación, cuando aparecen repentinamente ventanas emergentes durante las interacciones y cuando los encabezados promocionales llevan continuamente una intención comercial en la parte superior de la página de inicio, ya no nos basta con preguntarnos simplemente si el diseño existe. En cambio, hacemos preguntas más profundas: ¿Pueden los usuarios comprenderlo a simple vista? ¿Pueden captar el mensaje de manera intuitiva? ¿Llevará esto naturalmente a la acción?","products.official.website.introduction.paragraph":"La estructura de páginas y el sistema de diseño del sitio web VersionAI Tmall coinciden con la estructura de conocimiento del sistema, organizándose en una navegación jerárquica que incluye estilos, páginas y unidades de conocimiento subordinadas. En cada página de unidad de conocimiento, es posible alternar entre las reglas destinadas a los humanos y las reglas destinadas a la IA, y se admite la función de copiar o descargar fragmentos de conocimiento. Además, se dispone de una página de implementación que guía al usuario sobre cómo llamar a esta normativa para generar interfaces.","research.spacing.semantic.rules.excerpt":"Reglas semánticas de espaciado (Extracto)","careers.socialJob9Years":"3 años","research.all.the.articles.paragraph0022":"Las pautas estéticas para la generación de imágenes mediante IA abarcan múltiples campos, como el arte, el diseño y la interacción hombre-máquina. A continuación, presentamos las pautas estéticas para la generación de imágenes en la plataforma Taobao, centrándonos en la calidad de los elementos generados y en las reglas que rigen la relación entre ellos, teniendo en cuenta su influencia mutua. Estas pautas ayudan a garantizar la calidad y el atractivo de las imágenes generadas. Las pautas estéticas basadas en los productos se dividen en cinco categorías principales: 1. Forma de los objetos; 2. Escena; 3. Composición; 4. Luz y sombra; 5. Textura. Dichas pautas podrían variar y ajustarse según el contexto de uso y las necesidades específicas; por lo tanto, en aplicaciones concretas será necesario adoptar correspondencias más focalizadas y efectivas.","research.component.semantic.rule.template":"Plantilla de regla semántica de componente (Extracto)","home.award1Desc":"Vision de Taobao","research.all.the.articles.paragraph19":"A medida que la aplicación de la IA en la creación artística, el diseño y la cultura se extiende cada vez más, la estética de la IA se ha convertido en un campo de gran interés. Su uso en la creación artística ha dado lugar a una nueva comprensión de la era de la AIGC. Las pautas estéticas de la IA implican cómo combinar la creatividad humana con algoritmos de aprendizaje automático para generar experiencias inteligentes y cautivadoras. Estas pautas estéticas deben prestar atención a si las obras reflejan la diversidad y la inclusión, evitando sesgos o discriminación hacia ciertos grupos. Asimismo, es necesario considerar cómo las obras desencadenan y transmiten emociones, logrando así piezas profundas y conmovedoras. Al mismo tiempo, conviene evaluar si las obras generadas por IA reflejan los valores sociales y culturales, y si respetan las normas éticas.","research.final.interface.code.generation":"Salida de generación del código de interfaz final (extracto)","research.all.the.articles.paragraph18":"Las normas estéticas abarcan los elementos y criterios que intervienen tanto en la creación como en la apreciación de las obras. En el ámbito de la estética siempre ha habido un debate sobre si la belleza es una cualidad objetivamente existente o bien el resultado de la sensibilidad psicológica y la expresividad emocional de la experiencia subjetiva. Algunas teorías estéticas destacan la importancia de la simetría y el equilibrio, mientras que otras ponen énfasis en el atractivo de las formas asimétricas e irregulares. Desde la perspectiva del arte y la vida cotidiana, algunas corrientes consideran que la estética constituye un ámbito independiente, separado del día a día, mientras que otras teorías sostienen que el arte está estrechamente vinculado a la vida misma. En resumen, diferentes épocas y culturas han tenido distintos estándares de belleza, lo que ha llevado a variaciones y diversidad en la manera de entender y expresar la belleza; por ello, las normas estéticas también presentan una gran variedad y mutabilidad.","research.all.the.articles.paragraph17":"La estética es la disciplina que estudia las leyes de la actividad estética; es una rama filosófica de la belleza, el arte y la experiencia estética, caracterizada por una búsqueda metafísica y un marcado tono especulativo. Los principios estéticos abarcan cuestiones como la naturaleza de la belleza, los criterios de belleza y la evaluación de las obras, constituyendo un campo amplio y profundo.","banner.punchedTapePlaceholder2":"Experimenta la clásica cinta perforada.","research.all.the.articles.paragraph0018":"Los pliegues de la ropa son razonables y el producto tiene una sensación táctil armoniosa y completa.","research.all.the.articles.paragraph27":"Luz y sombra","research.all.the.articles.paragraph0017":"Estado del producto:","research.all.the.articles.paragraph26":"Composición","research.all.the.articles.paragraph25":"Escena","research.all.the.articles.paragraph24":"Forma de objeto","research.the.intent.recognition.agent":"El agente de reconocimiento de intenciones toma como entrada la cadena de consulta del usuario (por ejemplo, «Generar un canal de guía de compras para nuevos productos»). Emite una lista de verificación de requisitos de recuperación de conocimiento, como «tipo de requisito (reutilización compositiva de módulos existentes), tipo de página (página de Guía de Compras), estructura de información (tarjetas de productos), restricciones de interacción (filtrables o no), requisitos de contenido (información sobre beneficios/ofertas), etc.», y la enruta al siguiente agente.","research.all.the.articles.paragraph23":"Los criterios estéticos basados en los productos se dividen en cinco categorías:","research.all.the.articles.paragraph22":"Las pautas estéticas para la generación de imágenes mediante IA abarcan múltiples campos, como el arte, el diseño y la interacción hombre-máquina. A continuación, presentamos las pautas estéticas para la generación de imágenes en la plataforma Taobao, centrándose en la calidad de los elementos generados y en las reglas que rigen la relación entre estos elementos y su influencia mutua. Estas pautas contribuyen a garantizar la calidad y atractivo de las imágenes generadas.","careers.socialJob1Team":"Grupo Taotian","research.all.the.articles.paragraph21":"Estándar estético de productos de IA","research.all.the.articles.paragraph20":"Este estudio, realizado en 2024, fue llevado a cabo conjuntamente por el equipo del profesor Zheng Chao de la Facultad de Comunicación Visual de la Academia de Bellas Artes de China y el Diseño de Experiencias de Taotian, con el objetivo de investigar la estética de los productos impulsados por IA. El proyecto duró un año y, mediante la primera fase de colaboración entre universidad y empresa, propuso pautas efectivas para la estética de los productos impulsados por IA. Su propósito es orientar el desarrollo de la inteligencia artificial (IA) en el ámbito práctico del comercio electrónico en la plataforma Taobao, asegurando que esta tecnología sea creativa y líder en plataformas comerciales, y que aporte de manera positiva y excepcional al valor humano y a la estética.","research.taobaoInteractiveGam.paragraph3":"Basándose en la tipología de los juegos interactivos de comercio electrónico de Taobao y teniendo en cuenta las tendencias actuales del mercado, esta investigación realiza una descomposición profesional desde una perspectiva de diseño. El estudio está organizado en investigaciones modulares a lo largo de cuatro dimensiones — tipos de jugabilidad, estilo artístico, diseño de interfaz de usuario y efectos de movimiento — para conformar un conjunto completo de temas de investigación y culminar en un documento de investigación finalizado.","research.taobaoInteractiveGame.farmMapLevelDesign":"Zhongdiba: Diseño basado en atlas y niveles","research.all.the.articles.new.label9":"Diseño de Taotian","careers.internJob1Location":"Hangzhou","research.all.the.articles.new.label8":"Diseño propio","research.all.the.articles.new.label7":"Diseño de marketing de marca para vendedores de Tmall","research.all.the.articles.new.label6":"Diseño de marketing para marcas y comerciantes en Taotian","research.all.the.articles.new.label5":"Diseño de Experiencia de Innovación Multiplataforma","research.all.the.articles.new.label4":"Instituciones colaboradoras","research.all.the.articles.new.label3":"Diseño de buen precio en Taobao","research.all.the.articles.new.label2":"Diseño de interacción con el usuario","research.color.semantic.rules.excerpt":"Reglas semánticas de color (Extracto)","research.this.substantial.volume.of":"Este volumen considerable de trabajo de diseño repetitivo y estructuralmente similar exige con urgencia métodos automatizados de generación de diseño impulsados por inteligencia artificial para mejorar significativamente tanto la eficiencia como la calidad del resultado.","research.multi.agent.workflow":"Flujo de trabajo multiagente","research.next.we.engineer.the":"A continuación, diseñamos el flujo de trabajo para el diseño y la generación de interfaces. Un proceso colaborativo multiagente, de upstream a downstream, consiste esencialmente en la definición y configuración de cada subagente y su lógica de encadenamiento. Cada agente incluye entradas upstream, un modelo base, memoria, indicaciones del sistema (rol y tarea), una base de conocimiento (o base de datos), herramientas (MCP, complementos) y salidas downstream. Es crucial asegurar que las rutas de acceso, la nomenclatura de los objetos y los contratos de entrada y salida mencionados en las indicaciones de los subagentes permanezcan coherentes y consistentes.","research.taobaoInteractiveGame.caseStudies1":"Aplicación de mapa de tipos de juegos interactivos","research.taobaoInteractiveGame.conclusion":"Conclusión","careers.socialJob2Years":"2 años","careers.socialJob6Team":"Grupo Taotian (1688)","research.economic.aesthetics.paragraph21":"Principios de tipografía","research.economic.aesthetics.paragraph22":"Convertir el mecanismo de beneficios de la plataforma, que inicialmente resulta frío e impersonal, en estímulos sensoriales y recompensas emocionales familiares para los usuarios, de modo que la experiencia del producto no sea una máquina que exija al usuario aprender a usarla, sino más bien un «juguete» capaz de generar placer inmediato y certeza, logrando así el objetivo de fortalecer la fidelidad del usuario.","awards.taobaoInteractiveGame.link2":"Ver el Premio Red Dot de Diseño 2025","research.economic.aesthetics.paragraph23":"Principios de animación","awards.taobaoInteractiveGame.link3":"Ver el Premio de Diseño Apple 2025","research.economic.aesthetics.paragraph24":"Objeto principal + color + texto + composición + animación = los cinco elementos del modelo estético.","research.economic.aesthetics.paragraph20":"El núcleo consiste en extraer la información clave y amplificarla, utilizar múltiples canales sensoriales —como audio, visual y táctil— para reiterarla una y otra vez, y ofrecer contenido rico y diversificado para el consumo.","research.building.internal.design.consensus":"Construyendo consenso de diseño interno para una expresión intuitiva de la información en escenarios de marketing","awards.taobaoInteractiveGame.link1":"Ver el Premio IF Design 2025","research.economic.aesthetics.paragraph29":"02 Estética callejera","research.taobaoInteractiveGame.babaFarmFullSceneMotionDesignExcerpt":"Granja Baba: Aplicación de estilo artístico surrealista","research.economic.aesthetics.paragraph26":"Mediante la combinación y aplicación de diversos métodos de diseño bajo los cinco elementos, es posible lograr una variedad de estilos estéticos que se alinean con las preferencias del público en ciudades pequeñas.","footer.contactXiaohongshu":"Xiaohongshu","research.economic.aesthetics.paragraph27":"01 Promoción de supermercado","research.economic.aesthetics.paragraph28":"El supermercado es un escenario de la vida cotidiana del que las personas en ciudades pequeñas no pueden prescindir cada día. Al extraer y rediseñar los elementos propios del supermercado, se logra recrear fielmente el entorno familiar para las personas, provocando una resonancia emocional.","research.economic.aesthetics.paragraph10":"Descripción general de las calles de la pequeña ciudad","research.economic.aesthetics.paragraph11":"No busca en exceso la especulación abstracta, sino que se enfoca más en la exposición directa de funciones y en transmitir significados positivos; utiliza con frecuencia metáforas vivas y cotidianas. No persigue la coherencia en el sistema lingüístico; en una misma escena de conversación pueden aparecer tótems tradicionales, jerga de internet, dichos populares y lemas gubernamentales.","research.economic.aesthetics.paragraph12":"Una visión general de los tipos de textos en la vida.","research.economic.aesthetics.paragraph13":"Tomar el color del entorno de vida como base cromática y ajustar la pureza y la luminosidad para garantizar una reproducción visual fiel de los colores en la pantalla. Heredar la percepción emocional del color y ampliar su aplicación en entornos en línea.","careers.internJob3Date":"2026.03.17","research.element":"Elemento","awards.tmall.products.title1":"Sistema de expresión multimodal de productos de Tmall","awards.tmall.products.title3":"El sistema de expresión multimodal de productos de Tmall recibió en 2022 el Premio IF Design en la categoría de Diseño de Experiencia del Usuario (User Experience).","awards.tmall.products.title2":"El sistema de expresión multimodal de productos de Tmall gana el Premio IF Design.","research.regardless.of.whether.a":"Independientemente de si un sistema de diseño es de código abierto o si una herramienta cuenta con todas las funciones, cada equipo de diseño empresarial se enfrenta ahora a la misma tarea esencial: clarificar y construir{{bold}} un sistema de conocimiento en diseño amigable con la IA{{/bold}} que pueda conectarse a herramientas de diseño o a modelos grandes.","careers.internJob2Years":"Práctica","footer.copySuccess":"Copiado con éxito","careers.socialJob2Team":"Grupo Taotian","awards.tmall.products.title9":"Miaomanshen #Fragancia de Tesoro# Premio de Oro Muse","research.economic.aesthetics.paragraph18":"Convierte los precios o parámetros abstractos en conceptos cotidianos familiares para el usuario (tiempo, alimentos, acciones, pequeños gastos), reduciendo así la barrera para la toma de decisiones.","awards.tmall.products.title8":"Enlace al proyecto de la medalla de platino MUSE","research.economic.aesthetics.paragraph19":"Principios de descripción de texto","awards.tmall.products.title5":"Esencia del diseño del sistema de presentación de productos multimodal","research.economic.aesthetics.paragraph14":"Sistema de combinación de colores estético para ciudades pequeñas","awards.tmall.products.title4":"Ver el Premio IF Design 2022","research.economic.aesthetics.paragraph15":"Asignación de emociones por color","awards.tmall.products.title7":"Cubo de la suerte de Cat Super, premio de platino MUSE","research.economic.aesthetics.paragraph16":"Utiliza, en la medida de lo posible, productos reales y simula escenarios de consumo auténticos para generar asociaciones en los usuarios, acercarlos más a la marca y activar su memoria conductual.","awards.tmall.products.title6":"Este proyecto es una matriz de productos diseñada para mejorar la experiencia de compra en línea, basada en las plataformas comerciales del Grupo Alibaba. Su objetivo es satisfacer las necesidades de expresión de las características de millones de productos diferentes. Gracias a nuestra larga experiencia acumulada en los hábitos de consumo de los usuarios y en las tecnologías de vanguardia de Tmall, ofrecemos una experiencia de compra en línea inmersiva e inteligente. Esta experiencia permite a los consumidores interactuar directamente con los productos, así como generar rápidamente contenido dinámico mediante IA, permitiendo así que los consumidores puedan conocer los productos de manera más completa sin salir de casa.","research.economic.aesthetics.paragraph17":"Principios de gráficos y texturas","footer.download":"Descargar","research.switch.to.ai.facing":"Cambiar a reglas orientadas a la IA","research.all.the.articles.name_custom9":"Jiong Hao","research.all.the.articles.name_custom6":"Wen Yu","research.all.the.articles.name_custom5":"Ming Kong","research.all.the.articles.name_custom8":"Qi Wen","research.all.the.articles.name_custom7":"Kong Shen","research.all.the.articles.name_custom2":"Le Fu","research.all.the.articles.name_custom1":"Ye Ru","research.all.the.articles.name_custom4":"Li Ye","research.all.the.articles.name_custom3":"Li Ji","research.asset.knowledge.consists.of":"El conocimiento de los activos está compuesto por unidades tales como imágenes, iconos, logotipos y etiquetas, que sirven como fuentes principales de material para llenar el contenido de las páginas. Las reglas semánticas para los activos incluyen definiciones de activos, variables de atributos, reglas obligatorias y usos funcionales. Dependiendo del tipo específico de activo, el conocimiento de los activos puede requerir o no implementaciones de código; por ejemplo, los iconos sí requieren implementaciones de código, mientras que las imágenes típicamente no lo necesitan. En estos casos, las implementaciones adoptan la forma de archivos fuente de activos (por ejemplo, SVG o PNG) con convenciones de nombres consistentes con las definidas en las reglas semánticas. El esquema de mapeo para los activos sigue la misma plantilla que la utilizada para los elementos. Tomando como ejemplo los iconos, la figura a continuación ilustra la transformación de los artefactos de diseño en los tres tipos de archivos: reglas semánticas, esquemas de mapeo e implementaciones de código.","research.symbolization.translating.the.core":"{{bold}}Simbolización{{/bold}}: Traducir el significado semántico central de la información de marketing a representaciones visuales concretas mediante símbolos o imágenes universalmente reconocibles.","banner.clearAll":"Eliminar todo","awards.taobaoInteractiveGame.paragraph2":"Al mismo tiempo que ofrece una funcionalidad integral de compras, Taobao Vision aprovecha plenamente las características de Apple Vision Pro, como la computación espacial, el espacio compartido, el contenido en 3D y las interacciones con seguimiento ocular y de manos, para brindar a los usuarios una experiencia de compra más intuitiva, inmersiva, expansiva y placentera. Al mismo tiempo, ayuda a decenas de miles de marcas a llevar sus productos, contenidos e historias hasta los hogares reales de los usuarios mediante espacios de realidad mixta.","awards.taobaoInteractiveGame.paragraph1":"El diseño de experiencia de淘宝Vision recibió el Premio de Diseño de Apple 2025 en la categoría de Diseño de Interacción. Posteriormente, también obtuvo el IF Design Award en la categoría de Diseño de Experiencia del Usuario y el Premio Red Dot de Diseño en la categoría de Diseño de Interfaz y Experiencia del Usuario.","footer.allRightsReserved":"Derechos reservados","home.research4Title":"Estética de la IA","research.the.complete.generation.pipeline":"La pipeline completa de generación procede de la siguiente manera: 1. {{bold}} El usuario ingresa un requisito en lenguaje natural.{{/bold}} 2. {{bold}} La solicitud se transfiere al agente de reconocimiento de intenciones,{{/bold}} el cual expande la entrada ambigua en una intención de diseño interpretable por el sistema y emite una descripción estructurada del requisito, proporcionando condiciones fronterizas explícitas para la toma de decisiones posterior. 3. {{bold}} A continuación, el proceso entra en el agente de recuperación de conocimiento,{{/bold}} que utiliza la Generación Aumentada por Recuperación (RAG) para recuperar selectivamente información contextual altamente relevante proveniente del Conocimiento de Especificaciones del Sistema de Diseño recuperado externamente, basándose en la intención actual. 4. {{bold}} A continuación, el agente de síntesis de diseño{{/bold}} opera dentro de las condiciones fronterizas definidas para evaluar, componer e instanciar el contexto de especificaciones recuperado, produciendo un esquema de datos estructurado intermedio (Esquema\\*). Este Esquema describe explícitamente la estructura de la página, los componentes, los estilos y el contenido, conformando así una solución de diseño completamente estructurada. 5. {{bold}} Finalmente, el agente de generación de código{{/bold}} vuelve a consultar el Conocimiento de Especificaciones del Sistema de Diseño basándose en el Esquema, utilizando una recuperación basada en grep para localizar e invocar los artefactos correspondientes de la base de código. Alinea las propiedades de los componentes listos para producción, las variables de estilo y las rutas de recursos para generar la interfaz de usuario final.","research.minimal.necessary.hierarchy.reduce":"{{bold}}Jerarquía mínima necesaria {{/bold}}— Reduzca la jerarquía informativa al mínimo esencial. Evite el uso excesivo de escalas tipográficas, segmentación o estructuración en capas para reducir la carga cognitiva.","careers.internJob1Desc":"Responsable de la plataforma de diseño de IA para equipos de construcción y mantenimiento, que, mediante la integración de conocimientos de diseño, flujos de trabajo y capacidades de IA, mejora continuamente la eficiencia de producción, la consistencia en la calidad y la tasa de reutilización del conocimiento dentro del equipo de diseño. Constructor central de la inteligencia en el sistema de diseño, conecta las tres áreas principales: «diseño», «ingeniería» y «herramientas de diseño con IA», asegurando que la IA sea implementable, iterativa y controlable en el equipo. Capaz de construir y optimizar de manera independiente sistemas de inteligencia en diseño, comprendiendo arquitecturas y mecanismos de flujo de trabajo. Lidera la evolución de la arquitectura del sistema de inteligencia en diseño y la integración de flujos de trabajo multiplataforma. Construye una plataforma de diseño inteligente accesible para todo el equipo, logrando un empoderamiento a escala. Responsable de la construcción del sistema de inteligencia, desarrollando y manteniendo la arquitectura del agente de diseño (Design Agent) del equipo. Encargado del mantenimiento del sistema de conocimiento y RAG, así como de la construcción y evolución de la base de conocimiento de diseño (Design Knowledge Base). Responsable de la inteligentización de los flujos de trabajo, la integración de herramientas y el monitoreo y evaluación del rendimiento del agente de diseño.","careers.social":"Reclutamiento social","research.generated.interface.preview":"Vista previa de la interfaz generada","products.design.specifications.new.paragraph08":"Enfrentando la contradicción central del diseño en el comercio electrónico: «Lo primero que los consumidores ven es el precio. ¿Cómo evitar que el diseño afecte la percepción del precio?» Desde una perspectiva integral de toda la cadena, Jason explica cómo el diseño de marca puede mantener una expresión coherente en cada punto de contacto, desde la publicidad fuera del sitio hasta la finalización exitosa del pago. En escenarios de tráfico masivo como el Doble Once, el diseño debe equilibrar la creación de ambiente con la eficiencia transaccional: no debe opacar la información clave, pero al mismo tiempo debe transmitir la calidez de la marca. La estrategia del equipo se ajusta con flexibilidad según el contexto económico: en 2024, ante la contracción del consumo, adoptaron un diseño tipo «cartel gigante», destacando beneficios contundentes como «85% de descuento en todo el sitio», enfatizando la eficiencia informativa y la rapidez percibida; en 2025, con la recuperación económica, pasaron a un enfoque renovado bajo el lema «Dedicación total, vida llena de color», integrando capacidades de inteligencia artificial y ecología, y orientándose hacia la conexión emocional y mental con la marca.","careers.socialJob12Team":"Grupo Taotian","products.design.specifications.new.paragraph09":"En su presentación sobre el diseño de juegos interactivos, You Shi expuso en profundidad la filosofía de diseño «ligero pero adictivo». De manera clara y directa, señaló que la interacción no es una función aislada, sino un vínculo clave que conecta las experiencias de «acceso, navegación, participación, obtención y compra». Para lograr este objetivo, Taotian ha creado un sistema interactivo que abarca todos los escenarios: las interacciones de marketing generan un gran impacto y alcance; las interacciones cotidianas fomentan hábitos entre los usuarios; las interacciones dentro del producto apoyan la operación de los canales; y la ecosistema de minijuegos permite el intercambio de tráfico. Tomando como ejemplo el producto de registro diario, el diseño presenta una lógica clara en tres niveles: la línea principal se centra en la ruta central, las tareas amplían los límites de la conducta, y las sublíneas satisfacen escenarios personalizados, construyendo así un ritmo de participación equilibrado y dinámico.","research.versionai.tmall.is.an":"VersionAI Tmall es un sitio web de especificaciones de diseño orientado a la IA. Contiene todo el conocimiento de diseño mencionado anteriormente y ayuda a los usuarios a generar interfaces de usuario que cumplan con las especificaciones de diseño de Tmall, realizar revisiones de diseño y resolver preguntas frecuentes. La estructura de las páginas del sitio coincide con la estructura del conocimiento del sistema de diseño, organizada como una navegación en árbol de estilos, casos y sus módulos de conocimiento subordinados. En cada página de módulo de conocimiento, es posible alternar entre reglas para humanos y reglas para IA, y se admite copiar o descargar fragmentos de conocimiento. Una página de implementación guía a los usuarios sobre cómo invocar las especificaciones para generar interfaces. La sección de blog también recoge los principales aprendizajes del proyecto; además de este artículo, incluye dos ejemplos prácticos: «Vídeo conceptual de la página de inicio colaborativa con IA» y «Diseño y desarrollo de sitios web colaborativos con IA».","products.design.specifications.new.paragraph02":"El 9 de diciembre de 2025, el profesor Zheng Chao guió a sus estudiantes en una revisión del proyecto de investigación «Criterios estéticos para la generación de imágenes por IA», creado en colaboración con Taotian Group. Esta no fue una simple adaptación tecnológica, sino una reflexión filosófica sobre si la belleza puede definirse y ser comprendida por las máquinas. «En la era de la AIGC, ¿qué significa exactamente la “belleza” en las plataformas comerciales?», planteó el profesor Zheng Chao durante la retrospectiva.","products.design.specifications.new.paragraph03":"El equipo de investigación abandonó la etiquetación mecánica de imágenes y pasó a construir un sistema lógico estético que pueda ser aprendido por la IA —desde la composición cromática y las relaciones entre elementos hasta la narrativa visual— convirtiendo la estética subjetiva en un lenguaje algorítmico iterativo. Esta fase preparatoria no es solo una revisión del proyecto, sino también un cambio de mentalidad: pasar de «estudiante» a «diseñador comercial en reserva», y de crear obras independientes a integrarse como un eslabón clave en la cadena comercial.","products.design.specifications.new.paragraph01":"Durante las tres semanas de estudio inmersivo, los participantes atravesarán tres etapas progresivas: «Descubrimiento y definición, exploración y diseño, profundización y entrega», completando así un proceso de explicitación y reconfiguración cognitiva del pensamiento de diseño. Hacemos énfasis en la capacidad de «definir el problema» bajo restricciones comerciales reales, guiando a los participantes a utilizar métodos como la experiencia del usuario, la lógica conductual y el análisis de interacción para capturar, más allá de las apariencias de los datos, los modelos mentales subyacentes y las motivaciones detrás del comportamiento del usuario. El núcleo del taller exige que los participantes no solo dominen con destreza los paradigmas de interacción y la comunicación visual, sino que también comprendan la economía de plataformas, la psicología del consumo, el diseño de juegos y los mecanismos de difusión social.","products.design.specifications.new.paragraph06":"Se propone un marco tridimensional compuesto por «usuario, enlace y nodo», que eleva el diseño desde la mera estética de la interfaz hasta la construcción de experiencias sistémicas. Esta metodología parte siempre de la premisa «qué es lo que el usuario desea», haciendo hincapié en obtener insights a través del análisis de los puntos de entrada y planificando dinámicamente la presentación de las páginas en función de dichos insights. Sobre la base de una clara definición de las rutas del usuario, es necesario estructurar tareas principales claras y fluidas, así como diseñar con moderación las acciones secundarias tales como bonos y guías, asegurando al mismo tiempo una disposición racional de la arquitectura de la información en cada nodo. En la práctica, se recomienda realizar diagnósticos profundos de los problemas de experiencia mediante análisis de competidores, revisiones de la experiencia real y estudios de opinión pública, manteniendo rigurosamente el flujo «análisis → estrategia → expresión» para que la innovación en el diseño se fundamente siempre en el respeto a los hábitos del usuario y en un consenso comercial. Un diseño excelente se refleja, en última instancia, en la racionalidad y lógica rigurosa de los enlaces, más que en una superficialidad meramente visual.","research.page":"Página","products.design.specifications.new.paragraph07":"En su presentación sobre diseño de marketing de marca, Xiaobing señaló que el núcleo del diseño radica en pasar de un «pensamiento estudiantil» a un «pensamiento comercial»—es decir, de una expresión centrada en la estética personal a una comunicación orientada hacia el producto y el usuario. El diseño comercial no se limita a la mera presentación visual; más bien, constituye un diálogo continuo e interactivo con los usuarios, cuyo objetivo es impulsar eficazmente el comportamiento del usuario mediante el diseño y alcanzar objetivos comerciales claros. En la práctica, esto exige que los diseñadores posean la capacidad de realizar iteraciones rápidas y validar en tiempo real. Por ejemplo, en campañas promocionales masivas como el «Doble Once», es fundamental establecer un ciclo cerrado integral que abarque desde la estrategia de marca y la comunicación visual hasta la difusión en medios y la retroalimentación de datos, asegurando que cada etapa gire estrechamente en torno a la pregunta: «¿Cómo perciben y cómo actúan los usuarios?». De este modo, el diseño puede desempeñar plenamente su papel dentro del sistema comercial.","research.all.the.articles.paragraph99":"La tendencia cromática y la pureza deben estar en armonía; los colores en la imagen deben responder de manera armoniosa entre sí, evitando combinaciones desordenadas y ensamblajes caóticos. En la estética de las imágenes generadas por IA para productos de comercio electrónico, la coherencia tonal debe evaluarse de manera integral desde múltiples dimensiones, tales como las relaciones de contraste, las relaciones de claridad y oscuridad, y las relaciones entre colores fríos y cálidos. Solo cuando las relaciones cromáticas en todas estas dimensiones se mantienen equilibradas y armoniosas, la imagen podrá transmitir autenticidad e impacto emocional.","products.design.specifications.new.paragraph04":"Desde una perspectiva histórica de la evolución del diseño, Qi Wei revela la relación simbiótica y mutuamente enriquecedora entre el diseño y la tecnología: desde las innovaciones pioneras de Xerox hasta la evolución de Apple y Microsoft, pasando por la creación temprana de equipos profesionales de diseño en empresas locales como Kingsoft y Tencent, lo que marcó el paso del diseño en internet de una mera «estética de interfaz» hacia un enfoque sistemático y profesional. A medida que la complejidad y la homogeneidad de los productos aumentan, el núcleo del diseño ha pasado de centrarse en la «competitividad visual» a poner énfasis en la «determinación de la experiencia» —en una era en la que los usuarios disponen de múltiples opciones, la experiencia misma se convierte en el diferencial clave. Ante un entorno de atención fragmentada, «cómo transmitir la información de manera más sencilla, directa e intuitiva» se ha convertido en un desafío constante para los diseñadores.","research.all.the.articles.paragraph98":"Relación de tonos: Coherencia en la paleta de colores de la imagen","products.design.specifications.new.paragraph05":"En los diversos escenarios de negocios de Taotian, este concepto se traduce en prácticas concretas: construir una mentalidad profesional en las transmisiones en vivo, generar un sentido de exclusividad en el sistema de membresía y integrar narrativas gamificadas en la interacción. Qi Wei siempre subraya que la esencia del diseño consiste en comprender y resolver las inquietudes de los usuarios, encontrando un equilibrio entre los objetivos comerciales y el valor de la experiencia, pues «los consumidores no entran en la plataforma para admirar el diseño, sino para obtener contenido». Esto representa tanto la madurez del pensamiento de diseño como la sedimentación de una sabia estrategia comercial.","research.all.the.articles.paragraph97":"Iluminación exterior: Al utilizar iluminación exterior, los diferentes efectos lumínicos de las fuentes de luz pueden conferir a los productos una atmósfera diversificada en las plataformas de comercio electrónico. Asimismo, es necesario prestar atención a la relación adecuada entre el color de la luz, su ángulo y la proyección, asegurando así que la imagen resultante sea natural y realista.","research.all.the.articles.paragraph96":"Luz lunar exterior: Durante la noche, la luz de la luna es suave y crea tonos fríos discretos, atenuando las sombras duras en la escena. Esta luz delicada y tranquila otorga a los productos una belleza elegante y misteriosa.","research.spacing.design.excerpt":"Diseño de espaciado (Extracto)","research.all.the.articles.paragraph95":"Día de nieve al aire libre: En un entorno nevado, la luz se distribuye de manera uniforme sobre la superficie del producto, ofreciendo un efecto de iluminación suave y homogéneo. En este momento, las sombras duras en la superficie del producto disminuyen, lo que permite resaltar los detalles y las texturas. Por ejemplo, los productos navideños lucen aún más festivos cuando se exhiben en un paisaje nevado.","research.all.the.articles.paragraph94":"Día lluvioso al aire libre: En condiciones de lluvia, los paisajes adquieren una mayor claridad y los colores se vuelven más vivos, lo que permite crear para el producto un efecto visual fresco y dinámico. En este momento, es necesario tener en cuenta el reflejo del agua acumulada en la calle, de modo que éste forme con el elemento principal un espejismo armonioso. Por ejemplo, los productos como las mascarillas hidratantes pueden aprovechar el reflejo en días lluviosos para reforzar la sensación visual de hidratación.","research.all.the.articles.paragraph93":"Cielo nublado al aire libre: En un entorno nublado, la luz es uniforme y suave, lo que ayuda a reducir el contraste en la superficie de los productos y a mostrar con precisión sus colores y texturas. Las sombras bajo este tipo de iluminación ofrecen una sensación visual cómoda y natural, llena de simpatía.","research.all.the.articles.paragraph92":"Iluminación interior: La intensidad de la luz en interiores suele disminuir a medida que aumenta la distancia de propagación. La iluminación interior proviene generalmente de fuentes artificiales, luz natural proveniente de ventanas o una combinación de ambas; esta luz es relativamente suave y no tiende a generar sombras muy marcadas. Por lo tanto, en las imágenes generadas por IA para escenas interiores, es recomendable evitar sombras demasiado duras. Además, los distintos tipos de luminarias y los colores de la luz crean atmósferas diferentes; el color de las sombras debe armonizar con el color de la luz y reflejarse en los elementos reflectantes del entorno.","research.all.the.articles.paragraph91":"Feedback de sombras/Consistencia entre luz y sombra: La dirección de las sombras en la imagen debe coincidir con la dirección de la fuente de luz; el área de las sombras debe ajustarse a la superficie del objeto, y la relación entre la iluminación y la sombra en cada objeto también debe ser uniforme.","research.all.the.articles.paragraph90":"Se debe mantener una iluminación global uniforme en la escena, con una distribución razonable de luces principales y secundarias, recurriendo preferentemente a una luz natural brillante y suave. La armonía en la percepción lumínica es un componente esencial para lograr un realismo auténtico en las imágenes. Los factores como la dirección de la luz, las sombras proyectadas por los objetos y los reflejos del entorno están estrechamente interrelacionados. Solo cuando los elementos de luz y sombra de los objetos y la escena están perfectamente alineados y se evitan contradicciones en las relaciones lumínicas, será posible generar imágenes de productos con suficiente poder de convicción.","footer.scanWithWeChat":"Escanea el código con WeChat","careers.socialJob3Team":"Grupo Taotian","awards.tmall.products.title15":"Presentación del proyecto","research.configure.the.tmall.design":"Configura el MCP de tmall-design en el IDE","awards.tmall.products.title16":"Descripción del proyecto de diseño:","awards.tmall.products.title17":"La iniciativa integral «HEYLIVE, el hogar de los fans en la playa», desarrollada por Tmall Xiao Hei He junto con el Festival de Música Xiami de Anaya 2024, integra la marca en el contexto cultural del festival mediante una estrategia de marketing escenificada. La imagen visual principal—el cubo de Tmall Xiao Hei He—se descompone en «focos de iluminación» que recrean un escenario brillante y una línea costera en degradé, estableciendo así una conexión emocional entre la marca y los usuarios jóvenes. El proyecto también integra los recursos de cinco grandes marcas, incluyendo De'Longhi y Haier, para crear una matriz de marketing multidimensional que conecta online y offline, logrando así objetivos múltiples: aumentar la visibilidad de la marca, atraer nuevos usuarios y generar resonancia cultural.","footer.scanToFollow":"Escanea el código para seguirnos","footer.contactEmail":"Correo electrónico","awards.tmall.products.title10":"Enlace al proyecto ganador del Premio MUSE","awards.tmall.products.title11":"El proyecto «HEYLIVE, el hogar de los amantes de la música en la playa», una colaboración entre Tmall Xiaoheihe y el Festival de Música Xiami, ha ganado el Premio de Oro del A'Design Award Internacional en Italia.","app.check":"success","awards.tmall.products.title12":"Logotipo del premio","awards.tmall.products.title13":"Certificado de premio, trofeo","awards.tmall.products.title14":"Consulta de información sobre premios","research.spacing.code.implementation":"Implementación del código de espaciado","careers.socialJob5Title":"Experto en diseño de experiencias - Xianyu","products.design.specifications.paragraph18":"Vista previa de los componentes del sistema de diseño QianNiu","products.design.specifications.paragraph17":"Este sistema se centra en el concepto de diseño «pragmático y eficiente», haciendo hincapié en volver a la esencia de los sistemas de gestión empresarial para el segmento B: en el marco informativo, busca una claridad e intuitividad extremas, asegurando que los comerciantes comprendan fácilmente «qué es» y «cómo hacerlo», reduciendo así los costos de comprensión; en cuanto al estilo visual, defiende un enfoque discreto y natural, evitando sobrecargar la pantalla con elementos visuales que puedan generar confusión cognitiva mediante el uso moderado y sencillo de colores y símbolos abstractos; en cuanto a la lógica de interacción, se orienta hacia la simplicidad y rapidez, facilitando las operaciones y transiciones frecuentes de los comerciantes mediante rutas de navegación lo más cortas posible.","products.design.specifications.paragraph19":"Especificaciones del sistema de diseño de Tmall","footer.contactTitle":"Contactar","products.design.specifications.paragraph14":"Vista previa de los componentes del sistema de Taobao","products.design.specifications.paragraph13":"El diseño de Taobao está centrado en el usuario y adopta un enfoque riguroso y moderado en la definición de las funciones del producto. La concepción sistemática, compleja y integral del diseño tiene como objetivo ofrecer a los usuarios una experiencia de producto sencilla, práctica y divertida. Los recursos disponibles para diseñadores, gerentes de productos y desarrolladores proporcionan un lenguaje común en torno a los productos de Taobao, que se utiliza para mantener una experiencia de producto excepcional y cuidadosa en la aplicación de Taobao.","products.design.specifications.paragraph16":"Qianniu Design es un sistema de diseño especialmente creado para la plataforma de trabajo de los comerciantes de Qianniu. Centrado en la eficiencia, está adaptado a escenarios comerciales complejos y de alta frecuencia, asegurando una comunicación eficiente de los datos y tareas clave para satisfacer las necesidades fundamentales de los comerciantes en su gestión diaria y en la administración de sus tiendas.","products.design.specifications.paragraph15":"Especificaciones del sistema de diseño Qianniu","careers.socialJob11Location":"Pekín/Shanghái","products.design.specifications.paragraph10":"Visión: Definir un nuevo paradigma de producción inteligente","products.design.specifications.paragraph12":"Taobao Design es un sistema de diseño creado específicamente para la aplicación Taobao. El sistema de diseño de Taobao tiene como objetivo establecer un lenguaje de diseño universal que garantice una experiencia integral en los productos de Taobao y facilite la creación conjunta, por parte de diversos actores, de un ecosistema comercial sencillo y amigable.","products.design.specifications.paragraph11":"Normas del sistema de diseño de Taobao","research.all.the.articles.name_new10":"Wangli Dong","research.all.the.articles.name_new02":"Yong Wang","careers.internJob2Date":"2026.03.17","research.all.the.articles.name_new01":"Kaile Kong","research.all.the.articles.paragraph79":"Relación de perspectiva","research.all.the.articles.name_new06":"Zhou Zhou","research.all.the.articles.paragraph78":"Por ejemplo, entre el modelo humano y los bordes de la imagen debe mantenerse un espacio negativo adecuado. Al dejar suficiente espacio en blanco de manera razonable, se evita que la composición se vea abarrotada, se potencia la sensación de aire y se logra una mayor armonía y naturalidad en toda la composición. Mantener una distancia apropiada entre el elemento principal de la composición y los bordes de la imagen tiene como objetivo preservar la relación armoniosa entre el modelo humano y los productos, al tiempo que se mejora la atracción visual y la belleza general de la imagen.","research.all.the.articles.name_new07":"Yan Wang","research.all.the.articles.paragraph77":"Cuando la figura humana es el elemento central de la composición, la clave está en utilizar la composición para resaltar eficazmente la proporción y la ubicación de dicha figura con respecto al producto. Colocar la figura humana en el centro de la imagen no solo atrae directamente la atención del espectador y refuerza su papel como punto focal, sino que también se alinea con el hábito visual natural del observador de prestar atención a la zona central al examinar una imagen.","research.all.the.articles.name_new04":"Xiang Liu","research.all.the.articles.paragraph76":"Una disposición que se alinea con los hábitos visuales pone énfasis en que la composición debe respetar las leyes de la percepción visual y las preferencias estéticas humanas, empleando principios clásicos de composición para crear efectos visuales naturales y agradables. La sección áurea y la regla de los tres tercios son las pautas más clásicas y ampliamente utilizadas en la composición; su persistente vigencia se debe a su capacidad para alinearse con la percepción instintiva humana del equilibrio y la armonía visuales. Por ejemplo, la regla de la sección áurea recomienda colocar elementos visuales importantes en determinados puntos de división de la imagen —generalmente cerca de los bordes—. Esta clase de disposición no solo atrae la atención del espectador, sino que también crea visualmente una sensación de equilibrio y dinamismo.","research.all.the.articles.name_new05":"Haojiong Yang","research.all.the.articles.paragraph75":"Esta norma se centra en cómo asegurar, mediante la composición, que el producto principal quede claramente destacado. El núcleo de la protagonismo radica en situar el producto en el centro de la imagen y, mediante una organización orgánica de los elementos visuales, reforzar su condición de punto focal de la escena.","research.all.the.articles.paragraph74":"Subjetividad","research.all.the.articles.paragraph73":"Equilibrio y armonía generales de la composición: Al diseñar la ruta visual, es necesario también tener en cuenta el equilibrio y la armonía generales de la composición. La disposición de todos los elementos no solo debe servir para guiar la vista, sino que también debe mantener una armonía intrínseca en la composición.","research.all.the.articles.name_new08":"Yuhan Wen","research.all.the.articles.paragraph72":"Consideración del espacio de la mirada: Cuando la imagen incluye una figura humana con una expresión ocular clara, la extensibilidad de la dirección de la mirada es especialmente importante. Se debe reservar suficiente espacio frente a la mirada de la figura humana para reforzar la sensación de dinamismo en la composición y guiar el flujo visual.","research.all.the.articles.name_new09":"Zijun Liu","research.all.the.articles.paragraph71":"Uso de líneas, formas y luz: Al organizar adecuadamente las líneas y las formas, es posible crear rutas que guíen la mirada del espectador, dirigiendo naturalmente su atención hacia el producto. Estos elementos visuales deben estructurarse como un sistema de guía visual fluido, que finalmente se centre en el propio producto.","research.design.method.literal.visualization":"Método de diseño: Visualización literal","research.all.the.articles.paragraph70":"Si la figura humana lleva expresiones faciales con mirada, es necesario prestar atención a la sensación de prolongación de la dirección de la mirada y dejar un espacio adecuado en el lado hacia el que se dirige la figura.","careers.internJob1Title":"Diseñador de ingeniería de IA","research.economic.aesthetics.paragraph32":"El folclore es el refugio espiritual de la población de las ciudades pequeñas; mediante los hermosos auspicios del folclore y la transmisión a través de sus medios, esta comunidad logra sentirse identificada.","research.economic.aesthetics.paragraph33":"Sin importar el nivel estético, incluso los mercados de bajo consumo buscan la belleza. Desde lo más pequeño —como la ropa, la alimentación y los utensilios— hasta lo más grande —como la arquitectura y la decoración—, la sensibilidad estética de las personas en los pueblos pequeños también va evolucionando con los tiempos. Al extraer inspiración de la vida cotidiana y rescatar lo esencial del diseño salvaje, logramos dar más calidez a los productos y hacer que los artículos pequeños cobren un gran valor. El diseño nunca se detiene, y la estética económica sigue evolucionando...","research.economic.aesthetics.paragraph30":"Los pequeños anuncios colgados al azar en las calles de la pequeña ciudad reflejan la vida vibrante de sus habitantes. Al extraer su sentido formal, se puede construir una estética única y salvaje de mezcla y combinación en la pequeña ciudad.","research.economic.aesthetics.paragraph31":"03 Expresión folclórica","products.design.specifications.paragraph21":"Este sistema se centra en el concepto de diseño «Libro Blanco», que enfatiza hacer que el contenido parezca surgir espontáneamente de un lienzo en blanco, simplificando los procesos y la estructura y eliminando todos aquellos elementos que puedan causar distracción o confusión.","products.design.specifications.paragraph20":"Tmall Design es un sistema de diseño creado específicamente para la aplicación de compras Tmall, que abarca conceptos de diseño, principios, estilos, componentes y activos. Su objetivo de experiencia es centrarse en el contenido, simplificar las tareas, garantizar una comunicación eficiente de la información y ofrecer un estilo de diseño extremadamente minimalista, a fin de satisfacer las necesidades del posicionamiento del producto y de su público objetivo.","research.versionai.tmall":"VersiónAI Tmall","products.design.specifications.paragraph22":"Vista previa de los componentes del sistema Tmall","research.all.the.articles.paragraph89":"Relación de la fuente de luz: Uniformidad de la fuente de luz en todos los objetos de la escena.","banner.cameraMoveBody":"Intenta mover tu cuerpo.","research.all.the.articles.paragraph88":"Exposición uniforme: El nivel de exposición del contenido principal debe mantenerse constante. Adaptarse a diferentes escenarios es otro aspecto clave en la regulación de la exposición de las imágenes de productos. Mantener un nivel de exposición uniforme en toda la serie de imágenes de productos ayuda a construir una marca sólida, facilita que los usuarios identifiquen y recuerden mejor los productos, y, por ende, refuerza la coherencia general de la marca.","research.all.the.articles.paragraph87":"Exposición general: Una imagen subexpuesta aparece oscura, lo que dificulta la identificación de la forma de los objetos; una imagen sobreexpuesta se ve blanquecina, lo que provoca la pérdida de detalles. Por lo general, se prefiere un nivel de exposición más brillante. En las imágenes de productos, el control de la exposición del fondo también es crucial. A través del ajuste de la exposición, es posible controlar mejor el contraste entre el producto y el fondo; esto resulta especialmente importante cuando el color del producto es similar al del fondo, ya que permite resaltar el producto y hacerlo destacar claramente.","research.all.the.articles.paragraph86":"Base de exposición: La exposición debe tomarse como referencia en función del contenido principal de la imagen, prestando atención a su razonabilidad. En la estética de generación de imágenes para productos en el comercio electrónico impulsado por IA, la presentación del producto no solo depende de su apariencia externa, sino que también requiere un ajuste minucioso de la exposición para resaltar detalles en todos los aspectos. Una exposición adecuada puede enfatizar la textura, el material y el color de la superficie del producto, asegurando que los compradores potenciales puedan ver claramente los detalles del producto y, así, aumentar su atractivo para la compra.","research.all.the.articles.paragraph85":"Exposición: Nivel de claridad y oscuridad de la imagen, así como la consistencia de la exposición.","research.element.knowledge.is.divided":"El conocimiento de los elementos se divide en cuatro unidades irreductibles—{{bold}}color, tipografía, radio de esquina y movimiento{{/bold}}—que sirven como dependencias fundamentales para todos los estilos de diseño. Sus reglas semánticas incluyen definiciones de elementos, composición de estilos, variables de atributos (tokens de diseño), reglas obligatorias y usos funcionales. Las implementaciones de código adoptan la forma de estilos globales (SCSS); estos se reconstruyen automáticamente a partir de artefactos de diseño y se generan como código mediante herramientas IDE mediante llamadas a los servicios MCP del software de diseño. El esquema de mapeo está compuesto por símbolos de ID, semántica (incluyendo nombre, definición y descripción), referencias_de_reglas, referencias_de_implementaciones y restricciones (como escenarios de uso, prohibiciones obligatorias y otras limitaciones). Este esquema se genera automáticamente mediante IA conforme a reglas de prompiting basadas en esquemas\\*.","research.all.the.articles.paragraph84":"Luz y sombra","careers.socialJob13Team":"Grupo Taotian (plataforma Taobao)","research.all.the.articles.paragraph83":"Creación de profundidad de campo: En la generación de imágenes para comercio electrónico mediante IA, el control de la profundidad de campo es uno de los elementos clave en la composición. Mediante la simulación de la distancia focal y la apertura del diafragma de la cámara, se ajusta la profundidad de campo para lograr un efecto de desenfoque del fondo, lo que hace que el producto destaque visualmente y se convierta en el punto focal de la imagen. Al generar imágenes de productos para comercio electrónico con IA, es necesario controlar con precisión la distancia focal, la apertura del diafragma y la distancia objeto-fotógrafo, organizando adecuadamente la relación entre el primer plano y el fondo —es decir, la combinación de zonas nítidas y borrosas— para asegurar que las imágenes resultantes cumplan tanto con las normas comerciales como con valores artísticos. Gracias a este tipo de procesamiento, la IA puede crear imágenes de productos que combinen profesionalidad y atractivo visual, mejorando eficazmente el impacto de la presentación de los productos.","research.all.the.articles.paragraph82":"Perspectiva espacial: La perspectiva espacial es uno de los elementos visuales importantes en las imágenes de comercio electrónico generadas por IA, y exige que la relación de perspectiva entre el modelo humano, el producto y la estructura del espacio sea coherente. Una perspectiva correcta asegura que la posición y el tamaño del modelo humano y del producto en el espacio estén en armonía con el entorno.","research.design.synthesis.agent.configuration":"Diseñar la configuración del agente de síntesis (extracto)","research.all.the.articles.paragraph81":"El tratamiento de luces y sombras es otro elemento clave que influye directamente en la representación de la forma y la textura de los productos. Al simular diferentes efectos de iluminación (como las sombras producidas por una iluminación unilateral), se puede reforzar la sensación tridimensional del producto. Una simulación precisa de luces y sombras no solo hace que los productos luzcan más vivos, sino que también aporta a la imagen una riqueza de capas y texturas.","careers.master":"Maestro","research.all.the.articles.paragraph80":"En lo que respecta a la composición en perspectiva para generar imágenes de productos comerciales mediante IA, el núcleo del desafío radica en cómo simular eficazmente la sensación de espacio tridimensional en una superficie bidimensional. Este reto implica varios principios fundamentales del arte visual, especialmente la perspectiva, el manejo de luces y sombras y el control de la profundidad de campo. La perspectiva cuenta con una larga tradición en el arte visual; mediante la disposición de líneas y formas, se logra imitar la sensación de profundidad y distancia visual. Al generar imágenes de productos mediante IA, es posible utilizar puntos de fuga y líneas de perspectiva para crear la ilusión de que los productos se extienden hacia el horizonte. Este método no solo refuerza la sensación de tridimensionalidad de los productos, sino que también aporta profundidad y dinamismo a la composición."},"fr_FR":{"home.research5Title":"Design et application de l'esthétique économique","products.aiagent.new.title":"Appel et exécution de la bibliothèque de compétences développée en interne par l'équipe","careers.socialJob4Team":"Groupe Taotian","careers.socialJob4Years":"3 ans","research.all.the.articles.paragraph001":"Objet en soi :","research.all.the.articles.paragraph005":"Taux de restitution :","careers.internJob3Desc":"Comprendre les comportements et les retours des utilisateurs, analyser la forme de conception et les modes de développement des produits similaires, en particulier ceux basés sur l'IA ; assurer la conception de l'expérience utilisateur pour divers types de produits ; proposer des stratégies et des solutions de conception adaptées aux besoins spécifiques ; développer les capacités internes en matière de conception d'IA ; rédiger divers documents relatifs aux connaissances en design, incluant notamment les normes conformes à la cognition IA et les connaissances sur le contenu identifiable par les modèles.","research.all.the.articles.paragraph004":"L'état du produit constitue le cœur de l'évaluation de la qualité des images générées par l'IA. Il est essentiel de veiller à ce que les produits générés par l'IA soient en parfait état, sans défauts ni structures irrégulières. Par ailleurs, il convient de garantir une extraction précise du fond, évitant ainsi des phénomènes tels que des bords rugueux, des zones blanchâtres ou des franges violettes, afin que les images de produits générées répondent aux attentes des clients.","research.all.the.articles.paragraph003":"Structure des produits :","research.all.the.articles.paragraph002":"Présentation de l'état et de la véracité des produits générés. Les critères d'évaluation esthétique des images de produits par l'IA, fondés sur l'ontologie de l'objet produit, couvrent principalement deux niveaux : la structure du produit et le degré de fidélité à la réalité.","research.all.the.articles.paragraph009":"Sélection d'angle :","research.all.the.articles.paragraph008":"Présentation des produits et angle de vision.","research.all.the.articles.paragraph007":"Choisir l'angle :","research.all.the.articles.paragraph006":"L'image générée par l'IA doit refléter fidèlement la structure propre au produit, y compris sa forme, ses matériaux et ses couleurs. Bien qu'elle puisse être influencée par des facteurs environnementaux, elle doit rester conforme à la logique naturelle de perception et ne pas s'éloigner de la forme originale du produit. En termes de fidélité visuelle et de restitution exacte, l'image générée par l'IA doit présenter avec précision l'apparence, les proportions et les détails caractéristiques du produit. Par ailleurs, outre une restitution extrêmement fidèle du produit lui-même, l'image doit également maintenir une résolution aussi élevée que possible et soigner minutieusement les détails du produit afin de capturer, avec une clarté exceptionnelle, les moindres détails de fabrication, les textures des matériaux et les éléments complexes du design, mettant ainsi pleinement en valeur le savoir-faire du produit ainsi que son attrait visuel.","team.intro.text":"Le design Taobao est une équipe de conception au service de l'expérience de centaines de millions de consommateurs à travers le monde, et elle accompagne plusieurs produits d'envergure nationale tels que Taobao et Tmall. Nous nous engageons à guider l'expérience utilisateur, souhaitant que le design touche les cœurs et rende le commerce beau et simple.","careers.internJob3Location":"Hangzhou","research.economic.aesthetics.title9":"Extraction des moyens de conception","research.economic.aesthetics.paragraph9":"Convaincu que la diversité est essentielle à la vie, les enseignes des boutiques se rejoignent sans interruption, créant ainsi un mur d'informations continu entre les établissements voisins. Laisser du vide, c'est gaspiller ; remplir chaque espace procure un sentiment de sécurité. Une même information apparaît de manière répétée sur des autocollants au sol, des panneaux verticaux, des enseignes de porte, des banderoles, et même dans des haut-parleurs publicitaires — une stratégie multi-canal renforcée. Les informations clés sont nettement plus grandes que le reste du texte, s'imposant de force au centre de l'espace.","research.economic.aesthetics.title7":"Plaque | Fonctionnalité avant tout, haute densité, fort contraste","research.economic.aesthetics.title8":"Texte | Direct et concret, mélange de dialectes, « superstition » idéologique","research.structural.translation.of.design":"Traduction structurelle des connaissances de la spécification du système de conception","products.design.specifications.paragraph3":"Ses capacités couvrent des scénarios clés tels que la génération de visuels par dialogue, la production par lots, l'extension à plusieurs tailles, la réutilisation de modèles et de styles, la retouche et l'édition d'images, la génération personnalisée selon les besoins métier, ainsi que l'appel via API. Elles permettent une conversion efficace, allant de la création d'une seule image à la production de milliers de contenus.","research.economic.aesthetics.paragraph7":"La situation actuelle des matériaux mixtes dans les petites villes résulte d'une interaction complexe entre ressources, perceptions et besoins. Entre lisse et rugueux, brillant et mat, numérique et artisanal, ce style apparemment chaotique dégage au contraire une atmosphère chaleureuse et pleine de vie, empreinte d'une authenticité sociale. Plutôt que de chercher à tout prix une « beauté harmonieuse et raffinée », ces habitants privilégient une « beauté pratique et vivante ». Le goût prononcé des habitants des petites villes pour les teintes dorées traduit en réalité un idéalisme pragmatique. Les rues des bourgs de comté présentent généralement un décor désordonné et sombre ; la texture métallique aux couleurs vives et saturées attire instantanément l'attention des passants. De plus, les façades scintillantes d'or suggèrent aux commerçants une légitimité et une crédibilité solides, renforçant ainsi la confiance du public. Pour ceux qui ont vécu des époques marquées par la pénurie matérielle, cette allure dorée représente avant tout un refuge psychologique, un symbole de prospérité et d'abondance.","products.design.specifications.paragraph2":"Taotian AI Designer est un agent intelligent et une plateforme de production intégrée dédiés aux équipes commerciales et de design d'Ele.me. Basé sur les capacités de conception accumulées sur la plateforme, l'expérience métier ainsi que le flux de travail à grande échelle de génération d'images, Taotian AI Designer aide les concepteurs et les opérateurs à mener à bien toute la chaîne de production visuelle, depuis la génération d'idées jusqu'à la livraison en masse.","research.economic.aesthetics.paragraph8":"Vue réelle des rues d'une petite ville","products.design.specifications.paragraph5":"De « Générer une image » à « Générer un design »","research.economic.aesthetics.paragraph5":"Du point de vue de l'emballage des produits, que ce soit dans le passé, lorsque la rareté des matériaux de production limitait les possibilités, et qu'on recourait à des fenêtres transparentes pour laisser apparaître intégralement l'état réel du produit ; ou encore aujourd'hui, avec l'amélioration de la précision de l'impression d'emballage qui permet de créer des illustrations détaillées du produit lui-même — dans les deux cas, c'est par l'intermédiaire du produit lui-même, de manière directe et visuelle, que l'on attire l'attention des utilisateurs. Du point de vue de la publicité de rue, les enseignes réalisées à la main par les propriétaires ainsi que les créations graphiques spontanées rendent le contenu plus facile à comprendre, rapprochent plus aisément les utilisateurs et présentent un coût réduit tout en offrant une grande flexibilité pour les mises à jour. Du point de vue de la diffusion culturelle, les symboles traditionnels porteurs de bonheur (la chance, la richesse, la carpe koï) sont fréquemment intégrés dans les scénarios de la vie quotidienne (tissus, autocollants, carrelages, formes de produits, etc.), transformés en motifs décoratifs censés apporter bonne fortune.","products.design.specifications.paragraph4":"Défi : la fréquence élevée, l'ampleur massive et l'imprévisibilité de la conception e-commerce.","research.economic.aesthetics.paragraph6":"Création graphique sauvage","team.section.title":"Ceci est la conception de Taotian.","research.economic.aesthetics.paragraph3":"Dans les bourgs et petites villes, les éléments visuels publics tels que les enseignes et les peintures murales recourent fréquemment à des combinaisons de couleurs à haute saturation : rouge, jaune, bleu et or (parfois accompagnés de vert ou de blanc). Cette préférence s'explique à la fois par les contraintes liées aux matériaux et aux techniques de fabrication, ainsi que par des motivations culturelles, psychologiques et axées sur l'efficacité de la diffusion. On distingue principalement quatre facteurs à cet égard : 1. Les matières premières et les coûts de mise en œuvre sont extrêmement bas : les supports d'impression PVC fabriqués en Chine, les encres monochromes, les films adhésifs de qualité routière, ainsi que les peintures industrielles locales « à séchage rapide et résistantes aux rayons du soleil » — tous ces produits sont peu coûteux et ne nécessitent pas de mélange de couleurs ; 2. Une haute visibilité équivaut à une efficacité accrue en matière de communication : sous des conditions lumineuses complexes, les couleurs primaires à haute saturation offrent la meilleure pénétration visuelle (même en plein jour, dans l'obscurité nocturne ou devant un fond chargé) ; 3. Les limitations en termes de compétences techniques de pose et l'utilisation de gabarits simplifient au maximum le processus, ce qui conduit à une homogénéisation esthétique des résultats ; 4. Les couleurs elles-mêmes portent en elles une « garantie de confiance », véhiculant inconsciemment des notions de fête, de lumière, d'orthodoxie et de fiabilité, et réduisant ainsi le coût décisionnel pour le consommateur.","research.economic.aesthetics.paragraph4":"Couleurs de l'environnement de vie","research.economic.aesthetics.paragraph1":"Les populations ordinaires des villes de deuxième et troisième rang ainsi que des petites villes en Chine représentent le quotidien authentique de la majorité de la population. L'environnement dans lequel elles évoluent, leurs préoccupations quotidiennes, les activités auxquelles elles s'adonnent, et les produits qu'elles consomment présentent les caractéristiques typiques et généralisées des villes de deuxième et troisième rang, et diffèrent naturellement des usagers des grandes métropoles en termes de consommation et d'intérêts. L'étude révèle que les préférences esthétiques de ces populations cibles dans leur vie quotidienne se caractérisent par une combinaison complexe d'éléments pratiques, d'expressions humanistes et d'une certaine hybridité. La littérature issue des villes de deuxième et troisième rang suscite un vif intérêt, en partie parce qu'elle entretient de nombreux liens avec nos propres expériences de croissance et de vie, ce qui génère une forte empathie. En abordant ces questions du point de vue des personnes vivant réellement ces situations, nous analysons, sous divers angles – couleurs, graphismes, textes, textures, mise en page – les designs courants dans les scènes de consommation de la vie réelle, en extrayons les caractéristiques économiques et esthétiques ainsi que les méthodes de conception, puis les appliquons dans l'expérience des produits e-commerce et dans les scénarios de marketing de marque en ligne, afin de susciter une résonance émotionnelle chez les utilisateurs, de renforcer la fidélité à la plateforme et de favoriser une perception différenciée.","research.economic.aesthetics.paragraph2":"Lorsque l'on constate que le groupe cible a des attentes et des préjugés quant aux produits essentiels de la vie quotidienne, l'expérience doit restituer précisément leur désir d'économie pratique et de retour à une vie authentique. Il convient de reproduire avec exactitude les infimes différences de prix qui comptent pour ce groupe, afin d'offrir des petits avantages concrets et ainsi procurer du bonheur. En mettant en scène la littérature des marchés alimentaires au cœur de la vie ordinaire, on peut concevoir des solutions créatives capables de valoriser l'utilisateur même à travers des prix bas. Le design peut exprimer la beauté que procurent les objets ordinaires dans la qualité de vie, tout en apportant à la vie une meilleure efficacité et en intégrant avec ingéniosité des scénarios pratiques et pertinents. Derrière l'esthétique économique, se cache cette idée de « petits prix pour une grande valeur » : elle reflète la quête psychologique des utilisateurs en matière de rapport qualité-prix. Le design cherche alors à mettre en œuvre des moyens concrets et riches, centrés sur la « focalisation sur les points de valeur essentielle ».","careers.socialJob13Date":"2026.01.05","careers.internJob2Title":"Artiste créatif en IA","research.ai.friendly.semantic.rules":"Règles sémantiques adaptées à l'IA","careers.bachelor":"Licence","research.there.is.now.a":"Il existe désormais sur le marché une large gamme de solutions de génération d'interfaces alimentées par l'intelligence artificielle. Les outils émergents d'IA et d'IDE (V0, Stitch, Cursor, etc.) s'appuient sur des modèles fondamentaux qui intègrent des connaissances en matière de développement et font ensuite appel à des bibliothèques de composants open source (Tailwind, Shadcn, AntD, M3, etc.). Parallèlement, les solutions d'agents basées sur des logiciels de conception (telles que Figma Make et Mastergo Agent) génèrent simultanément interfaces et code, en se fondant sur les bibliothèques de composants créées et maintenues au sein même des outils de conception.","research.economic.aesthetics.title2":"Introduction au contexte","research.economic.aesthetics.title5":"Graphisme | Expression figurative, recherche d'interprétations porteuses de sens positif","research.economic.aesthetics.title6":"Texture | Collage pragmatique, à la recherche d'éclat et de brillance","research.economic.aesthetics.title3":"Recherche sur l'environnement de vie","research.economic.aesthetics.title4":"Couleur | Respecte les couleurs naturelles des matériaux et possède une orientation émotionnelle intrinsèque","home.product1Title":"Concepteur d'IA Taotian","research.building.internal.enterprise.design":"Création d'une wiki interne de conception d'entreprise pour AIGUI","research.note.design.tokens.for":"Remarque : Les jetons de conception pour les éléments et les mises en page doivent être élaborés selon des normes claires, une sémantique explicite et une structure cohérente. Ils suivent généralement une progression par couches allant de la valeur → à la dénomination primitive de propriété → à la dénomination sémantique → à la description de la règle.","careers.socialJob12Desc":"Responsable de la conception d'expérience liée à la gestion des animateurs de Taobao Live ainsi qu'à la mise en ligne de produits associés, veillant à garantir l'utilisabilité, l'évolutivité et la qualité du design des produits. Chargé(e) de l'ensemble du processus, depuis l'alignement avec les équipes métiers, l'élaboration de stratégies, la définition des concepts de design, la production des solutions, leur mise en œuvre concrète jusqu'à la collecte des données ; capable d'organiser et de finaliser l'architecture informationnelle, d'établir le style graphique, de produire visuellement l'interface et de définir les normes des composants. Possède une compréhension globale et une capacité de jugement solides sur l'activité métier, et sait collaborer avec les équipes en amont et en aval – notamment celles chargées des affaires, de la recherche utilisateur et du développement – afin d'identifier des opportunités de design et de co-créer de manière approfondie pour générer de la valeur.","awards.new.article01":"Interactivité principale du Double 11 2024 – Prix d'or MUSE & Grand prix du Design de Berlin","awards.new.article02":"Interactivité principale du Nouvel An chinois 2025 – Prix d'argent du Concours mondial de design IAI et Prix platine MUSE","awards.new.article03":"2025 618 Interaction principale – Prix d'argent du Concours mondial de design IAI","research.layout":"Mise en page","research.taobaoInteractiveGame.taoCoinPopArtStyleApplication":"Tao Coin : Application de style Pop Art","research.color.design.excerpt":"Conception des couleurs (Extrait)","careers.socialJob5Team":"Groupe Taotian (Xianyu)","research.versionAI.tmall":"Lancement de l'activité VersionAI sur Tmall","careers.socialJob13Years":"5 ans","research.in.taobao.s.marketing":"Dans les scénarios de conception marketing de Taobao, le parcours utilisateur se caractérise par des points d'entrée précoces et des schémas cycliques marqués, ce qui impose des exigences élevées tant en termes de capacité d'orientation dans la présentation des informations que d'immédiateté dans leur diffusion. Du point de vue commercial, ces scénarios se distinguent par une large couverture, des besoins fortement récurrents et des contextes étroitement imbriqués. Cependant, historiquement, l'expression marketing n'a pas fait l'objet d'une étude systématique ni été établie comme discipline fondamentale de conception. Une observation préliminaire révèle une grande diversité de styles d'expression – incluant des mises en page typographiques semblables à des affiches, des compositions graphiques ainsi que des approches hybrides mêlant graphisme et texte – ce qui indique un potentiel considérable pour une intégration et une optimisation ultérieures. Cette initiative se concentre sur « l'expression intuitive de l'information », avec pour objectif d'établir des principes et des méthodologies universels de conception afin d'améliorer l'efficacité globale de la communication marketing.","research.tmall.app.uikit":"Tmall App UIkit","research.generative.ui.agent":"Agent d'interface utilisateur génératif","careers.socialJob7Title":"Concepteur d'expériences - 1688","home.bookFlipSubtitle":"Livres publiés par Taotian Design :  \nAller au-delà du design, mais pas seulement avec l'IA.","research.interactiveGameTrends.pageTitle":"Recherche sur les tendances en matière de conception de jeux interactifs sur Taobao","research.price.semantic.rules.excerpt":"Règles sémantiques des prix (Extrait)","careers.internJob4Date":"2026.03.12","research.from.literal.visualization.in":"De la visualisation littérale dans les écrans de démarrage, aux conteneurs graphiques dans les pop-ups, en passant par l'unification hiérarchique dans les en-têtes promotionnels, et plus encore par la sélection précise du support pour les éléments de campagne, la composition textuelle directe, l'amplification au niveau des cadres des éléments clés, ainsi que les indices fonctionnels évocateurs d'émotions — toutes ces stratégies et études de cas suivent finalement le même principe directeur : maintenir la complexité à l'intérieur du processus de conception et offrir la simplicité à l'utilisateur ; garder l'abstraction dans le langage commercial et redonner de la concrétisation à la cognition de l'utilisateur.","header.awards":"Récompenses","bottom.contributor.title":"Contributeur","careers.socialJob11Desc":"Analyse du domaine de l'IA et entretiens avec des experts sectoriels : depuis une perspective d'investissement, réalisation d'une analyse dynamique des technologies de l'IA et des marchés d'application de l'IA, identification des tendances de développement du secteur, suivi et analyse des mouvements clés des acteurs et entreprises centraux du domaine. En outre, réalisation d'entretiens approfondis avec des experts sur les événements majeurs ayant suscité une forte réaction sur le marché des capitaux, et élaboration de rapports d'analyse destinés à fournir des insights pertinents aux niveaux stratégiques. Dans le domaine du e-commerce et de la commercialisation : mise en œuvre de stratégies et réalisation d'enquêtes auprès des clients ; analyse détaillée des dynamiques sectorielles spécifiques aux scénarios commerciaux et au e-commerce, identification des tendances de développement du secteur, suivi et analyse des initiatives et approches adoptées par chaque plateforme ; réalisation d'entretiens approfondis avec des experts du secteur, analyse des rapports financiers, recherche d'informations sectorielles, extraction et analyse des données internes ; selon les besoins, conduite d'enquêtes auprès des commerçants et des partenaires commerciaux, ainsi que d'études sur l'écosystème des agences, incluant des analyses qualitatives et quantitatives. Intégration de ces analyses avec l'environnement concurrentiel externe et avec l'activité mère, afin de produire des rapports globaux, approfondis et réfléchis portant sur la stratégie, la technologie, les produits, l'exploitation et l'écosystème. Communication approfondie avec les équipes métiers telles que conseil, planification, produits, opérations, technologie et écosystème, pour comprendre les besoins internes des activités, alimenter ces dernières par une analyse dynamique, renforcer l'activité mère dans sa bataille de différenciation, identifier les points concrets de mise en œuvre et les leviers d'innovation et de transformation.","products.design.specifications.paragraph7":"Un moteur de base puissant","products.design.specifications.paragraph6":"Une boucle fermée intégrale pour « la conversation comme création »","products.design.specifications.paragraph9":"Révolution de l'efficacité : de 1 jour à 30 secondes.","home.award3Title":"Médaille d'or Platine MUSE","products.design.specifications.paragraph8":"Cycle de la connaissance en design","research.if.design.artifacts.are":"Si l'on s'attend à ce que les artefacts de conception soient lisibles, récupérables, raisonnables et exécutables de manière stable par des systèmes d'intelligence artificielle, les approches traditionnelles de construction de la connaissance dans les spécifications des systèmes de conception présentent trois déficiences fondamentales qui doivent être résolues. 1. {{bold}}Manque de connaissances structurées :{{/bold}} les fichiers sources de conception ne sont pas suffisamment standardisés (manque de jetons de design, de variables de composants et de descriptions sémantiques) ; les règles de conception sont mal définies (elles manquent de structures descriptives claires et de formats de contenu précis) ; et le code de conception est incomplet (il manque des implémentations concrètes en code). 2. {{bold}}Absence de mappages explicites :{{/bold}} il n'existe aucune relation explicite, structurée d'ancrage, de contrainte et de référence entre les règles de conception et le code. 3. {{bold}}Manque de maintenance unifiée :{{/bold}} les fichiers sources de conception, les règles et le code sont créés et maintenus séparément par les concepteurs et les développeurs, sans consensus partagé sur la structure ou les mappages, ce qui entraîne une fragmentation et une itération incohérente.","research.element.semantic.rule.template":"Modèle de règle sémantique d'élément","careers.internJob2Desc":"Conception créative de la marque pour chaque activité et chaque projet, livraison d'ensembles complets de design incluant, mais sans s'y limiter : marque, marketing, pages web, emballages et espaces ; conception thématique de produits interactifs, définition du style visuel et des personnages pour ces produits interactifs ; utilisation d'outils d'IA pour la conception et la création artistique, résolution des problèmes techniques liés à l'atteinte des objectifs, avec un niveau parmi les meilleurs du secteur ; construction d'une base de données de design, entraînement et optimisation du modèle LoRA en fonction des besoins métier et des objectifs de design, afin de faciliter la génération autonome de contenus métier.","footer.sloganHumanistic":"Humain","research.in.this.project.the":"Dans ce projet, le flux de travail et les agents sont créés au sein d'un outil basé sur une IDE. Le modèle de base et la mémoire utilisent les paramètres par défaut ; les outils sont soit par défaut, soit ne nécessitent aucune configuration ; les éléments restants sont définis explicitement. Les fichiers Markdown des invites incluent (mais ne se limitent pas à) les définitions de rôles, les définitions de tâches, les étapes intégrées du flux de travail, les exigences en matière d'entrée et de sortie, l'accès et le routage, ainsi que les contraintes.","research.note.in.principle.the":"Remarque : En principe, l'agent de récupération des connaissances et l'agent de synthèse de la conception pourraient être unifiés en un seul agent. Ils sont intentionnellement séparés afin de gérer les cas où les connaissances spécifiques du système de conception ne couvrent pas certains mappages entre les exigences et la conception. Dans de telles situations, l'agent de conception de solutions peut effectuer une recherche complémentaire via des outils externes ou des bases de connaissances externes autorisées. Cette séparation permet de délimiter plus clairement les responsabilités respectives et les niveaux d'autonomie des deux agents, améliorant ainsi à la fois la maîtrise du processus et la détermination des résultats.","careers.socialJob5Years":"5 ans","research.node.orchestration":"Orchestration de nœuds","careers.campus":"Recrutement sur le campus","careers.socialJob2Location":"Hangzhou","research.case.semantic.rules.template":"Modèle de règles sémantiques pour les cas (extrait)","home.seeAll":"Voir tout","careers.socialJob3Years":"2 ans","home.research6Title":"Recherche sur les images animées des personnages numériques « TAO »AI","research.all.the.articles.new.label1":"Équipe de conception","careers.socialJob12Date":"2026.01.08","banner.titleTechnology":"Technologie","home.browseVideosTitle2":"Un travail heureux","home.browseVideosTitle1":"Nous recherchons","research.this.leads.to.a":"Cela conduit à une question qui bouleverse le paradigme : à une époque où la collaboration homme-IA façonne les expériences utilisateur et les produits numériques, les directives et systèmes de conception traditionnels — conçus principalement pour l'interprétation humaine{{bold}} (Directives et Systèmes de Conception pour l'Humain) — doivent inévitablement évoluer vers des directives et des systèmes optimisés pour la compréhension par les machines (Directives et Systèmes de Conception pour l'IA{{/bold}}). Ce changement introduit de nouveaux principes, méthodes et workflows quant à la manière dont de tels systèmes devraient être construits.","research.this.article.is.a":"Cet article présente, à la mi-2025, une exploration menée par l'équipe de design de Taobao sur la manière d'utiliser l'intelligence artificielle pour générer des interfaces produit conformes aux normes de conception d'entreprise. En prenant comme exemple l'application Tmall – une importante plateforme de commerce B2C en Chine –, il expose les problèmes que résout AIGUI, les méthodes concrètes pour constituer une base de connaissances en matière de système de design pouvant être interprétée et exploitée par les machines, ainsi que des exemples de pages produit générées. À mesure que les technologies et les outils évoluent, les approches correspondantes évolueront également. Le contenu ci-dessous est fourni à titre de référence pour la phase actuelle uniquement.","research.interface.generation.is.essentially":"La génération d'interfaces est essentiellement un agent spécialisé {{bold}}constitué de plusieurs agents de tâche, fondé sur un flux de travail de conception adapté aux scénarios d'entreprise, et capable d'extraire des connaissances spécifiques au système de conception grâce à l'inférence et à la recherche contextuelles{{/bold}}. Ce flux de travail constitue la base technique ; il relie tous les maillons, depuis l'entrée des besoins jusqu'à la sortie de l'interface, afin d'assurer la déterminisme du processus et de ses résultats. Les multiples agents représentent le cerveau du modèle : ils comprennent les entrées précédentes en se basant sur des invites systémiques prédéfinies, effectuent de manière autonome une inférence par étapes et transmettent les résultats à l'étape suivante. Ces agents se répartissent en quatre catégories : reconnaissance des intentions, recherche de connaissances, conception de solutions et génération de code. Les connaissances spécifiques au système de conception constituent des faits externes ; elles sont transformées par le biais de la méthode D2C en une base de connaissances structurée comprenant des faits sémantiques sous forme de règles, des faits symboliques sous forme de code, ainsi qu'une relation de correspondance entre ces deux types de faits, permettant au modèle de les lire, de les rechercher et de les extraire.","team.publish.a.book.paragraph102":"Le processus global et le contenu du travail de l'équipe de tournage","team.publish.a.book.paragraph101":"Affiche principale et photos de scènes du film « L'Étranger »","team.publish.a.book.paragraph100":"Affiche principale et photos de scènes du film « Contes d'horreur »","banner.cameraMoveBody2":"Ressentir les variations de température","research.case.mapping.schema.template":"Modèle de schéma de cartographie des cas (extrait)","home.adjustTextTitle":"Nous affinons\nde meilleurs designs","careers.socialJob10Title":"Ingénieur en développement d'IA - Conception d'agents","header.product2":"TDA conçoit des agents intelligents","careers.socialJob1Date":"2026.03.10","header.product3":"Système de conception","research.note.it.may.also":"Remarque : Il peut également être nommé « Page » ou « Bloc ».","careers.socialJob6Title":"Concepteur visuel de produits - 1688","header.product1":"Concepteur IA Taotian","careers.socialJob10Desc":"Responsable de la construction et de la maintenance d'un écosystème d'agents intelligents au sein de l'équipe de conception, qui intègre les connaissances en design, les workflows et les capacités d'IA afin d'améliorer continuellement l'efficacité de production, la cohérence qualitative et le taux de réutilisation des connaissances au sein de l'équipe de conception. Cette fonction constitue le pilier central de l'intelligence dans le système de conception, faisant le lien entre les trois domaines principaux : « conception », « ingénierie » et « technologies d'agents intelligents ». Elle garantit que l'IA est mise en œuvre de manière opérationnelle, itérative et contrôlable au sein de l'équipe. Elle est chargée de concevoir et d'optimiser indépendamment le système d'agents intelligents pour la conception, en maîtrisant l'architecture et les mécanismes de flux de travail. Elle dirige l'évolution de l'architecture des agents intelligents pour la conception ainsi que l'intégration de workflows multiplateformes. Elle construit une plateforme de conception intelligente accessible à toute l'équipe, permettant ainsi un renforcement à grande échelle. Elle est responsable de la mise en place du système d'agents intelligents, en concevant et en maintenant l'architecture du système d'agents de conception (Design Agents) au sein de l'équipe. Elle assure également la gestion du système de connaissances et de la technologie RAG, ainsi que la construction et l'évolution de la base de connaissances en conception (Design Knowledge Base). Enfin, elle supervise l'intelligence des workflows, l'intégration des outils et la surveillance et l'évaluation des performances des agents intelligents.","products.official.website.introduction.paragraph110":"Exécuter la vérification","products.official.website.introduction.paragraph111":"Une fois la génération terminée, le système effectue automatiquement une comparaison avec la liste des contraintes strictes, bloque les structures non conformes et génère un rapport de correction.","careers.internJob4Desc":"Aider à améliorer la performance réelle des technologies des projets existants dans les produits AIGC ; aider les collègues des équipes chargées des algorithmes et autres postes à réaliser la validation des effets des nouvelles technologies ; analyser et diagnostiquer les ressources artistiques actuelles, puis proposer des solutions d'amélioration.","products.official.website.introduction.paragraph114":"Chaque unité de connaissances prend en charge la copie en un clic et fournit le code du composant React ainsi qu'un package de règles Markdown, pouvant être directement intégré au contexte de conversation avec l'IA.","products.official.website.introduction.paragraph115":"Modèle de scène","careers.socialJob2Date":"2026.03.05","products.official.website.introduction.paragraph112":"Mode d'accès technique","products.official.website.introduction.paragraph113":"Exportation de片段","products.official.website.introduction.paragraph118":"La structure standardisée est compatible avec les principaux outils de conception IA et les plugins d'IDE, et prend en charge la mise à jour des règles ainsi que l'aperçu en temps réel.","products.official.website.introduction.paragraph119":"La spécification complète est désormais en ligne, permettant la consultation en ligne et le téléchargement de données structurées.","products.official.website.introduction.paragraph116":"Modèles de prompts et structures de mise en page pour les pages à haute fréquence telles que le tableau de bord intégré, les pages de formulaire et les pages de liste, pouvant être utilisés directement.","products.official.website.introduction.paragraph117":"Intégration de plug-in","careers.socialJob9Desc":"Responsable de la conception de l'expérience utilisateur sur Taobao, couvrant les produits de la plateforme utilisateur de Taobao (page d'accueil, Mon Taobao), les produits liés aux flux transactionnels fondamentaux (panier d'achat, détails, commandes, etc.), les produits de messagerie et d'interaction sociale (messages, partage, cercles Taobao, etc.) ainsi que le système de design horizontal de Taobao, afin d'assurer la convivialité, l'évolutivité et la qualité du design des produits. Responsable du processus de conception de bout en bout, incluant l'alignement commercial, la formulation de la stratégie, les concepts de design, la livraison des solutions, la mise en œuvre et l'analyse des données ; capable de réaliser l'architecture informationnelle, la définition du style, la production de l'interface visuelle et l'élaboration des spécifications des composants. Possède une compréhension et une capacité de jugement globales en matière d'affaires, capable de collaborer avec les équipes commerciales, de recherche utilisateur et de développement pour identifier les opportunités de design et générer de la valeur grâce à une co-création approfondie.","careers.socialJob8Location":"Hangzhou","footer.sloganAcademic":"Académique","research.all.the.articles.name9":"Meng Xia","research.all.the.articles.name8":"Hanwen Liu","research.all.the.articles.name7":"Qidi Dai","products.official.website.introduction.paragraph100":"Accès au sol et flux de travail","research.all.the.articles.name1":"Keke Le","careers.socialJob11Date":"2026.01.12","products.official.website.introduction.paragraph103":"Dans les projets réels, il est recommandé d'appeler la spécification dans l'ordre suivant :","research.all.the.articles.name6":"Jiaoqi Shen","home.product2Title":"TDA conçoit des agents intelligents","products.official.website.introduction.paragraph104":"Définir le cadre","research.all.the.articles.name5":"Qiongyin Cui","products.official.website.introduction.paragraph101":"La véritable valeur de la normalisation réside dans son application efficace. Afin de réduire les coûts d'intégration des équipes, nous avons structuré les flux de travail standard et défini les modalités d'interopérabilité technologique :","research.all.the.articles.name4":"Tingting Wu","products.official.website.introduction.paragraph102":"Flux de travail recommandé","research.all.the.articles.name3":"Yuhang He","products.official.website.introduction.paragraph107":"Appeler les composants structurés en fonction des besoins métier, en respectant strictement la correspondance des attributs et les contraintes.","header.products":"Produit","products.official.website.introduction.paragraph108":"Scène scolaire","products.official.website.introduction.paragraph105":": Priorisez la lecture des normes de style pour déterminer le ton général en matière de couleurs, de mise en page et d'agencement.","products.official.website.introduction.paragraph106":"Remplir le composant","products.official.website.introduction.paragraph109":"Exemple de combinaison des scénarios d'utilisation pour vérifier les relations principales et secondaires ainsi que la logique d'interaction, afin de s'assurer que les sorties sont conformes au contexte métier.","banner.micTryTurnOn":"Essayez d'activer votre microphone.","home.award1Title11":"Seau de chance pour les chats","team.section.new.title":"Chef d'équipe","home.award1Title13":"Parfum Trésor Miao Manfen","home.award1Title12":"Prix d'or MUSE","research.in.the.daily.workflow":"Dans le flux de travail quotidien des équipes de conception, les objectifs de production se répartissent généralement en trois catégories : les modules, les pages individuelles et les parcours multi-pages. En conséquence, les approches de conception peuvent être regroupées en trois modes : l'assemblage de composants existants, la modification de composants existants et la création de nouveaux composants. Parmi celles-ci, les modifications apportées aux composants existants peuvent à leur tour être décomposées en ajustements d'information, ajustements de mise en page et ajustements de style.","research.inject.the.snippet.into":"Insérez le fragment dans le contexte","research.taobaoInteractiveGame.paragraph18":"Dans la phase suivante, nous avancerons selon la voie « consolidation axée sur les mécanismes + validation fondée sur des scénarios + mise à l'échelle systématique » : affiner continuellement le cadre d'expérience interactive et la bibliothèque d'actifs de conception, mener des expériences itératives rapides et des rétrospectives autour de scénarios commerciaux clés, et extraire des paradigmes efficaces pour en faire des capacités standardisées et un langage collaboratif partagé au sein de l'équipe.","research.taobaoInteractiveGame.paragraph19":"Dans le même temps, grâce à la perspective extérieure et à la méthodologie professionnelle offertes par le partenariat de recherche conjoint entre université et industrie, nous conserverons une sensibilité à l'évolution du secteur ainsi qu'une capacité à réajuster nos approches — garantissant ainsi que les jeux interactifs de Taobao continueront à offrir des expériences avant-gardistes dans un environnement en rapide mutation.","research.taobaoInteractiveGame.paragraph16":"En s'appuyant sur les normes fondamentales et les règles universelles tirées de l'Atlas des effets de mouvement, des scénarios clés — notamment les guides, les transitions et les couches de superposition — sont sélectionnés pour une mise en œuvre pratique. En unifiant le rythme du mouvement et la logique de rétroaction, cette approche renforce la cohérence de l'interaction et la stabilité de l'expérience.","research.taobaoInteractiveGame.paragraph17":"Cette recherche s'efforce de faire passer les « jeux interactifs » des mécaniques de jeu éparses et des points d'interaction isolés à un cadre de capacité de conception quantifiable, réutilisable et vérifiable — en décomposant la typologie, le style artistique, l'interface utilisateur et les effets de mouvement grâce à une méthodologie structurée, tout en tirant parti de la recherche sur les tendances pour identifier les opportunités d'expérience.","research.taobaoInteractiveGame.paragraph10":"Les effets de mouvement jouent un rôle crucial dans les entreprises interactives en assurant quatre fonctions clés : guidage, feedback, expression émotionnelle et rythme. Cependant, les itérations à long terme des projets entraînent souvent des normes incohérentes, une qualité fluctuante et une inefficacité des ressources — notamment la création redondante d'effets de mouvement similaires, l'absence ou l'excès de réponses clés de feedback, ainsi qu'un rythme irrégulier qui nuit à l'efficacité de l'achèvement des tâches. Afin d'améliorer la cohérence expériencielle et l'efficacité de la réutilisation, il est nécessaire de sélectionner des scénarios représentatifs pour une déconstruction systématique et une consolidation fondée sur des règles.","research.taobaoInteractiveGame.paragraph11":"L'Atlas des effets de mouvement prend la ferme Baba comme étude de cas principale, menant une recherche approfondie sur la conception du mouvement dans les modules suivants : animations d'arbres fruitiers, animations de sélection des graines, animations de fertilisation, animations de tâches, retours d'information comportementaux et effets de mouvement de l'interface utilisateur. Grâce à une organisation et à une catégorisation systématiques, les problèmes expérimentaux sont identifiés et des conclusions diagnostiques sont tirées, aboutissant finalement à l'élaboration de stratégies de conception du mouvement ainsi qu'à des règles paramétriques.","research.taobaoInteractiveGame.paragraph14":"Le style Pop Art établit une hiérarchie formelle et spatiale grâce à des relations de couleurs très saturées et à fort contraste, avec une expression intrinsèquement plus concise et directe — ce qui en fait un choix naturel pour les interfaces de produits caractérisées par une forte densité d'informations et de nombreux composants d'interface utilisateur. Lors du Double 11, la zone interactive Tao Coin occupe seulement la moitié de l'écran tout en accueillant simultanément plusieurs modules, notamment des points d'accès, des boutons et des invites de récompenses. L'introduction du style Pop Art permet de renforcer la profondeur spatiale et l'ordre structurel grâce à une zonage par blocs de couleurs et à une hiérarchie de contrastes — sans compromettre l'exhaustivité des informations — améliorant ainsi la lisibilité et l'efficacité de la prise de décision.","research.taobaoInteractiveGame.paragraph15":"Le surréalisme démantèle les relations physiques et les conventions spatiales du monde réel, établissant un système expressif qui se situe entre le « logique et l'illogique » tout en restant intérieurement cohérent — libérant ainsi les récits des contraintes de la réalité et leur conférant une puissance imaginaire, une profondeur symbolique et une capacité thématique accrues. Son intérêt réside dans l'utilisation d'images et de règles qui semblent défier le bon sens tout en possédant une logique interne, permettant aux utilisateurs de développer rapidement une compréhension mémorable du monde et une perception claire de l'attente de récompense dès les premiers instants d'engagement.","research.taobaoInteractiveGame.paragraph12":"Grâce à la déconstruction des cas présentés dans l'Atlas de typologie des jeux interactifs, nous avons identifié que le mécanisme de Duolingo, qui stimule un engagement durable par le biais d'une expérience émotionnelle, revêt une valeur inspirante significative. Dans le contexte de Tao Coin, il est nécessaire de remodeler la relation interactive entre les utilisateurs et le système grâce à une expression visuelle et des mécanismes de feedback axés sur les émotions. Nous introduirons une présentation par étapes des états ainsi qu'un mécanisme continu de feedback émotionnel, transformant ainsi Tao Coin — initialement conçu comme un système de récompenses axé sur les résultats — en un système expérientiel défini par le processus et le rythme, ce qui renforcera la volonté d'engagement des utilisateurs et leur fidélité.","research.taobaoInteractiveGame.paragraph13":"Dans notre analyse de cas typologique, nous avons également identifié une structure interactive étroitement alignée avec le modèle commercial de Zhongdiba : le système de progression par atlas de MonopolyGO!. En nous inspirant de ce modèle, nous établissons un lien solide entre la progression agricole et l'avancement dans l'atlas : les utilisateurs débloquent progressivement le contenu de l'atlas en accomplissant des missions de collecte de cartes, recevant ainsi un retour d'information par étapes sous la forme « déverrouillage d'une région entière ». En utilisant l'atlas comme cadre structurant, les comportements quotidiens des utilisateurs se relient pour former un parcours de croissance perceptible, révisable et en constante progression, créant ainsi un rythme stable et une boucle motivationnelle fermée.","awards.taobaoInteractiveGame.title1":"Taobao Vision remporte le prix ADA de design Apple.","awards.taobaoInteractiveGame.title2":"Essence du design de Taobao Vision","products.design.specifications.title2":"Système de design Tmall","research.taobaoInteractiveGame.typeGraph":"Atlas de typologie des jeux interactifs","products.design.specifications.title3":"Système de conception QianNiu","products.design.specifications.title1":"Système de design Taobao","research.component.mapping.schema.template":"Modèle de schéma de mappage des composants","research.the.code.generation.agent":"L'agent de génération de code prend comme entrée l'aperçu de la conception de la solution. Il effectue une correspondance avec les fichiers d'aperçu dans la base de connaissances et invoque le code correspondant, produisant ainsi des fichiers de code d'interface en sortie ; les utilisateurs peuvent prévisualiser les résultats générés.","products.official.website.introduction.paragraph121":"Aller à Taobao Design","products.official.website.introduction.paragraph122":"Taobao Design est un système de design spécialement conçu pour l'application Taobao. Le système de design de Taobao vise à établir un langage de design universel, garantissant ainsi une expérience utilisateur cohérente pour l'ensemble des produits de Taobao et permettant à différents acteurs de collaborer pour créer un écosystème commercial simple et convivial.","products.official.website.introduction.paragraph120":"Présentation de Taobao Design","products.official.website.introduction.paragraph125":"Système de normes de contenu","products.official.website.introduction.paragraph126":"Mesure de l'expérience","products.official.website.introduction.paragraph123":"La conception de Taobao est centrée sur l'utilisateur ; elle privilégie une approche sobre et rigoureuse en matière de fonctionnalités produits. La conception systémique, complexe mais exhaustive, vise à offrir aux utilisateurs une expérience produit simple, pratique et agréable. Grâce aux ressources mises à disposition par les concepteurs, les chefs de produit et les développeurs, nous disposons d'un langage commun autour des produits Taobao, que nous utilisons pour garantir une expérience utilisateur aussi optimale que bienveillante dans l'application Taobao.","products.official.website.introduction.paragraph124":"Le site Taobao Design est divisé en deux parties : les normes et les applications. La première partie aborde principalement, à partir de quatre volets — styles globaux, composants de base, modes d'interaction et mesures d'expérience — comment appliquer correctement le design de Taobao dans différents modules et modes. La seconde partie s'adresse aux développeurs et fournit des instructions d'intégration pour divers cadres technologiques.","careers.socialJob3Location":"Hangzhou","team.section.new.paragraph1":"« J'espère que nous serons avant tout une équipe de conception amusante et ludique. »","products.official.website.introduction.paragraph127":"Normes d'accès technique","products.official.website.introduction.paragraph128":"Bibliothèque d'icônes pour Taobao sur mobile","team.section.new.paragraph2":"— Gu Xiaoyuan, responsable de la conception","research.existing.marketing.design.expressions":"Les expressions existantes de conception marketing ont été analysées selon quatre dimensions : reconnaissance du contenu, orientation comportementale, forme visuelle et relations structurelles globales. Cette analyse a mis en évidence plusieurs problèmes : des structures d'information organisées de manière mécanique, une logique conceptuelle excessive entraînant un coût cognitif élevé, des écrans de démarrage et des éléments promotionnels reposant sur des combinaisons modulaires de mise en page avec une intégration créative faible et une hiérarchie textuelle trop marquée, des fenêtres pop-up dépourvues d'une expression thématique claire tout en comportant trop de niveaux d'information, ainsi que des en-têtes promotionnels dont l'ordre structurel est incohérent par rapport au contenu qui les suit. Derrière ces problèmes apparents se cache un problème fondamental : l'accumulation d'éléments de design non connectés entre eux. De nombreux designs mettent davantage l'accent sur l'atmosphère que sur le sens, obligeant ainsi les utilisateurs à effectuer une importante traduction cognitive. Parallèlement, l'absence de structure narrative empêche la réalisation d'une unité organique entre le sens sémantique, le contenu informationnel et la forme visuelle. L'orientation d'optimisation vise donc à cartographier les thèmes à travers des symboles visuels universels et à intégrer les éléments textuels, de marque et produits grâce à une composition structurée, afin d'obtenir finalement une transmission directe de l'information — une expression visuelle unifiée dans laquelle le sens et la forme sont intrinsèquement alignés.","research.website.homepage":"Page d'accueil du site web","research.all.the.articles.label10":"Art installé et recueil d'images","research.all.the.articles.label03":"Rédacteur en chef","research.all.the.articles.label02":"Académie des beaux-arts de Chine","careers.socialJob1Desc":"En tenant compte de la situation des activités commerciales en ligne, mener des analyses approfondies sur les acteurs tels que les commerçants et les prestataires de services TP, afin d'identifier et d'analyser les besoins et les points douloureux des commerçants de l’écosystème Taobao dans des domaines tels que l'expérience globale d'exploitation, la stratégie tarifaire et les coûts opérationnels. Être capable de définir clairement des sujets de recherche en fonction de la situation actuelle des activités, d'analyser les problèmes centraux auxquels sont confrontés les commerçants dans leur activité sur le écosystème Taobao, d'explorer et de recueillir les retours d'expérience des commerçants concernant les stratégies clés, et ainsi fournir des inputs pertinents pour l'élaboration et l'optimisation des stratégies commerciales.","research.all.the.articles.label01":"Formateur en design de Taotian","research.balanced.color.contrast.use":"{{bold}}Contraste de couleurs équilibré{{/bold}} — Utilisez le contraste de manière stratégique. Les différences de teinte, de luminosité et de saturation doivent mettre en évidence le sujet principal tout en préservant la clarté visuelle globale.","research.all.the.articles.label05":"Conception de livres","research.all.the.articles.label04":"Éditeur de planification","careers.internJob1Years":"Stage","careers.socialJob3Date":"2026.03.05","research.taobaoInteractiveGame.motionGraphApplication":"Atlas des effets de mouvement pour jeux interactifs en pratique","footer.contactWechat":"Compte public WeChat","careers.socialJob8Desc":"Responsable de la conception de l'expérience utilisateur sur les fronts avant et arrière, notamment pour la chaîne d'approvisionnement Taofactory, les processus transactionnels fondamentaux, la conception des mécaniques de jeu, les directs Taofactory, la conception des contenus produits, l'expérience utilisateur de la plateforme de travail destinée aux commerçants ainsi que l'innovation en matière de conception IA. Grâce à des enquêtes utilisateurs, à l'analyse des données et à une compréhension approfondie du business, identifier les besoins et problèmes potentiels des utilisateurs, collaborer étroitement avec les équipes métiers et produits pour détecter les opportunités commerciales et les points de douleur cachés des utilisateurs, proposer activement des solutions de conception et en assurer la mise en œuvre concrète, et améliorer ainsi l'expérience utilisateur et générer une valeur ajoutée pour le business grâce à une conception innovante. Posséder une pensée logique claire et rigoureuse, et élaborer des solutions de conception fondées sur des arguments solides. Lever le niveau global de conception de l'équipe grâce à une riche expérience, à des méthodes et à des processus éprouvés. Organiser et coordonner efficacement dans le cadre de projets d'envergure, et mobiliser plusieurs équipes pour atteindre les objectifs métiers.","research.all.the.articles.label13":"Membres de la conception de Taotian","research.all.the.articles.label12":"Membres de l'Académie des beaux-arts de Chine","banner.blowOrApplaud2":"Ressentir les changements de liberté","research.all.the.articles.label11":"Responsable","home.award9Desc":"2025 618 Interaction principale","research.shopping.guide.case.semantic":"Règles sémantiques du guide d'achat (extrait)","research.design.system.specification.paragraph2":"Les règles sémantiques sont des descriptions textuelles portant sur la définition, le style, les variables, l'utilisation et les contraintes des objets ; elles constituent une propriété intellectuelle fondamentale à l'origine des différences d'expérience, et sont formatées en Markdown. La mise en œuvre par code consiste à transformer ces objets en faits symboliques exécutables et applicables, et est formatée selon le type de langage de développement.","research.design.system.specification.paragraph3":"Le schéma de mappage constitue le pivot qui relie les règles sémantiques à la mise en œuvre du code ; il ne répète pas ces deux éléments, mais fournit plutôt des repères d'ID d'objets, des contraintes sur les règles de mappage et des références vers le code cible. Dans les phases de recherche de connaissances, de conception de solutions et de génération de code du flux de travail, ce schéma joue un rôle directeur essentiel. Grâce à lui, le modèle de grande taille n'a pas besoin de parcourir l'intégralité des connaissances, ce qui permet de économiser les ressources. Le format utilisé est JSON. Nous allons maintenant aborder chaque type d'objet séparément.","research.this.document.was.produced":"Ce document a été élaboré par Taobao Design fin 2025 dans le cadre d'une initiative spécifique axée sur « L'expression intuitive de l'information » dans la conception marketing de l'application Taobao. Pour répondre aux problèmes récurrents rencontrés dans les interfaces marketing à haute fréquence – tels que les écrans de démarrage, les pop-ups et les en-têtes promotionnels – notamment la surcharge informationnelle, le flux utilisateur fragmenté et la fatigue visuelle, l'équipe a proposé la stratégie de design « Narration symbolique ». Cette stratégie cartographie les thèmes marketing à travers des symboles visuels universels, intègre texte et images grâce à une composition structurée, et respecte six principes fondamentaux : cohérence sémantique entre le sens et la forme, clarté structurelle immédiate, mise en avant extrême du sujet principal, hiérarchie minimale nécessaire, contraste chromatique équilibré et mouvement naturel et expressif. Une validation extensive par cas concrets démontre son efficacité dans divers scénarios, tels que la communication des avantages, les enveloppes rouges, les coupons, les cartes de membre et les campagnes promotionnelles. Le contenu suivant est fourni à titre de référence interne spécifique à chaque phase.","careers.socialJob10Location":"Hangzhou","research.all.the.articles.name_new4":"Jing Yan","research.all.the.articles.name_new5":"Hao Ning","research.all.the.articles.name_new6":"Ran Jing","research.all.the.articles.name_new7":"Er Wu","careers.socialJob11Title":"Spécialiste senior en analyse d'investissement stratégique sectoriel et en recherche utilisateur – Alimama","research.all.the.articles.name_new1":"Jian Qun","research.all.the.articles.name_new2":"Jiang Xuan","research.all.the.articles.name_new3":"Ming Meng","research.all.the.articles.name_new8":"Ming Jing","research.all.the.articles.name_new9":"Jian Zhe","products.design.specifications.new.paragraph2":"Le concepteur IA de Taotian vise précisément à combler la rupture cruciale entre « la génération d'images » et « la génération de designs », ainsi qu'entre « l'idée ponctuelle » et « la livraison à grande échelle ».","products.design.specifications.new.paragraph3":"De « Générer une image » à « Générer un design »","products.design.specifications.new.paragraph1":"Contexte et défis : La production visuelle dans le commerce électronique est depuis longtemps soumise à des pressions multiples : fréquence élevée, volume massif et exigence de rapidité. Les processus traditionnels reposent sur la collaboration humaine, ce qui limite leur efficacité ; bien que les outils d'IA génériques puissent créer des images, ils peinent à véritablement comprendre les scénarios métier et les normes de livraison, ne pouvant ainsi pas être directement transformés en maquettes de design e-commerce utilisables.\n","products.design.specifications.new.paragraph6":"Le nombre cumulé de créations graphiques dépasse le million, et plus de 2 300 employés non designers ont participé à leur création.","products.design.specifications.new.paragraph7":"Les concepteurs IA de Taotian interagissent avec des canevas illimités et des nœuds pour créer un espace de création intelligent plus libre et plus précis, faisant ainsi évoluer le design de la « génération par pixels » vers la « production structurelle », et du « savoir-faire humain » vers l'« intelligence algorithmique ». Cela permet à davantage de rôles – designers, responsables opérationnels et technologues – de participer activement à la production créative.","products.design.specifications.new.paragraph4":"Passer de « l'innovation ponctuelle » à « la livraison à grande échelle », intégrer les modèles d'IA grand public et offrir des API ainsi qu'une capacité de génération d'images par lots.","products.design.specifications.new.paragraph5":"Concevoir un cycle de la connaissance, où la production et la symbiose des connaissances s'entremêlent.","careers.socialJob12Years":"1 an","footer.navTitle":"Navigation","careers.internJob3Title":"Concepteur d'expérience produit","banner.titleAcademic":"Académique","banner.punchedTapePlaceholder":"Convertir le contenu entré en binaire","careers.socialJob4Date":"2026.02.27","products.design.specifications.new.paragraph010":"Afin de pleinement reconnaître la performance exceptionnelle et les réalisations innovantes des participants dans ce projet, cet atelier a mis en place un mécanisme spécial de récompenses : à l'issue de l'évaluation finale, les œuvres sélectionnées seront honorées par des distinctions et des récompenses matérielles. Trois niveaux de prix sont prévus : le premier prix (2 lauréats) recevra un appareil photo stabilisé DJI ; le deuxième prix (3 lauréats) se verra offrir des écouteurs haute qualité Sony ; le troisième prix (4 lauréats) obtiendra un haut-parleur classique Marshall. Cette structure de récompenses vise à mettre clairement en avant l'idée selon laquelle « la conception crée de la valeur et l'innovation mérite d'être célébrée », tout en renforçant l'incitation pédagogique du programme axé sur « l'application concrète des connaissances acquises et la réalisation effective de projets innovants ». Nous espérons que ces récompenses, porteuses d'un savoir-faire artisanal et de technologies de pointe, accompagneront les lauréats tout au long de leur parcours créatif futur, les aidant à continuer de puiser leur inspiration, à faire entendre leur voix et à immortaliser leurs idées novatrices. La cérémonie de remise des prix non seulement marque une fin marquée par un caractère rituel pour cet atelier, mais symbolise également le début d'une nouvelle étape — nous attendons avec impatience que tous les participants portent haut cette reconnaissance et ces attentes, et continuent de briller sur la scène plus large du design et du commerce, influençant ainsi l'avenir.","research.design.system.specification.knowledge":"La spécification du système de conception repose sur deux catégories d'objets de connaissances et trois types de fichiers. Les deux catégories d'objets de connaissances sont les {{bold}}styles{{/bold}} et les {{bold}}pages{{/bold}}, où les styles se subdivisent à leur tour en quatre types : {{bold}}éléments, mises en page, composants et ressources{{/bold}}. Chaque catégorie d'objet de connaissances est associée à trois types de fichiers : {{bold}}règles sémantiques, schémas de cartographie et implémentations de code{{/bold}}. Les règles sémantiques se composent de descriptions textuelles couvrant la définition d'un objet, ses styles, ses variables, son utilisation et ses contraintes. Elles représentent la propriété intellectuelle fondamentale qui donne lieu à une différenciation expérientielle et sont rédigées au format Markdown. Les implémentations de code traduisent les objets en faits symboliques exécutables et déployables, en utilisant le langage de programmation approprié comme format de représentation. Les schémas de cartographie constituent la couche connective centrale entre les règles sémantiques et les implémentations de code. Plutôt que de dupliquer l'une ou l'autre, ils assurent l'ancrage des identifiants d'objets, définissent les contraintes de cartographie et fournissent des références précises aux codes. Dans le cadre du flux de travail, ils servent de plans directeurs durant les étapes de récupération des connaissances, de conception de solutions et de génération de code, permettant ainsi aux modèles linguistiques de grande taille d'éviter de parcourir l'intégralité du corpus de connaissances et de réduire ainsi la charge computationnelle. Les schémas de cartographie sont représentés au format JSON. Les sections suivantes détaillent chaque catégorie d'objet de connaissances.","research.icon.semantic.rules.excerpt":"Règles sémantiques des icônes (Extrait)","careers.socialJob7Desc":"Assurer la conception d'expérience pour la ligne de produits 1688, en soutenant la réalisation des objectifs commerciaux ; comprendre en profondeur le business, participer aux discussions sur les besoins produits et proposer des solutions de conception efficaces ; adopter une perspective utilisateur, identifier les opportunités d'amélioration de l'expérience en fonction des scénarios et des comportements des utilisateurs, et piloter ainsi la montée en gamme de l'expérience.","team.section.link1":"Collaboration Université-Industrie : Académie chinoise des arts × Design Taobao","team.section.link2":"Publier le livre « Se limiter au design, ne pas s'arrêter à l'IA »","team.section.link3":"La philosophie cinématographique de Taotian — Une archive visuelle pour grandir ensemble","research.design.system.specification.paragraph003":"La spécification du système de design est composée de deux types d'objets de connaissance et de trois types de fichiers. Les deux types d'objets de connaissance se divisent en styles et en pages ; les styles, à leur tour, se subdivisent en quatre catégories : éléments, mises en page, composants et ressources. Chaque type d'objet de connaissance comporte trois types de fichiers : règles sémantiques, schémas de mappage et implémentations de code. Les règles sémantiques sont des descriptions textuelles portant sur la définition des objets, leurs styles, variables, utilisations et contraintes ; elles constituent une propriété intellectuelle fondamentale à l'origine des différences d'expérience, et sont formatées en Markdown. L'implémentation de code consiste à traduire ces objets en faits symboliques exécutables et applicables, et est formatée selon le langage de développement utilisé. Le schéma de mappage constitue le pivot reliant les règles sémantiques aux implémentations de code ; il ne répète pas les deux autres éléments, mais fournit un ancrage par ID d'objet, des contraintes de règles de mappage et des références vers le code correspondant. Dans le cadre du flux de travail, ce schéma joue un rôle directeur lors des étapes de recherche de connaissances, de conception de solutions et de génération de code, permettant ainsi aux modèles de grande taille de ne pas explorer l'intégralité des connaissances et d'économiser des ressources ; il est formaté en JSON. Nous allons maintenant aborder chacun de ces types d'objets séparément.","research.agent.template":"Modèle d'agent","products.official.website.introduction.paragraph19":"Spécifications de conception IA pour la plateforme commerciale B-end","research.icon.code.implementation.excerpt":"Implémentation du code d'icône (Extrait)","footer.sloganFree":"Liberté","products.official.website.introduction.paragraph17":"Insérer le fragment dans le contexte","products.official.website.introduction.paragraph18":"Affichage de l'interface de génération","products.official.website.introduction.paragraph15":"Exécution d'un flux de travail multi-agents avec interface de génération","products.official.website.introduction.paragraph16":"Copier ou télécharger des extraits de connaissances","products.official.website.introduction.paragraph13":"Configurer dans l'outil IDE","home.award2Title":"Prix de design IF","products.official.website.introduction.paragraph14":"Générer des instructions à l'aide d'une interface de saisie en langage naturel","research.interface.generation.in.practice":"Génération d'interfaces en pratique via le site Web VersionAI Tmall","home.award9Title":"Médaille d'argent du Prix mondial de design IAI","products.official.website.introduction.paragraph11":"Règles sémantiques adaptées à l'IA","products.official.website.introduction.paragraph12":"Ce site offre aux utilisateurs deux méthodes pour intégrer les spécifications de Tmall Design dans les outils d'IA : le serveur MCP et l'injection contextuelle. En configurant simplement le serveur MCP d'un clic dans l'outil IDE, vous bénéficiez automatiquement d'une dépendance à la base de connaissances des spécifications de conception de Tmall. Les fonctions API encapsulées par MCP traitent automatiquement les instructions en langage naturel de l'utilisateur et génèrent les résultats correspondants ; ces fonctionnalités spécifiques incluent, sans s'y limiter, la recherche et l'exécution de workflows. Alternativement, en cliquant sur « Copier » ou « Télécharger » sur une page spécifique relative à une unité de connaissance, vous obtenez les règles sémantiques, les schémas de mappage et le package de fichiers implémentant le code associés à cette unité. Vous pouvez ensuite directement insérer ces éléments dans la zone de saisie des instructions pour effectuer des modifications locales et générer ainsi le résultat souhaité.","awards.taobaoInteractiveGame.Contributors":"Auteur","banner.titleCreativity":"Créativité","products.official.website.introduction.paragraph10":"Règles sémantiques respectueuses de l'humanité","careers.internJob4Years":"Stage","research.sidebar.consistent.with.the":"Barre latérale conforme à la structure de connaissances du système de conception","careers.socialJob2Desc":"Responsable de la conception visuelle et de l'innovation dans les scénarios de marketing de marque sur plusieurs canaux, notamment les applications mobiles Tmall, les subventions d'un milliard de yuans, la version PC de Taobao, Taobao Vision, le site officiel de design de Taobao ainsi que l'agent intelligent de design de Taobao. Les missions incluent, sans s'y limiter, la mise en place du système visuel de la marque, la création de supports de marketing en ligne et hors ligne, ainsi que de contenus visuels multicanal tels que des vidéos animées, afin d'améliorer l'expérience utilisateur et l'influence de l'équipe. En combinant les approches et compétences traditionnelles en design visuel avec les outils de génération AIGC, je produis des œuvres visuelles de haut niveau et de haute qualité, permettant ainsi d'améliorer simultanément l'efficacité de la conception et la créativité.","research.economic.aesthetics.title11":"Objet principal | La représentation figurative l'emporte sur l'abstraction ; la reprise d'objets familiers","research.economic.aesthetics.title10":"Couleurs | Gamme de couleurs naturelles, cartographie des émotions","research.economic.aesthetics.title15":"Modèle de conception esthétique économique","research.economic.aesthetics.title14":"Animation : Conception dynamique ludique","research.economic.aesthetics.title13":"Mise en page | Transmission d'informations saturée","research.economic.aesthetics.title12":"Texte | Système de langage quotidien","research.economic.aesthetics.title18":"Diviser en deux catégories : objets folkloriques, objets courants","research.economic.aesthetics.title17":"Décomposer en deux directions : scènes de la vie quotidienne, petites annonces de rue","banner.titleFreedom":"Liberté","research.economic.aesthetics.title16":"Découpage en trois directions : explosion marketing, style autocollants de points de vente, petits articles plastifiés.","products.official.website.introduction.paragraph28":"Liste des contraintes","products.official.website.introduction.paragraph29":"Listez directement ce qui « peut être fait » et ce qui « ne doit absolument pas être fait », afin de tracer clairement les limites du processus de génération par l'IA.","products.official.website.introduction.paragraph26":"Combinaison de scènes","products.official.website.introduction.paragraph27":"Préciser comment associer et ordonner les composants dans les scénarios d'activité courants, afin d'éviter que l'IA ne se contente de juxtaposer isolément des éléments.","products.official.website.introduction.paragraph24":"Codification de la structure","products.official.website.introduction.paragraph25":"Non seulement l'apparence est fournie, mais aussi la structure interne des composants, les propriétés du code et les états d'interaction, permettant ainsi aux paramètres de conception d'être directement intégrés au développement.","products.official.website.introduction.paragraph22":"Mise en œuvre précise des règles","products.official.website.introduction.paragraph23":"Supprimez les descriptions subjectives et remplacez-les intégralement par des valeurs numériques précises, des gammes fixes et des limites claires.","careers.socialJob9Date":"2026.01.29","products.official.website.introduction.paragraph20":"La norme de conception IA pour la plateforme commerciale B est un ensemble de documents standard spécifiquement conçu à l'intention des outils de conception assistée par l'IA. Auparavant, les normes de conception étaient principalement destinées aux humains et reposaient sur des références visuelles et sur l'expertise personnelle. Cependant, face à des descriptions telles que « laisser suffisamment d'espace vide » ou « hiérarchie visuelle claire », l'IA pouvait facilement générer des interfaces désordonnées, aux styles hétérogènes ou aux priorités mal définies en raison d'une interprétation erronée. Sans modifier les principes de conception initiaux, nous avons entièrement revu la logique de rédaction de cette norme afin de permettre à l'IA de comprendre précisément les exigences et de produire directement des interfaces conformes à la logique métier et aux standards de marque.","products.official.website.introduction.paragraph21":"Ajustement dans quatre domaines :","header.team":"Équipe","careers.internJob4Location":"Pékin / Hangzhou","research.all.the.articles.name46":"Jiacheng Zhong","research.all.the.articles.name45":"Yige Zhou","research.all.the.articles.name48":"Shi You","research.all.the.articles.name47":"Ying Long","research.all.the.articles.name49":"Le Xiang","products.official.website.introduction.paragraph39":"Utilisation d'un système de 24 grilles. L'espacement entre les colonnes est fixé à 16px ou 24px. La marge de la zone de contenu de la page est de 48px ; l'espacement entre les cartes est uniforme à 24px ; l'espacement à l'intérieur des modules varie entre 16 et 24px.","products.official.website.introduction.paragraph37":"Utiliser uniformément Alibaba Sans 102 (les chiffres doivent avoir une largeur fixe). Taille de base : 12px ; la hauteur de ligne doit strictement suivre la formule « Taille de police + 8px » (par exemple, 12px correspond à 20px). Poids des polices : 500 (titres/éléments d'accentuation), 400 (corps du texte), 300 (notes complémentaires).","products.official.website.introduction.paragraph38":"Espacement et grille","products.official.website.introduction.paragraph35":"Les valeurs numériques continues augmentent l'incertitude générée par l'IA. La norme discrétise les règles concernant la police, l'interligne, l'espacement et l'alignement, et les relie à une logique de trajectoire de lecture. Lors de la génération par l'IA, celle-ci lit directement les échelles de taille de police, les formules d'interligne et les règles d'alignement, puis associe automatiquement des poids d'information en fonction de la trajectoire en forme de « F », évitant ainsi l'empilement excessif du contenu ou le décalage du centre de gravité.","home.award7Desc":"Interactivité principale du Double 11 2024","products.official.website.introduction.paragraph36":"Police et interlignage","research.semantic.consistency.marketing.themes":"{{bold}}Consistance sémantique {{/bold}}— Les thèmes de marketing doivent être incarnés visuellement par des symboles dont les significations correspondent au concept voulu et restent universellement reconnaissables.","products.official.website.introduction.paragraph33":"Mise en page et disposition","products.official.website.introduction.paragraph34":"Les valeurs numériques continues augmentent l'incertitude générée par l'IA. La norme discrétise les règles concernant la police, l'interligne, l'espacement et l'alignement, et les relie à une logique de trajectoire de lecture. Lors de la génération par l'IA, celle-ci lit directement les échelles de taille de police, les formules d'interligne et les règles d'alignement, puis associe automatiquement des poids d'information en fonction de la trajectoire en forme de F, évitant ainsi l'empilement excessif de contenu ou le décalage du centre de gravité.","research.workflow.and.knowledge.integrated":"Paquet d'ingénierie intégré au flux de travail et aux connaissances","products.official.website.introduction.paragraph31":"Liaison sémantique stylistique","research.all.the.articles.name51":"Chen Dong","products.official.website.introduction.paragraph32":"Les couleurs correspondent directement aux états métier et aux retours d'interaction, sans être utilisées à des fins de simple embellissement visuel. Lorsqu'elle analyse des instructions telles que « baisse du taux de conversion » ou « soumission de haute priorité », l'IA appellera automatiquement les variables correspondantes grâce à une cartographie sémantique, évitant ainsi les erreurs sémantiques causées par le choix aléatoire de couleurs. Toutes les valeurs de couleur sont déclarées selon une hiérarchie basée sur leurs domaines fonctionnels et accompagnées d'une description précise de leur utilisation.","research.all.the.articles.name50":"Fei Fei","research.all.the.articles.name53":"Yu Shi","products.official.website.introduction.paragraph30":"Traduction par IA conforme aux normes de style","research.all.the.articles.name52":"Ke Po","research.all.the.articles.name55":"Tao Xi","research.all.the.articles.name54":"Fei Yun","research.all.the.articles.name57":"Chenyang Wang","research.all.the.articles.name56":"Zhu Xiao","header.research":"Recherche","research.all.the.articles.name59":"Penglei Zhang","research.all.the.articles.name58":"Yuhang He","careers.internJob1Team":"Groupe Alibaba","careers.socialJob13Desc":"Comprendre précisément les besoins opérationnels et définir avec exactitude les problématiques de recherche : interagir de manière autonome avec les responsables des départements opérationnel, produit et technologique au sein du service d'exploitation client, afin de saisir pleinement les enjeux de développement commercial ; réfléchir activement aux points critiques actuels des produits ainsi qu'aux opportunités commerciales émergentes ; sur cette base, définir et planifier avec précision des projets de recherche spécifiques. Mettre en œuvre efficacement les projets de recherche grâce à des méthodes professionnelles, mener des enquêtes terrain de haute qualité et produire des rapports de recherche de premier ordre : maîtriser parfaitement divers types de recherches, tels que la segmentation détaillée des consommateurs, l'identification des besoins et des points douloureux des utilisateurs, l'étude de l'expérience produit, l'étude de la croissance des utilisateurs, le test et l'optimisation des concepts produits, etc. Maîtriser de façon professionnelle diverses méthodes de recherche, telles que la recherche qualitative (entretiens approfondis, groupes de discussion, etc.), la recherche quantitative (enquêtes par questionnaire), l'analyse des données de back-office, la recherche documentaire et l'analyse de sources secondaires, etc. Iterer et optimiser continuellement les approches et les méthodes de recherche, élaborer une méthodologie et un système d'exécution efficaces pour la recherche ; favoriser la mise en œuvre concrète des résultats de recherche dans le cadre des activités commerciales et garantir l'atteinte des objectifs opérationnels.","careers.socialJob6Desc":"Responsable du design visuel des produits, incluant les éléments de marque, la personnalisation des articles, la communauté de contenu et la gestion de la chaîne d'approvisionnement ; explorant, sur la base de multimodales tels que textes, images, vidéos et 3D, les innovations dans l'application de l'AIGC à la personnalisation des produits et à la création de nouveaux objets ; en fonction des besoins métier, assurant l'ensemble du processus de conception, de l'idéation initiale jusqu'à la mise en œuvre concrète, afin de garantir que les résultats soient en adéquation avec les tendances du marché et les objectifs commerciaux.","banner.titleHumanistic":"Humain","products.official.website.introduction.paragraph48":"Supprimer la redondance","products.official.website.introduction.paragraph49":"Supprimer les adjectifs et adverbes qui n'affectent pas la fonction. Lorsque l'en-tête indique déjà le champ, il est interdit de répéter le préfixe dans les cellules.","products.official.website.introduction.paragraph46":"Priorité aux fonctionnalités","products.official.website.introduction.paragraph47":"Le texte de l'annonce est directement axé sur l'objectif opérationnel (par exemple, « Soumettre la commande » remplace « Cliquez ici pour finaliser l'achat »).","products.official.website.introduction.paragraph44":"Règles de génération de texte","research.all.the.articles.name60":"Yaxi Miao","products.official.website.introduction.paragraph45":"Les textes générés par l'IA sont susceptibles de présenter des problèmes tels que la longueur excessive, les répétitions ou une ambiguïté sémantique. En intégrant des règles standardisées de traitement du texte, le système exécute automatiquement, lors de la génération, les étapes suivantes : « suppression des adjectifs superflus, extraction des informations essentielles, remplacement des mots par des chiffres, uniformisation des termes techniques », afin de garantir que le contenu respecte les normes d'une lecture efficace en milieu intermédiaire et arrière-plan.","products.official.website.introduction.paragraph42":"Contrainte de flux de lecture","research.all.the.articles.name62":"Teng Shao","products.official.website.introduction.paragraph43":"Suivre le modèle de navigation en forme de F. L'information principale, le titre principal et l'état clé sont placés en haut à gauche ; les informations secondaires sont centrées ou atténuées ; l'accès aux actions principales est situé à droite. Les informations horizontales sur une seule ligne sont réparties selon l'ordre « gauche (haut) - centre (bas) - droite (moyen) ».","research.all.the.articles.name61":"Shu Wang","products.official.website.introduction.paragraph40":"Principe d'alignement","research.all.the.articles.name64":"Dan Liu","products.official.website.introduction.paragraph41":": Les chiffres et les montants sont alignés à droite ; le texte et les titres sont alignés à gauche ; les étiquettes des formulaires sont alignées à droite ou en haut. Les informations d'un même type doivent former des bords rectangulaires stables, sans aucune dentelure visuelle.","research.all.the.articles.name63":"Wenliang Li","careers.socialJob5Date":"2026.02.25","research.all.the.articles.name66":"Yishu Liang","research.all.the.articles.name65":"Cheng Zhang","research.all.the.articles.name68":"Yi Wei","research.all.the.articles.name67":"Ying Jiang","research.all.the.articles.name69":"Yao Yi","research.human.friendly.semantic.rules":"Règles sémantiques respectueuses de l'humain","research.structural.composition.integrating.textual":"{{bold}}Composition structurelle {{/bold}}: Intégrer la mise en page textuelle et les éléments visuels dans une structure graphique-textuelle cohérente, permettant aux utilisateurs de percevoir et de comprendre directement le message.","careers.socialJob8Date":"2026.02.04","products.official.website.introduction.paragraph59":": Convient aux contenus continus tels que les formulaires, les tableaux et les textes longs. Ne recourt pas à des conteneurs en cartes ; il s'appuie sur l'espace blanc et les espacements pour séparer les modules, qui ne sont séparés entre eux que par une ligne fine de 0,5 px ou par des zones vides.","products.official.website.introduction.paragraph57":"La norme décompose le style de conception en règles de mise en page concrètes et applicables. En établissant un arbre décisionnel pour le routage des conteneurs, elle précise les formes de conteneurs correspondant à différents types de contenu et interdit à l'IA d'effectuer des imbriquements récursifs ou une mise en page libre.","careers.socialJob1Years":"3 ans","products.official.website.introduction.paragraph58":"Style minimaliste","products.official.website.introduction.paragraph55":"Le texte d'explication complet est par défaut réduit à une icône ou à un lien « En savoir plus », et ne s'ouvre qu'à la survol ou au clic.","research.all.the.articles.name71":"Huanshuai Kong","products.official.website.introduction.paragraph56":"Style de mise en page et routage des conteneurs","research.all.the.articles.name70":"Xiaoyuan Gu","products.official.website.introduction.paragraph53":": Vocabulaire spécialisé et abréviations sectorielles standardisés pour l'ensemble du système ; interdiction d'utiliser des synonymes à la place. Les abréviations apparaissant pour la première fois doivent être accompagnées d'une bulle d'information contextuelle.","research.all.the.articles.name73":"Hao Yang","products.official.website.introduction.paragraph54":"Indication dynamique","research.all.the.articles.name72":"Chuan Hu","research.taobaoInteractiveGame.caseStudies":"Cas pratiques","products.official.website.introduction.paragraph51":": Découper les textes longs en phrases courtes sous forme d'éléments ; privilégier l'utilisation de chiffres à la place des mots (par exemple, « 15 articles non lus » au lieu de « Vous avez quinze messages non lus »).","products.official.website.introduction.paragraph52":"Uniformisation des termes","products.official.website.introduction.paragraph50":"Expression structurée","research.design.principles":"Principes de conception","products.official.website.introduction.paragraph70":"Moyen poids (non modale)","research.color.code.implementation.excerpt":"Implémentation du code couleur (Extrait)","careers.internJob2Location":"Hangzhou","products.official.website.introduction.paragraph68":"Poids léger (sans interruption)","products.official.website.introduction.paragraph69":": Message. Utilisé pour fournir un retour d'état immédiat après une opération, qui disparaît automatiquement (par exemple, « Enregistrement réussi »).","products.official.website.introduction.paragraph66":"Niveaux de rétroaction interactive","research.note.the.design.to":"Remarque : L'approche de transformation et de génération de schémas de mappage du code Design-to-Code (D2C) s'applique uniformément à tous les types d'objets de connaissances. Les variations ne concernent que la structure des modèles, en fonction de la catégorie d'objet, et ne seront pas répétées dans les sections ultérieures.","products.official.website.introduction.paragraph67":"Le composant de feedback correspond au niveau de risque opérationnel et à l'état asynchrone, et les appels inter-niveaux sont interdits :","careers.socialJob5Location":"Hangzhou","products.official.website.introduction.paragraph64":"Structure structurée de l'IA pour les composants et l'interaction","careers.socialJob3Desc":"Responsable de la recherche sur les produits destinés aux utilisateurs clés de Taobao (tels que les recommandations sur la page d'accueil, les avis et commentaires, etc.), incluant l'analyse des conseils d'achat, de l'expérience utilisateur, des perceptions des groupes cibles et de l'amélioration de la conversion ; grâce à la surveillance et à des analyses spécifiques, identifier les problèmes clés rencontrés par les utilisateurs ainsi que les opportunités d'amélioration et d'optimisation, afin d'enrichir l'expérience utilisateur et de renforcer la compétitivité globale des produits de Taobao ainsi que la fidélité des utilisateurs ; capable d'intégrer et de faire progresser les projets liés à l'expérience en collaborant avec plusieurs équipes et départements.","products.official.website.introduction.paragraph65":"Les composants constituent l'unité de base de l'interface. Prenons, à titre d'exemple, le composant Bouton pour montrer comment adapter un document de composant traditionnel afin qu'il puisse être directement appelé par l'IA.","products.official.website.introduction.paragraph62":"Contrainte rigide","products.official.website.introduction.paragraph63":"Il est interdit d'embarquer d'autres cartes à l'intérieur d'une carte ; il est interdit de laisser une zone vide en bas afin d'aligner sur une grille ; les contenus similaires doivent être regroupés dans le même conteneur ; la hauteur du conteneur est déterminée par le contenu, et l'alignement sur une grille n'est pas obligatoire.","products.official.website.introduction.paragraph60":"Style de carte","products.official.website.introduction.paragraph61":": Convient aux cartes d'indicateurs de données, aux ensembles d'outils et autres modules indépendants. Utilise une bordure de 0,5 px en #E4E6ED, une légère ombre portée et des coins arrondis de 6 px ; à l'hover, la couleur de la bordure change pour devenir la couleur thématique.","home.award8Desc":"Interactivité principale du Nouvel An chinois 2025","products.official.website.introduction.paragraph80":"La norme établit une correspondance univoque entre les paramètres visuels et les attributs de code, évitant ainsi tout décalage entre le style et la logique lors de la génération par l'IA. Une table de mappage unidirectionnelle est créée, reliant les paramètres de conception aux variables CSS puis aux props des composants. L'IA peut lire directement cette table pour générer un code de composant ou des paramètres de conception précis, garantissant ainsi la cohérence entre la représentation visuelle et la logique d'interaction.","research.all.the.articles.name02":"Wei Jiang","products.official.website.introduction.paragraph81":"Scène","research.all.the.articles.name01":"Quan Zheng","research.all.the.articles.name04":"Xiaoyuan Gu","research.all.the.articles.name03":"Wenqi Yin","research.all.the.articles.name06":"Baoyu Qin","home.product3Title":"Système de conception","research.all.the.articles.name05":"Yufeng Duan","research.all.the.articles.name08":"Dong Chen","research.all.the.articles.name07":"Xiangle Tang","research.all.the.articles.name09":"Xiduo Luo","home.award5Title":"Prix de design A'","footer.downloadSuccessful":"Téléchargement réussi","products.official.website.introduction.paragraph79":"Mappage des structures, des styles et des attributs","products.official.website.introduction.paragraph77":"Définir clairement les limites d'utilisation","products.official.website.introduction.paragraph78":"Précisez directement l'usage, les scénarios d'application ainsi que les scénarios non applicables des composants. Par exemple, le bouton est utilisé pour déclencher des opérations métier (envoi, confirmation, traitement par lots), mais ne convient pas aux seules fonctions de présentation ou d'indication de chemins de navigation. Définissez la structure en séparant les éléments suivants : usage → scénario → conditions d'exclusion, afin de permettre à l'IA de déterminer rapidement le moment opportun pour l'appeler.","products.official.website.introduction.paragraph75":"Alerte/Résultat. Utilisé pour les notifications permanentes sur la page ou l'affichage global des résultats (par exemple, les notifications de maintenance en haut, la page de paiement terminée).","research.code.generation.agent.configuration":"Configuration de l'agent de génération de code (extrait)","products.official.website.introduction.paragraph76":"Structuration des composants","products.official.website.introduction.paragraph73":"Modal/Popconfirm. Utilisé pour confirmer des opérations critiques ou interrompre rapidement des situations d'urgence (par exemple : « Êtes-vous sûr de vouloir supprimer ? »).","products.official.website.introduction.paragraph74":"Niveau page (persistant)","products.official.website.introduction.paragraph71":": Notification. Utilisée pour les notifications système ou les rappels de fin d'opérations asynchrones, nécessitant une consultation ultérieure par l'utilisateur (par exemple : « La tâche d'exportation est terminée »).","research.all.the.articles.name11":"Shu Liu","products.official.website.introduction.paragraph72":"Poids lourd (modal/interdit)","research.all.the.articles.name10":"Yu Xiang","products.official.website.introduction.paragraph91":"Intercepter les tailles de police non standard (par exemple, 13px), les couleurs (par exemple, #123456) ou les noms de composants fictifs, et les remplacer automatiquement par la valeur standard la plus proche.","research.all.the.articles.name13":"Daizong Liang","products.official.website.introduction.paragraph92":"La profondeur de la structure dépasse la norme.","research.all.the.articles.name12":"Baoyu Qin","research.all.the.articles.name15":"Zhiwei Cui","products.official.website.introduction.paragraph90":"Composant/Token falsifié","research.all.the.articles.name14":"Han Yu","research.all.the.articles.name17":"Minlong Wu","research.all.the.articles.name16":"Jing Wang","research.all.the.articles.name19":"Qunjian Jie","research.all.the.articles.name18":"Yufeng Duan","products.official.website.introduction.paragraph88":"Liste des contraintes rigoureuses en matière d'IA","research.component":"Composant","products.official.website.introduction.paragraph89":"Afin de garantir que les résultats générés respectent les normes d'ingénierie, la spécification intègre des règles de détection des violations à haute fréquence. Avant de produire une sortie, l'IA effectue une vérification automatique point par point ; dès qu'une condition limite est détectée, la génération est interrompue et une recommandation de correction est renvoyée :","products.official.website.introduction.paragraph86":"Fragment de code directement appelable","products.official.website.introduction.paragraph87":"À la fin de la spécification, des exemples d'appel de React avec une plateforme low-code sont fournis, incluant une configuration complète des propriétés et une structure de mise en page. L'IA peut directement se référer à ces fragments pour générer du code initial ou les utiliser comme entrée contextuelle, réduisant ainsi les redondances dans la description.","products.official.website.introduction.paragraph84":"Règles obligatoires et conditions restrictives","research.all.the.articles.name20":"Yuxia Sun","products.official.website.introduction.paragraph85":"Arbre de décision clair. Grâce à une structure logique condition-résultat, l'IA peut automatiquement adapter la disposition appropriée en fonction de la situation actuelle, évitant ainsi tout inversé ou désordre dans l'agencement. La norme établit directement les règles incontournables. Par exemple : dans une même zone d'opération, un seul bouton principal (Primary) est autorisé ; par défaut, l'agencement est « principal à droite, secondaire à gauche », le bouton principal étant placé à l'extrême droite, avec une importance décroissante vers la gauche ; des exceptions sont admises pour les configurations « principal à gauche, secondaire à droite » : entrées de zones d'information de niveau II, opérations fréquentes dans les zones d'information de niveau III, et zones d'outils placées côte à côte ; lorsque le nombre de boutons dépasse quatre, les opérations de faible priorité doivent être regroupées en boutons-texte.","products.official.website.introduction.paragraph82":"L'interface côté B est généralement composée d'un ensemble de composants. La spécification complète les modes de combinaison pour des scénarios métier typiques, en fournissant un modèle d'instructions en trois étapes : scénario → combinaison de composants → ordre de disposition. L'IA est capable de comprendre la logique de mise en relation des composants dans le cadre d'une utilisation réelle, plutôt que de n'appeler isolément qu'un seul élément.","research.all.the.articles.name22":"Liyuan Wu","research.human.ai.co.design":"Les interfaces de produits co-conçues par l'humain et l'IA comme un nouveau mode de travail","research.all.the.articles.name21":"Fan Feng","careers.socialJob7Date":"2026.02.24","home.research2Title":"Construire un consensus de conception au sein de l'équipe afin d'assurer une expression intuitive des informations dans le cadre des scénarios marketing.","research.all.the.articles.name24":"Hui Zhao","research.all.the.articles.name23":"Songhui Huang","research.at.this.point.an":"À ce stade, un package de système intégré – combinant une base de connaissances de spécifications du système de conception avec un pipeline d'ingénierie du flux de travail de génération d'interfaces – complète la construction d'une connaissance en matière de conception d'interfaces internes d'entreprise adaptées à l'intelligence artificielle. Il peut être appliqué de manière flexible aux environnements de génération basés sur les IDE ainsi qu'aux environnements en mode agent dans les outils de conception, via MCP ou par injection de contexte.","awards.all.the.articles.paragraph1":"Le projet de conception globale de marque pour le Double 11 2025 sur Tmall a remporté la médaille d'or du London Design Award.","research.all.the.articles.name26":"Zhixiang Wu","awards.all.the.articles.paragraph2":"Certificat de récompense, trophée, étiquette","research.all.the.articles.name25":"Ben Zhang","awards.all.the.articles.paragraph3":"Présentation du projet","research.all.the.articles.name28":"Yu Zhou","research.design.system.specification.title1":"Le processus complet de génération est le suivant :","awards.all.the.articles.paragraph4":"Consultation des informations sur les récompenses","research.all.the.articles.name27":"Yutao Yang","research.design.system.specification.title2":"L'utilisateur saisit une requête en langage naturel","awards.all.the.articles.paragraph5":"Titre de l'œuvre : Conception globale de marque pour le Double 11 Tmall 2025","awards.all.the.articles.paragraph6":"Équipe de conception : Design Taobao","research.all.the.articles.name29":"Youtao Wang","awards.all.the.articles.paragraph7":"Catégorie de participation : Design de communication – Événement/Publicité","research.design.system.specification.title5":"Entrer dans l'agent intelligent de recherche de connaissances","awards.all.the.articles.paragraph8":"Description du projet de conception :","research.design.system.specification.title6":"Grâce à RAG, extraire sur demande, à partir des connaissances spécifiques du système de conception des modules externes, le contexte hautement pertinent par rapport à l'intention actuelle.","awards.all.the.articles.paragraph9":"Dans un contexte marqué par une intensification de la concurrence dans le commerce électronique et une montée en puissance de l'expérience consommateur, le Double 11 de Tmall en 2025 assume une double mission : perpétuer l'influence des marques tout en faisant preuve d'innovation. Sa stratégie de conception centrale se concentre sur la cohérence du positionnement de marque et l'homogénéité de l'expérience consommateur. Pour la première fois, Tmall et Taobao adoptent une expression visuelle commune pour leurs éléments graphiques principaux, permettant ainsi aux consommateurs de ressentir intuitivement l'ambiance du Double 11 dans divers contextes. La palette visuelle principale conserve les caractéristiques « colorée, transparente et jeune », avec un fond dégradé radial rouge mettant en valeur le motif central du chat, décomposé en formes géométriques aux couleurs vives. Des éléments en premier plan, tels que des sacs de shopping éclatants, viennent enrichir cette atmosphère chaleureuse. L'image est structurée selon trois niveaux distincts : un niveau central qui transmet clairement l'information essentielle, un niveau flexible d'éléments visuels adaptés aux différents types d'activités commerciales, et un niveau « marteau visuel » en expansion vers l'avant, renforçant ainsi la mémoire de la marque. Ce langage visuel homogène s'étend à toutes les scènes – conférences de presse, campagnes publicitaires, transactions intégrées dans l'application et espaces physiques du parc – garantissant ainsi une cohérence expressive qui renforce considérablement la portée de la communication de la marque.","careers.socialJob4Desc":"Participer à la conception de produits tels que la gestion des abonnés des boutiques Taobao, la plateforme commerciale, l'application d'outils d'IA, etc. ; assurer l'ensemble du processus, depuis l'alignement avec les métiers, l'élaboration des stratégies, la définition des concepts de design, la production des solutions, leur mise en œuvre concrète jusqu'à la collecte des données. Être capable d'organiser et de finaliser l'architecture de l'information, d'établir le style graphique, de produire visuellement l'interface et de définir les normes des composants. Posséder une compréhension globale et une capacité de jugement solides en matière de business, et être en mesure de collaborer avec les équipes en amont et en aval – notamment celles chargées des métiers, de la recherche utilisateur et du développement – afin d'identifier des opportunités de design et de co-créer de manière approfondie pour générer de la valeur.","research.design.system.specification.title3":"Entrer dans l'agent de reconnaissance des intentions","research.design.system.specification.title4":"Élargir les besoins flous en intentions de conception compréhensibles par le système, produire une description structurée des besoins et fournir ainsi les conditions limites pour la prise de décision ultérieure.","research.design.system.specification.title9":"Entrer dans l'agent de génération de code","research.design.system.specification.title7":"Accéder à l'agent de conception du projet","research.design.system.specification.title8":"À partir des conditions limites, on procède à la sélection, à la combinaison et au remplissage du contexte normatif ainsi récupéré, afin d'obtenir un schéma de données intermédiaire, Schema*, qui décrit précisément la structure du design, incluant les pages, les composants, les styles et le contenu.","products.official.website.introduction.paragraph99":"Seul le flux de documents Flex est autorisé ; les mises en page CSS Grid/Table/Float ainsi que les unités dynamiques comme vw, calc et pourcentages sont interdites ; les paramètres de taille doivent obligatoirement utiliser des valeurs en pixels.","products.official.website.introduction.paragraph97":"Remplacement automatique des textes de placeholder tels que « bouton » et « données d'exemple », vérification de la randomisation des données et de leur adéquation au contexte sectoriel.","products.official.website.introduction.paragraph98":"Limitations de la couche de disposition","research.extreme.emphasis.on.the":"{{bold}}Accentuation extrême du sujet principal{{/bold}} — Mettez en évidence les informations essentielles tout en affaiblissant intentionnellement les éléments secondaires, garantissant ainsi une hiérarchie claire dans laquelle les éléments clés sont immédiatement reconnaissables.","products.official.website.introduction.paragraph95":"Les chiffres et les montants doivent être alignés obligatoirement à droite ; le nombre de tailles de police dans chaque module est strictement limité à 3 maximum ; les niveaux de titre sont classés selon la logique « principal/essentiel/secondaire ».","research.all.the.articles.name31":"Xuejun Xuan","products.official.website.introduction.paragraph96":"Distorsion du contenu et espace réservé","research.all.the.articles.name30":"Zhiyu Guo","bottom.link.title":"Articles connexes","products.official.website.introduction.paragraph93":"Vérifier l'unicité du bouton Principal ; les opérations destructrices telles que la suppression ou la vidage imposent un lien obligatoire entre la couleur d'erreur et le mécanisme de confirmation secondaire.","research.all.the.articles.name33":"Kexiao Chen","products.official.website.introduction.paragraph94":"Alignement et violations de hiérarchie","research.all.the.articles.name32":"Wei Qi","research.all.the.articles.name35":"Jia Huang","team.publish.a.book.paragraph19":"« Contes de fantômes : Yeux, bouche et estomac », 2024","team.publish.a.book.paragraph9":"Pourquoi le cinéma ?","research.all.the.articles.name34":"Keran Li","team.publish.a.book.paragraph8":"Chaque hiver depuis 2016, les designers de l'équipe Taotian reçoivent un cadeau. L'idée derrière ces cadeaux repose sur une observation approfondie du travail et de la vie de chacun : par exemple, transformer les destinations de rêve de chacun en calendrier du Nouvel An, déguiser ses collègues en personnages de peintures historiques, attribuer à chaque membre, aux caractères si différents, sa propre nuance Pantone, compiler nos expressions favorites du milieu professionnel en une bande dessinée pleine d'énergie, ou encore transformer notre boutique idéale d'enfance en une petite cité utopique... Cette pratique d'observation se poursuit année après année, jusqu'à ce que, en 2022, nous commencions à expérimenter quelque chose de nouveau : réaliser un film.","research.all.the.articles.name37":"Jie Zuo","team.publish.a.book.paragraph17":"« Au revoir Kitty, HelloKitty », 2023","team.publish.a.book.paragraph7":"Lorsque vous lirez cet article, la tradition des cadeaux annuels de design de Taotian sera déjà en cours depuis dix ans.","research.all.the.articles.name36":"Xinping Liang","team.publish.a.book.paragraph18":"C'est notre premier long métrage. Le film tente d'utiliser comme cadre narratif le motif très typé du bouclage temporel pour dépeindre l'histoire d'un homme d'âge moyen, plongé dans l'échec conjugal et la détresse économique, qui, au bord de la perte de sa famille et de sa dignité, tombe par accident dans un cycle temporel et finit par opérer un changement radical. Au fil des répétitions incessantes du temps, le protagoniste réalise progressivement que ce qu'il lui est véritablement impossible d'échapper, ce n'est pas tant le temps lui-même que la responsabilité individuelle face aux choix effectués. Alors que le destin lui offre maintes fois l'occasion de recommencer, c'est précisément à lui de prendre la décision de changer.","team.publish.a.book.paragraph6":"Chaque témoin cité dans le livre te fournira des réponses concrètes et authentiques.","research.all.the.articles.name39":"Yihan Mei","team.publish.a.book.paragraph15":"Chaque automne, les producteurs et réalisateurs réunissent l'équipe créative pour discuter : « Cette année, qu'est-ce que nous voulons exprimer ? Lorsque nous commençons à écrire une histoire, la première chose à avoir clairement en tête, c'est : qu'est-ce que vous souhaitez dire avant tout ? »","research.all.the.articles.name38":"Sirui Long","team.publish.a.book.paragraph16":"Ang Lee aborde les conflits culturels et l’oppression de la nature humaine ; Jia Zhangke se concentre sur le destin individuel dans le flot tumultueux de l’époque ; Peter Chan s’attache souvent à la rupture entre les êtres humains ; Yasujiro Ozu confronte directement les fractures au sein des familles ; et les frères Coen mettent en scène l’absurde, le destin, le chaos et le vide. Qu’il s’agisse d’une observation profonde de la nature humaine, de la complexité des relations entre les individus ou de questions sociales plus vastes, tout cela constitue le cœur même des scénarios et reflète l’impulsion première des créateurs. Alors, nous, qu’en est-il ?","team.publish.a.book.paragraph13":"C’est pourquoi nous tournons des films : redécouvrir l’autre derrière la caméra, réécrire notre expression personnelle à travers le cinéma, passer de la création individuelle à la vision collective, et permettre à un groupe de personnes de vivre ensemble une expérience partagée.","team.publish.a.book.paragraph14":"Que voulons-nous exprimer ?","team.publish.a.book.paragraph11":"Le cinéma est une extension de la vie. Cette forme d'art polyvalente exige que le créateur unifie les aspects visuels, auditifs, narratifs et émotionnels, mobilisant ainsi pleinement la cohérence de son expression artistique. Pour que le cinéma soit captivant, chaque scène et chaque création doivent être méticuleuses et authentiques. Ce que vous créez, est-ce vraiment ce que vous souhaitez exprimer ? Et ce que vous exprimez, ne cesse-t-il pas de poser avec sincérité des questions sur la vie elle-même ? Même à l'ère de l'intelligence artificielle, l'expression demeure le besoin le plus authentique de l'être humain. Ne cessez jamais d'approfondir votre observation et vos interrogations sur la vie : voilà une leçon essentielle que tout concepteur doit continuer à approfondir.","team.publish.a.book.paragraph12":"Plus crucial encore, un film requiert des dizaines de métiers différents et constitue la forme d'art la plus fortement industrialisée. Le processus de tournage, qui mobilise des centaines de personnes travaillant en collaboration, permet à l'équipe de vivre une expérience concrète de collaboration intégrée. De surcroît, dans le cadre d'un film expérimental, nous pouvons explorer, de manière artistique, l'intégration de technologies de pointe issues du domaine scientifique et technologique.","team.publish.a.book.paragraph10":"En 1895, deux frères français, les Lumière, inventèrent le cinématographe, marquant ainsi le début de l'histoire du cinéma mondial. Les films qu'ils ont créés et tournés saisissaient et enregistraient avec une grande authenticité des scènes de la vie quotidienne, permettant aux gens de découvrir leur propre environnement, leurs vies authentiques et leurs proches familiers.","research.shopping.guide.case.mapping":"Schéma de cartographie du guide d'achat (extrait)","team.publish.a.book.paragraph1":"Résumer l'expérience et les pratiques du design sur Taobao dans le cadre d'une activité réelle,","research.all.the.articles.name40":"Jiahong Wu","research.all.the.articles.name42":"Zhining Wang","team.publish.a.book.paragraph5":"Si vous êtes en pleine phase d'apprentissage quotidien en design d'expérience, en pleine préparation pour postuler dans de grandes entreprises, ou en train de choisir votre orientation professionnelle...","research.all.the.articles.name41":"Shunan He","team.publish.a.book.paragraph4":"À l'ère de l'IA, quelles sont les nouvelles avancées et l'évolution du design thinking ?","research.all.the.articles.name44":"Junchao Ye","team.publish.a.book.paragraph3":"Pour restituer, à partir de la réalité du terrain, des scénarios de travail authentiques, quelles compétences en design sont nécessaires ?","research.all.the.articles.name43":"Yujia Wang","team.publish.a.book.paragraph2":"Nous ne cessons de repousser les limites du design, en nous concentrant davantage sur la profondeur et la valeur de celui-ci.","team.publish.a.book.paragraph28":"Répartition modulaire de l'équipe","team.publish.a.book.paragraph29":"Au stade préparatoire, l'accent est principalement mis sur la définition de l'univers du monde et le développement du scénario. Nous organisons des séances de discussion sur le scénario, durant lesquelles plusieurs thèmes sont élaborés et sélectionnés. C'est à ce stade que le producteur et la société de production prennent leurs décisions. Les membres clés de l'équipe créative procèdent au casting et identifient parmi l'équipe de conception les candidats qui correspondent parfaitement aux rôles. Étant donné que le tournage se déroule essentiellement dans un rayon proche de Hangzhou, les repérages artistiques s'effectuent souvent en parallèle avec les discussions sur le scénario ; ainsi, l'organisation des décors et le déroulement de l'intrigue sont étroitement liés. La phase intermédiaire du tournage constitue la période la plus intensive : chaque jour, le réalisateur établit des storyboards, tandis que les équipes chargées de la photographie, de l'éclairage, des accessoires, du plateau, des acteurs et de la mise en scène collaborent étroitement avec lui pour concrétiser chaque plan. Enfin, lors de la post-production finale, nous recourons massivement à des effets visuels, à la conception sonore, au mixage et à la colorimétrie, en intégrant également des technologies d'intelligence artificielle appliquées à la vidéo. À cette étape, l'art du film, ainsi que les affiches, les invitations, les supports de promotion et les produits dérivés sont également finalisés.","careers.socialJob11Team":"Groupe Taotian (Alimama)","products.aiagent.title3":"Sélectionner une tâche spécifique","team.publish.a.book.paragraph26":"Le charme précieux de la production cinématographique réside justement dans le fait qu'elle se déroule toujours sous les contraintes multiples du temps, du budget et des conditions réelles. Les créateurs doivent sans cesse mobiliser leur imagination pour trouver des moyens plus précis, plus originaux et plus créatifs afin de surmonter les défis artistiques et d'ouvrir des voies d'expression innovantes et pleines de style. Et c'est précisément là que réside le côté le plus fascinant de la création artistique.","products.aiagent.title4":"Prise en charge des entrées multimodales et des questions-réponses libres","research.enter.interface.generation.instructions":"Saisissez les instructions de génération d'interface en langage naturel","team.publish.a.book.paragraph27":"Nous simplifions le processus de distribution des films industriels pour favoriser la création ; bien que notre équipe soit petite, elle possède toutes les compétences nécessaires. Avec un cycle de création global d'à peine plus de trois mois — nous commençons à préparer le film fin octobre chaque année —, nous passons par les étapes suivantes :","products.aiagent.title1":"TDA (Taobao Design Agent) est un agent de conception intégré alimenté par l'intelligence artificielle et un expert virtuel de niveau entreprise spécialement conçu pour l'équipe de design Taotian. Construit sur la base des connaissances, des méthodologies et de l'expérience en matière de design accumulées par l'équipe, TDA accompagne les concepteurs d'expérience utilisateur tout au long du flux de travail, de l'analyse à la livraison de solutions. Ses capacités couvrent un large éventail de tâches, notamment des questions-réponses libres, l'analyse de la recherche utilisateur, l'analyse concurrentielle et les études de cas, la consultation sur les spécifications, l'élaboration de stratégies, la génération d'interfaces, les revues de conception et les tests d'utilisabilité. Les principaux atouts de TDA résident dans sa base de connaissances privée en matière de design de niveau entreprise, ses capacités d'agents subordonnés multitâches ainsi que son évolution continue alimentée par le modèle linguistique de grande taille Tongyi Qianwen. À l'heure actuelle, TDA sert principalement les utilisateurs de l'équipe de design Taotian et des établissements d'enseignement partenaires.","team.publish.a.book.paragraph24":"C'est un film noir comique à la fois personnel et engagé, centré sur la lutte pour le pouvoir entre les héritiers d'un chef de la mafia japonaise vivant en Chine. Une prise d'otage accidentelle et un accident de voiture soudain viennent brouiller les pistes : l'échange habile entre protagonistes authentiques et faux protagonistes dans le récit fait que la vérité derrière cette histoire, convoitée par plusieurs factions, ne cesse de se redéfinir. Identités, destins et récits s'entremêlent comme les réseaux que notre monde contemporain a construits — réseaux sans cesse nommés, remplacés ou exploités. À quel moment sommes-nous plongés au cœur du jeu, et à quel moment nous tenons-nous à l'écart, observant tout cela depuis l'extérieur ?","products.aiagent.title2":"Page d'accueil","team.publish.a.book.paragraph25":"Comment créons-nous ?","products.aiagent.title7":"Consultation des cas","team.publish.a.book.paragraph22":"Les trois courts métrages, bien qu’aux styles très différents, tournent tous autour d’un même thème central : comment l’être humain peut trouver sa place entre réalité et illusion lorsqu’il est confronté à l’inconnu, à la solitude ou à l’oppression de la société.","products.aiagent.title8":"Base de connaissances en arrière-plan","team.publish.a.book.paragraph23":"« L'Étranger Je survivrai », 2025","footer.downloadAndScanWithWeChat":"Téléchargez et scannez le code QR avec WeChat.","header.careers":"Recrutement","products.aiagent.title5":"Analyse d'étude de recherche","team.publish.a.book.paragraph20":"Le film est un recueil de trois courts métrages, composé de trois récits indépendants mais aux atmosphères se faisant écho les uns aux autres. Chaque histoire brouille la frontière entre réalité et imagination, explorant ainsi les limites de la nature humaine, de la mémoire et de l'existence.","products.aiagent.title6":"Requête de normalisation","team.publish.a.book.paragraph21":"Le premier épisode, « L'Homme sur la colline artificielle », est présenté sous forme de faux documentaire. On suit un groupe de voyageurs à la recherche d'un médium jusqu'à ce que, au bout du parcours, le point de vue se déplace hors de l'écran : c'est alors que le spectateur réalise soudain qu'il est lui-même le fantôme dont les voyageurs rêvent jour et nuit. Le deuxième épisode, « La Grenade », est un thriller psychologique qui aborde l'anxiété et l'altération du pouvoir à l'ère d'Internet. Une jeune fille sourde et muette, soumise à la pression des structures capitalistes et du flux constant de données, recourt à une intelligence artificielle générative pour transformer ses fantasmes en réalité... mais elle sombre peu à peu dans l'illusion et la violence. Le troisième épisode, « Jour de ciel clair », est une histoire fantastique pleine de chaleur. Le soir du réveillon, le père défunt possède temporairement la meilleure amie de sa fille, revenant ainsi, durant un temps limité, au sein de la famille pour tenter de réconforter sa fille, perdue dans la solitude et la dépression au milieu de la société.","products.aiagent.title9":"Ajouter une branche de la généalogie des connaissances","research.taobaoInteractiveGame.motionGraph":"Atlas des effets de mouvement pour jeux interactifs","home.joinUsTitle":"Rejoignez-nous\nCréez des designs encore meilleurs","research.all.the.articles.paragraph122":"Authenticité : Les matériaux des objets générés doivent respecter les lois de la réalité.","research.all.the.articles.paragraph121":"Ces déviations peuvent entraîner des erreurs dans la génération d'images par l'IA, rendant difficile la simulation précise des détails du monde réel.","research.all.the.articles.paragraph120":"Les modèles d'IA eux-mêmes sont sujets à des biais ; lorsqu'ils apprennent à générer des textures, ils ont tendance à imiter plus facilement certains styles ou caractéristiques spécifiques. Par exemple, si un modèle apprend à générer des images de paysages et privilégie les images avec ciel bleu et nuages blancs, les résultats générés risquent de manquer de diversité et ne refléter que certaines perspectives ou préjugés présents dans les données d'entraînement.","research.all.the.articles.paragraph126":"Texture rugueuse : La surface est irrégulière, la lumière se diffuse facilement, ce qui donne un effet doux, comme dans les matériaux tels que le bois ou le ciment.","research.all.the.articles.paragraph125":"Texture lisse : La surface est plane, la lumière se réfléchit facilement, produisant un effet brillant, comme sur les matériaux tels que le métal ou le verre.","research.all.the.articles.paragraph124":"Dans le monde réel, les matériaux présentent une grande variété de textures différentes ; ces différences rendent les objets visuellement plus réalistes et plus vivants. Les types de textures couramment rencontrés comprennent les cinq catégories suivantes.","research.all.the.articles.paragraph123":"Effets de matériaux : Les effets de matériaux doivent correspondre aux réalités du monde réel et respecter les relations appropriées, afin d'éviter toute anomalie matérielle. Dans le contexte du commerce électronique, un choix judicieux des matériaux peut renforcer la crédibilité et l'objectivité des images générées. Les matériaux permettent de transmettre les caractéristiques physiques et les propriétés tactiles des objets ; ceux-ci doivent être cohérents avec leurs matériaux correspondants, par exemple en ce qui concerne la texture environnementale (simulation d'environnements naturels et variations de lumière) ou la texture de la peau humaine (représentation précise des textures et détails cutanés). Il convient d'éviter tout effet anormal des matériaux, qui pourrait entraîner une impression visuelle artificielle ou inexacte.","research.all.the.articles.paragraph129":"Texture rigide : Donne une impression de solidité et de robustesse, comme les matériaux tels que la pierre ou l'acier.","footer.sloganTechnology":"Technologie","research.all.the.articles.paragraph128":"Texture douce : procure une sensation de douceur et de confort, comme les matières telles que le coton ou la soie.","research.all.the.articles.paragraph127":"Texture transparente : elle laisse passer la lumière et offre un effet translucide, semblable à celui de l'eau ou du verre.","team.publish.a.book.paragraph39":"Le scénario met l'accent sur l'histoire elle-même, sur le déroulement de l'intrigue, sur les dialogues des personnages, sur les motivations et les relations entre les personnages ainsi que sur la logique globale. Le storyboard réinterprétera une nouvelle fois l'histoire, en décomposant et en réinventant le contenu du scénario sous forme audiovisuelle.","team.publish.a.book.paragraph37":"Au stade préparatoire, l'accent est principalement mis sur la définition de l'univers du monde et le développement du scénario. Nous organisons des séances de discussion sur le scénario, durant lesquelles plusieurs thèmes sont élaborés et sélectionnés. À ce stade, l'éditeur et le producteur prennent les décisions finales. Les membres clés de l'équipe créative procèdent au casting et identifient parmi l'équipe de conception les candidats qui correspondent parfaitement aux rôles. Étant donné que le lieu de tournage est limité aux environs de Hangzhou, dès la phase de discussion sur le scénario, les repérages artistiques commencent simultanément ; ainsi, l'organisation des décors et le déroulement de l'intrigue sont étroitement liés. La phase intermédiaire du tournage constitue la période la plus intensive : chaque jour, le réalisateur établit un plan de tournage précis, et les équipes chargées de la photographie, de l'éclairage, des accessoires, du plateau, ainsi que les acteurs et les régisseurs collaborent étroitement avec lui pour mettre en œuvre chaque plan. Enfin, lors de la post-production finale, nous recourons massivement à des effets visuels, à la conception sonore, au mixage et à la colorimétrie, tout en intégrant des technologies d'intelligence artificielle appliquées à la vidéo. C'est également à cette étape que s'achèvent l'art graphique du film, les affiches, les invitations, les supports de promotion ainsi que les cadeaux liés au projet.","team.publish.a.book.paragraph38":"De l'écriture du scénario au storyboard","team.publish.a.book.paragraph35":"Nous simplifions le processus de distribution des films industriels pour favoriser la création ; bien que notre équipe soit petite, elle possède toutes les compétences nécessaires. Avec un cycle de création global d'à peine plus de trois mois — nous commençons à préparer le film fin octobre chaque année — nous passons par les étapes suivantes :","team.publish.a.book.paragraph36":"Répartition modulaire de l'équipe","team.publish.a.book.paragraph33":"Comment créons-nous ?","team.publish.a.book.paragraph34":"Le charme précieux de la production cinématographique réside justement dans le fait qu'elle se déroule toujours sous les contraintes multiples du temps, du budget et des conditions réelles. Les créateurs doivent sans cesse mobiliser leur imagination pour trouver des moyens plus précis, plus originaux et plus créatifs afin de surmonter les défis artistiques et d'ouvrir des voies d'expression innovantes et pleines de style. Et c'est précisément là que réside le côté le plus fascinant de la création artistique.","team.publish.a.book.paragraph31":"Le scénario met l'accent sur l'histoire elle-même, sur le déroulement de l'intrigue, sur les dialogues des personnages, sur les motivations et les relations entre les personnages ainsi que sur la logique globale. Le storyboard réorganisera une nouvelle fois l'histoire, en décomposant et en réinventant le contenu du scénario sous forme audiovisuelle.","team.publish.a.book.paragraph32":"Conception narrative pour la progression du scénario de « L'Étranger »","team.publish.a.book.paragraph30":"De l'écriture du scénario au storyboard","careers.socialJob10Years":"3 ans","research.all.the.articles.paragraph111":"Relation entre clair et sombre : Les couleurs des produits et de l'environnement doivent rester cohérentes, et le sujet principal doit s'harmoniser avec le décor. Dans les images générées par l'intelligence artificielle pour le e-commerce, les tons clairs et sombres influencent la perception globale et l'ambiance grâce à leur répartition dans l'image ainsi qu'à l'accentuation des hautes lumières et des ombres. En matière d'esthétique des images générées, il est essentiel de veiller à l'homogénéité des tons clairs et sombres entre le sujet principal et l'arrière-plan, afin d'éviter toute rupture dans la relation clair-sombre. Les images aux tons clairs créent généralement une atmosphère lumineuse et légère, idéales pour exprimer des émotions positives et optimistes ; elles mettent bien en valeur les détails, rendent plus nettes les textures et les formes des objets, et confèrent un effet léger et transparent. À l'inverse, les images aux tons sombres évoquent une sensation de sobriété et de mystère, parfaites pour les produits aux thèmes sérieux. Leur atout réside dans leur capacité à mettre en avant les zones d'ombre, à créer un fort contraste et une profondeur saisissante, et à renforcer la saturation des couleurs, produisant ainsi un impact visuel puissant dans certains contextes. C'est pourquoi il convient, en comprenant bien les différents tons clairs et sombres, de juger judicieusement de l'homogénéité de la relation clair-sombre dans les images générées par l'IA, afin d'obtenir le résultat visuel optimal pour vos produits.","research.taobaoInteractiveGame.uiGraph":"Atlas de l'interface utilisateur des jeux interactifs","research.all.the.articles.paragraph115":"Biais de données","research.all.the.articles.paragraph114":"Dans l'esthétique de la génération d'images par IA, il convient de choisir des teintes appropriées en fonction des caractéristiques du produit et de maintenir une harmonie entre le chaud et le froid dans la relation entre le sujet principal et l'arrière-plan, afin de transmettre efficacement les émotions et l'atmosphère souhaitées. Les images générées par IA sont généralement formées sur la base d'un vaste ensemble de données issues d'images du monde réel ; toutefois, en raison d'imperfections liées à la collecte des données, au choix du modèle ou à l'étiquetage manuel, les résultats de formation peuvent présenter les biais suivants.","research.all.the.articles.paragraph113":"Texture","research.all.the.articles.paragraph112":"Relation entre chaleur et fraîcheur : Il convient d'équilibrer les tendances chaudes et froides des couleurs dans l'image. Dans le cadre de la génération d'images de produits pour le commerce électronique par IA, la relation entre chaleur et fraîcheur désigne la répartition principale des couleurs dans l'image. Les images de produits doivent veiller à ce que la tendance globale des couleurs soit harmonieuse, afin d'éviter tout sentiment de décalage ou de rupture. Les teintes froides évoquent souvent une ambiance calme et détendue, idéales pour les environnements frais ou les atmosphères fraîches ; leur capacité à créer une sensation de distance renforce l'impression de profondeur entre premier plan et arrière-plan, contribuant efficacement à instaurer un effet de profondeur et d'espace. Elles s'associent particulièrement bien à des thèmes de produits évoquant la méditation ou la sérénité. En revanche, les teintes chaudes transmettent généralement chaleur et vitalité, attirant plus facilement l'attention du spectateur. Elles sont parfaites pour mettre en avant le sujet principal ou renforcer l'attrait visuel, et elles ont souvent un effet plus chaleureux sur les images de personnes, constituant ainsi un choix idéal pour exprimer enthousiasme et dynamisme.","research.all.the.articles.paragraph119":"Biais du modèle","research.all.the.articles.paragraph118":"Pendant le processus d'étiquetage des données, des erreurs ou des inexactitudes peuvent survenir en raison de facteurs subjectifs. Par exemple, si un objet dans une image est étiqueté par erreur, l'IA produira également une image erronée lorsqu'elle générera l'image.","research.all.the.articles.paragraph117":"Biais d'étiquetage","footer.sloganFuturistic":"Avenir","research.all.the.articles.paragraph116":"Les ensembles de données utilisés pour entraîner les modèles d'IA proviennent majoritairement du monde réel, et ce monde réel lui-même est sujet à des biais. Par exemple, la proportion de personnes de race blanche dans la réalité est plus élevée ; ces biais se transmettent aux données d'entraînement, ce qui fait que l'IA a tendance à générer plus facilement des représentations de personnes de race blanche, en négligeant d'autres groupes ou contextes.","team.publish.a.book.paragraph48":"La fabrication de produits dérivés cinématographiques constitue une autre forme tangible d'expression de l'histoire. Lorsque l'histoire est fictive, qu'est-ce que le spectateur peut emporter avec lui ?","team.publish.a.book.paragraph49":"Au cours des trois années de notre festival de cinéma, nous avons créé des objets souvenirs et cadeaux inspirés par les accessoires emblématiques ou particulièrement marquants des films, afin de raviver chez le public sortant des souvenirs vivaces liés à l'œuvre. Par exemple, pour « Au revoir Katie » lors de la première année, nous avons utilisé la cantine en fer issue du film : ce support évoque directement les années 1980. En y glissant un calendrier contenant les répliques des personnages, chaque membre de l'équipe qui ouvre cette cantine ne découvre pas seulement une douce nostalgie propre au film, mais aussi des scènes particulièrement saisissantes et des réflexions profondes sur la vie. Quant à « Contes d'esprits », nous avons traduit dans la troisième épisode l'idée d'une réunion familiale solide et chaleureuse grâce au panier à baozi. L'utilisation d'objets typiquement chinois comme supports n'a guère besoin d'être explicitée : ces supports narratifs apportent une dimension sémantique supplémentaire par rapport aux simples boîtes en carton ou coffrets classiques. Avec « L'Étranger », nous avons conçu une boîte de jeu de l'oie mettant en scène les intrigues et les confrontations multiples propres à l'histoire, intégrées aux règles traditionnelles de ce jeu d'enfance. Ainsi, lorsque chacun joue à ce jeu de l'oie durant la période du Nouvel An, il peut partager avec sa famille et ses amis des moments inoubliables et pleins de convivialité.","team.publish.a.book.paragraph46":"Affiche conceptuelle de l'art graphique du film « Contes d'horreur »","team.publish.a.book.paragraph47":"Affiche conceptuelle de l'art décoratif du film « L'Étranger »","team.publish.a.book.paragraph44":"Promotion cinématographique et fabrication de produits dérivés","team.publish.a.book.paragraph45":"Bien qu'il s'agisse d'un film destiné à l'équipe interne, nous avons tout de même maintenu la production et la diffusion du poster conceptuel ainsi que du poster officiel de sortie. Le poster conceptuel est davantage marqué par l'identité de l'auteur ; il utilise des décors ou des images pour mettre en scène le concept initial que le film cherchait à exprimer. En revanche, le poster officiel présente un caractère plus commercial et sert, lors de la projection du film, de préambule permettant au public d'entrer dans l'histoire.","team.publish.a.book.paragraph42":"La conception des effets spéciaux cinématographiques est intégrée à la phase de postproduction, après l'achèvement du tournage. Pour certains plans complexes, le réalisateur et l'équipe de tournage prévoient à l'avance les éléments nécessaires aux effets spéciaux, qu'il s'agisse de fonds verts ou d'effets spéciaux sur le plateau. Ces éléments sont ensuite réalisés en postproduction dans leur ensemble, par exemple les explosions dans les grandes scènes, la composition avec fond vert ou encore le montage des positions des personnages.","team.publish.a.book.paragraph43":"Références pour la conception artistique de « L'Étranger »","team.publish.a.book.paragraph40":"Art du cinéma","careers.internJob3Team":"Groupe Taotian","careers.socialJob6Date":"2026.02.24","team.publish.a.book.paragraph41":"L'équipe des décors sur le plateau se divise principalement en deux grandes fonctions : la conception des environnements et la conception des personnages. La conception des environnements intervient dès les premières étapes de l'écriture du scénario et de la réalisation des storyboards ; l'assistant décorateur, accompagné du réalisateur et du scénariste, planifie ensemble où et quand l'action doit se dérouler. Le choix des lieux de tournage ne se limite pas seulement à répondre aux exigences visuelles de l'intrigue ; il doit également offrir au réalisateur une marge de manœuvre quant à la mise en scène et aux déplacements des acteurs. En fonction de l'ambiance spécifique de chaque séquence cinématographique, on sélectionne le moment idéal pour construire ou peindre les décors. Quant à la conception des personnages, elle entre en jeu lors du casting et de l'exécution concrète des storyboards. Elle englobe la création des costumes et l'élaboration du look des personnages. Le style d'un personnage est déterminé par sa personnalité et son rôle dans l'intrigue. La fabrication et l'achat des accessoires constituent également un maillon essentiel reliant le personnage à l'authenticité du décor. Par exemple, dans « Au revoir Katie », le personnage principal est mis en valeur grâce à la conception de son vieux blouson, de ses outils de vélo ainsi qu'à l'association avec ses amis, jeunes marginaux issus de milieux sociaux défavorisés, ce qui permet de visualiser clairement sa place dans la société. Dans « Contes de fantômes », le personnage de Li Mo, jeune fille sourde et muette devenue influenceuse professionnelle, a été doté d'une coiffure courte et soignée de couleur rose, complétée par des écouteurs conçus pour masquer sa voix, afin de traduire sa profonde ambivalence intérieure. Dans « L'Étranger », les tenues et coiffures contrastées de Xiao Ju et Rinco mettent en évidence le contraste saisissant résultant du changement de leur double.","careers.title":"Poste","research.all.the.articles.paragraph140":"Modèle de style","research.taobaoInteractiveGame.artGraphApplication":"Atlas du style artistique des jeux interactifs en pratique","products.aiagent.title12":"Nettoyage des connaissances","research.all.the.articles.paragraph144":"382,0 Mo","products.aiagent.title13":"Prise en charge de plusieurs formats","research.all.the.articles.paragraph143":"Normes esthétiques des produits Guomei x Alibaba","products.aiagent.title10":"Connaissances sous la nouvelle branche","research.all.the.articles.paragraph142":"Forum et exposition D20","research.all.the.articles.paragraph141":"Génération de scènes","careers.socialJob1Location":"Hangzhou","careers.socialJob5Desc":"Responsable du design d'expérience pour les secteurs clés de Xianyu, je conçois des expériences de transaction spécifiques et des expressions de valeur commerciale adaptées aux caractéristiques propres à chaque secteur, contribuant ainsi à établir une image forte et distinctive de ces secteurs. Je m'immerge profondément dans les activités commerciales, décompose les stratégies de conception depuis le point de vue de l'utilisateur, et propose des solutions de conception granulaires en intégrant données et stratégies produit, apportant ainsi une valeur conceptuelle essentielle à la réalisation des objectifs globaux. Je suis attentif aux tendances et aux évolutions de l'environnement externe, maintiens un suivi et une analyse rigoureuse de la concurrence, et suis capable de concevoir des innovations encore plus pertinentes dans le cadre des scénarios de Xianyu.","careers.internJob3Years":"Stage","home.award7Title":"Médaille d'or MUSE Platinum & Prix d'or du Design de Berlin","team.publish.a.book.paragraph59":"Cet atelier constitue une extension proactive des frontières de l'enseignement du design, visant à former la prochaine génération d'innovateurs en design capables de maîtriser la complexité et de définir les expériences de demain. La structure du programme reflète un mariage subtil entre une formation académique rigoureuse et des pratiques industrielles de pointe.","home.award6Desc":"Conception complète de la marque pour le Double 11 2025 sur Tmall","team.publish.a.book.paragraph57":"Niveau d'architecture (Cadrer l'intervention) : À partir d'insights approfondis, guider les étudiants dans la construction d'un cadre stratégique pour l'expérience. Cela inclut la définition des propositions centrales de conception, la planification de l'écosystème des points de contact avec le service, ainsi que l'établissement d'indicateurs de mesure de l'expérience. Le cours met l'accent sur la logique, la cohérence et l'évolutivité de l'expérience, veillant à ce que la solution de conception ne soit pas une idée isolée, mais bien une solution systématisée capable d'être intégrée aux activités existantes et de créer de la valeur nouvelle.","team.publish.a.book.paragraph58":"Niveau de validation (Prouver la valeur) : Promouvoir la transformation des concepts de design en valeurs vérifiables. Les étudiants apprendront à concevoir des prototypes interactifs de haute fidélité et à effectuer une validation préliminaire de l'utilisabilité, de l'acceptabilité et de la viabilité commerciale du projet de design au moyen de storyboards contextualisés, de simulations d'implémentation de points de données et de retours issus de tests utilisateurs, réalisant ainsi le passage crucial de « l'idée conceptuelle » à « l'hypothèse de valeur ».","team.publish.a.book.paragraph55":"En prenant comme points d'entrée approfondis les trois scénarios commerciaux numériques centraux — « diffusion en direct, abonnements et interactivité » —, le contenu des cours vise à dépasser les simples améliorations esthétiques ou l'addition de fonctionnalités traditionnelles, afin de mettre en place une boucle complète d'enseignement et de recherche allant « de la manifestation à l'essence, de la stratégie à la validation ». La conception du contenu des cours se divise en trois niveaux étroitement liés :","footer.sloganCreative":"Créativité","team.publish.a.book.paragraph56":"Niveau de perception (Voir le système) : Guidez les étudiants à travers les apparences des données et des comportements, en utilisant des outils tels que la carte du parcours utilisateur, l'analyse des motivations comportementales et le business canvas, afin de décomposer systémiquement les modèles mentaux des utilisateurs, la logique commerciale des plateformes et les relations d'interaction sociale qui se cachent derrière chaque scénario. Par exemple, dans le cas du « streaming en direct », on analysera non seulement le taux de clics sur les boutons d'interaction, mais aussi les mécanismes cognitifs et les liens émotionnels sous-jacents à la « sensation d'immersion » et à « l'impulsion immédiate à consommer ».","home.research1Title":"Construire une connaissance interne en matière de design au sein de l'entreprise afin de générer des interfaces produits conformes aux normes.","products.aiagent.title14":"Essayez dès maintenant","team.publish.a.book.paragraph53":"Nous ne savions pas à l'avance combien de temps une chose pourrait durer. Au fil des années passées, nous avons laissé derrière nous un patrimoine visuel témoignant de notre croissance commune. Peut-être que dans un avenir proche, nous parviendrons à concrétiser nos aspirations grâce à de nouvelles formes artistiques et à des capacités technologiques améliorées ; mais ce qui ne changera jamais, c'est notre volonté constante d'exprimer ce que nous ressentons et notre détermination inébranlable à poser avec sincérité des questions sur la vie elle-même. Nous conserverons cette passion ardente qui rassemble ceux qui cheminent avec nous sur le chemin du futur.","team.publish.a.book.paragraph54":"Collaboration entre l'université et l'entreprise : Guomei × Design Taobao","team.publish.a.book.paragraph51":"Photo de personnage de cadeau pour la série de films","careers.socialJob3Title":"Spécialiste senior de la recherche utilisateur – Taobao","team.publish.a.book.paragraph52":"Postface","team.publish.a.book.paragraph50":"Photo de présentation des cadeaux de « Contes d'horreur »","research.all.the.articles.paragraph133":"Conditions d'éclairage : L'éclairage influence la représentation de la texture ; différentes conditions d'éclairage entraînent des variations dans la texture des objets. Sous une lumière intense, la texture est plus prononcée ; sous une lumière faible, elle est plus douce.","research.design.system.specification.paragraph":"La spécification du système de design est composée de deux types d'objets de connaissances et de trois types de fichiers. {{bold}}Les deux types d'objets de connaissances se divisent en styles et en pages{{/bold}}, les styles étant eux-mêmes subdivisés en quatre catégories : éléments, mise en page, composants et ressources. Chacune de ces catégories d'objets de connaissances comprend également {{bold}}trois types de fichiers : règles sémantiques, schémas de mappage et implémentations de code{{/bold}}.","research.all.the.articles.paragraph132":"Texture de surface : La texture de surface est un moyen essentiel de représenter la matière ; des textures différentes engendrent des impressions visuelles et tactiles distinctes. Une surface lisse procure généralement une sensation d'aspect brillant et lisse, tandis qu'une surface rugueuse offre une impression de robustesse et de richesse tactile.","research.all.the.articles.paragraph131":"Propriétés physiques : Différents matériaux présentent des propriétés physiques distinctes (telles que la densité, la dureté, la brillance, etc.). La forme et la texture des objets doivent être cohérentes avec leur position et leur environnement afin d'assurer une uniformité. Par exemple, sur une surface plane, la forme du matériau doit être lisse et symétrique ; sur une surface irrégulière, il convient de tenir compte des reliefs ou des creux pour qu'ils s'intègrent harmonieusement à l'environnement.","research.all.the.articles.paragraph130":"Pour que la texture corresponde aux matériaux du monde réel, il convient de prendre en compte les trois aspects suivants","research.all.the.articles.paragraph137":"Détail de la texture : Plus le ratio de texture se rapproche de 100 %, plus les détails de l'image de texture sont complets et précis.","research.all.the.articles.paragraph136":"Clarté de la texture : Plus le ratio de texture se rapproche de 100 %, plus l'image de texture apparaît nette sur la surface de l'objet.","research.all.the.articles.paragraph135":"La proportion de la texture influence les aspects suivants de la texture de l'image générée","research.all.the.articles.paragraph134":"Proportion des matériaux : Il convient d'harmoniser la proportion et la taille des textures par rapport aux objets eux-mêmes, afin d'aider le spectateur à acquérir une perception correcte des dimensions réelles des formes. La proportion des textures d'un objet correspond au rapport entre la largeur et la hauteur de l'image texturée et les dimensions en longueur et en largeur de la surface de l'objet. Une représentation correcte de cette proportion rend l'objet plus réaliste et naturel ; une proportion trop faible entraîne la perte de détails texturaux, tandis qu'une proportion trop élevée provoque une distorsion de la texture.","research.using.color.as.an":"En prenant la couleur comme exemple, la figure ci-dessous illustre la transformation des artefacts de conception en trois types de fichiers : règles sémantiques, schémas de mappage et implémentations de code.","research.all.the.articles.paragraph139":"La proportion harmonieuse des textures d'un objet joue un rôle essentiel dans l'apparence globale et la perception de ses proportions. Lorsqu'il perçoit un objet, le système visuel humain se fonde sur la texture pour évaluer sa taille. Par exemple, si la texture du bois du gobelet sur l'image est fine et délicate, le spectateur aura tendance à considérer l'objet comme étant de petite taille ; à l'inverse, si la texture du parquet est grossière et inharmonieuse par rapport aux autres éléments, le spectateur pourrait avoir une perception erronée de la taille réelle de l'objet. La proportion des textures d'un objet constitue un facteur crucial qui influence l'effet visuel ; il convient donc d'harmoniser les proportions des matériaux entre eux afin qu'elles correspondent aux dimensions réelles. Dans les applications pratiques, la présentation de ces proportions de texture doit être adaptée en fonction du contexte spécifique et des besoins particuliers.","research.all.the.articles.paragraph138":"Effet visuel des textures : Plus la proportion de la texture se rapproche de 100 %, plus l'effet visuel de la texture sur la surface de l'objet est réaliste.","research.all.the.articles.name019":"Yujian Wen","research.all.the.articles.name018":"Yang Qian","careers.socialJob12Location":"Hangzhou","team.publish.a.book.paragraph68":"À mesure que la complexité et l'homogénéité des produits s'intensifient, le cœur du design passe de la « compétitivité visuelle » à la « détermination par l'expérience » — à une époque où les utilisateurs disposent de multiples options, l'expérience elle-même devient le facteur différenciant clé. Face à un environnement d'attention fragmenté, « comment transmettre l'information de manière plus simple, directe et intuitive » reste une préoccupation constante pour les concepteurs.","team.publish.a.book.paragraph69":"Dans les divers scénarios d'activité de Taotian, cette idée a été traduite en pratiques concrètes :","research.all.the.articles.name011":"Yunfei Zheng","team.publish.a.book.paragraph66":"Cette phase de préparation n'est pas seulement une rétrospective du projet, mais aussi un changement de mentalité : passer du statut de « apprenant » à celui de « concepteur commercial en réserve », et passer de la création d'œuvres indépendantes à l'intégration dans un maillon essentiel de la chaîne commerciale.","research.all.the.articles.name010":"Zongyan Huang","team.publish.a.book.paragraph67":"Partant d'une perspective historique sur l'évolution du design, Qi Wei met en lumière la relation symbiotique et mutuellement enrichissante entre le design et la technologie — de l'innovation initiale de Xerox aux développements successifs d'Apple et de Microsoft, puis à la création par les entreprises locales Kingsoft et Tencent des premiers équipes professionnelles de design, ce qui marque le passage progressif du design internet, autrefois axé sur « l'embellissement des interfaces », vers une voie systématisée et professionnelle.","research.all.the.articles.name013":"Zhengyang Shi","team.publish.a.book.paragraph64":"« Dans l'ère de l'AIGC, que signifie exactement la « beauté » sur les plateformes de commerce électronique ? », a posé le professeur Zheng Chao lors de sa rétrospective.","research.all.the.articles.name012":"Yijing Liu","team.publish.a.book.paragraph65":"L'équipe de recherche a abandonné l'étiquetage mécanique des images et s'est tournée vers la construction d'un système logique esthétique que l'IA pourrait apprendre — depuis la composition des couleurs et les relations entre les éléments jusqu'à la narration visuelle — transformant ainsi l'esthétique subjective en un langage algorithmique itératif.","research.all.the.articles.name015":"Zhenyu Liao","team.publish.a.book.paragraph62":"L'essence de l'atelier exige que les participants maîtrisent non seulement les paradigmes d'interaction et la communication visuelle, mais aussi qu'ils comprennent l'économie des plateformes, la psychologie de la consommation, la conception de jeux ainsi que les mécanismes de diffusion sociale.","research.all.the.articles.name014":"Xulei Peng","team.publish.a.book.paragraph63":"Le 9 décembre 2025, le professeur Zheng Chao a guidé ses étudiants dans une rétrospective sur la recherche menée en collaboration avec Taotian Group, intitulée « Les principes esthétiques de la génération d'images par l'IA ». Cette démarche ne se résume pas à une simple adaptation technologique ; elle constitue plutôt une réflexion philosophique sur la question suivante : « La beauté peut-elle être définie et comprise par une machine ? »","research.all.the.articles.name017":"Zhenyu Niu","team.publish.a.book.paragraph60":"Au cours de trois semaines d'immersion intensive, les participants traverseront trois étapes progressives : « Découverte et définition, exploration et conception, approfondissement et livraison », afin de mener à bien un exercice explicite de la pensée design et de réorganiser leur perception. Nous mettons l'accent sur la capacité à « cadrer le problème » dans le cadre de contraintes commerciales réelles, en guidant les participants à recourir à des méthodes telles que l'expérience utilisateur, la logique comportementale et l'analyse interactiva pour, au-delà des apparences des données, saisir les modèles cognitifs profonds et les motivations sous-jacentes du comportement des utilisateurs.","research.all.the.articles.name016":"Qi Sun","team.publish.a.book.paragraph61":"Par exemple, dans le cadre de la proposition « Rendre plus jeune la connexion par les enveloppes rouges », il convient d'intégrer la théorie du design comportemental et la théorie de l'incitation afin de créer une boucle de participation durable. Dans le projet « Révision de la diffusion en direct », il s'agit, quant à lui, d'équilibrer le classique triptyque paradoxal composé de narration immersive, de présence sociale en temps réel et d'efficacité en termes de conversion commerciale.","careers.socialJob10Team":"Groupe Taotian","team.publish.a.book.paragraph70":"Construire un état d'esprit professionnel en direct,","careers.socialJob12Title":"Concepteur d'expériences – Conception pour le commerce électronique en direct","team.publish.a.book.paragraph002":"En synthétisant l'expérience et les pratiques du design sur Taobao dans des situations réelles de travail, nous ne cessons d'élargir les frontières du design, en mettant davantage l'accent sur la profondeur et la valeur de celui-ci. À partir de scénarios concrets issus du terrain, nous examinons quelles compétences en matière de design sont véritablement nécessaires. À l'ère de l'IA, comment la pensée design connaît-elle actuellement une transformation et une évolution sans précédent ? Si vous êtes engagé dans l'apprentissage quotidien du design d'expérience, en pleine préparation pour postuler dans de grandes entreprises ou en pleine réflexion sur votre orientation professionnelle... chacun des témoins présents dans cet ouvrage vous apportera des réponses concrètes et authentiques.","article.wreading.time":"min de lecture","research.for.enterprise.design.teams":"Pour les équipes de conception d'entreprise,{{bold}} l'objectif principal est de créer des interfaces de produits qui respectent fidèlement les normes de conception internes{{bold}}. Cependant, les solutions actuelles présentent des lacunes importantes. La première catégorie manque d'accès aux connaissances propriétaires en matière de systèmes de conception d'entreprise, non disponibles en open source, ainsi qu'aux règles correspondantes de mappage entre la conception et le code. La seconde, bien qu'elle soit connectée aux composants et aux tokens de design, ne dispose pas de la capacité de prendre en charge des directives sémantiques plus riches, des cas de design soigneusement sélectionnés et des workflows personnalisés orientés par la demande – capacités qui permettent à l'intelligence artificielle de récupérer, comprendre et appliquer plus exhaustivement les connaissances en matière de design. Parallèlement, la plupart des organisations de conception d'entreprise disposent souvent de mappages incomplets ou mal maintenus entre la conception et le code. Leurs directives sont généralement rédigées pour des lecteurs humains et stockées séparément des fichiers sources de conception, ce qui rend leur intégration, leur analyse et leur utilisation complètes par les systèmes d'IA particulièrement difficiles. En conséquence, les résultats générés par l'IA restent souvent en deçà des attentes.","products.official.website.introduction.paragraph6":"Page d'accueil","products.official.website.introduction.paragraph7":"Barre latérale conforme à la structure de connaissances du système de conception","products.official.website.introduction.paragraph8":"Unité de connaissances","team.publish.a.book.paragraph79":"Dans son partage sur la conception en marketing de marque, Xiaobing a souligné que le cœur du design réside dans le passage d'une « pensée étudiante » à une « pensée commerciale » — autrement dit, d'une expression centrée sur l'esthétique personnelle vers une communication axée sur le produit et l'utilisateur.","products.official.website.introduction.paragraph9":"Changement de règles pour l'IA","team.publish.a.book.paragraph77":"En pratique, nous préconisons une analyse approfondie des produits concurrents, des inspections d'expérience et des enquêtes sur l'opinion publique afin de diagnostiquer en profondeur les problèmes d'expérience. Nous adherons à la démarche « Analyse → Stratégie → Expression », afin que l'innovation en matière de design reste toujours fondée sur le respect des habitudes des utilisateurs et sur un consensus commercial.","team.publish.a.book.paragraph78":"Une conception de qualité se reflète avant tout dans la rationalité et la rigueur logique des liaisons, plutôt que dans une simple apparence visuelle.","team.publish.a.book.paragraph75":"Proposer un cadre tridimensionnel « utilisateur, lien, nœud » pour faire passer la conception d'une simple embellissement de l'interface à la construction d'une expérience systémique.","team.publish.a.book.paragraph76":"Cette méthodologie reste toujours centrée sur « ce que les utilisateurs veulent », mettant l'accent sur l'analyse des points d'entrée pour dégager des insights prévisionnels et concevoir ainsi de manière dynamique la présentation des pages. Sur la base d'une compréhension claire du parcours utilisateur, il convient d'élaborer une mission principale simple et fluide, tout en concevant avec modération les actions secondaires telles que les enveloppes rouges et les guides, tout en veillant à un agencement rationnel de l'architecture informationnelle à chaque étape.","team.publish.a.book.paragraph73":"Chivi souligne toujours que l'essence du design réside dans la compréhension et la résolution des préoccupations des utilisateurs, ainsi que dans la recherche d'un équilibre entre les objectifs commerciaux et la valeur de l'expérience, car « les consommateurs ne viennent pas sur une plateforme pour admirer le design, mais pour accéder au contenu ».","research.knowledge.retrieval.agent.configuration":"Configuration de l'agent de récupération des connaissances (extrait)","team.publish.a.book.paragraph74":"Ceci représente à la fois une maturité en matière de pensée design et une sagesse commerciale qui s'est accumulée.","team.publish.a.book.paragraph71":"Créer un sentiment d'exclusivité dans le système d'adhésion,","team.publish.a.book.paragraph72":"Intégrer une narration ludique dans l'interaction.","team.publish.a.book.paragraph80":"La conception commerciale ne se limite pas à une simple présentation visuelle ; elle constitue plutôt un dialogue continu avec les utilisateurs, dont l'objectif est de stimuler efficacement le comportement des utilisateurs grâce au design et de réaliser des objectifs commerciaux clairs. Dans la pratique, cela exige que les concepteurs possèdent une capacité d'itération rapide et de validation en temps réel. Par exemple, lors de grandes campagnes telles que « Double 11 », il s'agit de mettre en place un circuit fermé intégrant l'ensemble du processus, depuis la stratégie de marque et la communication visuelle jusqu'à la diffusion sur différents médias et au retour d'information basé sur les données, afin de veiller à ce que chaque étape soit étroitement centrée sur la question : « Comment les utilisateurs perçoivent-ils et comment agissent-ils ? ». Ainsi, le design pourra véritablement jouer son rôle dans le système commercial.","team.publish.a.book.paragraph81":"« Autrefois, lorsqu'on concevait une recherche, on se concentrait sur la conception d'une page de résultats ; aujourd'hui, avec la recherche IA, c'est l'ensemble des règles régissant le contenu généré par l'IA que nous concevons. » Cette phrase de Qunjian met en évidence le changement fondamental dans la conception de la recherche IA chez Taotian : passer de la conception d'une « interface » à celle de « règles ». À cette fin, l'équipe a subdivisé finement les intentions des utilisateurs en quatre types distincts – connaissances, guides, comparaisons et recommandations – et a élaboré pour chacun de ces types un « modèle de réponse » spécifique.","products.button.restrictions":"Bientôt accessible","research.machine.interpretable.design.system":"Connaissance de la spécification du système de conception interprétable par machine","careers.socialJob4Location":"Hangzhou","research.page.knowledge.is.organized":"La connaissance des pages est organisée en unités telles que parcours centraux, canaux de guide d'achat, produits interactifs, lieux de campagnes marketing et expériences B2B. Elle peut être subdivisée davantage en types de pages de deuxième niveau. En tant qu'objet de planification de plus haut niveau, elle fournit une structure explicite de page, une composition par composants ainsi qu'une logique de remplissage du contenu. Ses règles sémantiques comprennent la définition de la page, les utilisateurs cibles, les conventions de nommage, la hiérarchie structurelle, les états de la page (interaction et visuels), les règles obligatoires et l'utilisation fonctionnelle. La connaissance des pages ne nécessite pas de mise en œuvre codée ; au contraire, elle est composée par le modèle linguistique large grâce à la combinaison de codes de composants, d'actifs et d'éléments. Le schéma de mappage comprend des symboles d'ID, des éléments sémantiques (nom, définition, description), des règles, une structure ainsi que des contraintes (scénarios d'utilisation, interdictions obligatoires et autres). En prenant comme exemple une page de guide d'achat, la figure ci-dessous montre les résultats de la transformation des artefacts de conception en deux types de fichiers : les règles sémantiques et le schéma de mappage.","banner.cameraPleaseAllow":"Veuillez accepter dans votre navigateur.","products.official.website.introduction.paragraph2":"Aller à VersionAI Tmall","products.official.website.introduction.paragraph3":"VersionAI Tmall est un système de design spécialement conçu pour l'application Tmall. Ce système s'adresse non seulement aux designers humains, mais aussi à l'intelligence artificielle. Sa structure de contenu et sa forme d'expression ont été transposées afin que les modèles d'IA puissent lire, rechercher et appliquer les normes de ce système de design. Avec l'aide de l'IA, les utilisateurs peuvent générer des interfaces utilisateur conformes aux normes de design de Tmall à partir de cette base de connaissances, et effectuer ainsi des évaluations de design et des questions-réponses.","research.intent.recognition.agent.configuration":"Configuration de l'agent de reconnaissance des intentions (extrait)","products.official.website.introduction.paragraph4":"En construisant une base de connaissances standardisée pour le système de conception ainsi qu'en générant des workflows multi-agents via l'interface, nous avons mis en place un système de conception d'entreprise complet et adapté à l'IA. Ce système peut être utilisé avec flexibilité dans les environnements IDE et dans divers outils de conception prenant en charge le mode agent, grâce à MCP ou à l'injection contextuelle.","products.official.website.introduction.paragraph5":"Comment utiliser","products.official.website.introduction.paragraph1":"Présentation de VersionAI Tmall","careers.socialJob8Years":"3 ans","team.publish.a.book.paragraph88":"Surtout, il convient de souligner que l'utilisation de la narration comme levier émotionnel permet de transformer des fonctionnalités en récits chargés de chaleur humaine : ainsi, lors de la Fête du Printemps, les « lanternes à vœux » donnent corps aux souhaits en illuminant des lanternes thématiques ; tandis que lors du Double 11, le jeu « Porte du Kung Fu aux pièces d'or » présente l'économie d'argent sous l'angle de la pratique du kung fu. En dotant les actions d'un sens et d'émotions, la conception interactive parvient non seulement à atteindre les objectifs commerciaux, mais aussi à enrichir la valeur de l'expérience utilisateur.","team.publish.a.book.paragraph89":"Lors de sa présentation sur la conception marketing dans le secteur, Xuan'er a abordé, en se concentrant sur l'idée d'« inspiration issue de la vie quotidienne », comment la conception peut devenir un lien intelligent reliant les entreprises, les utilisateurs et les plateformes. Elle a souligné qu'une conception efficace commence par l'équilibre entre des besoins diversifiés et favorise une évolution de la réflexion, passant d'une fonctionnalité ponctuelle à une approche centrée sur le style de vie. L'équipe a structuré la stratégie marketing en trois niveaux : les catégories classiques axées sur les points de vente clés, les solutions spatiales destinées à créer des scénarios spécifiques, et les narrations thématiques chargées de transmettre l'esthétique.","team.publish.a.book.paragraph86":"Dans son partage sur la conception de jeux interactifs, You Shi a exposé en profondeur la philosophie de conception « léger mais addictif ». Il a clairement indiqué que l'interactivité n'est pas une fonction isolée, mais plutôt le maillon essentiel qui relie les expériences suivantes : « accès, navigation, participation, obtention, achat ».","team.publish.a.book.paragraph87":"Pour atteindre cet objectif, Taotian a mis en place un système d'interaction couvrant tous les scénarios : l'interaction marketing génère une forte visibilité, l'interaction quotidienne cultive les habitudes des utilisateurs, l'interaction intégrée au produit soutient l'exploitation des canaux, tandis que l'écosystème de mini-jeux permet d'échanger le trafic. Prenons par exemple le produit de connexion quotidienne : sa conception présente une logique claire en trois niveaux — le fil conducteur se concentre sur le parcours principal, les missions élargissent les limites du comportement, et les voies secondaires répondent à des situations spécifiques, permettant ainsi de créer un rythme d'engagement équilibré et dynamique.","team.publish.a.book.paragraph84":"La stratégie de l'équipe s'adapte avec souplesse en fonction de l'environnement économique : en 2024, face à la contraction des dépenses, elle a adopté un design « à grand affichage », mettant en avant des avantages concrets tels que « 15 % de réduction sur toute la gamme », afin de souligner l'efficacité de l'information et la rapidité perçue ; en 2025, avec la reprise économique, elle a évolué vers le thème « Tout donner pour une vie pleine de couleurs », intégrant l'intelligence artificielle et des capacités écologiques, et se concentrant davantage sur la connexion émotionnelle et mentale à la marque.","team.publish.a.book.paragraph85":"L'arme centrale qui traverse tout le dispositif est le « marteau visuel » — par exemple, le symbole composé du « chat-tête + figures géométriques divergentes » utilisé dans la campagne principale du Double 11. Ce symbole possède une unicité, une adaptabilité à de multiples scénarios et une clarté sémantique. Il se décline en trois versions d'ambiance — forte, moyenne et faible — permettant ainsi une intégration flexible dans tous les contextes, depuis l'image d'accueil jusqu'aux fiches produits. Dans un système complexe, il contribue à établir une expression de marque homogène et extrêmement flexible.","home.award8Title":"Médaille d'argent du Prix mondial de design IAI et Médaille d'or Platine MUSE","team.publish.a.book.paragraph82":"L'essence du design réside dans le fait que la portée de l'intention détermine la manière dont l'information est organisée : une interrogation large requiert l'utilisation de visuels et d'agrégations par catégories pour susciter l'inspiration, tandis qu'une recherche précise met en avant des facteurs décisionnels essentiels tels que les prix et les spécifications techniques. Parallèlement, l'équipe distingue les rôles de dialogue grâce à la couleur, intègre des animations ludiques pour atténuer l'anxiété liée à l'attente, et rend ainsi perceptible le « processus de réflexion » autrefois invisible de l'IA, transformant cette « boîte noire » technologique en une expérience intelligente fluide et pleine d'anticipation.","team.publish.a.book.paragraph83":"Face à la contradiction centrale du design e-commerce : « Ce que le consommateur voit en premier, c'est le prix. Comment éviter que le design n'affecte la perception du prix ? » À partir d'une perspective intégrée de l'ensemble du parcours client, Jason explique comment le design de marque peut maintenir une expression cohérente à chaque point de contact, depuis la publicité hors site jusqu'à la validation du paiement. Dans un environnement à trafic exceptionnel tel que le Double 11, le design doit trouver un équilibre entre la création d'une atmosphère immersive et l'efficacité des transactions — sans noyer les messages clés tout en transmettant la chaleur de la marque.","team.publish.a.book.paragraph91":"Afin de pleinement reconnaître la performance exceptionnelle et les réalisations innovantes des participants dans le cadre du projet, cet atelier a mis en place un mécanisme spécial de récompense : à l'issue de l'évaluation finale, les œuvres sélectionnées comme exemplaires seront honorées par des récompenses matérielles. Trois niveaux de prix sont prévus : le premier prix (2 lauréats) recevra un appareil photo stabilisé DJI ; le deuxième prix (3 lauréats) se verra offrir des écouteurs haute qualité Sony ; le troisième prix (4 lauréats) obtiendra un haut-parleur classique Marshall.","research.design.demand.distribution.chart":"Diagramme de la distribution de la demande en conception","team.publish.a.book.paragraph92":"Cette récompense vise à mettre en avant clairement l'idée selon laquelle « la conception stimule la valeur et l'innovation mérite d'être célébrée », tout en renforçant l'incitation pédagogique à « apprendre pour mettre en pratique et innover pour réussir ». Nous espérons que ces prix, porteurs d'un savoir-faire artisanal et de technologies de pointe, accompagneront les lauréats tout au long de leur parcours de conception futur, leur permettant ainsi de continuer à puiser l'inspiration, à faire entendre leur voix et à consigner leurs idées créatives.","team.publish.a.book.paragraph90":"Pour réaliser cette transformation, l'équipe a mis au point une « formule de design marketing » : la forme et les couleurs véhiculent les impressions de la vie ; la structure et la composition transforment la perception de l'espace ; et les éléments narratifs mettent en scène des contenus ludiques. Grâce à l'intelligence artificielle, ce système créatif s'est encore amélioré pour devenir un « accélérateur » intégré à toute la chaîne de valeur : grâce à l'entraînement du modèle Lora, il est désormais possible de générer massivement des images stylisées ; en appliquant la méthode des « trois images », on obtient des animations anthropomorphiques fluides ; et de nouvelles fonctionnalités telles que « L'outil phare : Mettons-le chez moi » permettent aux utilisateurs de vivre en un clic une expérience de rendu réaliste de scènes authentiques. L'IA est ainsi passée d'un simple outil d'assistance à un partenaire créatif et à un moteur d'efficacité. Elle libère les concepteurs de tâches répétitives, leur permettant ainsi de se concentrer davantage sur la réflexion stratégique et la création émotionnelle, et concrétise véritablement une nouvelle ère du marketing intelligent où « l'inspiration devient transformable, l'expérience devient perceptible et l'efficacité connaît une véritable progression ».","research.spacing.mapping.schema.excerpt":"Schéma de mappage des espacements (Extrait)","careers.internJob2Team":"Groupe Taotian","research.color.mapping.schema.excerpt":"Schéma de cartographie des couleurs (Extrait)","careers.socialJob7Location":"Hangzhou","research.all.the.articles.name022":"Bin Zhu","team.publish.a.book.paragraph99":"Affiche principale et photos de scènes du film « Au revoir, Katie »","home.award5Desc":"HEYLIVE Maison des fans au bord de la mer","research.all.the.articles.name021":"Yao Xiao","research.all.the.articles.name024":"Meixuan Liu","research.this.research.does.not":"Cette recherche ne se limite pas à l'optimisation stylistique ou à l'amélioration locale de l'efficacité. Au contraire, elle tente d'établir une base méthodologique professionnelle pour la conception marketing de Taobao – une base cumulative, transférable et vérifiable. Nous proposons le concept central de la Narration Symbolique : utiliser des symboles visuels universels comme points d'ancrage cognitifs, structurer l'expression comme voie vers la compréhension, et atteindre un haut degré d'unité entre la signification sémantique et la forme visuelle comme critère ultime. Cette approche ne cherche pas la nouveauté pour elle-même, mais vise plutôt à réduire les coûts de traduction cognitive. Elle ne met pas l'accent sur l'accumulation d'éléments visuels, mais privilégie au contraire l'intégration organique de l'information. Elle ne répond pas au désir d'expression du concepteur, mais reste fidèle à la logique perceptuelle et au flux comportemental de l'utilisateur.","team.publish.a.book.paragraph97":"Projet de conception 3 : Enregistrement des enveloppes rouges","research.all.the.articles.name023":"Xiaobing Han","team.publish.a.book.paragraph98":"La philosophie cinématographique de Taotian, ces archives visuelles avec lesquelles nous avons grandi ensemble.","research.all.the.articles.name026":"Yichen Zeng","team.publish.a.book.paragraph95":"Projet de conception 1 : Réaménagement de la salle de diffusion en direct","research.all.the.articles.name025":"Chao Zheng","team.publish.a.book.paragraph96":"Projet de conception 2 : Grand membre","research.all.the.articles.name028":"Bingkun Qiu","team.publish.a.book.paragraph93":"La cérémonie de remise des prix non seulement met un terme cérémonieux à cet atelier, mais symbolise également le début d'un nouveau départ — nous espérons que tous les participants porteront haut cette reconnaissance et ces attentes, continueront à briller sur la scène plus vaste du design et du commerce, et influenceront ainsi l'avenir.","research.all.the.articles.name027":"Yuanzhi Ma","team.publish.a.book.paragraph94":"Travaux d'étudiants","research.the.solution.design.agent":"L'agent de conception de la solution prend le fichier de schéma de connaissances en entrée. Il prend des décisions de conception et produit des instructions de schéma concernant la structure des pages, les types et propriétés des composants, les éléments de style, les modèles d'interaction et les exigences en matière de données et de contenu. Il génère un schéma/devis de conception de la solution et le transmet au prochain agent.","research.icon.mapping.schema.excerpt":"Schéma de cartographie des icônes (Extrait)","research.all.the.articles.name020":"Chenhuan Liu","research.price.design.excerpt":"Conception des prix (Extrait)","careers.socialJob2Title":"Concepteur de marketing de marque – Conception d'expérience","research.price.mapping.schema.excerpt":"Schéma de cartographie des prix (Extrait)","research.taobaoInteractiveGame.coinEmotionalExperienceDesign":"Pièces de trésor : Conception d'expériences émotionnelles","banner.blowOrApplaud":"Essaie de souffler un peu.","research.knowledge.modules":"Modules de connaissances","research.design.strategy.symbolic.narrative":"Stratégie de conception : « Narration symbolique » — La forme comme symbole, le texte comme sens","research.the.knowledge.retrieval.agent":"L'agent de récupération des connaissances prend le fichier de la liste de contrôle des exigences en entrée. Il interroge, filtre et extrait le contenu correspondant à partir de la base de connaissances de la spécification du système de conception, puis génère un plan de connaissances – c'est-à-dire qu'il remplit les éléments de connaissance référencés dans la liste de contrôle – avant de transmettre l'information au prochain agent.","research.layout.knowledge.is.divided":"Les connaissances en matière de mise en page sont divisées en quatre unités — grille, espacement, conteneurs et alignement — qui constituent les dépendances fondamentales pour l'agencement des composants, des ressources et des pages. Les règles sémantiques, les implémentations de code et les schémas de mappage suivent les mêmes modèles que ceux définis pour les éléments. En prenant l'espacement comme exemple, la figure ci-dessous illustre la transformation des artefacts de design en trois types de fichiers : règles sémantiques, schémas de mappage et implémentations de code.","team.section.paragraph2":"La structure de page du site Web VersionAI Tmall est cohérente avec la structure des connaissances du système de conception, divisée en une navigation arborescente regroupant les styles, les pages et leurs unités de connaissances sous-élémentaires. Pour chaque page d'unité de connaissances, les utilisateurs peuvent basculer entre les règles destinées aux humains et les règles destinées à l'IA, avec prise en charge de la copie ou du téléchargement de fragments de connaissances. Une page de déploiement est fournie pour guider les utilisateurs sur la manière d'appeler les spécifications relatives à la génération d'interfaces.","careers.socialJob9Team":"Groupe Taotian","careers.socialJob13Title":"Spécialiste de la recherche utilisateur - Opérations client","research.all.the.articles.name_custom12":"Wanxing Gao","research.all.the.articles.name_custom13":"Duo Shi","research.all.the.articles.name_custom10":"Tang Hei","research.all.the.articles.name_custom11":"Jin Zhi","research.when.mapped.to.the":"Lorsqu'on les met en relation avec les cinq principaux scénarios de demande – parcours d'utilisateur essentiels, canaux de découverte de contenu, produits interactifs, événements marketing et expérience B2B – une analyse réalisée sur toute l'année révèle un motif constant : au sein des parcours essentiels, des canaux de découverte et de l'expérience B2B, les tâches de conception impliquant l'assemblage ou la modification de composants existants au niveau du module ou d'une seule page représentent près de 48 % de toutes les demandes.","careers.socialJob7Years":"1 an","research.taobaoInteractiveGame.paragraph7":"Fondée sur les insights des jeunes utilisateurs et sur une perspective de design professionnelle, cette recherche met systématiquement au jour et distille diverses expressions artistiques et méthodologies allant au-delà des conventions de design actuelles de Taobao. Grâce à une exploration appliquée et à une validation à petite échelle dans les scénarios commerciaux centraux de Taobao, différents styles artistiques sont évalués en fonction de résultats pratiques quantifiables — en examinant leur adéquation commerciale, leurs voies de mise en œuvre et leur scalabilité — pour finalement établir un cadre reproductible d'atlas des styles artistiques de jeux interactifs.","research.taobaoInteractiveGame.paragraph8":"Dans un contexte d'opérations multiactivités parallèles et d'itérations fréquentes de produits, la stabilité apportée par un système de design unifié comporte simultanément le risque d'une homogénéité visuelle. Afin de préserver la fraîcheur des utilisateurs et la flexibilité de croissance, il est essentiel de mener des expériences fortement différenciées dans un cadre contrôlé – en validant les approches efficaces et en les consolidant comme des ressources réutilisables.","research.taobaoInteractiveGame.paragraph9":"Non contraint par les paradigmes de langage visuel et d'expression du système d'interface utilisateur existant de Taotian, cette initiative se concentre sur des scénarios commerciaux essentiels (tels que Baba Farm, Tmall Farm, Retournement d'enveloppe rouge et Enveloppe rouge « Attrape le chat ») afin d'effectuer des explorations et validations à petite échelle d'un style d'interface utilisateur hautement différencié — en extrayant des éléments et des normes réutilisables de style d'interface utilisateur et en établissant un atlas de styles d'interface utilisateur.","research.taobaoInteractiveGame.paragraph4":"Les différences entre les expériences de jeu interactif exceptionnelles résident rarement dans la « forme » elle-même, mais plutôt dans la manière dont les structures mécaniques et le cadre narratif sont combinés. Afin de permettre aux concepteurs de transformer les références externes en connaissances de conception réutilisables, il convient d'organiser de manière structurée et systématique des cas dispersés, en les condensant en insights concrets et exploitables.","research.design.system.specification.title11":"Les sections suivantes présenteront en détail divers types d'objets de connaissances.","research.taobaoInteractiveGame.paragraph5":"Sur la base de cette approche, la recherche compile des cas éprouvés de jeux interactifs exceptionnels qui ont été validés par le marché, en sélectionnant des types de jeux relativement adaptés aux scénarios du commerce électronique afin de constituer une bibliothèque de référence destinée à être utilisée à l'avenir. Chaque jeu est analysé selon plusieurs dimensions – notamment sa source et son contexte, un aperçu global de l'expérience, ses mécaniques et sa vision du monde – pour former un atlas typologique fondamental. Cet atlas est conçu pour aider les concepteurs à découvrir, expérimenter et tirer des enseignements de ces cas. L'atlas actuel recense plus de 100 jeux.","research.design.system.specification.title10":"Sur la base du schéma, une nouvelle vérification est effectuée à l'aide des spécifications du système de conception. À l'aide de la méthode Grep, on recherche et extrait le code correspondant dans la base de données, en alignant les valeurs réelles et utilisables des propriétés des composants, les variables de style et les chemins des ressources, afin de générer la UI finale.","research.taobaoInteractiveGame.paragraph6":"Sur fond de généralisation croissante du contenu et d'une fatigue esthétique grandissante, les jeunes utilisateurs deviennent de plus en plus sensibles à la nouveauté, à la valeur émotionnelle et à la différenciation stylistique. Continuer à s'appuyer uniquement sur les conventions visuelles existantes réduira l'espace réservé à l'innovation et rendra difficile la création d'actifs stylistiques durables et de systèmes de design réutilisables.","banner.rulerTryReconnect2":"Ressentir le plaisir de la recherche","home.award4Desc":"La quatrième carte","careers.socialJob11Years":"5 ans","careers.socialJob9Title":"Concepteur expérimenté en expérience visuelle - AI de Shoutao","home.joinUsBtn":"Rejoignez-nous","home.award6Title":"Médaille d'or des London Design Awards","awards.new.article3":"Médaille d'argent du Prix mondial de design IAI et Médaille d'or Platine MUSE","research.source.files.for.icons":"Fichiers sources pour les icônes (extrait)","awards.new.article2":"Lien vers le projet lauréat du Prix de design de Berlin","awards.new.article1":"Médaille d'or MUSE Platinum & Prix d'or du Design de Berlin","awards.new.article4":"Médaille d'argent du Prix mondial de design IAI","home.bookFlipTitle":"Nous croyons\nà la valeur du savoir","research.asset":"Actif","research.economic.aesthetics.title":"Design et application de l'esthétique économique","research.interactiveGame2025.intro.paragraph2":"Cette recherche est menée en collaboration avec l'Académie chinoise des arts, dans le but de renforcer l'autorité professionnelle de l'étude et de diversifier les formes de ses résultats — produisant ainsi des conclusions de recherche qui présentent à la fois une valeur d'application interne et une importance de référence pour le secteur. Cette recherche soutiendra de manière systématique le développement professionnel et l'innovation expériencielle des jeux interactifs de Taobao : en suivant en permanence les tendances du marché des jeux interactifs dans le commerce électronique et en identifiant les opportunités émergentes en matière de design, elle vise à faire progresser globalement les capacités visionnaires de Taobao en matière de conception d'expériences et à renforcer sa compétitivité fondamentale face à la croissance rapide du secteur.","research.how.it.works":"Comment cela fonctionne","home.award3Desc":"La troisième carte","research.interactiveGame2025.intro.paragraph1":"En se fondant sur le point clé du développement de l'industrie des jeux interactifs dans le commerce électronique en 2025, cette étude adopte comme perspective centrale la « conception de jeux interactifs », en se concentrant sur l'évolution de la structure des utilisateurs et la transformation de leurs habitudes de comportement. Elle décompose systématiquement le cadre méthodologique de l'expérience interactive, approfondit l'étude des attentes et des tendances des jeunes utilisateurs, et explore ainsi des voies viables pour stimuler la croissance des utilisateurs grâce aux jeux interactifs.","research.taobaoInteractiveGame.babaFarmSurrealismArtStyleApplication":"Baba Farm : Application de style artistique surréaliste","research.all.the.articles.paragraph100":"Relation de contraste : Le contraste entre le sujet et l'arrière-plan doit être efficacement adapté, et la relation de contraste entre les éléments de l'image doit rester homogène. Les tons à fort contraste et les tons à faible contraste influencent la sensation globale de contraste en réglant l'intensité des différences entre les zones claires et sombres de l'image. Si le contraste du sujet est marqué, celui de l'arrière-plan doit également être renforcé en conséquence. Une différence trop importante entre le contraste du sujet et celui de l'arrière-plan peut entraîner une rupture nette et visible. Les tons à fort contraste sont souvent associés à un effet noir et blanc prononcé, où des hautes lumières éclatantes et des ombres profondes créent un contraste intense, mettant ainsi en valeur la forme et la texture des objets ; quant aux tons à faible contraste, ils offrent un rendu doux et naturel en réduisant les différences entre les zones claires et sombres.","careers.socialJob4Title":"Concepteur d'expériences – Conception de produits pour plateformes B2B","careers.socialJob8Team":"Groupe Taotian (M&T)","research.all.the.articles.label3":"Conseiller expert","research.all.the.articles.label2":"Responsable produit","research.all.the.articles.label1":"Construction de la base de connaissances","research.copy.or.download.a":"Copier ou télécharger un extrait de connaissances","research.all.the.articles.label7":"Membres de la conception","research.component.knowledge.is.composed":"La connaissance des composants est constituée d'unités sémantiques métier telles que les avatars, les badges, les emplacements d'actifs, les boutons, les flux de contenu, les compte à rebours, les coupons, les filtres, les balises, les guides d'onboarding, les carrousels, les entrées, les messages, les fenêtres flottantes, les dialogues, les prix, les cartes produit, les barres de progression, les enveloppes rouges, les sélecteurs, les superpositions, les barres flottantes, les interrupteurs, les barres d'onglets, les onglets, les flux de texte, les infobulles, les bulles et les barres supérieures. Ces composants constituent des unités réutilisables essentielles pour la génération d'interfaces. Les règles sémantiques relatives aux composants comprennent les définitions de composants, la composition des styles, les variables d'attributs, les états des composants (interaction et visuels), les règles obligatoires ainsi que l'utilisation fonctionnelle. Les implémentations en code se traduisent par des structures de composants (TSX) et des styles de composants (SCSS) dans une pile technologique basée sur React. En s'appuyant sur la structure existante du schéma de mappage, les schémas de mappage des composants introduisent également un schéma de propriétés (schéma props), qui correspond aux attributs requis par chaque composant dans le schéma de structure de composants au niveau de la page généré durant l'étape de conception de la solution. En prenant comme exemple le composant de prix, la figure ci-dessous illustre la transformation des artefacts de conception en trois types de fichiers : règles sémantiques, schémas de mappage et implémentations en code.","research.all.the.articles.label6":"Responsable de la conception","research.all.the.articles.label5":"Conception","research.the.entire.interface.generation":"L'ensemble du processus de génération d'interfaces est traçable, reproductible et évolutive, les résultats restant contrôlables au sein du système de conception et de la base de code de l'entreprise en constante évolution. Les sections suivantes développent ces points en détail sous deux perspectives : la construction de la connaissance des spécifications du système de conception et la conception du flux de travail multi-agents.","banner.micPleaseAllow":"Veuillez accepter dans votre navigateur.","research.all.the.articles.label4":"Recherche et développement","research.price.code.implementation.excerpt":"Implémentation du code de prix (Extrait)","research.all.the.articles.label9":"Vidéo conceptuelle","research.all.the.articles.label8":"Conception et développement de sites web","team.section.paragraph":"Taobao Design est une équipe de design dédiée à améliorer l'expérience de milliards de consommateurs à travers le monde. Nous menons l'expérience utilisateur, créons des designs qui résonnent sur le plan émotionnel et rendons le commerce beau et simple.","careers.internJob4Team":"Groupe Taotian","research.official.website.introduction.label8":"Support lié aux technologies","research.all.the.articles.paragraph59":"La tonalité est la perception intuitive de l'effet d'un objet, par exemple la chaleur ou le froid des couleurs, la douceur ou la dureté des objets, ainsi que la texture des matériaux. Le style visuel de la scène doit être cohérent avec la tonalité du produit. De l'objet principal au décor environnant, tout porte en lui une part de jugement subjectif et d'implication psychologique. La scène dans l'image du produit peut créer une ambiance spécifique, susciter chez le consommateur des associations avec ses propres situations d'utilisation, l'amener à imaginer comment le produit pourrait améliorer sa qualité de vie ou son apparence, renforcer ainsi son désir pour le produit et favoriser sa décision d'achat.","research.all.the.articles.paragraph58":"Tonalité","research.all.the.articles.paragraph57":"Le contenu de la scène est au service du produit ; le contenu spatial doit être en accord avec l'essence même du produit, ce qui implique principalement l'unité du contenu et l'unité visuelle. L'environnement dans les images de produits joue un rôle crucial en présentant les scénarios d'utilisation du produit. Grâce à des fonds soigneusement conçus, la scène aide non seulement les consommateurs à comprendre l'utilité du produit, mais met également en évidence ses caractéristiques et fonctions essentielles. Dans l'ensemble, une scène environnementale appropriée permet de transmettre efficacement l'information sur le produit, d'améliorer la compréhension par les consommateurs des fonctions et de l'utilité du produit, et ainsi de favoriser la prise de décision d'achat.","research.all.the.articles.paragraph56":"Relation entre les thèmes de l'image","research.all.the.articles.paragraph55":"En ce qui concerne la conception des scènes pour les images de produits, la technologie d'IA nous apporte une commodité et une créativité sans précédent. Les scènes jouent un rôle multiple : elles mettent efficacement en valeur le sujet principal, renforcent l'image de marque, établissent une connexion émotionnelle et fournissent des informations sur l'utilisation du produit. Dans cette section, nous analyserons la réalisation des scènes pour les images de produits sous différents aspects : catégories de scènes, critères de sélection, rôles des scènes, organisation des scènes ainsi que normes de qualité.","research.all.the.articles.paragraph54":"Scène","research.all.the.articles.paragraph53":"Proportion selon l'origine ethnique et l'âge : La conception des modèles d'IA doit présenter une certaine différenciation. Lors du passage d'un modèle d'origine ethnique orientale à occidentale ou d'un groupe d'âge à un autre, il convient de tenir compte des différences de silhouette afin de mettre rapidement en évidence le tempérament des personnages et leur adéquation avec les produits.","research.all.the.articles.paragraph52":"Proportion générale : Le rapport tête-corps des mannequins générés par l'IA doit être équilibré, avec des proportions harmonieuses des membres (par exemple, chez les Asiatiques, ce rapport est généralement de 7 à 7,5 têtes, tandis que chez les Européens et Américains, il est souvent de 8 têtes). Cela doit donner une apparence naturelle et visuellement attrayante, reflétant la santé et la beauté du personnage.","careers.socialJob1Title":"Spécialiste senior de la recherche utilisateur – Insights sur les commerçants","research.all.the.articles.paragraph51":"Proportion : proportions corporelles des personnages","research.all.the.articles.paragraph50":"Les postures des mannequins générés par l'IA doivent être naturelles, confortables et harmonieuses, éviter toute raideur des membres et respecter les principes de la biomécanique. Les postures impliquant une interaction avec des objets doivent maintenir une relation de charge correcte. Dans leur état de posture, les mannequins générés doivent refléter un ajustement raisonnable entre les os et les muscles, des proportions naturelles des membres, une dynamique cohérente entre la coiffure et le mouvement corporel, ainsi qu'une amplitude de mouvement des vêtements bien équilibrée.","home.award1Title2":"Prix Red Dot de design","home.award1Title1":"Prix de design IF","research.element.mapping.schema.template":"Modèle de schéma de cartographie des éléments","careers.socialJob10Date":"2026.01.12","home.award1Title3":"Prix de design Apple","careers.socialJob6Years":"5 ans","research.icon.design":"Conception d'icônes","home.browseVideosTitle":"Nous recherchons\nun travail joyeux","home.research3Title":"Étude des tendances en matière de conception de jeux interactifs sur Taobao","research.taobaoInteractiveGame.members":"Contributeur","research.taobaoInteractiveGame.artGraph":"Atlas du style artistique des jeux interactifs","research.all.the.articles.paragraph69":"Éviter l'intrusion de contenus non pertinents : Les images générées par l'IA doivent exclure les éléments sans rapport avec le produit afin d'éviter de distraire le spectateur et de réduire l'attention portée au produit.","research.all.the.articles.paragraph68":"Évitez le découpage accidentel du sujet : Les images générées par l'IA doivent veiller à ce que le sujet de l'article soit toujours placé au bon endroit dans le cadre, afin d'éviter tout découpage causé par un positionnement inapproprié.","research.all.the.articles.paragraph67":"Évitez que le sujet ne sorte du cadre, ce qui pourrait entraîner une coupure et faire perdre l'espace d'association hors champ. Lors de la génération d'images de produits par intelligence artificielle, veiller à préserver intégralement le contenu principal du produit doit être une priorité élevée. Cela implique non seulement d'éviter que le sujet ne soit coupé accidentellement, mais aussi de supprimer les éléments non pertinents susceptibles de perturber l'image et d'éviter que les éléments principaux ne soient masqués sur une large surface.","research.all.the.articles.paragraph66":"Traitement lors de l'expression des impressions liées à la scène : lorsque l'accent est mis sur la transmission de l'ambiance générale de la scène, la composition doit maintenir l'intégrité du modèle humain et de son environnement. Dans ce cas, le produit fait généralement partie intégrante de la scène, s'harmonisant et coexistant avec l'environnement alentour pour contribuer ensemble à construire le contexte ou la narration.","footer.downloadFailed":"Échec du téléchargement","research.all.the.articles.paragraph65":"Traitement lors de l'expression de la forme même de l'objet : lorsque l'accent est mis sur la représentation des caractéristiques formelles du produit lui-même, on peut procéder à un recadrage approprié de la scène.","research.all.the.articles.paragraph64":"Veillez à ce que la composition soit complète et évitez les coupes arbitraires qui pourraient entraîner une perte d'informations. Il convient de distinguer entre l'expression du produit lui-même et la perception du cadre. Dans le premier cas, vous pouvez effectuer des coupes nécessaires sur le modèle humain ; dans le second, vous devez maintenir l'intégrité du modèle humain ainsi que son environnement.","banner.cameraTryTurnOn":"Essayez d'ouvrir la caméra.","research.all.the.articles.paragraph63":"Intégrité de la composition","careers.socialJob6Location":"Hangzhou","research.all.the.articles.paragraph62":"Dans l'établissement de critères esthétiques pour la création par intelligence artificielle d'images de produits, l'intégrité compositionnelle, la subjectivité et les relations de perspective en photographie de produits constituent ensemble les éléments clés d'une image de produit de haute qualité. Ces trois aspects se fondent pour former un langage visuel complexe et raffiné. Par essence, la composition consiste à trouver un ordre intrinsèque dans le chaos naturel, à organiser des éléments compositionnels dispersés en un tout facile à comprendre, afin de transmettre pleinement l'intention et l'émotion de l'image. Cette stratégie visuelle intégrée non seulement améliore la qualité esthétique des images, mais renforce également la compétitivité des images de produits générées par l'IA sur le marché.","research.all.the.articles.paragraph61":"Composition","banner.rulerTryReconnect":"Essayez de reconnecter la règle.","research.all.the.articles.paragraph60":"Dans le processus de génération d'images de produits par l'intelligence artificielle, il est essentiel de s'appuyer sur la perception cognitive propre au spectateur. Dans l'inconscient humain, les différents objets possèdent des tendances émotionnelles distinctes ; les variations de chaleur ou de fraîcheur des couleurs peuvent mobiliser les émotions, tandis que les changements dans la forme et la texture des objets portent en eux des métaphores plus profondes. Les éléments de fond, les formes, les textures et l'ambiance environnementale choisis peuvent exprimer la position et les valeurs de la marque, permettant ainsi aux consommateurs d'imaginer pleinement le bonheur et l'amélioration de leur qualité de vie qu'ils pourraient ressentir en achetant le produit. Parallèlement, la création d'une atmosphère visuelle renforce l'expérience esthétique de l'image du produit elle-même, mariant ainsi commercialité et dimension artistique. Cela favorise non seulement les ventes, mais offre également aux consommateurs une véritable jouissance esthétique. Lors de la génération des images, l'atmosphère globale doit demeurer centrale, servant avant tout le produit lui-même. Grâce à une approche indirecte axée sur les émotions et l'ambiance, on peut susciter chez le consommateur une adhésion psychologique à la marque.","careers.intern":"Recrutement de stagiaires","careers.internJob1Date":"2026.03.17","careers.socialJob13Location":"Hangzhou","research.machine.interpretable.design.system1":"Connaissance des spécifications du système de design","research.all.the.articles.paragraph29":"Les directives peuvent varier et être adaptées en fonction des contextes d'application et des besoins spécifiques ; par conséquent, dans les applications concrètes, il convient d'y apporter une réponse plus ciblée et efficace.","research.all.the.articles.paragraph28":"Texture","research.natural.and.expressive.motion":"{{bold}}Mouvement naturel et expressif{{/bold}} — Appliquez le design de mouvement de manière appropriée, en suivant une logique naturelle afin que l'animation porte une signification narrative et renforce la vitalité visuelle.","research.all.the.articles.paragraph38":"Perspective immersive : Une vision à 360° immersive doit être proposée, permettant aux clients de faire le tour virtuel du produit et de l'observer sous différents angles. Cette exploration virtuelle améliore l'expérience visuelle des clients et les aide à prendre des décisions plus éclairées.","research.immediate.structural.clarity.establish":"{{bold}}Clarté structurelle immédiate{{/bold}} — Établir une structure visuelle claire et directe dans laquelle les symboles graphiques et les informations textuelles sont intégrés de manière efficace, formant idéalement une expression unifiée.","research.all.the.articles.paragraph37":"Choix des angles : L'IA chargée de générer des images doit capturer la forme du produit sous plusieurs angles. L'angle influence directement l'impression visuelle de l'image du produit ; en fonction des caractéristiques propres au produit, il est préférable d'utiliser davantage des vues de face ou des compositions en perspective à 3/4. L'horizon se situe généralement au centre ou légèrement en bas de l'image.","home.award2Desc":"Système d'expression multimodale des produits de Tmall","research.all.the.articles.paragraph36":"Choix de l'angle : présentation des produits et perspective de visionnage","research.all.the.articles.paragraph35":"Niveau de restitution : L'image doit refléter fidèlement la structure réelle du produit, y compris sa forme, ses matériaux et ses couleurs. Elle peut être influencée par des facteurs environnementaux, mais elle doit rester conforme à la logique naturelle de perception et ne pas s'éloigner de la forme originale du produit. En termes de fidélité visuelle et de niveau de restitution, les images de produits générées par l'IA doivent rendre avec précision l'apparence, les proportions et les détails caractéristiques du produit. Par ailleurs, outre une restitution extrêmement fidèle au produit lui-même, l'image doit également maintenir autant que possible une haute résolution et présenter un traitement minutieux des détails du produit, afin de capturer avec une clarté exceptionnelle les moindres détails de fabrication, les textures des matériaux et les éléments complexes du design, et ainsi mettre pleinement en valeur le savoir-faire et l'attrait visuel du produit.","research.all.the.articles.paragraph34":"Structure des produits : L'état du produit constitue le cœur de l'évaluation de la qualité des images générées par l'IA. Il est essentiel de veiller à ce que les formes des produits générés par l'IA soient parfaitement intactes, en évitant tout défaut ou toute irrégularité structurelle. Par ailleurs, il convient de garantir une extraction précise du fond, afin d'éviter des phénomènes tels que des bords rugueux, des zones blanchâtres ou des bordures violettes, et ainsi faire en sorte que les images de produits générées répondent aux attentes du client.","research.all.the.articles.paragraph33":"Objet lui-même : La présentation de l'état et de la véracité des produits générés.","research.all.the.articles.paragraph32":"Lorsque nous fournissons au modèle du contenu sous forme de texte ou d'images, les résultats générés par le modèle de diffusion grâce à un processus de débruitage peuvent être considérés comme une extension sémantique des données d'origine. Tout en préservant la similarité conceptuelle, ce processus permet de produire une grande variété de variations, élargissant ainsi non seulement les voies techniques de création de contenu, mais réduisant également considérablement le coût temporel de la création manuelle. Par conséquent, il est nécessaire de mettre en place une définition standardisée pour les formes d'objets générées par l'AIGC. En ce qui concerne les images générées par l'AIGC destinées aux plateformes de commerce électronique (incluant les produits, les mannequins humains, etc.), il convient d'établir des critères esthétiques de génération appropriés afin de favoriser l'émergence d'un nouveau paradigme de production de contenu dans un contexte marqué par la convergence entre le numérique et le physique.","research.all.the.articles.paragraph31":"Dans le domaine du commerce électronique, les éléments tels que les personnes, les produits et les lieux continuent de subir une déconstruction puis une reconstruction constantes. Les produits affluent en masse sur les plateformes de commerce électronique, générant une demande considérable en traitement d'images de produits. Cette demande, d'une ampleur gigantesque et en constante évolution, rend désormais les processus traditionnels de production et de conception d'images difficilement adaptés. Face à cette charge de travail colossale, les méthodes traditionnelles non seulement entraînent des coûts économiques élevés, mais se heurtent également, en raison de contraintes physiques et autres conditions réelles, à des difficultés d'extension. De la prise de vue à la retouche photo en passant par la publication finale des images, chaque étape présente une efficacité relativement faible, incapable de répondre aux exigences commerciales du commerce électronique, marqué par des itérations rapides et une opération extrêmement performante. À mesure que la gamme de produits continue de s'élargir et que la concurrence sur le marché devient de plus en plus féroce, ces problèmes deviennent encore plus aigus. Il est donc urgent de recourir à l'innovation technologique pour mettre en œuvre un traitement d'images de produits plus flexible, économique et à grande échelle, afin de soutenir les besoins croissants du commerce électronique moderne. Or, les progrès et l'application de la technologie AIGC comblent progressivement cette lacune : l'intelligence artificielle est en train de remodeler les processus de production d'images ainsi que les habitudes d'utilisation des utilisateurs sur les plateformes de commerce électronique.","research.all.the.articles.paragraph30":"Forme des objets - Produits","research.taobaoInteractiveGam.topic":"Sujets de recherche","careers.socialJob7Team":"Groupe Taotian (1688)","research.design.synthesis.output.excerpt":"Sortie de synthèse de conception (extrait)","careers.socialJob9Location":"Hangzhou","research.this.website.provides.two":"Ce site web offre aux utilisateurs deux méthodes pour invoquer la spécification de design Tmall dans les outils d'IA : un serveur MCP et l'injection de contexte. En configurant en un clic le serveur MCP dans un outil IDE, le système dépend automatiquement de la base de connaissances sur le design Tmall. Les API enveloppées par MCP effectuent un traitement automatisé et renvoient des résultats sur la base des instructions en langage naturel de l'utilisateur ; les fonctionnalités prises en charge incluent (sans s'y limiter) la recherche et l'exécution de workflows (runWorkflow). Alternativement, les utilisateurs peuvent cliquer sur « Copier » ou « Télécharger » sur la page d'un module de connaissances spécifique afin d'obtenir un paquet de snippets contenant des règles sémantiques, un schéma de mappage et des implémentations de code, puis le coller directement dans la zone de saisie des instructions pour effectuer des modifications locales et générer du contenu.","research.all.the.articles.paragraph39":"État de l'article : Les plis sur les vêtements sont raisonnables, et la texture de l'article est harmonieuse et bien remplie.","research.all.the.articles.paragraph49":"Posture : Les gestes et l'attitude corporelle d'une personne.","research.all.the.articles.paragraph48":"État du regard : le regard est concentré, l'expression est naturelle, et le mouvement des yeux est en parfaite harmonie avec les mouvements du corps. Des traits faciaux et expressions variés peuvent apporter de l'intérêt et de l'attrait aux images de produits, s'adaptant ainsi à différentes catégories de produits et à divers publics cibles. Ce type de lien émotionnel peut influencer la perception et la décision d'achat des clients, renforçant ainsi leur résonance.","research.all.the.articles.paragraph47":"Gestion des expressions faciales : Visuellement, il convient de créer une esthétique visuelle attrayante ; les expressions des mannequins générés doivent être détendues et naturelles, en accord avec le caractère du produit, et éviter les expressions négatives telles que la colère ou l'expression vide.","home.research7Title":"Principes de conception de l'expérience utilisateur pour Taobao Mobile","research.all.the.articles.paragraph46":"Objectif : Expression et état du regard des personnages devant l'objectif.","research.all.the.articles.paragraph45":"Caractéristiques de genre et ethniques : Selon le style du produit et son positionnement esthétique, l'IA doit générer des traits faciaux qui correspondent à la population cible et à son contexte culturel, tout en s'adaptant à différents styles esthétiques afin d'éviter toute rupture entre le modèle humain et l'environnement. La création du modèle humain doit tenir compte notamment de la carnation de la peau, de la texture et de la coiffure des cheveux ainsi que des traits faciaux propres à la population cible. Les traits faciaux doivent refléter les différences de genre tout en étant harmonisés avec le style du produit, afin d'éviter toute expression de genre atypique.","research.all.the.articles.paragraph44":"Proportions et tempérament : Les proportions des traits du visage doivent être conformes à l'architecture anatomique du corps humain, avec une forme naturelle et réaliste ainsi qu'une structure harmonieuse. Cela inclut les proportions faciales, la structure osseuse et les détails tels que l'expression du visage. L'ensemble doit dégager une beauté harmonieuse, évitant toute distorsion ou impression morbide. En outre, lorsqu'un même modèle apparaît dans différents contextes, ses traits faciaux doivent rester cohérents ; ceci constitue un point essentiel à prendre en compte pour la génération d'images par IA.","research.all.the.articles.paragraph43":"Cinq sens : les cinq caractéristiques faciales de l'apparence d'une personne","research.all.the.articles.paragraph42":"Forme des objets - Modèle humain","research.all.the.articles.paragraph41":"Conception accessible : Le contenu produit par l'IA doit être filtré et adapté pour garantir que les algorithmes respectent les principes d'inclusion. Par exemple, il convient de fournir aux utilisateurs daltoniens ou ayant une déficience de la vision des couleurs un contraste suffisant afin de permettre à tous les utilisateurs d'accéder facilement aux informations sur les produits.","research.all.the.articles.paragraph40":"Correspondance entre le produit et l'objet : Les images générées par l'IA doivent refléter avec précision l'état original du produit. Pour les vêtements, les plis doivent paraître naturels ; lorsque la mannequin les porte, ils doivent épouser parfaitement sa silhouette. Quant aux vêtements suspendus, leur mode de suspension doit être raisonnable, afin d'éviter des courbures ou déformations artificielles. Enfin, le produit doit être en harmonie proportionnelle avec son environnement et les autres objets présents, afin que l'utilisateur puisse évaluer correctement ses dimensions et éviter ainsi toute confusion auprès du consommateur.","research.all.the.articles.paragraph0010":"La génération d'images par l'IA doit capturer la forme du produit sous plusieurs angles. L'angle influence directement l'impression visuelle de l'image du produit ; en fonction des caractéristiques propres au produit, il est préférable d'utiliser davantage une vue de face ou une composition en perspective à 3/4. L'horizon se situe généralement au centre ou légèrement en bas de l'image.","research.all.the.articles.paragraph0012":"Un angle de vision à 360° immersif doit être proposé, permettant aux clients de faire le tour virtuel du produit et de l'observer sous différents angles. Cette exploration virtuelle améliore l'expérience visuelle des clients et les aide à prendre des décisions plus éclairées. État de l'article : les plis du vêtement sont raisonnables, et la texture du produit est harmonieuse et bien définie.","research.all.the.articles.paragraph0011":"Perspective immersive :","research.all.the.articles.paragraph0014":"Les images générées par l'IA doivent refléter avec précision l'état original du produit. Pour les vêtements, les plis doivent paraître naturels ; lorsque le mannequin les porte, ils doivent épouser parfaitement sa silhouette. Quant aux vêtements suspendus, leur mode de suspension doit être raisonnable, afin d'éviter des courbures ou déformations artificielles. Enfin, le produit doit être en harmonie proportionnelle avec son environnement et avec les autres objets présents, afin que l'utilisateur puisse évaluer correctement ses dimensions et éviter ainsi toute confusion auprès du consommateur.","research.all.the.articles.paragraph0013":"La relation d'adéquation entre le produit et l'objet :","careers.socialJob8Title":"Concepteur d'expériences avancées - Taogongchang","research.all.the.articles.paragraph0016":"Le contenu produit par l'IA doit être filtré et adapté pour garantir que les algorithmes respectent les principes d'inclusion. Par exemple, il convient de fournir aux utilisateurs daltoniens ou ayant une déficience de la vision des couleurs un contraste suffisant entre les couleurs, afin de s'assurer autant que possible que tous les utilisateurs puissent accéder facilement aux informations sur les produits.","research.all.the.articles.paragraph0015":"Conception sans obstacles :","research.all.the.articles.paragraph16":"Vidéo d'images","research.all.the.articles.paragraph15":"Certaines images fixes","research.all.the.articles.paragraph14":"Configuration de base des personnages","research.strategy.breakdown.theme.content":"Décryptage de la stratégie : le thème, le contenu et la forme ne doivent pas exister de manière isolée. Le thème représente le sens central ; le contenu constitue la substance informative ; et la forme définit le mode de présentation. L'expression narrative symbolique consiste à utiliser des symboles visuels appropriés pour représenter graphiquement le sens sémantique d'un thème, établissant ainsi un cadre cognitif pour les utilisateurs. L'objectif prioritaire est que les utilisateurs comprennent d'abord ce que le message représente, puis acquièrent une compréhension détaillée grâce aux informations complémentaires.","careers.internJob4Title":"Concepteur d'AIGC","research.all.the.articles.paragraph13":"Cette recherche se concentre sur des axes tels que les processus dynamiques de création d'IA, la stabilité expressive ainsi que les idées créatives pour les vidéos mettant en scène des produits et des avatars numériques. Elle explore des méthodes de conception d'images animées par IA adaptées aux scénarios du commerce électronique, afin d'améliorer l'efficacité de la conception et l'expérience utilisateur. Par ailleurs, en collaborant avec l'Académie des beaux-arts de Chine, cette étude renforce son caractère professionnel et son influence dans le secteur, contribuant ainsi à maintenir continuellement l'avance des capacités de conception dynamique par IA chez Taotian.","research.all.the.articles.paragraph12":"Avec le développement rapide des technologies de production dynamique basées sur l'IA, les marques et les plateformes internet explorent sans cesse les applications de l'IA dans les produits et la communication marketing, afin d'améliorer la perception de la marque et d'innover leurs modèles commerciaux. Pour les équipes de conception e-commerce, le renforcement des capacités en matière d'images dynamiques générées par l'IA constitue à la fois une mesure essentielle pour faire face à la tendance croissante vers la vidéo dans le contenu e-commerce, et une direction majeure pour explorer les futurs formats de contenu e-commerce.","research.all.the.articles.paragraph11":"Contexte du projet","research.all.the.articles.paragraph10":"Recherche sur les images animées des personnages numériques « TAO »AI","research.this.intuitive.information.expression":"Cette initiative de conception intitulée « Expression intuitive de l'information » a débuté par une réflexion honnête sur l'état actuel de la conception en marketing. Lorsque des écrans de bienvenue clignotent soudainement devant les yeux de l'utilisateur au moment du lancement d'une application, lorsque des pop-ups apparaissent subitement au cours des interactions, et quand les entêtes promotionnelles portent constamment une intention commerciale en haut de la page d'accueil, nous ne nous contentons plus de nous demander simplement si le design existe. Au contraire, nous posons des questions plus profondes : Les utilisateurs peuvent-ils le comprendre d'un coup d'œil ? Peuvent-ils saisir le message de manière intuitive ? Cela conduira-t-il naturellement à une action ?","products.official.website.introduction.paragraph":"La structure de page et le système de conception du site VersionAI Tmall sont conformes à la structure des connaissances, avec une navigation arborescente organisée en styles, pages et unités de connaissance imbriquées. Sur chaque page d'unité de connaissance, il est possible de basculer entre les règles destinées aux humains et celles destinées à l'IA, et la fonctionnalité de copie ou de téléchargement de fragments de connaissances est également prise en charge. Un guide de déploiement est fourni pour indiquer aux utilisateurs comment invoquer cette norme afin de générer l'interface.","research.spacing.semantic.rules.excerpt":"Règles sémantiques d'espacement (Extrait)","careers.socialJob9Years":"3 ans","research.all.the.articles.paragraph0022":"Les critères esthétiques de la génération d'images par l'IA concernent plusieurs domaines, tels que l'art, le design et l'interaction homme-machine. Ci-dessous, nous présentons les critères esthétiques spécifiques à la plateforme Taobao, portant notamment sur la qualité des éléments générés ainsi que sur les relations entre ces éléments et leur influence mutuelle. Ces critères contribuent à garantir la qualité et l'attrait des images générées. Les critères esthétiques applicables aux produits se répartissent en cinq catégories principales : 1. Forme des objets ; 2. Scène ; 3. Composition ; 4. Lumière et ombre ; 5. Texture. Ces critères peuvent varier et être adaptés en fonction des contextes d'utilisation et des besoins spécifiques ; il convient donc, dans chaque application concrète, d'y apporter une attention plus ciblée et une correspondance efficace.","research.component.semantic.rule.template":"Modèle de règle sémantique de composant (Extrait)","home.award1Desc":"Taobao Vision","research.all.the.articles.paragraph19":"À mesure que l'IA se déploie de plus en plus dans la création artistique, le design et la culture, l'esthétique de l'IA devient un domaine d'un intérêt croissant. Son utilisation dans la création artistique suscite une nouvelle compréhension de l'ère de l'AIGC. Les principes esthétiques liés à l'IA portent sur la manière d'intégrer la créativité humaine et les algorithmes d'apprentissage automatique afin de créer des expériences intelligentes captivantes. Ces principes esthétiques exigent que les œuvres reflètent la diversité et l'inclusion, tout en évitant les préjugés ou la discrimination à l'encontre de certains groupes. Il convient également de réfléchir à la manière dont les œuvres déclenchent et transmettent des émotions, produisant ainsi des créations profondes et touchantes. Parallèlement, il importe de s'assurer que les œuvres générées par l'IA incarnent bien les valeurs sociales et culturelles et respectent les normes éthiques.","research.final.interface.code.generation":"Sortie de génération du code d'interface finale (extrait)","research.all.the.articles.paragraph18":"Les principes esthétiques concernent les éléments et les critères qui interviennent tant dans la création que dans l'appréciation des œuvres. Dans le domaine de l'esthétique, un débat persiste quant à savoir si la beauté est une propriété objective ou bien le produit d'une expérience subjective, marquée par la sensibilité psychologique et la force émotionnelle. Certaines théories esthétiques mettent l'accent sur l'importance de la symétrie et de l'équilibre, tandis que d'autres soulignent l'attrait des formes asymétriques et irrégulières. Du point de vue de l'art et de la vie quotidienne, certaines perspectives considèrent l'esthétique comme un domaine distinct séparant l'art de la vie ordinaire, alors que d'autres théories affirment au contraire que l'art et la vie sont étroitement liés. En somme, les normes de beauté varient selon les époques et les cultures, et les manières d'appréhender et d'exprimer la beauté diffèrent également. Ainsi, les principes esthétiques présentent une grande diversité et une forte dynamique.","research.all.the.articles.paragraph17":"L'esthétique est la discipline qui étudie les lois régissant l'activité esthétique. Elle constitue une branche philosophique de la beauté, de l'art et de l'expérience esthétique, riche en recherches métaphysiques et empreinte d'un caractère spéculatif. Les principes esthétiques portent sur des questions telles que l'essence de la beauté, les critères de beauté et l'évaluation des œuvres ; c'est un domaine vaste et profond.","banner.punchedTapePlaceholder2":"Expérimentez la bande perforée classique","research.all.the.articles.paragraph0018":"Les plis des vêtements sont bien ajustés, et la sensation tactile du produit est harmonieuse et riche.","research.all.the.articles.paragraph27":"Lumière et ombre","research.all.the.articles.paragraph0017":"État du produit :","research.all.the.articles.paragraph26":"Composition","research.all.the.articles.paragraph25":"Scène","research.all.the.articles.paragraph24":"Forme des objets","research.the.intent.recognition.agent":"L'agent de reconnaissance des intentions prend en entrée la chaîne de requête de l'utilisateur (par exemple : « Générer un canal de guide d'achat pour les nouveaux produits »). Il émet une liste de contrôle des exigences de récupération de connaissances, telle que : « type d'exigence (réutilisation compositionnelle de modules existants), type de page (page de Guide d'achat), structure des informations (cartes de produits), contraintes d'interaction (filtrable ou non), exigences en matière de contenu (informations sur les avantages/offres), etc. », et la route vers l'agent suivant.","research.all.the.articles.paragraph23":"Les critères esthétiques fondés sur les produits se divisent en cinq catégories :","research.all.the.articles.paragraph22":"Les principes esthétiques de la génération d'images par l'IA concernent plusieurs domaines tels que l'art, le design et l'interaction homme-machine. Ci-dessous, nous présentons les principes esthétiques spécifiques à la plateforme Taobao, portant notamment sur la qualité des éléments générés ainsi que sur les relations entre ces éléments et leur influence mutuelle. Ces principes contribuent à garantir la qualité et l'attrait des images générées.","careers.socialJob1Team":"Groupe Taotian","research.all.the.articles.paragraph21":"Normes esthétiques des produits d'IA","research.all.the.articles.paragraph20":"Cette recherche, menée en 2024 par l'équipe du professeur Zheng Chao de la Faculté de Communication Visuelle de l'Académie des Beaux-Arts de Chine et de Taotian Experience Design, porte sur l'esthétique des produits alimentés par l'intelligence artificielle. Le projet a duré un an et, grâce à la première phase de collaboration entre université et entreprise, a abouti à la formulation de critères efficaces en matière d'esthétique des produits AI. Ce travail vise à orienter le développement de l'intelligence artificielle (IA) dans le domaine concret du commerce électronique sur la plateforme Taobao, à garantir que celle-ci soit créative et pionnière sur les plateformes commerciales, et à apporter une contribution positive et remarquable aux valeurs humaines et à l'esthétique.","research.taobaoInteractiveGam.paragraph3":"Sur la base de la typologie des jeux interactifs du commerce électronique de Taobao et en s'appuyant sur les tendances actuelles du marché, cette recherche effectue une déconstruction professionnelle sous l'angle du design. L'étude est organisée en recherches modulaires selon quatre dimensions — types de gameplay, style artistique, conception de l'interface utilisateur et effets de mouvement — afin de constituer un ensemble complet de sujets de recherche et d'aboutir à un document de recherche finalisé.","research.taobaoInteractiveGame.farmMapLevelDesign":"Zhongdiba : Conception basée sur l'atlas et les niveaux","research.all.the.articles.new.label9":"Design Taotian","careers.internJob1Location":"Hangzhou","research.all.the.articles.new.label8":"Conception en propre","research.all.the.articles.new.label7":"Conception de la stratégie de marque pour les vendeurs Tmall","research.all.the.articles.new.label6":"Conception marketing pour les marques et les commerçants sur Taotian","research.all.the.articles.new.label5":"Design d’Expérience d’Innovation Multiplateforme","research.all.the.articles.new.label4":"Établissements partenaires","research.all.the.articles.new.label3":"Conception de bonnes offres sur Taobao","research.all.the.articles.new.label2":"Conception d'interactions avec l'utilisateur","research.color.semantic.rules.excerpt":"Règles sémantiques des couleurs (Extrait)","research.this.substantial.volume.of":"Ce volume important de travaux de conception répétitifs et structurellement similaires exige urgemment des méthodes automatisées de génération de design, pilotées par l'intelligence artificielle, afin d'améliorer considérablement à la fois l'efficacité et la qualité des résultats.","research.multi.agent.workflow":"Flux de travail multi-agents","research.next.we.engineer.the":"Ensuite, nous concevons le flux de travail pour la conception et la génération d'interfaces. Un processus collaboratif multi-agents, allant de l'amont vers l'aval, consiste essentiellement à définir et configurer chaque sous-agent ainsi qu'à déterminer sa logique de chaînage. Chaque agent comprend des entrées en amont, un modèle de base, une mémoire, des invites système (rôle et tâche), une base de connaissances (ou une base de données), des outils (MCP, plugins) et des sorties en aval. Il est crucial de veiller à ce que les chemins d'accès, la nomenclature des objets et les contrats d'entrée et de sortie référencés dans les invites des sous-agents restent cohérents et homogènes.","research.taobaoInteractiveGame.caseStudies1":"Application de cartographie des genres de jeux interactifs","research.taobaoInteractiveGame.conclusion":"Conclusion","careers.socialJob2Years":"2 ans","careers.socialJob6Team":"Groupe Taotian (1688)","research.economic.aesthetics.paragraph21":"Principes de mise en page","research.economic.aesthetics.paragraph22":"Transformer le mécanisme des avantages de la plateforme, qui est souvent perçu comme froid et abstrait, en stimulations sensorielles et récompenses émotionnelles familières aux utilisateurs : ainsi, l'expérience produit ne sera plus une machine que les utilisateurs doivent apprendre à maîtriser, mais plutôt un « jouet » capable d'offrir immédiatement plaisir et certitude, atteignant ainsi l'objectif de renforcer la fidélité des utilisateurs.","awards.taobaoInteractiveGame.link2":"Voir le Red Dot Design Award 2025","research.economic.aesthetics.paragraph23":"Principes d'animation","awards.taobaoInteractiveGame.link3":"Consultez le Apple Design Award 2025","research.economic.aesthetics.paragraph24":"Objet principal + Couleur + Texte + Mise en page + Animation = Les cinq éléments du modèle esthétique.","research.economic.aesthetics.paragraph20":"L'essentiel consiste à extraire les informations clés pour les amplifier, à les diffuser de manière répétée via plusieurs canaux sensoriels – audio, visuel, tactile – et à proposer un contenu riche et varié à la consommation.","research.building.internal.design.consensus":"Établir un consensus de conception interne pour une expression intuitive de l'information dans les scénarios marketing","awards.taobaoInteractiveGame.link1":"Consultez le prix IF Design 2025","research.economic.aesthetics.paragraph29":"02 Esthétique de la rue","research.taobaoInteractiveGame.babaFarmFullSceneMotionDesignExcerpt":"Baba Farm : Application de style artistique surréaliste","research.economic.aesthetics.paragraph26":"Grâce à la combinaison d'une variété de techniques de design selon les cinq éléments, il est possible d'obtenir divers styles esthétiques qui répondent aux préférences des habitants des petites villes.","footer.contactXiaohongshu":"Xiaohongshu","research.economic.aesthetics.paragraph27":"01 Promotion en supermarché","research.economic.aesthetics.paragraph28":"Le supermarché est un lieu de vie quotidien auquel la population de la petite ville ne peut se passer. En extrayant et en réaménageant les éléments du supermarché, on recrée fidèlement le décor familier des habitants, suscitant ainsi une résonance émotionnelle.","research.economic.aesthetics.paragraph10":"Aperçu des rues de la petite ville","research.economic.aesthetics.paragraph11":"Sans chercher à trop s'attacher à la spéculation abstraite, on privilégie plutôt l'expression directe des fonctions et les significations positives, en recourant volontiers à des métaphores vivantes et issues de la vie quotidienne. On ne cherche pas à maintenir une cohérence stricte dans le système linguistique ; ainsi, dans un même échange, peuvent coexister des totems traditionnels, des expressions populaires issues d'Internet, des proverbes détournés et des slogans gouvernementaux.","research.economic.aesthetics.paragraph12":"Aperçu des différents types de rédaction dans la vie quotidienne","research.economic.aesthetics.paragraph13":"En prenant les couleurs de l'environnement de vie comme base chromatique, on ajuste la saturation et la luminosité afin d'assurer une reproduction visuelle fidèle des couleurs à l'écran. En tirant parti de la reconnaissance des émotions colorées, on élargit leurs applications dans l'environnement en ligne.","careers.internJob3Date":"2026.03.17","research.element":"Élément","awards.tmall.products.title1":"Système d'expression multimodale des produits de Tmall","awards.tmall.products.title3":"Le système d'expression multimodale des produits de Tmall a remporté en 2022 le prix IF Design dans la catégorie « Conception de l'expérience utilisateur » (User Experience).","awards.tmall.products.title2":"Le système d'expression multimodale des produits de Tmall remporte le prix IF Design.","research.regardless.of.whether.a":"Qu'un système de design soit open-source ou qu'un outil soit doté de toutes les fonctionnalités, chaque équipe de design d'entreprise est désormais confrontée à la même tâche essentielle : clarifier et construire{{bold}} un système de connaissance en design adapté à l'IA{{/bold}} qui puisse être connecté à des outils de design ou à de grands modèles.","careers.internJob2Years":"Stage","footer.copySuccess":"Copie réussie","careers.socialJob2Team":"Groupe Taotian","awards.tmall.products.title9":"Miaofen #Parfum Trésor# Médaille d'Or Muse","research.economic.aesthetics.paragraph18":"Transformer les prix ou paramètres abstraits en concepts quotidiens familiers aux utilisateurs (temps, nourriture, actions, petites dépenses), afin de réduire le seuil de décision.","awards.tmall.products.title8":"Lien vers le projet de la médaille d'or MUSE Platinum","research.economic.aesthetics.paragraph19":"Principes de description du texte","awards.tmall.products.title5":"Essence de la conception du système de présentation multi-modale de produits","research.economic.aesthetics.paragraph14":"Système de couleurs esthétiques pour petites villes","awards.tmall.products.title4":"Voir le prix IF Design 2022","research.economic.aesthetics.paragraph15":"Répartition des émotions par couleur","awards.tmall.products.title7":"Seau de chance MUSE – Médaille d'or platine","research.economic.aesthetics.paragraph16":"Essayez autant que possible d'utiliser des produits réels et de simuler des scénarios de consommation authentiques afin d'établir des associations chez les utilisateurs, de rapprocher les distances et d'activer la mémoire comportementale.","awards.tmall.products.title6":"Ce projet consiste en une matrice de produits conçue pour améliorer l'expérience d'achat en ligne sur la plateforme e-commerce du groupe Alibaba. Il vise à répondre aux besoins d'expression des caractéristiques de millions de produits différents. Grâce à notre longue expérience accumulée en matière d'habitudes d'utilisation des consommateurs et des technologies de pointe de Tmall, nous offrons une expérience d'achat en ligne immersive et intelligente. Elle permet aux consommateurs non seulement d'interagir directement avec les produits, mais aussi d'utiliser l'IA pour générer rapidement du contenu dynamique, leur offrant ainsi la possibilité de découvrir plus pleinement les produits sans quitter leur domicile.","research.economic.aesthetics.paragraph17":"Principes graphiques et texturaux","footer.download":"Télécharger","research.switch.to.ai.facing":"Passer aux règles orientées IA","research.all.the.articles.name_custom9":"Jiong Hao","research.all.the.articles.name_custom6":"Wen Yu","research.all.the.articles.name_custom5":"Ming Kong","research.all.the.articles.name_custom8":"Qi Wen","research.all.the.articles.name_custom7":"Kong Shen","research.all.the.articles.name_custom2":"Le Fu","research.all.the.articles.name_custom1":"Ye Ru","research.all.the.articles.name_custom4":"Li Ye","research.all.the.articles.name_custom3":"Li Ji","research.asset.knowledge.consists.of":"La connaissance des actifs comprend des unités telles que des images, des icônes, des logos et des balises, qui constituent les sources matérielles principales pour alimenter le contenu des pages. Les règles sémantiques relatives aux actifs incluent les définitions d'actifs, les variables d'attributs, les règles obligatoires et les utilisations fonctionnelles. Selon le type spécifique d'actif, la connaissance des actifs peut nécessiter ou non des implémentations de code — par exemple, les icônes requièrent des implémentations de code, tandis que les images n'en nécessitent généralement pas. Dans de tels cas, les implémentations prennent la forme de fichiers source d'actifs (par exemple, SVG ou PNG) dont les noms respectent les conventions définies dans les règles sémantiques. Le schéma de mappage pour les actifs suit le même modèle que celui utilisé pour les éléments. En prenant les icônes comme exemple, la figure ci-dessous illustre la transformation des artefacts de conception en trois types de fichiers : règles sémantiques, schémas de mappage et implémentations de code.","research.symbolization.translating.the.core":"{{bold}}Symbolisation {{/bold}}: Traduire la signification sémantique centrale des informations de marketing en représentations visuelles concrètes à l'aide de symboles ou d'images universellement reconnaissables.","banner.clearAll":"Effacer tout","awards.taobaoInteractiveGame.paragraph2":"Tout en offrant une fonctionnalité d'achat complète, Taobao Vision exploite pleinement les capacités de l'Apple Vision Pro, telles que l'informatique spatiale, l'espace partagé, le contenu 3D ainsi que les interactions par suivi des yeux et des mains, afin d'offrir aux utilisateurs une expérience d'achat plus intuitive, immersive, étendue et agréable. Parallèlement, elle aide des dizaines de milliers de marques à faire entrer leurs produits, leur contenu et leurs histoires dans le foyer réel des utilisateurs grâce à des espaces de réalité mixte.","awards.taobaoInteractiveGame.paragraph1":"En 2025, le design d'expérience de Taobao Vision a remporté le prix Apple Design Award dans la catégorie « Interaction ». Par la suite, il a également reçu le IF Design Award dans la catégorie « User Experience » et le Red Dot Design Award dans la catégorie « Interface & User Experience Design ».","footer.allRightsReserved":"Tous droits réservés","home.research4Title":"Esthétique de l'IA","research.the.complete.generation.pipeline":"La chaîne complète de génération se déroule comme suit : 1. {{bold}} L'utilisateur saisit une exigence en langage naturel.{{/bold}} 2. {{bold}} La requête est transmise à l'agent de reconnaissance des intentions,{{/bold}} qui transforme les entrées ambigües en intentions de conception interprétables par le système et génère une description structurée de l'exigence, fournissant ainsi des conditions limites explicites pour la prise de décision ultérieure. 3. {{bold}} Le processus passe ensuite à l'agent de récupération des connaissances,{{/bold}} qui utilise la génération augmentée par la récupération (RAG) pour extraire de manière sélective des informations contextuelles hautement pertinentes issues de la Connaissance externe de la Spécification du Système de Design, en fonction de l'intention actuelle. 4. {{bold}} Ensuite, l'agent de synthèse de la conception{{/bold}} opère dans les conditions limites définies pour évaluer, composer et instancier le contexte de spécification récupéré, produisant ainsi un schéma de données structuré intermédiaire (Schéma\\*). Ce Schéma décrit explicitement la structure de la page, les composants, les styles et le contenu, constituant ainsi une solution de conception entièrement structurée. 5. {{bold}} Enfin, l'agent de génération de code{{/bold}} interroge à nouveau la Connaissance de la Spécification du Système de Design sur la base du Schéma, utilisant une récupération basée sur grep pour localiser et invoquer les artefacts correspondants de la base de code. Il aligne ces éléments avec les propriétés des composants prêts à être mis en production, les variables de style et les chemins des ressources afin de générer l'interface utilisateur finale.","research.minimal.necessary.hierarchy.reduce":"{{bold}}Hiérarchie minimale nécessaire {{/bold}}— Réduisez la hiérarchie informationnelle au strict minimum. Évitez l'utilisation excessive de mises à l'échelle typographique, de segmentation ou de structuration en couches afin de réduire la charge cognitive.","careers.internJob1Desc":"Responsable de la plateforme de conception IA destinée à la construction et à la maintenance des équipes, cette plateforme intègre les connaissances en matière de design, les flux de travail et les capacités d'IA afin d'améliorer continuellement l'efficacité de production, la cohérence qualitative et le taux de réutilisation des connaissances au sein des équipes de design. Chef de file dans la mise en place d'une intelligence au cœur du système de design, elle assure la connexion entre les trois domaines principaux : « design », « ingénierie » et « outils de conception IA », garantissant ainsi que l'IA puisse être mise en œuvre de manière pratique, itérative et contrôlable au sein des équipes. Capable de concevoir et d'optimiser indépendamment un système d'intelligence pour le design, cette personne comprend parfaitement l'architecture et les mécanismes de circulation des workflows. Elle dirige l'évolution de l'architecture du système d'intelligence pour le design ainsi que l'intégration des workflows multiplateformes. Elle construit une plateforme de conception intelligente accessible à toute l'équipe, permettant ainsi une démocratisation à grande échelle des capacités d'intelligence. Elle est chargée de la mise en place du système d'intelligence, de la conception et de la maintenance de l'architecture des agents de conception (Design Agents) au sein de l'équipe ; elle assure également la gestion du système de connaissances et de la RAG, ainsi que la construction et l'évolution de la base de connaissances en matière de design (Design Knowledge Base). Enfin, elle supervise l'intelligence des workflows, l'intégration des outils et la surveillance et l'évaluation des performances des agents de conception intelligents.","careers.social":"Recrutement social","research.generated.interface.preview":"Aperçu de l'interface générée","products.design.specifications.new.paragraph08":"Face à la contradiction centrale du design e-commerce — « Ce que le consommateur voit en premier, c'est le prix : comment éviter que le design n'affecte négativement la perception du prix ? » — Jason aborde, sous l'angle d'une approche intégrée de l'ensemble du parcours client, la manière dont le design de marque peut maintenir une expression cohérente à chaque point de contact, depuis la publicité hors site jusqu'à la validation du paiement. Dans un contexte de trafic exceptionnel tel que celui du Double 11, le design doit trouver un équilibre entre la création d'une atmosphère immersive et l'efficacité des transactions : il ne doit ni noyer les informations essentielles, ni manquer de transmettre la chaleur de la marque. La stratégie de l'équipe s'adapte avec souplesse aux évolutions du contexte économique : en 2024, face à une contraction de la consommation, elle a opté pour un design de type « affiche géante », mettant en avant des avantages concrets tels que « 15 % de réduction sur toute la boutique », afin de privilégier l'efficacité informationnelle et la rapidité perçue ; en 2025, avec la reprise économique, la stratégie s'est enrichie d'un thème intitulé « Tout donner, vivre pleinement », intégrant l'intelligence artificielle et les capacités écologiques, et se concentrant davantage sur la connexion émotionnelle et mentale à la marque.","careers.socialJob12Team":"Groupe Taotian","products.design.specifications.new.paragraph09":"Dans sa présentation sur la conception de jeux interactifs, You Shi a exposé en profondeur la philosophie de conception « léger mais addictif ». Il a clairement affirmé que l'interactivité n'est pas une fonction isolée, mais plutôt le maillon essentiel qui relie les expériences suivantes : « accès, navigation, participation, récompense et achat ». Pour atteindre cet objectif, Taotian a mis en place un système d'interactivité couvrant tous les scénarios : l'interactivité marketing génère un élan viral, l'interactivité quotidienne cultive les habitudes des utilisateurs, l'interactivité intégrée aux produits soutient l'exploitation des canaux, tandis que l'écosystème des mini-jeux permet d'effectuer des échanges de trafic. Prenons par exemple le produit de connexion quotidienne : sa conception repose sur une logique claire à trois niveaux — le fil conducteur se concentre sur le parcours principal, les missions élargissent les limites du comportement, et les sous-réseaux répondent à des situations spécifiques, créant ainsi un rythme de participation équilibré et dynamique.","research.versionai.tmall.is.an":"VersionAI Tmall est un site web de spécifications de conception axé sur l'intelligence artificielle. Il regroupe toutes les connaissances en matière de conception décrites précédemment et aide les utilisateurs à générer des interfaces utilisateur conformes aux spécifications de conception de Tmall, à effectuer des revues de conception et à résoudre des questions-réponses. La structure des pages du site correspond à la structure des connaissances du système de conception, organisée sous forme d'une navigation arborescente comprenant des styles, des cas d'utilisation et leurs modules de connaissances subordonnés. Chaque page de module de connaissances permet de basculer entre les règles destinées aux humains et celles destinées à l'IA, et offre la possibilité de copier ou de télécharger des extraits de ces connaissances. Une page de déploiement guide les utilisateurs sur la manière d'appeler les spécifications pour générer des interfaces. La section blog retrace également les enseignements clés du projet ; outre cet article, elle comprend deux contributions pratiques : « Vidéo conceptuelle de page d'accueil collaborative avec l'IA » et « Conception et développement de sites web collaboratifs avec l'IA ».","products.design.specifications.new.paragraph02":"Le 9 décembre 2025, le professeur Zheng Chao a guidé ses étudiants dans une rétrospective sur le projet de recherche « Les critères esthétiques pour la génération d'images par l'IA », réalisé en collaboration avec Taotian Group. Cette démarche ne se limitait pas à une simple adaptation technologique ; elle constituait plutôt une réflexion philosophique sur la question : « La beauté peut-elle être définie et comprise par une machine ? » « Dans l'ère de l'AIGC, que signifie exactement la « beauté » sur les plateformes de commerce électronique ? » s'est interrogé le professeur Zheng Chao lors de cette rétrospective.","products.design.specifications.new.paragraph03":"L'équipe de recherche a abandonné l'étiquetage mécanique des images pour se tourner vers la construction d'un système logique esthétique que l'IA pourrait apprendre — allant de la composition des couleurs et des relations entre les éléments jusqu'à la narration visuelle, transformant ainsi l'esthétique subjective en un langage algorithmique itératif. Cette phase préparatoire ne constitue pas seulement une rétrospective du projet, mais aussi un véritable changement de mentalité : passer du statut de « apprenant » à celui de « designer commercial en réserve », et quitter le cadre de la création d'œuvres autonomes pour intégrer un maillon essentiel dans la chaîne commerciale.","products.design.specifications.new.paragraph01":"Au cours de ces trois semaines d'immersion, les participants traverseront trois étapes progressives : « Découverte et définition, exploration et conception, approfondissement et livraison », afin de mener à bien un exercice explicite de la pensée design et de réorganiser leur perception. Nous mettons l'accent sur la capacité à « cadrer le problème » dans le cadre de contraintes commerciales réelles, en guidant les participants à recourir à des méthodes telles que l'expérience utilisateur, la logique comportementale et l'analyse interactiva pour, au-delà des apparences des données, saisir les modèles cognitifs profonds et les motivations sous-jacentes du comportement des utilisateurs. L'essence de l'atelier exige non seulement que les participants maîtrisent parfaitement les paradigmes interactifs et la communication visuelle, mais aussi qu'ils comprennent l'économie des plateformes, la psychologie de la consommation, la conception de jeux ainsi que les mécanismes de diffusion sociale.","products.design.specifications.new.paragraph06":"En proposant un cadre tridimensionnel composé de « utilisateur, lien et nœud », nous élevons la conception d'une simple embellissement d'interface au niveau de l'élaboration d'une expérience systémique. Cette méthodologie reste toujours centrée sur la question : « Qu'est-ce que l'utilisateur souhaite vraiment ? » Elle met l'accent sur l'analyse des points d'entrée pour dégager des insights précieux et concevoir ainsi dynamiquement la présentation des pages. Sur la base d'une compréhension claire du parcours utilisateur, il convient d'identifier et de structurer soigneusement une tâche principale fluide et cohérente, tout en concevant avec modération les actions secondaires telles que les enveloppes rouges ou les guides, tout en veillant à une disposition rationnelle de l'architecture informationnelle à chaque nœud. Dans la pratique, nous préconisons une analyse approfondie des concurrents, une vérification expérimentale de l'expérience et une enquête sur l'opinion publique afin de diagnostiquer précisément les problèmes d'expérience. Nous adherons à la séquence « Analyse → Stratégie → Expression », garantissant ainsi que l'innovation en matière de conception demeure toujours fondée sur le respect des habitudes des utilisateurs et sur un consensus commercial. En fin de compte, une excellente conception se traduit par la rationalité et la rigueur logique des liens, plutôt que par une superficialité purement visuelle.","research.page":"Page","products.design.specifications.new.paragraph07":"Dans son partage sur la conception en marketing de marque, Xiaobing souligne que le cœur du design réside dans le passage d'une « pensée étudiante » à une « pensée commerciale » — autrement dit, d'une expression centrée sur l'esthétique personnelle vers une communication axée sur le produit et l'utilisateur. Le design commercial ne se limite pas à une simple présentation visuelle ; il constitue plutôt un dialogue continu avec l'utilisateur, dont l'objectif est d'orienter efficacement le comportement des utilisateurs grâce au design et de réaliser des objectifs commerciaux clairs. Dans la pratique, cela exige que les concepteurs possèdent une capacité rapide à itérer et à vérifier en temps réel. Par exemple, lors de grandes campagnes comme le « Double 11 », il s'agit de mettre en place un cycle complet et fermé, allant de la stratégie de marque et de la communication visuelle à la diffusion média et au retour d'information sur les données, afin de veiller à ce que chaque étape soit étroitement centrée sur la question : « Comment l'utilisateur perçoit-il et comment agit-il ? ». Ainsi, le design pourra véritablement jouer son rôle dans le système commercial.","research.all.the.articles.paragraph99":"La tendance chromatique et la pureté doivent être harmonisées ; les couleurs dans l'image doivent se répondre de manière harmonieuse, évitant tout collage désordonné. Dans l'esthétique des images générées par l'IA pour les produits e-commerce, la cohérence des teintes doit être examinée de manière globale sous divers angles : relations de contraste, relations d'éclairage et d'obscurité, ainsi que relations entre chaleur et fraîcheur. Seule une balance et une harmonie parfaites dans toutes ces dimensions chromatiques permettront à l'image de dégager un sentiment de réalisme et d'impact émotionnel.","products.design.specifications.new.paragraph04":"Partant d'une perspective historique sur l'évolution du design, Qi Wei met en lumière la relation symbiotique et mutuellement enrichissante entre le design et la technologie — depuis les débuts de Xerox jusqu'à l'évolution d'Apple et de Microsoft, puis à la création par les entreprises locales Kingsoft et Tencent des premiers équipes professionnelles de design. Cela marque le passage du design internet, initialement axé sur « l'embellissement des interfaces », vers une approche systémique et professionnelle. À mesure que la complexité et l'uniformisation des produits s'accroissent, le cœur du design se déplace progressivement du « pouvoir concurrentiel visuel » vers « la détermination de l'expérience ». À une époque où les utilisateurs disposent de multiples options, l'expérience elle-même devient le véritable facteur différenciant. Face à un environnement marqué par une attention fragmentée, « comment transmettre l'information de manière plus simple, directe et intuitive » demeure un défi constant pour les concepteurs.","research.all.the.articles.paragraph98":"Relation de tonalité : Cohérence du ton chromatique de l'image","products.design.specifications.new.paragraph05":"Dans les divers scénarios d'activité de Taotian, cette idée se traduit par des pratiques concrètes : construire une perception professionnelle lors des directs, instaurer un sentiment de prestige au sein du système d'adhésion, et intégrer une narration ludique dans les interactions. Qi Wei souligne constamment que l'essence du design réside dans la compréhension et la résolution des préoccupations des utilisateurs, ainsi que dans la recherche d'un équilibre entre les objectifs commerciaux et la valeur expérientielle, car « les consommateurs ne viennent pas sur la plateforme pour admirer le design, mais bien pour accéder au contenu ». Cela témoigne à la fois d'une maturation de la pensée en matière de design et d'une sagesse commerciale qui s'est progressivement affirmée.","research.all.the.articles.paragraph97":"Éclairage extérieur : Lorsque l'on utilise un éclairage extérieur, les effets d'éclairage produits par différentes sources lumineuses peuvent donner aux produits une ambiance variée sur les plateformes de commerce électronique. Il convient également de prêter attention à la relation harmonieuse entre la couleur de la lumière, son angle et sa projection, afin de garantir que l'image obtenue soit naturelle et réaliste.","research.all.the.articles.paragraph96":"Lumière lunaire extérieure : La lumière de la lune nocturne est douce et crée une ambiance discrète aux teintes froides, atténuant ainsi les ombres marquées dans la scène. Cette lumière douce et apaisante confère aux produits une beauté élégante et mystérieuse.","research.spacing.design.excerpt":"Conception de l'espacement (Extrait)","research.all.the.articles.paragraph95":"En extérieur par temps de neige : Dans un environnement enneigé, la lumière tombe uniformément sur la surface du produit, offrant un éclairage doux et homogène. À ce stade, les ombres nettes sur la surface du produit se réduisent, mettant ainsi davantage en valeur les détails et les textures. Par exemple, lorsque des produits liés aux fêtes de Noël sont présentés dans un décor enneigé, cela renforce encore l'atmosphère festive.","research.all.the.articles.paragraph94":"En extérieur par temps de pluie : En milieu pluvieux, les paysages apparaissent plus nets et les couleurs plus vives, ce qui permet de créer pour le produit un effet visuel frais et dynamique. À ce stade, il convient de prendre en compte les reflets des flaques d'eau sur la chaussée afin qu'ils forment avec le sujet principal un miroir harmonieux. Par exemple, les masques hydratants peuvent tirer parti des reflets sous la pluie pour renforcer l'impression visuelle d'hydratation.","research.all.the.articles.paragraph93":"Ciel nuageux à l'extérieur : Dans un environnement nuageux, la lumière est uniforme et douce, ce qui contribue à réduire le contraste sur la surface des produits et à restituer fidèlement leurs couleurs et textures. Sous ce type de lumière, les ombres créent une impression visuelle confortable et naturelle, pleine d'authenticité et de chaleur.","research.all.the.articles.paragraph92":"Éclairage intérieur : L'intensité de la lumière intérieure diminue généralement avec l'augmentation de la distance de propagation. En intérieur, la lumière provient souvent d'éclairages artificiels, de la lumière naturelle des fenêtres, ou d'une combinaison des deux. Cette lumière est relativement douce et ne crée pas facilement des ombres marquées ; par conséquent, dans les images générées par l'IA pour des scènes intérieures, il convient de ne pas utiliser d'ombres trop prononcées. De plus, les différents types de luminaires et les couleurs de lumière créent des ambiances distinctes. La couleur des ombres doit être harmonisée avec celle de la lumière et correspondre aux reflets présents dans l'environnement.","research.all.the.articles.paragraph91":"Rétroaction des ombres / Cohérence lumière-ombre : La direction des ombres dans l'image doit correspondre à la direction de la source lumineuse ; la surface des ombres doit être proportionnelle à la surface des objets ; en outre, les relations entre éclairage et contre-éclairage de chaque objet doivent être uniformes.","research.all.the.articles.paragraph90":"Il convient de maintenir une uniformité globale des sources lumineuses dans l'image, d'organiser de manière raisonnable les lumières principales et secondaires, et de privilégier autant que possible une lumière naturelle claire et douce. L'harmonie des sensations lumineuses constitue un élément essentiel pour la réalisme de l'image. Les différents facteurs tels que la direction de la lumière, les ombres portées par les objets et les reflets environnementaux sont étroitement interdépendants. Seule une coordination harmonieuse entre les éléments lumineux et ombre des objets et de la scène, évitant tout contraste incohérent, permettra de produire des images de produits dotées d'une force d'attraction suffisante.","footer.scanWithWeChat":"Utilisez WeChat pour scanner le code.","careers.socialJob3Team":"Groupe Taotian","awards.tmall.products.title15":"Présentation du projet","research.configure.the.tmall.design":"Configurez le MCP tmall-design dans l'IDE","awards.tmall.products.title16":"Description du projet de conception :","awards.tmall.products.title17":"L'ensemble du projet « HEYLIVE — La Maison des Fans au Bord de la Mer », réalisé en collaboration entre Tmall Xiao Hei He et le Festival de Musique Xiami d'Anaya 2024, intègre la marque dans le contexte culturel du festival grâce à une stratégie de marketing scénarisé. La forme cubique emblématique de Tmall Xiao Hei He est décomposée en « sources lumineuses directionnelles », restituant ainsi une scène étincelante et une ligne côtière en dégradé, afin de tisser un lien émotionnel entre la marque et les jeunes utilisateurs. Parallèlement, le projet associe les ressources de cinq grandes marques, dont DeLonghi et Haier, pour créer une matrice de marketing multidimensionnelle intégrant à la fois les canaux en ligne et hors ligne, visant ainsi à atteindre plusieurs objectifs : accroître la notoriété de la marque, attirer de nouveaux utilisateurs et susciter une résonance culturelle.","footer.scanToFollow":"Scannez le code pour suivre","footer.contactEmail":"Boîte aux lettres","awards.tmall.products.title10":"Lien vers le projet lauréat du prix MUSE","awards.tmall.products.title11":"Le projet « HEYLIVE — La Maison des Fans au Bord de la Mer », réalisé en collaboration entre Tmall Xiaoheihe et le Festival de Musique Xiami, a remporté le Grand Prix du prix international de design A'Design Award en Italie.","app.check":"success","awards.tmall.products.title12":"Logo du prix","awards.tmall.products.title13":"Certificat de récompense, trophée","awards.tmall.products.title14":"Consultation des informations sur les récompenses","research.spacing.code.implementation":"Implémentation du code d'espacement","careers.socialJob5Title":"Expert en conception d'expérience – Xianyu","products.design.specifications.paragraph18":"Aperçu des composants du système de conception QianNiu","products.design.specifications.paragraph17":"Ce système repose sur une conception axée sur « la pragmatique et l’efficacité », mettant l’accent sur le retour à l’essence même des systèmes de gestion commerciale destinés aux entreprises B2B : sur le plan de la structure informationnelle, il vise une clarté et une intuitivité maximales, garantissant ainsi aux commerçants une compréhension immédiate du « quoi » et du « comment faire », et réduisant ainsi les coûts liés à la prise en main ; sur le plan visuel, il privilégie une approche discrète et naturelle, sans jamais prendre le pas sur le contenu principal ; grâce à une utilisation sobre et simple des couleurs et des symboles abstraits, il élimine tout élément visuel susceptible de provoquer des difficultés cognitives ; enfin, sur le plan de la logique d’interaction, il s’attache à offrir une expérience simple et rapide, en optimisant au maximum les trajets d’utilisation pour faciliter les opérations fréquentes et les changements d’interface.","products.design.specifications.paragraph19":"Spécifications du système de design Tmall","footer.contactTitle":"Contacter","products.design.specifications.paragraph14":"Aperçu des composants du système Taobao","products.design.specifications.paragraph13":"La conception de Taobao est centrée sur l'utilisateur et repose sur une approche rigoureuse et sobre en matière de fonctionnalités produits. La conception systémique, complexe mais exhaustive, vise à offrir aux utilisateurs une expérience produit simple, pratique et agréable. Grâce aux ressources mises à disposition par les concepteurs, les chefs de produit et les développeurs, nous disposons d'un langage commun autour des produits Taobao, que nous utilisons pour garantir une expérience utilisateur aussi optimale que bienveillante dans l'application Taobao.","products.design.specifications.paragraph16":"Qianniu Design est un système de conception spécialement conçu pour la plateforme de travail Qianniu, centré sur l'efficacité et adapté aux scénarios d'affaires complexes et à haute fréquence. Il garantit une transmission efficace des données et des tâches essentielles, répondant ainsi aux besoins fondamentaux des commerçants en matière de gestion quotidienne de leur activité et de leur boutique.","products.design.specifications.paragraph15":"Normes du système de conception Qianniu","careers.socialJob11Location":"Pékin/Shanghai","products.design.specifications.paragraph10":"Vision : Définir un nouveau paradigme de la production intelligente","products.design.specifications.paragraph12":"Taobao Design est un système de conception spécialement conçu pour l'application Taobao. Le cadre de conception Taobao vise à établir un langage de design universel, garantissant ainsi une expérience utilisateur cohérente pour l'ensemble des produits de Taobao et permettant à différents acteurs de collaborer pour créer une écosystème commercial simple et convivial.","products.design.specifications.paragraph11":"Spécifications du système de design Taobao","research.all.the.articles.name_new10":"Wangli Dong","research.all.the.articles.name_new02":"Yong Wang","careers.internJob2Date":"2026.03.17","research.all.the.articles.name_new01":"Kaile Kong","research.all.the.articles.paragraph79":"Relation de perspective","research.all.the.articles.name_new06":"Zhou Zhou","research.all.the.articles.paragraph78":"Par exemple, il convient de laisser un espace négatif approprié entre le modèle humain et le bord de l'image. En veillant à un écart raisonnable, on évite ainsi une composition surchargée, on renforce la sensation de respiration et on confère à l'ensemble de la composition un équilibre et une nature plus harmonieux. Maintenir une distance adéquate entre le sujet principal de la composition et le bord de l'image vise à préserver une relation cohérente entre le modèle humain et les produits, tout en améliorant l'attrait visuel et l'esthétique globale de l'image.","research.all.the.articles.name_new07":"Yan Wang","research.all.the.articles.paragraph77":"Lorsque le mannequin est placé au centre de l'image, l'essentiel consiste à utiliser la composition pour mettre efficacement en valeur la proportion et la position du mannequin par rapport au produit. Placer le mannequin au centre de l'image permet non seulement d'attirer directement l'attention du spectateur et de renforcer son statut de point focal, mais s'aligne également sur l'habitude visuelle naturelle des observateurs qui tendent à porter leur attention sur la zone centrale lorsqu'ils examinent une image.","research.all.the.articles.name_new04":"Xiang Liu","research.all.the.articles.paragraph76":"Une disposition conforme aux habitudes visuelles met l'accent sur le fait que la composition doit suivre les lois de la perception visuelle et les préférences esthétiques humaines, en recourant aux principes classiques de composition pour créer un effet visuel naturel et agréable. La division dorée et la règle des tiers sont les critères les plus classiques et largement utilisés en composition ; leur longévité tient précisément au fait qu'ils correspondent à la perception instinctive de l'être humain en matière d'équilibre et d'harmonie visuels. Par exemple, la règle de la division dorée recommande de placer les éléments visuels importants à certains points particuliers de la composition — généralement près des bords de l'image. Une telle disposition non seulement attire l'attention du spectateur, mais crée également, sur le plan visuel, un sentiment d'équilibre et un effet dynamique.","research.all.the.articles.name_new05":"Haojiong Yang","research.all.the.articles.paragraph75":"Cette norme porte sur la manière dont la composition peut garantir que le produit principal soit mis en avant. L'essence même de la centralité réside dans le fait de placer le produit au centre du cadre et, grâce à une organisation organique des éléments visuels, de renforcer son statut de point focal de l'image.","research.all.the.articles.paragraph74":"Subjectivité","research.all.the.articles.paragraph73":"Équilibre et harmonie globaux de l'image : Lors de la conception du flux visuel, il convient également de tenir compte de l'équilibre et de l'harmonie généraux de l'image. La disposition de tous les éléments doit non seulement servir à guider le regard, mais aussi préserver une harmonie intrinsèque dans la composition.","research.all.the.articles.name_new08":"Yuhan Wen","research.all.the.articles.paragraph72":"Considérations relatives à l'espace de regard : Lorsque l'image comporte une figure humaine dotée d'un regard expressif et clairement défini, la flexibilité de la direction du regard revêt une importance particulière. Il convient de prévoir un espace suffisant devant le regard de la figure humaine afin de renforcer le dynamisme de l'image et d'orienter le flux visuel.","research.all.the.articles.name_new09":"Zijun Liu","research.all.the.articles.paragraph71":"Utilisation des lignes, des formes et de la lumière : En disposant judicieusement les lignes et les formes, il est possible de créer des chemins qui guident le regard du spectateur et attirent naturellement l'attention sur le produit. Ces éléments visuels doivent être organisés en un système fluide de guidage visuel, afin de finalement se concentrer sur le produit lui-même.","research.design.method.literal.visualization":"Méthode de conception : Visualisation littérale","research.all.the.articles.paragraph70":"Si la maquette humaine comporte une expression du regard, il convient de prêter attention à l'extension de la direction du regard et de prévoir un espace approprié du côté vers lequel la maquette humaine est tournée.","careers.internJob1Title":"Concepteur d'ingénierie en IA","research.economic.aesthetics.paragraph32":"La folklorique constitue un refuge spirituel pour les habitants des petites villes ; grâce aux bénédictions et aux supports porteurs du folklore, ce groupe acquiert un sentiment d'identité.","research.economic.aesthetics.paragraph33":"Quelle que soit la hauteur ou la profondeur de l'esthétique, même les marchés de masse recherchent l'élégance. Que ce soit dans les petits détails du quotidien – alimentation, vêtements et objets utilitaires – ou dans des projets d'envergure comme l'architecture et la décoration, l'esthétique des habitants des petites villes évolue elle aussi avec le temps. En puisant leur inspiration dans la vie quotidienne et en mettant à jour l'essence du design sauvage, ces produits gagnent en chaleur humaine et permettent aux petits articles de révéler tout leur potentiel. Le design ne s'arrête jamais ; l'esthétique économique continue elle aussi à évoluer...","research.economic.aesthetics.paragraph30":"Les petites annonces collées au hasard dans les rues de la petite ville reflètent la vie vibrante de ses habitants. En en extrayant le sens formel, nous pouvons élaborer une esthétique unique et sauvage, mêlant divers éléments de la petite ville.","research.economic.aesthetics.paragraph31":"03 Expression des coutumes populaires","products.design.specifications.paragraph21":"Ce système repose sur le concept de conception « White Paper », qui met l'accent sur le fait que le contenu semble jaillir d'une toile vierge. Grâce à la simplification des processus et de la structure, tous les éléments susceptibles de créer une distraction ou une confusion sont éliminés.","products.design.specifications.paragraph20":"Tmall Design est un système de conception spécialement conçu pour l'application d'achat Tmall. Il couvre les concepts, principes, styles, composants et ressources de conception. Son objectif en termes d'expérience est de mettre le contenu au cœur du dispositif, de simplifier les tâches, d'assurer une communication efficace des informations et de proposer un style de design d'une simplicité extrême, afin de répondre aux besoins liés au positionnement du produit et à ceux de son public cible.","research.versionai.tmall":"VersionAI Tmall","products.design.specifications.paragraph22":"Aperçu des composants du système Tmall","research.all.the.articles.paragraph89":"Relation à la source lumineuse : Uniformité de la source lumineuse pour tous les objets présents dans l'image.","banner.cameraMoveBody":"Essayez de bouger votre corps.","research.all.the.articles.paragraph88":"Exposition uniforme : Le degré d'exposition du contenu principal doit rester cohérent. Adapter l'exposition aux différents scénarios constitue un autre point essentiel dans le réglage de l'exposition des images de produits. Dans l'ensemble de la gamme de produits, maintenir un niveau d'exposition uniforme contribue à consolider l'image de marque, facilite l'identification et la mémorisation des produits par les utilisateurs, et renforce ainsi la cohérence globale de la marque.","research.all.the.articles.paragraph87":"Exposition globale : Une image sous-exposée apparaît trop sombre, ce qui nuit à la reconnaissance des formes des objets ; une image sur-exposée devient trop blanche, entraînant une perte de détails. En général, on privilégie un niveau d'exposition plus clair. Dans les photos de produits, le contrôle de l'exposition du fond revêt également une importance capitale. En ajustant l'exposition, on peut mieux maîtriser le contraste entre le produit et son fond, ce qui est particulièrement essentiel lorsque le produit et le fond présentent des couleurs proches, afin de mettre le produit en valeur et de le faire ressortir nettement.","research.all.the.articles.paragraph86":"Exposition du sujet : L'exposition doit se fonder sur le contenu principal de l'image, en veillant à sa rationalité. Dans le domaine de l'esthétique des images générées par l'intelligence artificielle pour les produits e-commerce, la présentation des produits ne concerne pas seulement leur apparence ; elle nécessite également un réglage précis de l'exposition afin de mettre en valeur tous les détails. Une exposition appropriée permet de mettre en évidence la texture, le matériau et la couleur de la surface du produit, garantissant ainsi que les acheteurs potentiels puissent distinguer clairement chaque détail et renforcer ainsi l'attrait d'achat.","research.all.the.articles.paragraph85":"Exposition : niveau de clarté et uniformité de l'exposition de l'image.","research.element.knowledge.is.divided":"La connaissance des éléments est divisée en quatre unités irréductibles — {{bold}}couleur, typographie, rayon d'angle et mouvement{{/bold}} — qui constituent les dépendances fondamentales de tous les styles de design. Ses règles sémantiques comprennent les définitions d'éléments, la composition des styles, les variables d'attributs (tokens de design), les règles obligatoires et l'utilisation fonctionnelle. Les implémentations de code prennent la forme de styles globaux (SCSS) ; ceux-ci sont reconstruits automatiquement à partir des artefacts de design et générés sous forme de code par les outils IDE grâce à des appels aux services MCP du logiciel de design. Le schéma de mappage est composé de symboles d'ID, de sémantiques (incluant le nom, la définition et la description), de références aux règles, de références aux implémentations et de contraintes (telles que les scénarios d'utilisation, les interdictions obligatoires et autres restrictions). Ce schéma est généré automatiquement par l'intelligence artificielle conformément à des règles de prompt basées sur le schéma*.","research.all.the.articles.paragraph84":"Lumière et ombre","careers.socialJob13Team":"Groupe Taotian (plateforme Taobao)","research.all.the.articles.paragraph83":"Création de la profondeur de champ : Lors de la génération d'images e-commerce par l'IA, le contrôle de la profondeur de champ constitue l'un des éléments clés de la composition. En simulant la distance focale et l'ouverture du diaphragme de l'appareil photo, l'IA ajuste la profondeur de champ afin d'obtenir un effet de flou d'arrière-plan, ce qui met davantage en valeur le produit et en fait le point focal de l'image. Lors de la génération d'images de produits e-commerce par l'IA, il est essentiel de contrôler précisément la distance focale, l'ouverture du diaphragme et la distance objet, tout en organisant judicieusement les relations entre le premier plan et l'arrière-plan, tant en termes de netteté que de flou. Ainsi, l'image finale respectera à la fois les normes commerciales et possédera une valeur artistique. Grâce à ce type de traitement, l'IA peut créer des images de produits à la fois professionnelles et visuellement attrayantes, améliorant efficacement l'impact visuel des produits présentés.","research.all.the.articles.paragraph82":"Perspective spatiale : La perspective spatiale est l'un des éléments visuels essentiels dans la génération d'images e-commerce par l'IA. Elle exige que la relation de perspective entre le mannequin, le produit et la structure spatiale soit cohérente. Une perspective correctement établie garantit que la position et la taille du mannequin et du produit dans l'espace sont bien adaptées à leur environnement.","research.design.synthesis.agent.configuration":"Configuration de l'agent de synthèse de conception (extrait)","research.all.the.articles.paragraph81":"Le traitement de la lumière et de l'ombre constitue un autre élément crucial qui influence directement la présentation de la forme et de la texture des produits. En simulant différents effets d'éclairage (tels que les ombres créées par un éclairage unilatéral), on peut renforcer le sens de la profondeur tridimensionnelle du produit. Une simulation précise de la lumière et de l'ombre non seulement rend les produits plus vivants, mais confère également à l'image une richesse de couches et de textures.","careers.master":"Master","research.all.the.articles.paragraph80":"En ce qui concerne la composition en perspective des images de produits commerciaux générées par l'IA, l'enjeu central réside dans la manière d'imiter efficacement, sur un plan bidimensionnel, la sensation de spatialité tridimensionnelle. Ce défi implique plusieurs principes fondamentaux des arts visuels, notamment la perspective, le traitement de la lumière et de l'ombre ainsi que le contrôle de la profondeur de champ. La perspective, dont l'usage remonte à l'histoire des arts visuels, permet de simuler la profondeur et la distance grâce à l'agencement de lignes et de formes. Lors de la génération d'images de produits par l'IA, on peut recourir à la création de points de fuite et de lignes de perspective pour donner l'impression que le produit s'étend vers l'horizon. Cette méthode non seulement renforce le caractère tridimensionnel du produit, mais apporte également une profondeur et une dynamique accrues à l'image."},"ja_JP":{"home.research5Title":"経済的美学のデザインと応用","products.aiagent.new.title":"チームが自社開発したスキルライブラリの呼び出しと実行","careers.socialJob4Team":"タオティエングループ","careers.socialJob4Years":"3年","research.all.the.articles.paragraph001":"オブジェクト本体：","research.all.the.articles.paragraph005":"還元度：","careers.internJob3Desc":"ユーザーの行動とフィードバックを洞察し、類似製品、特にAI製品の設計形態および発展方法を分析します。各種ビジネス形態に応じた製品体験設計を担当し、ニーズに適した戦略および設計案を提供します。社内におけるAIデザインの能力構築を推進します。また、AIの認知に合った規範やモデルが識別可能なコンテンツに関する知識を含む、各種設計関連文書を作成します。","research.all.the.articles.paragraph004":"商品の状態は、AIによる画像生成の品質を評価する上で核心的な要素です。生成されたAI商品の形状が完全で、欠陥や不適切な構造などが生じないようにしなければなりません。また、切り抜きが正確であることも重要で、エッジの荒れや白っぽさ、紫縁などの現象が起こらないよう注意する必要があります。こうすることで、生成された商品画像が顧客の期待に沿ったものとなるのです。","research.all.the.articles.paragraph003":"商品形状：","research.all.the.articles.paragraph002":"商品の状態と真正性を可視化します。商品オブジェクトの本体に基づくAIによる商品画像の美学評価基準は、主に2つの側面——商品の形状構造と再現度——をカバーしています。","research.all.the.articles.paragraph009":"角度の選択：","research.all.the.articles.paragraph008":"商品の陳列と視聴角度。","research.all.the.articles.paragraph007":"角度を選択：","research.all.the.articles.paragraph006":"商品そのものの構造的表現を忠実に反映するものとし、形状の構成、素材および色合いを含む必要があります。環境要因の影響を受ける場合もありますが、自然な認識の論理に従い、商品本来の形態から逸脱してはなりません。視覚的な忠実度と再現度において、AI生成による商品画像は、商品の外観、比率および細部の特徴を正確に表現する必要があります。さらに、商品そのものを高度に再現するだけでなく、画像はできるだけ高解像度を維持し、商品の細部まで精密に処理する必要があります。これにより、卓越した鮮明さで精密な職人技のディテール、素材の質感、複雑なデザインの核心部分を捉え、商品の技術水準と視覚的魅力を存分に引き出すことができます。","team.intro.text":"タオバオデザインは、世界中の数億人の消費者の体験を支えるデザインチームであり、タオバオや天猫など、多くの国民的プロダクトにサービスを提供しています。私たちはユーザー体験をリードすることに専心し、デザインが心に響き、ビジネスを美しくかつシンプルにするよう努めています。","careers.internJob3Location":"杭州","research.economic.aesthetics.title9":"デザイン手法の精錬","research.economic.aesthetics.paragraph9":"多様な才能がなければ生きていけないと信じ、店舗の看板はシームレスに繋がり、隣接する店舗同士が連続した情報の壁を形成します。余白を残すことは無駄であり、隙間なく埋め尽くすことで安心感を得られます。同じ情報が床貼り、立て看板、店頭看板、横断幕、さらには広告用スピーカーに至るまで何度も繰り返し登場し、複数のチャネルを通じて強化されます。重要な情報は他の文字よりもはるかに大きく、あえてページの中心を占拠します。","research.economic.aesthetics.title7":"プレート式｜機能重視 高密度 強コントラスト","research.economic.aesthetics.title8":"文字｜直截的で具体的、方言を混ぜた「迷信」主義","research.structural.translation.of.design":"デザインシステム仕様の知識の構造的翻訳","products.design.specifications.paragraph3":"その機能は、対話型の画像生成、一括生成、複数サイズへの拡張、テンプレートとスタイルの再利用、画像の精密な修整と編集、業務に応じたカスタマイズ生成、API経由の呼び出しといった核心的なシーンを網羅しており、単一画像のアイデアから数千規模の素材生産まで、効率的な変換をサポートします。","research.economic.aesthetics.paragraph7":"小さな街における素材の混在という現状は、資源、認識、需要が複合的に作用した結果です。滑らか対粗い、光沢対マット、デジタル対手作り——一見混乱したようなスタイルの中にこそ、社会の生き生きとした息吹と生命力が滲み出ています。「調和的で洗練された美」を過度に追求するのではなく、「実用的で生き生きとした美」を志向しています。小さな街の人々が「金色に輝く」ものを好むのは、本質的に実用的な理想主義でもあります。県城の街路は一般的に背景が雑然としていて暗い印象ですが、高彩度の金属的な光沢感は瞬時に歩行者の目を引きつけます。また、きらめくような店舗の外観は、業者の信頼性を強く示し、強い信頼感をもたらします。物資が不足していた時代を経験した人々にとって、金色に輝く質感は特に必要であり、豊かさと充足感への心の拠り所となっているのです。","products.design.specifications.paragraph2":"淘天AIデザイナー（Taotian AI Designer）は、淘天のEコマース事業およびデザインチーム向けに構築された、統合型のAI視覚デザインインテリジェンスエージェント兼プロダクションプラットフォームです。このプラットフォームは、蓄積されたデザイン能力、ビジネス経験、大規模な画像生成ワークフローを基盤とし、デザイナーやオペレーターがアイデアの生成から一括納品まで、ビジュアルプロダクションの全プロセスを効率的にサポートします。","research.economic.aesthetics.paragraph8":"小さな街の通りの実景","products.design.specifications.paragraph5":"「画像生成」から「デザイン生成」へ","research.economic.aesthetics.paragraph5":"製品包装の観点から見ると、初期には生産材料が不足していたため、透明ウィンドウを採用し商品の実際の状態を完全に映し出したり、包装印刷の精度が向上したことにより商品の詳細な修整画像を提供したりするなど、いずれも商品そのものを直感的にアピールすることでユーザーを引きつけています。街頭広告の観点から見ると、オーナー自ら手作りした看板や自然発生的なグラフィックデザインは、内容をより分かりやすく伝え、ユーザーとの距離を縮めやすく、しかも低コストで柔軟にリニューアルできる点が特徴です。文化伝播の観点から見ると、伝統的な吉祥シンボル（福、富、錦鯉）が生活シーン（布地、ステッカー、タイル、製品デザインなど）に頻繁に用いられ、装飾的な幸運の印へと転じています。","products.design.specifications.paragraph4":"課題：Eコマースデザインにおける高頻度、膨大な量、および制御不能性。","research.economic.aesthetics.paragraph6":"野生のグラフィック制作","team.section.title":"これはタオティエンデザインです。","research.economic.aesthetics.paragraph3":"県城や小都市では、看板や壁絵などの公共視覚要素に赤、黄、青、金（場合によっては緑や白も加える）の高彩度配色が頻繁に用いられています。この背景には、素材や施工技術の制約に加え、文化的・心理的な動機や伝播効率の考慮があります。主に以下の4つの観点が挙げられます。1．原材料と施工コストが極めて低く、国産のPVC噴射印刷、単色インク、交通工事用フィルム、地元建材の「速乾耐日焼け」工業塗料などは価格が安く、調色の必要もありません。2．高い識別性＝高い伝播効率であり、複雑な光環境下でも高彩度の原色は最も強い視覚的透過力を発揮します（日差しの強い昼間、暗い夜間、背景が乱雑な場合でも）。3．施工スキルの限界とテンプレートによる作業方法により、最も手軽なやり方が選ばれ、その結果、美的傾向が均一化してしまいます。4．色彩自体が「信頼の裏付け」を備えており、無意識のうちに「祝祭感、明るさ、正統性、信頼性」を伝えることで、消費者の意思決定コストを低減します。","research.economic.aesthetics.paragraph4":"生活環境の色彩","research.economic.aesthetics.paragraph1":"中国の非一線都市にある県城や小都市に住む一般の人々は、大半の庶民が日常で経験するリアルな生活状況を反映しています。彼らが置かれた環境、日頃気にかけていること、接している事柄、消費対象などは、非一線都市の典型的な普遍的特徴を備えており、一線都市のユーザーとは自然に消費スタイルや関心事項に違いが見られます。研究によると、ターゲット層が日常生活の中で持つ美的嗜好もまた、混在性と実用性、そして人文的な情感が複雑に絡み合った特徴を示しています。県城文学が大きな注目を集めるのは、ある意味で私たち自身の成長過程や生活体験と広くつながり、共感を呼ぶからです。私たちは、リアルな生活者の感覚に立脚し、色彩、図形、文字、質感、レイアウトなどの視点から、オフラインの生活消費シーンでよく見られるデザインを分析。経済美学的特徴とデザイン手法を抽出し、オンラインのEC商品体験やブランドマーケティングの場面で活用することで、ユーザーの感情的共鳴を引き出し、プラットフォームへの愛着と差別化された認知を促進します。","research.economic.aesthetics.paragraph2":"ターゲット層が生活必需品に対して抱く前提や期待を踏まえ、体験は彼らが求める経済的で実用的、そして真実の生活へと回帰する状態を再現すべきです。グループが気にかけるわずかな価格差を忠実に再現し、生活に確かな小さなお得感をもたらすことで喜びを感じてもらいましょう。生活の日常的な場面に息づく市場の魅力を解釈し、低価格の中からユーザー価値を見出すクリエイティブなデザインを展開します。デザインは、平凡な物質がもたらす生活の質の美しさを表現するとともに、生活へのより良い効用をもたらし、実用的な場面を巧みに演出・体現することも可能です。経済美学の背後にある「小さな価格に大きな価値」は、ユーザーが価格対効果を心理的に追求していることを反映しており、デザインが目指すのは「核心となる価値ポイントに焦点を絞った」具体的で豊かな手段の探求です。","careers.socialJob13Date":"2026年1月5日","careers.internJob2Title":"AIクリエイティブアーティスト","research.ai.friendly.semantic.rules":"AIに優しい意味論的ルール","careers.bachelor":"学士","research.there.is.now.a":"現在、市場にはAIを活用したインターフェース生成ソリューションが数多く提供されています。新興のAIおよびIDEツール（V0、Stitch、Cursorなど）は、開発に関する知識を内蔵した基盤モデルに依存し、その後、オープンソースのコンポーネントライブラリ（Tailwind、Shadcn、AntD、M3など）を呼び出します。一方、デザインソフトウェアベースのエージェントソリューション（Figma MakeやMastergo Agentなど）は、デザインツール自体で作成・維持されるコンポーネントライブラリを基に、インターフェースとコードを同時に生成します。","research.economic.aesthetics.title2":"背景紹介","research.economic.aesthetics.title5":"グラフィック｜具象的な表現、美しい寓意を追求する","research.economic.aesthetics.title6":"質感｜実用主義的なコラージュ、輝かしく華やかな追求","research.economic.aesthetics.title3":"生活環境研究","research.economic.aesthetics.title4":"色彩｜素材の原色を忠実に再現し、自ら感情を誘導する","home.product1Title":"Taotian AI デザイナー","research.building.internal.enterprise.design":"AIGUI向け社内企業デザインウィキの構築","research.note.design.tokens.for":"注記：要素およびレイアウトのデザイントークンは、明確な基準、明示的なセマンティクス、一貫した構造をもって構築する必要があります。一般的には、値 → 原始的なプロパティ名付け → セマンティックな名付け → ルールの説明という段階的進行を踏みます。","careers.socialJob12Desc":"タオバオライブ配信のストリーマー運営および配信開始に関連する製品の体験設計を担当し、製品の使いやすさ、拡張性、デザイン品質を確保します。業務調整、戦略策定、デザインコンセプト、企画書作成、実装・落とし込み、データ収集に至るまで一貫して担当し、情報構造の整理、スタイルの方向性設定、インターフェースのビジュアル制作、コンポーネント規格の策定などを円滑に進められます。業務全体を俯瞰的に理解・判断でき、ビジネスチーム、ユーザーリサーチチーム、開発チームなど上流・下流の各チームと連携してデザインの機会を見出し、深く共創することで価値を高めます。","awards.new.article01":"2024年ダブル11メインインタラクション - MUSEプラチナ賞＆ベルリンデザイン賞金賞","awards.new.article02":"2025年春節メインインタラクション—IAIグローバルデザイン賞銀賞＆MUSEプラチナ賞","awards.new.article03":"2025年618メインインタラクション - IAIグローバルデザイン賞銀賞","research.layout":"レイアウト","research.taobaoInteractiveGame.taoCoinPopArtStyleApplication":"タオコイン：ポップアートスタイルのアプリケーション","research.color.design.excerpt":"カラーデザイン（抜粋）","careers.socialJob5Team":"タオティエングループ（Xianyu）","research.versionAI.tmall":"VersionAIの天猫での事業を開始する","careers.socialJob13Years":"5年","research.in.taobao.s.marketing":"タオバオのマーケティングデザインシーンにおいて、ユーザーの旅路は初期段階でのアクセスポイントが多く、循環的なパターンが顕著です。そのため、情報提示の誘導力と情報伝達の直接性の両方に高い要求が課されます。ビジネスの観点から見ると、これらのシーンは広範なカバー範囲と高いリピート性を備え、複雑に絡み合った文脈を特徴としています。しかし歴史的に見て、マーケティング表現は体系的に研究されてもおらず、基礎的なデザイン分野として確立されていません。予備的な調査によると、ポスター風のタイポグラフィー配置やグラフィカルな構成、グラフィックとテキストを融合したアプローチなど、多様な表現スタイルが存在し、さらなる統合と最適化の可能性が大きく期待されています。本取り組みでは「直感的な情報表現」に焦点を当て、マーケティングコミュニケーション全体の効率を向上させるための普遍的な設計原則と方法論の確立を目指します。","research.tmall.app.uikit":"TmallアプリUIkit","research.generative.ui.agent":"ジェネレーティブUIエージェント","careers.socialJob7Title":"体験デザイナー-1688","home.bookFlipSubtitle":"タオティエンデザインが制作した書籍：\nデザインにとどまる、AIにとどまらない","research.interactiveGameTrends.pageTitle":"タオバオインタラクティブゲームデザインのトレンド調査","research.price.semantic.rules.excerpt":"価格の意味論的規則（抜粋）","careers.internJob4Date":"2026年3月12日","research.from.literal.visualization.in":"スプラッシュ画面における文字通りの視覚化から、ポップアップにおけるグラフィックコンテナー、プロモーションヘッダーにおける階層的統合、さらにはキャンペーン資産に対する精密なメディア選択、直接的なテキスト構成、キー要素のフレームレベルでの強調、感情を喚起する特徴的なサインに至るまで、これらの戦略と事例研究はいずれも最終的に同じ指針に従っています：デザインプロセスにおいて複雑さを抑え、ユーザーにシンプルさを届けること；ビジネス言語における抽象性を保ちながら、ユーザーの認知には具体性を還元すること。","header.awards":"アワード","bottom.contributor.title":"貢献者","careers.socialJob11Desc":"AI分野の分析および業界専門家へのインタビューを通じて、投資視点からAI技術分野およびAI応用市場を動態的に分析し、業界の発展トレンドを洞察します。また、この分野における主要プレイヤー・企業の重要な動向をモニタリング・分析し、資本市場で特に注目を集めた核心的な出来事について専門家への深層インタビューを実施して分析レポートを作成。戦略層に向けて効果的なアウトプットを提供します。Eコマースと商業化分野における戦略立案／顧客調査では、Eコマースおよび商業化のビジネスシーンを対象に業界動向を分析し、業界の発展トレンドを洞察。各プラットフォームの動向や戦略手法を整理・追跡するとともに、業界専門家への深層インタビュー、決算資料分析、業界情報研究、社内データの抽出・分析を実施します。必要に応じて、販売者・顧客調査や代理店エコシステム調査を実施し、定性的・定量的両面からアプローチします。外部の競争環境やママビジネスとの連携も考慮に入れ、戦略・技術・製品・運営、さらにはエコシステムに至るまで、深い考察を加えた総合的なレポートを生成します。コンサルタント、企画、製品、運営、技術、エコシステムなどの業務チームと密接にコミュニケーションを取り、内部のビジネスニーズを把握。動態分析を通じてビジネスにフィードバックし、ママビジネスが差別化戦略を打ち立てられるよう支援。ビジネスの実装ポイントや突破口となるイノベーション・変革を見出します。","products.design.specifications.paragraph7":"強力な基盤エンジン","products.design.specifications.paragraph6":"「チャット即創作」のフルチェーン・クローズドループ","products.design.specifications.paragraph9":"効率革命：1日から30秒へ。","home.award3Title":"ミューズプラチナ賞","products.design.specifications.paragraph8":"デザイン知識の循環","research.if.design.artifacts.are":"デザインアーティファクトがAIシステムによって安定して読み取り可能、検索可能、論理的に検討可能、かつ実行可能と期待される場合、従来のデザインシステム仕様知識の構築手法には、解決すべき3つの根本的な欠点があります。1. {{bold}}構造化された知識の不足：{{/bold}}デザインソースファイルは十分に標準化されておらず（デザイントークン、コンポーネント変数、セマンティック記述が欠如）、デザインルールは明確に規定されておらず（明確な記述構造やコンテンツ形式が欠如）、デザインコードは不完全です（具体的なコード実装が欠如）。2. {{bold}}明示的なマッピングの欠如：{{/bold}}デザインルールとコードの間には、明示的で構造化されたアンカー、制約、参照関係が存在しません。3. {{bold}}統一されたメンテナンスの欠如：{{/bold}}デザインソースファイル、ルール、コードは、設計者と開発者が別々に作成・維持しており、共通の構造やマッピングに関する合意が得られていないため、断片化が進み、整合性のないイтерレーションを招いています。","research.element.semantic.rule.template":"要素の意味論的ルールテンプレート","careers.internJob2Desc":"各事業および活動におけるブランドマーケティングのクリエイティブデザインを提供し、ブランド、マーケティング、ページ、パッケージ、空間などを含む包括的なデザインソリューションを納品します。また、インタラクティブ製品のテーマ企画、ビジュアルスタイルの設定およびキャラクター設定も手がけます。AIツールを活用したデザインやアート制作を通じて、目標達成に向けた技術的課題を解決し、業界トップレベルのスキルを備えています。さらに、デザインデータベースを構築し、ビジネス上のニーズやデザイン目標に応じてLoRAモデルをトレーニング／最適化することで、自社でビジネス素材を自動生成できるよう支援します。","footer.sloganHumanistic":"人間本位","research.in.this.project.the":"このプロジェクトでは、ワークフローとエージェントがIDEベースのツール内に構築されます。ベースモデルとメモリはデフォルト設定を使用します。ツールはデフォルト設定であるか、設定を必要としません。残りの項目は明確に定義されます。プロンプトのMarkdownファイルには、ロール定義、タスク定義、組み込みのワークフローステップ、入出力要件、アクセスとルーティング、および制約などが含まれます（ただし、これらに限定されません）。","research.note.in.principle.the":"注：原則として、知識検索エージェントと設計合成エージェントを単一のエージェントに統合することも可能です。しかし、設計システム仕様の知識が特定の要件から設計へのマッピングを十分にカバーしていない場合に備え、意図的に分離しています。このような状況では、ソリューション設計エージェントが外部ツールや認可された外部知識ベースを通じて補完的な検索を実行できます。この分離により、両エージェント間のタスクの責任範囲と自律性の程度がより明確になり、プロセスの制御性と結果の確定性がともに向上します。","careers.socialJob5Years":"5年","research.node.orchestration":"ノードオーケストレーション","careers.campus":"キャンパス採用","careers.socialJob2Location":"杭州","research.case.semantic.rules.template":"ケースセマンティックルールテンプレート（抜粋）","home.seeAll":"すべて表示する","careers.socialJob3Years":"2年","home.research6Title":"「TAO」AIデジタル人間の動的映像研究","research.all.the.articles.new.label1":"デザインチーム","careers.socialJob12Date":"2026年1月8日","banner.titleTechnology":"テクノロジー","home.browseVideosTitle2":"楽しい仕事","home.browseVideosTitle1":"私たちは追求します","research.this.leads.to.a":"これはパラダイムシフトをもたらす問いへとつながります。人間とAIの協働がユーザー体験やデジタル製品を形作る時代において、主に人間による解釈を前提として作られてきた従来のデザインガイドラインやシステム——「人間向けデザインガイドラインおよびシステム」——は必然的に、機械による理解に最適化されたガイドラインやシステム——「AI向けデザインガイドラインおよびシステム」——へと進化しなければなりません。この転換により、こうしたシステムをどのように構築すべきかについて、新たな原則、手法、ワークフローが登場することになります。","research.this.article.is.a":"本記事は、2025年中頃にTaobaoデザインチームが行った調査であり、AIを活用して企業のデザイン基準に準拠した製品インターフェースを生成する方法について考察したものです。中国の大手B2CショッピングプラットフォームであるTmallアプリを例に、AIGUIが解決しようとしている課題、機械が解釈・活用できる設計システムの知識を構築する具体的な手法、および生成された製品ページの事例を紹介しています。技術やツールが進化するにつれて、それに応じたアプローチも変化していくでしょう。以下に示す内容は、あくまでも現段階における参考情報として提供されるものです。","research.interface.generation.is.essentially":"インターフェース生成は本質的に、{{bold}}複数のタスクエージェントが、企業のシーンに適合した設計ワークフローに基づき、コンテキスト推論と検索を通じて設計システムの規範的知識を抽出することにより形成される垂直型のインテリジェンスエージェント{{/bold}}です。このうち、ワークフローはエンジニアリングの基盤であり、要件入力からインターフェース出力に至るすべての工程をつなぎ合わせることで、プロセスと結果の確定性を保証します。複数のエージェントはモデルの脳に相当し、事前に設定されたシステムプロンプトに従って前段階の入力を理解し、自律的に段階的な推論を実行し、次の段階へ結果を出力します。これらは意図認識、知識検索、方案設計、コード生成の4つのタスクエージェントに分かれています。設計システムの規範的知識は外部の事実として組み込まれており、D2C方式によりルールの意味的事実、コードの記号的事実、および両者間の対応関係を構造化した知識ベースへ変換されます。これにより、モデルはこれらの知識を読み取り、検索し、抽出することが可能になります。","team.publish.a.book.paragraph102":"映画チームの全体的なプロセスと仕事内容","team.publish.a.book.paragraph101":"映画『アウトサイダー』のメインポスターおよびストーリー写真","team.publish.a.book.paragraph100":"映画『鬼話連篇』のメインポスターおよびストーリーのスチル画像","banner.cameraMoveBody2":"温度変化を感じる","research.case.mapping.schema.template":"ケースマッピングスキーマテンプレート（抜粋）","home.adjustTextTitle":"私たちは磨き上げる\nより良いデザインを","careers.socialJob10Title":"AI開発エンジニア—エージェント設計","header.product2":"TDA デザインエージェント","careers.socialJob1Date":"2026年3月10日","header.product3":"デザインシステム","research.note.it.may.also":"注記：「ページ」または「ブロック」と名付けられる場合もあります。","careers.socialJob6Title":"製品ビジュアルデザイナー - 1688","header.product1":"Taotian AI デザイナー","careers.socialJob10Desc":"設計インテリジェンスエージェントの生態系を構築・維持するチームを担当し、設計知識、ワークフロー、AI能力を統合することで、設計チームの生産効率、品質の一貫性、知識の再利用率を継続的に向上させます。この役割は、設計システムのインテリジェンス化の核心的構築者であり、「設計」、「エンジニアリング」、「インテリジェンスエージェント技術」の3分野をつなぎ、チームにおけるAIの実装が実用可能で、イテレーション可能かつ管理可能な状態を確保します。設計インテリジェンスエージェントシステムを独自に構築・最適化し、アーキテクチャとワークフローの仕組みを理解します。設計インテリジェンスエージェントのアーキテクチャの進化およびクロスプラットフォームでのワークフロー統合を主導します。全チーム向けのスマートデザインプラットフォームを構築し、スケールアップによるエンパワーメントを実現します。インテリジェンスエージェントのシステム構築を担当し、チームの設計インテリジェンスエージェント（Design Agent）の体系アーキテクチャを構築・維持します。知識体系とRAGの保守を担当し、設計ナレッジベース（Design Knowledge Base）の構築と進化を推進します。ワークフローのインテリジェンス化とツールの統合、および設計インテリジェンスエージェントの性能モニタリングと評価を担当します。","products.official.website.introduction.paragraph110":"検証を実行する","products.official.website.introduction.paragraph111":"：生成完了後、自動的にハード制約リストと照合し、違反構造をブロックして修正報告書を出力します。","careers.internJob4Desc":"既存プロジェクトの技術がAIGC製品における実際のパフォーマンスを向上するよう支援します。アルゴリズム担当の同僚が新しい技術の効果検証を完了できるよう支援します。既存のアートリソースを分析・調査し、改善策を提案します。","products.official.website.introduction.paragraph114":"各知識ユニットはワンクリックでコピー可能で、ReactコンポーネントのコードとMarkdownルールパッケージを提供しています。これらを直接AI対話のコンテキストに挿入できます。","products.official.website.introduction.paragraph115":"シーンテンプレート","careers.socialJob2Date":"2026年3月5日","products.official.website.introduction.paragraph112":"技術アクセス方式","products.official.website.introduction.paragraph113":"クリップのエクスポート","products.official.website.introduction.paragraph118":"規範構造は、主流のAI設計ツールおよびIDEプラグインに適合しており、ルールの更新とリアルタイムプレビューをサポートしています。","products.official.website.introduction.paragraph119":"完全な規格がオンラインに公開され、オンラインでの閲覧および構造化データのダウンロードをサポートしています。","products.official.website.introduction.paragraph116":"：データダッシュボード、フォームページ、リストページなど、頻度の高いページのプロンプトテンプレートとレイアウト構造が内蔵されており、そのままご利用いただけます。","products.official.website.introduction.paragraph117":"プラグイン接続","careers.socialJob9Desc":"Taobaoユーザーの製品体験設計を担当し、Taobaoユーザー向けプラットフォーム製品（ホーム画面、マイTaobao）、基本的な取引フロー製品（ショッピングカート、商品詳細、注文など）、メッセージングおよびソーシャルインタラクション製品（メッセージ、共有、Taobaoサークルなど）、さらにTaobao水平型デザインシステムを網羅します。これにより、製品のユーザビリティ、拡張性、デザイン品質を確保します。ビジネスとの整合性、戦略策定、デザインコンセプト、ソリューション提供、実装、データ分析に至るまで、エンドツーエンドの設計プロセスを担当します。情報構造の設計、スタイルの定義、視覚的インターフェースの出力、コンポーネント仕様の作成を完遂できる能力を有します。ビジネス全体を俯瞰した理解と判断力を備え、ビジネスチーム、ユーザーリサーチチーム、開発チームと協働してデザイン機会を特定し、深い共創を通じて価値を生み出すことが可能です。","careers.socialJob8Location":"杭州","footer.sloganAcademic":"学術","research.all.the.articles.name9":"シャ・モン","research.all.the.articles.name8":"リュウ・ハンウェン","research.all.the.articles.name7":"ダイ・チーディー","products.official.website.introduction.paragraph100":"ローカル接続とワークフロー","research.all.the.articles.name1":"レ・ココ","careers.socialJob11Date":"2026年1月12日","products.official.website.introduction.paragraph103":"実際のプロジェクトでは、以下の順序で仕様を呼び出すことを推奨します。","research.all.the.articles.name6":"シェン・ジャオチー","home.product2Title":"TDA デザインエージェント","products.official.website.introduction.paragraph104":"定枠","research.all.the.articles.name5":"ツイ・チョンイン","products.official.website.introduction.paragraph101":"規範の実際の価値は効率的な適用にあります。チームの導入コストを削減するため、標準的なワークフローと技術連携方法を整理しました。","research.all.the.articles.name4":"ウ・ティンティン","products.official.website.introduction.paragraph102":"推奨ワークフロー","research.all.the.articles.name3":"ヘ・ユーハン","products.official.website.introduction.paragraph107":"業務要件に応じて構造化コンポーネントを呼び出し、属性マッピングと制約条件を厳密に遵守します。","header.products":"製品","products.official.website.introduction.paragraph108":"校内風景","products.official.website.introduction.paragraph105":"スタイル規約を優先的に読み取り、色彩、タイポグラフィー、レイアウトの基調を決定します。","products.official.website.introduction.paragraph106":"コンポーネントを埋める","products.official.website.introduction.paragraph109":"：使用シナリオの組み合わせ例を用いて、主従関係と相互作用ロジックを検証し、出力がビジネスコンテキストに合致していることを確認します。","banner.micTryTurnOn":"マイクをオンにしてみてください。","home.award1Title11":"猫超ラッキーバケツ","team.section.new.title":"チームリーダー","home.award1Title13":"ニャーマンバイ財宝アロマ","home.award1Title12":"ミューズ金賞","research.in.the.daily.workflow":"デザインチームの日常的なワークフローにおいて、アウトプットの目標は一般的に3つのカテゴリーに分類されます：モジュール、単一ページ、および複数ページのフローです。それに応じて、デザインアプローチも3つのモードに分類できます：既存のコンポーネントを組み合わせる、既存のコンポーネントを修正する、新しいコンポーネントを作成する、です。このうち、既存のコンポーネントの修正はさらに、情報の調整、レイアウトの調整、スタイルの調整に細分化できます。","research.inject.the.snippet.into":"スニペットを文脈に挿入する","research.taobaoInteractiveGame.paragraph18":"次の段階では、「メカニズム主導の統合＋シナリオベースの検証＋体系的なスケーリング」の道筋を進めていきます。インタラクティブな体験フレームワークとデザイン資産ライブラリーを継続的に洗練させ、主要なビジネスシナリオを軸に迅速な反復実験と振り返りを実施し、効果的なパラダイムをチームの標準化された能力および共有される協働言語へと抽出していきます。","research.taobaoInteractiveGame.paragraph19":"同時に、大学と産業界の共同研究パートナーシップが提供する外部からの視点と専門的な手法を通じて、業界の変化に敏感であり続け、再調整する能力を維持していきます。これにより、タオバオのインタラクティブゲームが、急速に変化する環境においても、先見性のある体験を提供し続けることを保証します。","research.taobaoInteractiveGame.paragraph16":"モーションエフェクトアトラスから導き出された基礎的な基準と普遍的なルールを踏まえ、ガイダンス、トランジション、オーバーレイレイヤーを含む主要なシナリオを選定し、実用的な実装を行います。モーションのリズムとフィードバックロジックを統一することで、このアプローチはインタラクションの一貫性と体験の安定性を高めます。","research.taobaoInteractiveGame.paragraph17":"本研究は、「インタラクティブゲーム」を、散在するゲームメカニクスや孤立した体験接点から、定量可能で再利用可能かつ検証可能なデザイン能力のフレームワークへと高めることを目指しています。構造化された方法論を通じて、タイプロジー、アートスタイル、UI、モーション効果を分解するとともに、トレンド調査を活用して体験の機会を特定します。","research.taobaoInteractiveGame.paragraph10":"モーション効果は、ガイダンス、フィードバック、感情表現、リズムという4つの重要な機能を果たすことで、インタラクティブなビジネスにおいて不可欠な役割を担っています。しかし、長期にわたるプロジェクトの繰り返し作業では、一貫性のない基準や品質の変動、リソースの非効率性——例えば、類似したモーション効果の重複作成、重要なフィードバック応答の欠落や過剰、タスク完了効率を損なう不均一なペーシング——がしばしば生じます。体験の一貫性と再利用効率を向上させるためには、代表的なシナリオを選定し、体系的な分解とルールに基づく統合を行うことが必要です。","research.taobaoInteractiveGame.paragraph11":"モーションエフェクトアトラスは、ババ農園を主なケーススタディとし、以下のモジュールにわたって深層的なモーションデザイン研究を実施します：果樹のアニメーション、種子選択のアニメーション、施肥のアニメーション、タスクのアニメーション、行動フィードバック、およびUIモーションエフェクト。体系的な整理と分類を通じて、体験上の課題を特定し、診断的な結論を導き出します。最終的に、モーションデザインの戦略とパラメータ化されたルールを抽出します。","research.taobaoInteractiveGame.paragraph14":"ポップアートスタイルは、高度に彩度の高い対照的な色彩関係を通じて、形態と空間の階層構造を確立します。その表現は本質的により簡潔で直接的であり、情報密度が高く多数のUIコンポーネントを備える製品インターフェースにとって自然な適応となります。ダブル11期間中、タオコインのインタラクティブゾーンは画面の半分のみを占めながら、エントリーポイント、ボタン、獲得促進メッセージなど複数のモジュールを同時に配置しています。ポップアートスタイルを導入することで、色ブロックによるゾーニングと対比の階層構造により、空間の奥行きと構造的な秩序を強化しつつ、情報の完全性を損なうことなく、可読性と意思決定の効率を高めています。","research.taobaoInteractiveGame.paragraph15":"シュルレアリズムは、現実世界の物理的関係や空間的な常識を解体し、「論理と非論理」の狭間にある表現体系を確立します。この体系は内部的に一貫性を保ちながら、現実の制約から物語を解放し、より豊かな想像力、象徴的な深み、そしてテーマ的な広がりをもたらします。その価値は、一見常識に反するように見える視覚やルールを用いながらも、内在的な論理性を保つことにより、ユーザーが短時間の体験の中で迅速に印象深い世界観を理解し、明確な報酬への期待感を抱けることにあります。","research.taobaoInteractiveGame.paragraph12":"インタラクティブ・ゲーム・タイプロジー・アトラスにおける事例の分解を通じて、Duolingoが感情的な体験を通じて持続的な関与を促す仕組みには、大きな示唆を与える価値があると判明しました。Tao Coinの文脈においては、感情的に駆動される視覚表現とフィードバックメカニズムを通じて、ユーザーとシステムとの双方向の関係を再構築することが必要です。私たちは段階的な状態表示と継続的な感情的フィードバックメカニズムを導入し、もともと結果重視の報酬システムであったTao Coinを、プロセスとリズムに特化した体験型システムへと変革します。これにより、ユーザーの関与意欲と保持の安定性を高めていきます。","research.taobaoInteractiveGame.paragraph13":"私たちのタイプ学的ケース分析において、中地巴のビジネスモデルと密接に一致するインタラクティブな構造——『MonopolyGO!』のアトラス進行システム——を特定しました。このモデルを参考に、農業の進捗とアトラスの進展との間に強力な結びつきを確立しました。ユーザーはカード収集タスクを完了することで徐々にアトラスのコンテンツをアンロックし、「地域全体をアンロックした」という段階的なフィードバックを受け取ります。アトラスを構造的枠組みとして用いることで、日常的なユーザー行動が目に見える形でつながり、レビュー可能かつ継続的に進む成長の旅となり、安定したリズムと閉じたモチベーションループを形成します。","awards.taobaoInteractiveGame.title1":"Taobao VisionがADA Apple Design Awardを受賞しました。","awards.taobaoInteractiveGame.title2":"デザインハイライトプレゼンテーション","products.design.specifications.title2":"Tmallデザインシステム","research.taobaoInteractiveGame.typeGraph":"インタラクティブゲームタイプロジー・アトラス","products.design.specifications.title3":"千牛デザインシステム","products.design.specifications.title1":"タオバオデザインシステム","research.component.mapping.schema.template":"コンポーネントマッピングスキーマテンプレート","research.the.code.generation.agent":"コード生成エージェントは、ソリューション設計の概要を入力として受け取ります。それをナレッジベースの概要ファイルにマップし、対応するコードを呼び出して、インターフェースのコードファイルを出力します。ユーザーは生成された結果をプレビューできます。","products.official.website.introduction.paragraph121":"Taobaoデザインへ移動","products.official.website.introduction.paragraph122":"Taobao Designは、Taobaoアプリ専用に設計されたデザインシステムです。Taobaoデザイン体系は、共通のデザイン言語を構築することを目的としており、Taobao全体の製品体験を確保するとともに、さまざまな役割を持つ人々が協力してシンプルで親しみやすいビジネスエコシステムを構築できるよう支援します。","products.official.website.introduction.paragraph120":"Taobao Designのご紹介","products.official.website.introduction.paragraph125":"コンテンツ規範体系","products.official.website.introduction.paragraph126":"体験測定","products.official.website.introduction.paragraph123":"タオバオのデザインはユーザーを最優先とし、製品機能を控えめで厳密に設計しています。システム全体を複雑かつ包括的に構想することで、ユーザーにシンプルで使いやすく、楽しい製品体験を提供することを目指しています。デザイナー、プロダクトマネージャー、開発者らが共有する共通言語を活用し、タオバオのアプリケーションにおいて極限まで配慮された製品体験を維持しています。","products.official.website.introduction.paragraph124":"Taobao Designのウェブサイトは、規範と応用の2つのパートに分かれています。前者では、グローバルスタイル、基本コンポーネント、インタラクションパターン、体験指標の4つの観点から、淘宝Designがさまざまなモジュールやモードにおいてどのように適切に活用されるべきかを紹介・解説しています。後者は開発者向けであり、異なる技術フレームワークへの接続手順を提供しています。","careers.socialJob3Location":"杭州","team.section.new.paragraph1":"「私たちがまず第一に、面白くて楽しいデザインチームであってほしいと思います。」","products.official.website.introduction.paragraph127":"技術接続基準","products.official.website.introduction.paragraph128":"手淘アイコンライブラリ","team.section.new.paragraph2":"— グ・シャオユアン、デザイン責任者","research.existing.marketing.design.expressions":"既存のマーケティングデザイン表現を、コンテンツの認識、行動誘導、視覚的形態、および全体的な構造関係の4つの次元にわたって分析しました。その結果、複数の課題が浮き彫りになりました。具体的には、機械的に整理された情報構造、過度な概念的論理による高い認知負荷、モジュール式のレイアウト組み合わせに依存しクリエイティブな統合が弱く、テキスト階層が過剰なスプラッシュ画面やプロモーション資産、明確なテーマ表現に欠けながら多くの情報層を含むポップアップ、さらには構造順序が続くコンテンツと整合しないプロモーションヘッダーなどが挙げられます。こうした表面的な問題の背後には、根本的な問題があります。それは、断片化したデザイン要素が蓄積されていることなのです。多くのデザインは意味よりも雰囲気を重視するため、ユーザーは大きな認知的翻訳作業を強いられます。一方で、物語的な構造の欠如により、意味内容と情報コンテンツ、視覚的形態の間で有機的な統一感が実現されていません。そのため、最適化の方向性は、普遍的な視覚記号を通じてテーマを映像化し、構造的な構成によってテキスト、ブランド、製品要素を統合することにあります。最終的には、直接的な情報伝達を実現し、意味と形態が本質的に調和した統一的な視覚表現を達成することを目指します。","research.website.homepage":"ウェブサイトのトップページ","research.all.the.articles.label10":"インスタレーションアートと写真集","research.all.the.articles.label03":"編集長","research.all.the.articles.label02":"中国美術学院","careers.socialJob1Desc":"ECビジネスの状況を踏まえ、マーチャントやTPサービスプロバイダーなどの役割を中心に経営インサイトを展開し、タオバオ系マーチャントが抱える全体的な経営体験、価格マーケティング、運営コストなどの面でのニーズと痛点を分析・抽出します。また、ビジネスの現状を踏まえて明確な研究テーマを設定し、マーチャントがタオバオ系で直面する核心的な問題を分析するとともに、重要な施策に関するマーチャントのフィードバックを収集・検討することで、ビジネス戦略の策定および最適化に有効なインプットを提供します。","research.all.the.articles.label01":"タオティエンデザイン講師","research.balanced.color.contrast.use":"{{bold}}バランスの取れた色のコントラスト{{/bold}}——戦略的にコントラストを活用しましょう。色相、明るさ、彩度の違いは、全体的な視覚的明瞭性を保ちながら、主要な被写体を際立たせなければなりません。","research.all.the.articles.label05":"書籍デザイン","research.all.the.articles.label04":"企画編集","careers.internJob1Years":"インターンシップ","careers.socialJob3Date":"2026年3月5日","research.taobaoInteractiveGame.motionGraphApplication":"インタラクティブゲームのモーションエフェクトアトラスの実践","footer.contactWechat":"WeChat公式アカウント","careers.socialJob8Desc":"フロントエンドおよびバックエンドの体験設計を担当し、淘工場チャンネル、基本的な取引プロセス、ゲームメカニズム設計、淘工場ライブ配信、商品素材デザイン、マーチャントワークステーションの体験設計、AIデザインのイノベーションなどを手がけます。ユーザー調査、データ分析、ビジネス理解を通じて、ユーザーの潜在的なニーズや課題を洞察し、ビジネスと製品チームと深く協働して、ビジネスチャンスやユーザーの潜在的な痛点を把握します。自ら積極的にデザイン提案を立ち上げ、実行に移し、革新的なデザインを通じてユーザーエクスペリエンスを向上させ、ビジネス価値を高めます。論理的で緻密な思考を持ち、設計案には根拠と説得力があります。豊富なデザイン経験、手法、プロセスを通じて、チーム全体のデザインレベルを向上させます。大規模プロジェクトにおいて効率的に組織・調整を行い、チーム間の連携を図りながらビジネス目標を達成します。","research.all.the.articles.label13":"タオティエンデザインメンバー","research.all.the.articles.label12":"中国美術学院のメンバー","banner.blowOrApplaud2":"自由の変化を感じる","research.all.the.articles.label11":"担当者","home.award9Desc":"2025年618メインインタラクション","research.shopping.guide.case.semantic":"ショッピングガイドケースの意味論的ルール（抜粋）","research.design.system.specification.paragraph2":"意味ルールとは、オブジェクトの定義、スタイル、変数、使用法、制約などに関するテキストによる記述であり、体験の差異を生み出す根源的な知的財産です。フォーマットはMarkdownを使用します。コード実装とは、オブジェクトを実行可能で応用可能な符号化された事実に変換するものであり、開発言語の種類をフォーマットとして使用します。","research.design.system.specification.paragraph3":"マッピングスキーマは、意味的ルールとコード実装をつなぐ中枢であり、自らが両者を重複して記述するのではなく、オブジェクトIDのアンカー、マッピングルールの制約、コードへのポインタを提供します。ワークフローにおける知識検索、プラン設計、コード生成の各段階で、全体を方向付ける指針として機能します。大規模なモデルがすべての知識を遍歴する必要がないため、リソース消費を節約できます。フォーマットとしてはJSONを使用します。以下では、各種オブジェクトごとに詳しく説明します。","research.this.document.was.produced":"本資料は、2025年末にTaobao Designが作成したもので、Taobaoアプリのマーケティングデザインにおいて「直感的な情報表現」に重点を置いた専門的な取り組みの一環として発表されたものです。スプラッシュ画面、ポップアップ、プロモーションヘッダーなど、頻繁に使用されるマーケティングインターフェースにおいて繰り返し見られる問題——情報過多、ユーザーのフローの断片化、視覚的疲労——に対処するため、チームは「象徴的物語」というデザイン戦略を提案しました。この戦略では、普遍的な視覚シンボルを通じてマーケティングテーマをマッピングし、構造的な構成によりテキストと画像を統合します。また、以下の6つの核心原則に従っています：意味と形式のセマンティックな整合性、即時の構造的明確さ、主要対象への極端な強調、必要最小限の階層構造、バランスの取れた色彩コントラスト、そして自然で表現力豊かな動きです。多数の事例検証により、特典の伝達、紅包、クーポン、会員カード、プロモーションキャンペーンなど、さまざまなシーンにおいてその有効性が実証されています。以下は、段階ごとの社内参考用に提供された内容です。","careers.socialJob10Location":"杭州","research.all.the.articles.name_new4":"イエン・ジン","research.all.the.articles.name_new5":"ニン・ハオ","research.all.the.articles.name_new6":"ジン・ラン","research.all.the.articles.name_new7":"ウー・アール","careers.socialJob11Title":"業界戦略投資分析およびユーザー研究シニアスペシャリスト - アリママ","research.all.the.articles.name_new1":"チュン・ジエン","research.all.the.articles.name_new2":"シュエン・ジアン","research.all.the.articles.name_new3":"メン・ミン","research.all.the.articles.name_new8":"ジン・ミン","research.all.the.articles.name_new9":"シャ・ジエン","products.design.specifications.new.paragraph2":"タオティエンのAIデザイナーが解決しようとしているのは、まさに「画像生成」から「デザイン生成」へ、そして「単一のアイデア」から「スケール化された提供」へと至る間の重要なギャップです。","products.design.specifications.new.paragraph3":"「画像生成」から「デザイン生成」へ","products.design.specifications.new.paragraph1":"背景と課題：Eコマースのビジュアル制作は長年、頻繁な更新、膨大な量、そして高い即時性という複合的なプレッシャーに直面しています。従来のプロセスでは人間の協働に依存しており、効率に限界がありました。一般的なAIツールは画像生成は可能ですが、ビジネスシーンや納品基準を本質的に理解することは難しく、直接利用可能なEコマースデザイン原稿へと転換することができません。\n","products.design.specifications.new.paragraph6":"累計の生写真が100万枚を超え、2300名を超える非デザイン部門の社員が創作に参加しました。","products.design.specifications.new.paragraph7":"タオティエンのAIデザイナーは、無限のキャンバスとノードを相互に操作することで、より自由で精度の高いスマートなクリエイティブ空間を構築しています。これにより、デザインは「ピクセル生成」から「構造的生産」へ、また「人的経験」から「アルゴリズムによる知能」へと進化し、デザイナーや運営担当者、技術者など、より多くの役割がクリエイティブプロセスに参加できるようになります。","products.design.specifications.new.paragraph4":"「単一のアイデア」から「スケールアップした提供」へ。主流のAIモデルを統合し、APIと一括画像生成機能を提供します。","products.design.specifications.new.paragraph5":"デザインの知識循環、知識の生産と共生。","careers.socialJob12Years":"1年","footer.navTitle":"ナビゲーション","careers.internJob3Title":"プロダクト体験デザイナー","banner.titleAcademic":"学術","banner.punchedTapePlaceholder":"入力内容をバイナリに変換する","careers.socialJob4Date":"2026年2月27日","products.design.specifications.new.paragraph010":"受講生のプロジェクトにおける卓越したパフォーマンスと革新的な成果を心から称えるため、本ワークショップでは特別な賞励制度を設け、最終審査後に選ばれた優秀作品に対して表彰および実物賞を授与します。賞は計3つのランクに分かれています：一等賞（2名）にはDJIジンバルカメラを、二等賞（3名）にはソニーの高品質ヘッドホンを、三等賞（4名）にはマーシャルのクラシックスピーカーを贈呈します。今回の賞励制度は、「デザインが価値を生み出し、イノベーションは称賛に値する」という明確な方向性を伝えるとともに、「学んだことを実践に活かし、創造的に成果を上げる」ことを強化するためのものです。これらの賞品は、職人技と最先端技術を兼ね備えており、受賞者たちが今後のデザインの道のりにおいても絶え間なくインスピレーションを掴み、声を届け、アイデアを記録し続けることを願っています。授賞式は、本ワークショップを象徴的な形で締めくくるだけでなく、新たなスタートを告げる意味もあります——受賞者全員がこの認知と期待を胸に、より広いデザインやビジネスの舞台で輝き続け、未来に影響を与えていくことを期待しています。","research.design.system.specification.knowledge":"デザインシステム仕様の知識は、2つのカテゴリの知識オブジェクトと3種類のファイルタイプから構成されています。2つのカテゴリの知識オブジェクトとは、{{bold}}スタイル{{/bold}}と{{bold}}ページ{{/bold}}であり、スタイルはさらに4つのタイプに細分化されます：{{bold}}要素、レイアウト、コンポーネント、アセット{{/bold}}です。各カテゴリの知識オブジェクトは、3種類のファイルタイプと関連付けられています：{{bold}}セマンティックルール、マッピングスキーマ、コード実装{{/bold}}です。セマンティックルールは、オブジェクトの定義、スタイル、変数、使用方法、制約などを網羅したテキスト形式の記述からなります。これらは体験的な差別化を生み出す基盤となる知的財産を表し、Markdown形式で作成されます。コード実装は、適切なプログラミング言語を表現形式として用い、オブジェクトを実行可能かつデプロイ可能な記号的ファクトへと変換します。マッピングスキーマは、セマンティックルールとコード実装をつなぐ中心的な接続層となります。マッピングスキーマは、いずれかを複製するのではなく、オブジェクトIDのアンカー、マッピングの制約、正確なコード参照を提供します。ワークフロー内では、知識検索、ソリューション設計、コード生成の各段階においてガイドラインとなる設計図として機能し、大規模言語モデルが知識コーパス全体を走査することを回避できるため、計算負荷を低減します。マッピングスキーマはJSON形式で表現されます。以下のセクションでは、各カテゴリの知識オブジェクトについて詳しく説明します。","research.icon.semantic.rules.excerpt":"アイコンの意味論的ルール（抜粋）","careers.socialJob7Desc":"1688製品ラインのエクスペリエンスデザイン業務を担当し、ビジネス目標の達成を支援します。ビジネスを深く理解し、製品の要件検討に参加して効果的なデザインソリューションを提供します。ユーザー視点に立ち、ユーザーの利用シーンや行動を踏まえ、ビジネス目標を軸にエクスペリエンス改善の機会を掘り出し、エクスペリエンス向上を推進します。","team.section.link1":"大学と産業の協力：中国美術学院 × 淘宝デザイン","team.section.link2":"出版書籍『デザインにとどまる、AIにとどまらない』","team.section.link3":"タオティエンが考える映画の哲学——共に成長する映像アーカイブ","research.design.system.specification.paragraph003":"デザインシステムの仕様に関する知識は、2種類の知識オブジェクトと3種類のファイルタイプから構成されます。2種類の知識オブジェクトとは、スタイルとページであり、そのうちスタイルはさらに要素、レイアウト、コンポーネント、アセットの4つに細分化されます。各知識オブジェクトには3種類のファイルタイプが含まれており、それぞれ意味ルール、マッピングスキーマ、コード実装に分かれています。意味ルールは、オブジェクトの定義、スタイル、変数、使用方法、制約などに関するテキストによる記述であり、体験の差異を生み出す根源的な知的財産です。フォーマットとしてはMarkdownを使用します。コード実装は、オブジェクトを実行可能で応用可能な符号化された事実へと変換するもので、開発言語の種類をフォーマットとしています。マッピングスキーマは、意味ルールとコード実装をつなぐ中枢であり、自らが両者を重複して記述することはありません。代わりに、オブジェクトIDのアンカー、マッピングルールの制約、コードへの参照位置を提供し、ワークフロー内の知識検索、設計案策定、コード生成の各段階において指針として機能します。大規模なモデルがすべての知識を遍歴する必要がないため、リソース消費を抑えることができます。フォーマットとしてはJSONを使用します。以下では、各オブジェクトごとに詳しく説明します。","research.agent.template":"エージェントテンプレート","products.official.website.introduction.paragraph19":"B端マーチャントプラットフォーム AI設計規範","research.icon.code.implementation.excerpt":"アイコンコードの実装（抜粋）","footer.sloganFree":"自由","products.official.website.introduction.paragraph17":"クリップをコンテキストに挿入する","products.official.website.introduction.paragraph18":"生成インターフェースの表示","products.official.website.introduction.paragraph15":"生成インターフェースマルチエージェントワークフローの実行","products.official.website.introduction.paragraph16":"クリップの知識をコピーまたはダウンロードする","products.official.website.introduction.paragraph13":"IDEツールで設定する","home.award2Title":"IFデザイン賞","products.official.website.introduction.paragraph14":"自然言語入力インターフェースを使用してコマンドを生成する","research.interface.generation.in.practice":"VersionAI Tmallウェブサイトを通じた実践的なインターフェース生成","home.award9Title":"IAIグローバルデザイン賞銀賞","products.official.website.introduction.paragraph11":"AIフレンドリーな意味論的ルール","products.official.website.introduction.paragraph12":"本サイトでは、ユーザーがAIツール内でTmall Design規約を呼び出すための2つの方法を提供しています：MCPサーバーとコンテキストインジェクションです。IDEツール内でワンクリックでMCPサーバーを設定することで、天猫デザイン規約のナレッジベースが自動的に依存されます。MCPがカプセル化したAPI機能は、ユーザーの自然言語による指示に応じて自動処理を行い、結果を出力します。具体的な機能としては、検索やワークフローの実行などが含まれますが、これらに限定されません。また、特定の知識ユニットページで「コピー」または「ダウンロード」をクリックすることで、断片的な知識の意味論的ルール、マッピングスキーマ、コード実装ファイルパッケージを取得し、これを直接指示入力ボックスに取り込んで、部分的な修正および生成を行うことも可能です。","awards.taobaoInteractiveGame.Contributors":"貢献者","banner.titleCreativity":"クリエイティブ","products.official.website.introduction.paragraph10":"人間親和型意味論規則","careers.internJob4Years":"インターンシップ","research.sidebar.consistent.with.the":"デザインシステムの知識構造に沿ったサイドバー","careers.socialJob2Desc":"マルチデバイスにおけるブランドマーケティングシーンのビジュアルデザインおよびイノベーティブデザインを担当します。対象となる業務シーンには、モバイル版天猫、100億元補助金、Taobao PC、Taobao Vision、Taobaoデザイン公式サイト、Taobaoデザインインテリジェンスエージェントなどが含まれます。業務内容は、ブランドビジュアルシステム、オンライン・オフラインのマーケティング素材、動画コンテンツなど、多様なチャネルにわたるビジュアルコンテンツの制作にとどまらず、ユーザー体験やチームの影響力を向上させることも含まれます。伝統的なビジュアルデザインの考え方や手法、スキルとAIGC生成技術ツールを組み合わせて、ハイレベルで高品質なビジュアル作品を生み出し、デザイン効率とクリエイティブなアウトプットの両面での向上を実現します。","research.economic.aesthetics.title11":"主体物｜具象は抽象より優れ、なじみのある事物の再現","research.economic.aesthetics.title10":"色彩｜自然色系、感情の映し出し","research.economic.aesthetics.title15":"経済的美学デザインモデル","research.economic.aesthetics.title14":"モーションエフェクト：ゲーム化されたダイナミックデザイン","research.economic.aesthetics.title13":"レイアウト｜飽和した情報伝達","research.economic.aesthetics.title12":"コピー｜生活に根ざした言語体系","research.economic.aesthetics.title18":"2つの方向に分ける：民俗的アイテム、一般的なアイテム","research.economic.aesthetics.title17":"二つの方向に分ける：生活の実際の風景、街角の小さな広告","banner.titleFreedom":"自由","research.economic.aesthetics.title16":"3つの方向に分ける：マーケティングエクスプロージョン、セールスポイントステッカーファッション、ラミネート小物","products.official.website.introduction.paragraph28":"制約のリスト化","products.official.website.introduction.paragraph29":"「何ができるか」と「絶対にやってはならないこと」を直接明示し、AIの生成プロセスにおけるリミットを明確に設定します。","products.official.website.introduction.paragraph26":"シーンのコンポジション化","products.official.website.introduction.paragraph27":"一般的な業務シーンにおいて、コンポーネントをどのように組み合わせ、どのような順序で配置するかを明確にし、AIが単なる要素の寄せ集めにならないようにします。","products.official.website.introduction.paragraph24":"構造のコード化","products.official.website.introduction.paragraph25":"外観を提示するだけでなく、コンポーネントの内部構造、コード属性、インタラクション状態も補足し、設計パラメーターを直接開発に繋げられるようにします。","products.official.website.introduction.paragraph22":"ルールを具体化する","products.official.website.introduction.paragraph23":"：主観的な記述を削除し、すべて明確な数値、固定された段階的範囲、および明確な境界に置き換えます。","careers.socialJob9Date":"2026年1月29日","products.official.website.introduction.paragraph20":"B端マーチャントプラットフォームのAIデザイン規格は、AIを活用したデザインツール専用の標準ドキュメントです。従来のデザイン規格は主に人間が目で見て判断するものであり、視覚的な参考や経験に基づく判断に依存していました。しかし、AIが「適度な余白」や「視覚的階層の明確さ」といった記述を処理する際、解釈のずれにより、レイアウトが乱雑になったり、スタイルが統一されなかったり、優先順位が不明瞭になったりするリスクがありました。私たちは既存のデザイン原則を変更することなく、規格の作成ロジックを全面的にアップグレードしました。これにより、AIが要求を正確に理解し、ビジネスロジックとブランド基準に合ったインターフェースを直接出力できるようになりました。","products.official.website.introduction.paragraph21":"調整は4つの側面で行います：","header.team":"チーム","careers.internJob4Location":"北京／杭州","research.all.the.articles.name46":"チョン・ジャーチェン","research.all.the.articles.name45":"チョウ・イーゲ","research.all.the.articles.name48":"ユウ・シー","research.all.the.articles.name47":"ロン・イン","research.all.the.articles.name49":"シャン・ラー","products.official.website.introduction.paragraph39":"24グリッドシステムを採用しています。列間隔は16pxまたは24pxと固定します。ページのコンテンツエリアの余白は48pxとし、カード間の間隔は一律24px、モジュール内の間隔は16～24pxとします。","products.official.website.introduction.paragraph37":"Alibaba Sans 102を統一して使用します（数字は等幅でなければなりません）。基準フォントサイズは12pxとし、行間は必ずFontSize + 8pxに厳密に従います（例：12pxの場合、20pxとなります）。太さの階層：500（見出し／強調）、400（本文）、300（補助説明）。","products.official.website.introduction.paragraph38":"間隔とグリッド","products.official.website.introduction.paragraph35":"連続値はAIによる生成における不確実性を高めます。規範では、フォント、行間、間隔および配置ルールを離散化し、読む際の動線のロジックと結びつけます。AIが生成する際には、文字サイズの段階、行間の計算式および配置ルールを直接読み取り、F字型の動線と組み合わせて情報の重みを自動的に割り当てることで、コンテンツの過密化や重心の偏りを防ぎます。","home.award7Desc":"2024年ダブル11メインインタラクション","products.official.website.introduction.paragraph36":"フォントと行間隔","research.semantic.consistency.marketing.themes":"{{bold}}意味的一致性{{/bold}}——マーケティングのテーマは、その意図するコンセプトと一致した意味を持つシンボルを通じて視覚的に表現され、世界共通で認識可能であるべきです。","products.official.website.introduction.paragraph33":"タイポグラフィとレイアウト","products.official.website.introduction.paragraph34":"連続値はAIによる生成における不確実性を高めます。規範では、フォント、行間、間隔および配置ルールを離散化し、読む際の動線のロジックと結びつけます。AIが生成する際には、文字サイズの段階、行間の計算式および配置ルールを直接読み取り、F字型の動線と組み合わせて情報の重みを自動的に割り当てることで、コンテンツの過密化や重心の偏りを防ぎます。","research.workflow.and.knowledge.integrated":"ワークフローと知識を統合したエンジニアリングパッケージ","products.official.website.introduction.paragraph31":"スタイル意味バインディング","research.all.the.articles.name51":"ドン・チェン","products.official.website.introduction.paragraph32":"色は業務状態やインタラクションフィードバックに直接対応し、視覚的な装飾として用いることはありません。AIが「コンバージョン率の低下」や「高優先度の提出」などの指示を解析する際、意味的マッピングを通じて自動的に対応する変数を呼び出し、ランダムな色選択による意味の誤りを防ぎます。すべての色値は機能領域ごとに階層化して宣言し、明確な用途説明を付与しています。","research.all.the.articles.name50":"フェイ・フェイ","research.all.the.articles.name53":"シー・ユー","products.official.website.introduction.paragraph30":"スタイル規範に従ったAI翻訳","research.all.the.articles.name52":"ポー・カー","research.all.the.articles.name55":"シー・タオ","research.all.the.articles.name54":"ユン・フェイ","research.all.the.articles.name57":"ワン・チェンヤン","research.all.the.articles.name56":"シャオ・ヂュー","header.research":"研究","research.all.the.articles.name59":"チャン・ポンレイ","research.all.the.articles.name58":"ヘ・ユーハン","careers.internJob1Team":"アリババグループ","careers.socialJob13Desc":"ビジネス上のニーズを洞察し、研究テーマを正確に定義する：顧客運営部門の運営／製品／技術など各部門の責任者と独立して連携し、事業の発展ニーズを把握。現在の重要な製品の課題やビジネスチャンスについて主体的に考察し、それに基づいて具体的な研究テーマを正確に定義・計画する。専門的な調査手法を駆使し、効率的に研究プロジェクトを実施・調査し、高品質な研究レポートを生成する。消費層のセグメンテーションプロファイリング、ユーザーのニーズと痛点の掘り出し、製品体験調査、ユーザー成長研究、製品コンセプトのテストと最適化など、各種調査手法を熟知している。定性的調査（深度面接／焦点グループ討議など）、定量的調査（アンケート調査）、業務バックグラウンドデータ分析、デスクトップ調査／二次資料調査など、各種調査手法を専門的に習得している。研究の考え方と実行方法を絶えず改善・最適化し、効率的な研究手法論と実行体制を蓄積する。研究成果をビジネスに活かし、ビジネス成果の達成を推進する。","careers.socialJob6Desc":"製品のビジュアルデザイン業務を担当し、ブランド要素、商品カスタマイズ、コンテンツコミュニティ、サプライチェーン管理などの製品を手がけます。画像・テキスト、動画、3Dなどマルチモーダルな素材を基に、AIGCが商品カスタマイズやクリエイティブ分野でどのように応用できるかを模索し、イノベーションを推進します。ビジネスニーズに応じて、コンセプト立案から実際の実装まで、設計プロセス全般を担当し、成果物が市場トレンドとビジネス目標に合致するよう確保します。","banner.titleHumanistic":"人本","products.official.website.introduction.paragraph48":"冗長を削除する","products.official.website.introduction.paragraph49":"：機能に影響しない形容詞と副詞は省略してください。ヘッダーにフィールドが明記されている場合、セル内では同じ接頭辞を繰り返すことを禁止します。","products.official.website.introduction.paragraph46":"機能優先","products.official.website.introduction.paragraph47":"：コピーは操作目標に直接役立つように設計されています（例えば、「注文を送信」は「ここをクリックして購入を完了」の代わりとなります）。","products.official.website.introduction.paragraph44":"コピー生成ルール","research.all.the.articles.name60":"ミャオ・ヤーシー","products.official.website.introduction.paragraph45":"AIが生成する文章は、冗長だったり重複したり、意味が曖昧になったりしやすいものです。内蔵されたテキスト処理ルールを定め、生成時に自動的に「修飾語の除去、核心情報の抽出、文字を数字に置き換え、専門用語を統一する」プロセスを実行することで、中後台での効率的な読解基準に沿った内容を確保します。","products.official.website.introduction.paragraph42":"リーディングフロー制約","research.all.the.articles.name62":"シャオ・テン","products.official.website.introduction.paragraph43":"F型の閲覧モデルに従います。核心的な情報とメインタイトル、重要な状態は左上に配置し、補助的な情報は中央に配置するか弱めます。重要な操作へのアクセスポイントは右側に配置します。横方向の単一行の情報は「左（高）－中（低）－右（中）」の順に配置します。","research.all.the.articles.name61":"ワン・シュウ","products.official.website.introduction.paragraph40":"整列原則","research.all.the.articles.name64":"リュウ・ダン","products.official.website.introduction.paragraph41":"：数字／金額は右揃え；テキスト／見出しは左揃え；フォームラベルは右揃えまたは上揃えとします。同種の情報は必ず安定した矩形の端を形成し、視覚的なギザギザは禁止します。","research.all.the.articles.name63":"リー・ウェンリアン","careers.socialJob5Date":"2026年2月25日","research.all.the.articles.name66":"リャン・イーシュー","research.all.the.articles.name65":"チャン・チェン","research.all.the.articles.name68":"ウェイ・イー","research.all.the.articles.name67":"ジャン・イン","research.all.the.articles.name69":"イー・ヤオ","research.human.friendly.semantic.rules":"人間に優しい意味論的ルール","research.structural.composition.integrating.textual":"{{bold}}構造的構成{{/bold}}：テキストのレイアウトと視覚的要素を一貫したグラフィック・テキスト構造に統合し、ユーザーがメッセージを直接的に認識し理解できるようにします。","careers.socialJob8Date":"2026年2月4日","products.official.website.introduction.paragraph59":"：フォーム、表、長文など連続したコンテンツに適しています。カードコンテナを用いず、余白と間隔によって区切ります。モジュール間には0.5pxの細い線または空白領域のみを使用します。","products.official.website.introduction.paragraph57":"規範はデザインスタイルを実行可能なレイアウトルールに分解します。コンテナルーティングの決定木を構築することで、異なるコンテンツタイプごとに適切なコンテナ形式を明確にし、AIによる再帰的ネストや自由なレイアウトを禁止します。","careers.socialJob1Years":"3年","products.official.website.introduction.paragraph58":"ミニマルスタイル","products.official.website.introduction.paragraph55":"：完全な説明テキストはデフォルトでアイコンまたは「さらに詳しく」リンクに折りたたまれており、ホバーまたはクリックした場合にのみ展開されます。","research.all.the.articles.name71":"コン・ホワンシュアイ","products.official.website.introduction.paragraph56":"レイアウトスタイルとコンテナルーティング","research.all.the.articles.name70":"グ・シャオユアン","products.official.website.introduction.paragraph53":"：システム全体で定められた専門用語および業界の略語については、同義語を混用することを禁止します。初めて登場する略語には、ホバーポップアップ表示の入口を設ける必要があります。","research.all.the.articles.name73":"ヤン・ハオ","products.official.website.introduction.paragraph54":"動的ヒント","research.all.the.articles.name72":"フー・チュアン","research.taobaoInteractiveGame.caseStudies":"実践的な事例","products.official.website.introduction.paragraph51":"：長文を箇条書きの短文に分割する。文字を数字で置き換えることを優先する（例：「15件未読」を「あなたには15件の未読メッセージがあります」に置き換える）。","products.official.website.introduction.paragraph52":"用語の統一","products.official.website.introduction.paragraph50":"構造化表現","research.design.principles":"デザイン原則","products.official.website.introduction.paragraph70":"ミドル級（非モーダル）","research.color.code.implementation.excerpt":"カラーコードの実装（抜粋）","careers.internJob2Location":"杭州","products.official.website.introduction.paragraph68":"軽量級（中断なし）","products.official.website.introduction.paragraph69":"：メッセージ。操作後の即時の状態フィードバックに使用され、自動的に消えます（例：「保存成功」）。","products.official.website.introduction.paragraph66":"相互フィードバックの階層化","research.note.the.design.to":"注記：デザインからコードへの変換（D2C）およびマッピングスキーマ生成手法は、すべてのナレッジオブジェクトタイプに一律に適用されます。バリエーションは、オブジェクトのカテゴリに応じたテンプレート構造にのみ存在し、以降のセクションでは繰り返し説明しません。","products.official.website.introduction.paragraph67":"フィードバックコンポーネントは、運用リスクレベルと非同期状態を照合し、階級を超えた呼び出しを禁止します。","careers.socialJob5Location":"杭州","products.official.website.introduction.paragraph64":"コンポーネントとインタラクションのAI構造化","careers.socialJob3Desc":"タオバオの重点ユーザー向け製品（ホームページのオススメ、質問・レビュー・購入など）の研究を担当し、商品案内、体験、ターゲット層の心理、コンバージョン向上などの分析を行います。モニタリングと特別プロジェクトを通じて、重要なユーザーの課題を特定し、改善・最適化の機会を見極めることで、ユーザーエクスペリエンスを向上させ、タオバオ全体の製品競争力およびユーザーのロイヤリティ向上に貢献します。また、チームや部門を越えて体験関連プロジェクトを統合し、推進することが可能です。","products.official.website.introduction.paragraph65":"コンポーネントは、インターフェースの基本単位です。Buttonコンポーネントを例にとり、従来のコンポーネントドキュメントをAIが直接呼び出せる構造に調整する方法を説明します。","products.official.website.introduction.paragraph62":"硬性制約","products.official.website.introduction.paragraph63":"：カード内に他のカードをネストすることは禁止します。グリッドに整列させるために下部に余白を残すことは禁止します。同一種類のコンテンツは必ず同じコンテナに集約してください。コンテナの高さはコンテンツに応じて決定し、グリッドによる整列を強制するものではありません。","products.official.website.introduction.paragraph60":"カードスタイル","products.official.website.introduction.paragraph61":"データ指標カードやツールセットなどの独立したモジュールに適用します。0.5pxの#E4E6EDで縁取りし、わずかな投影効果と6pxの角丸を施します。ホバー時には枠線の色がテーマカラーに変更されます。","home.award8Desc":"2025年春節メインインタラクション","products.official.website.introduction.paragraph80":"規範では、視覚的パラメーターとコード属性を一対一に対応させ、AIによる生成時にスタイルとロジックが乖離するのを防ぎます。設計パラメーター → CSS変数 → コンポーネントPropsへの単方向マッピング表を構築します。AIはこの表を直接読み取ることで正確なコンポーネントコードや設計パラメーターを生成でき、視覚表現とインタラクションロジックが一致することを保証します。","research.all.the.articles.name02":"ジャン・ウェイ","products.official.website.introduction.paragraph81":"シーン","research.all.the.articles.name01":"チェン・チュアン","research.all.the.articles.name04":"グー・シャオユエン","research.all.the.articles.name03":"イン・ウェンチー","research.all.the.articles.name06":"チン・バオユイ","home.product3Title":"デザインシステム","research.all.the.articles.name05":"ドゥアン・ユイフォン","research.all.the.articles.name08":"チェン・ドン","research.all.the.articles.name07":"タン・シャンラー","research.all.the.articles.name09":"ルオ・シードゥオ","home.award5Title":"Aデザイン賞","footer.downloadSuccessful":"ダウンロード成功","products.official.website.introduction.paragraph79":"構造、スタイルおよびプロパティのマッピング","products.official.website.introduction.paragraph77":"明確な定義と使用範囲","products.official.website.introduction.paragraph78":"コンポーネントの用途、適用シーン、および不適切なシーンを直接明示します。例えば、Buttonはビジネス操作（送信、確認、一括処理）をトリガーするために使用されますが、単なる表示やナビゲーション経路の案内には適していません。構造を「用途 → シーン → 排除条件」に分解することで、AIが呼び出しタイミングを迅速に判断できるようになります。","products.official.website.introduction.paragraph75":"：アラート／結果。ページに常駐する通知やグローバルな結果表示に使用します（例：上部のメンテナンス通知、決済完了ページ）。","research.code.generation.agent.configuration":"コード生成エージェントの構成（抜粋）","products.official.website.introduction.paragraph76":"コンポーネントの構造化","products.official.website.introduction.paragraph73":"：モーダル/ポップコンファーム。重要な操作の確認や緊急のブロック（例：「本当に削除しますか？」）に使用します。","products.official.website.introduction.paragraph74":"ページレベル（永続化）","products.official.website.introduction.paragraph71":"：通知。システム通知や非同期タスクの完了通知に使用し、ユーザーが後で確認する必要があります（例：「エクスポートタスクが完了しました」）。","research.all.the.articles.name11":"リュウ・シュウ","products.official.website.introduction.paragraph72":"重量級（モード/ブロック）","research.all.the.articles.name10":"シャン・ユー","products.official.website.introduction.paragraph91":"規格外のフォントサイズ（例：13px）、色（例：#123456）、または架空のコンポーネント名をブロックし、自動的に最も近い標準ステップ値に置き換えます。","research.all.the.articles.name13":"リャン・ダイツォン","products.official.website.introduction.paragraph92":"構造の深さが基準値を超過しています。","research.all.the.articles.name12":"チン・バオユイ","research.all.the.articles.name15":"ツイ・ジーウェイ","products.official.website.introduction.paragraph90":"偽造コンポーネント/トークン","research.all.the.articles.name14":"ユイ・ハン","research.all.the.articles.name17":"ウ・ミンロン","research.all.the.articles.name16":"ワン・ジン","research.all.the.articles.name19":"ジエ・チュンジエン","research.all.the.articles.name18":"ドゥアン・ユイフォン","products.official.website.introduction.paragraph88":"AIハード制約リスト","research.component":"コンポーネント","products.official.website.introduction.paragraph89":"生成結果が工学基準に適合することを確保するため、規格には高頻度の違反検出ルールが組み込まれています。AIは出力前に項目ごとに自己検査を行い、制限条件に該当すると生成を中止し、修正提案を返却します。","products.official.website.introduction.paragraph86":"直接呼び出せるコードスニペット","products.official.website.introduction.paragraph87":"仕様の最後には、React とローコードプラットフォームの呼び出し例を提供しています。これには、完全な属性設定とレイアウト構造が含まれています。AI はこれらのコード断片を直接参照して初期コードを生成したり、これをコンテキスト入力として利用することで、繰り返しの記述を削減できます。","products.official.website.introduction.paragraph84":"強制的規則と制約条件","research.all.the.articles.name20":"スン・ユイシャー","products.official.website.introduction.paragraph85":"明確な意思決定ツリーです。条件と結果の論理構造を通じて、AIは現在の状況に応じて自動的に適切な配置方法をマッチングし、主従の逆転やレイアウトの混乱を防ぎます。規範には、必ず守らなければならないルールが直接記載されています。例えば：同一操作エリアには、メインボタン（Primary）が1つだけ許されます；デフォルトの配置は「右がメイン、左がサブ」で、メインボタンは最も右側に配置され、重要度は左へ向かって低下します；ただし、「左がメイン、右がサブ」という例外的なケースも認められます：二次情報エリアの入口、三次情報エリアでの頻繁な操作、並列型ツールエリアなどです；ボタンの数が4つを超える場合、優先度の低い操作はテキストボタングループに集約する必要があります。","products.official.website.introduction.paragraph82":"B端インターフェースは通常、複数のコンポーネントを組み合わせて構成されます。仕様書は典型的な業務シナリオにおけるコンポーネントの組み合わせ方を補足し、シナリオ → コンポーネントの組み合わせ → レイアウト順序という三段階の指示テンプレートを提供します。AIは、個々の要素を単独で呼び出すのではなく、実際の業務におけるコンポーネントの組み合わせロジックを理解することができます。","research.all.the.articles.name22":"ウ・リーユエン","research.human.ai.co.design":"人間とAIの共同設計による製品インターフェース——新たな働き方の一つとして","research.all.the.articles.name21":"フォン・ファン","careers.socialJob7Date":"2026年2月24日","home.research2Title":"マーケティングシーンにおける情報の直感的な表現のために、チーム内でのデザインに関する共通認識を構築する。","research.all.the.articles.name24":"チャオ・フェイ","research.all.the.articles.name23":"フワン・ソンフェイ","research.at.this.point.an":"この段階で、デザインシステム仕様のナレッジベースとインターフェース生成ワークフローのエンジニアリングパイプラインを統合したシステムパッケージが、AIに優しい企業内インターフェース設計のナレッジの構築を完了します。これは、MCP経由またはコンテキストインジェクションを通じて、IDEベースの生成環境やデザインツールにおけるエージェントモード環境に柔軟に適用できます。","awards.all.the.articles.paragraph1":"2025年天猫ダブル11ブランド総合デザインプロジェクトがロンドン・デザイン賞白金賞を受賞しました。","research.all.the.articles.name26":"ウ・ジーシャン","awards.all.the.articles.paragraph2":"受賞証書、トロフィー、ラベル","research.all.the.articles.name25":"チャン・ベン","awards.all.the.articles.paragraph3":"プロジェクト展示","research.all.the.articles.name28":"チョウ・ユー","research.design.system.specification.title1":"完全な生成プロセスは以下のとおりです：","awards.all.the.articles.paragraph4":"受賞情報の照会","research.all.the.articles.name27":"ヤン・ユイタオ","research.design.system.specification.title2":"ユーザーが自然言語でリクエストを入力する","awards.all.the.articles.paragraph5":"作品名：2025年天猫ダブル11ブランド総合デザイン","awards.all.the.articles.paragraph6":"デザインチーム：タオバオデザイン","research.all.the.articles.name29":"ワン・ヨウタオ","awards.all.the.articles.paragraph7":"参加カテゴリー：コミュニケーションデザイン－イベント／広告","research.design.system.specification.title5":"知識検索インテリジェントエージェントへ進む","awards.all.the.articles.paragraph8":"デザインプロジェクトの説明：","research.design.system.specification.title6":"RAGを用いて、外部の設計システムの仕様に関する知識から、現在の意図と高度に関連する文脈を必要に応じて検索・取得します。","awards.all.the.articles.paragraph9":"Eコマース市場の競争激化と消費体験の高度化を背景に、2025年の天猫「双11」はブランドの影響力維持とイノベーションのさらなる推進という二重の使命を担っています。その核心的なデザイン戦略は、ブランドイメージの一貫性と消費者体験の統一性に重点を置いており、初めて天猫と淘宝のKVビジュアル表現を統一しました。これにより、消費者がさまざまなシーンで直感的に「双11」の雰囲気を感じられるよう工夫されています。メインビジュアルは、「カラフルで透明感があり、若々しい」テイストを引き継ぎ、赤色の放射状グラデーション背景に、全色相の幾何学的形状に解体された猫の頭部を配置。さらに、散りばめられたショッピングバッグなどの前景要素と組み合わせることで、熱気あふれる雰囲気を演出しています。画面構成は、明確な情報を伝えるコアレイヤー、ビジネスニーズに柔軟に対応するビジュアル要素レイヤー、そしてブランドの記憶を強化する前方へ広がる「ビジュアルハンマー」レイヤーという、階層的な視覚体系を構築しています。この統一されたビジュアル言語は、発表会や広告配信、アプリ内のトランザクション全プロセス、園区など、あらゆるシーンに貫かれ、一貫した表現を通じてブランドの伝播力を高めています。","careers.socialJob4Desc":"淘宝ショップの会員フォロー、マーチャントワークステーション、AIツールの活用など、各種プロダクト設計に参加。業務調整、戦略策定、デザインコンセプト、企画書作成、実装・落とし込み、データ収集に至るまでの一連の業務を担当。情報構造の整理、スタイルの方向性設定、UIビジュアルの制作、コンポーネント規格の策定などを円滑に遂行できる。ビジネス全体を俯瞰的に理解・判断し、ビジネス部門、ユーザーリサーチ、開発チームなど上流・下流の各チームと連携してデザインの機会を見出し、深く共創することで価値を高めていくことができる。","research.design.system.specification.title3":"意図認識エージェントへ入る","research.design.system.specification.title4":"曖昧な要件をシステムが理解できる設計意図に拡張し、構造化された要件記述を出力することで、後続の意思決定に向けた境界条件を提供します。","research.design.system.specification.title9":"コード生成インテリジェンスエージェントへ進む","research.design.system.specification.title7":"プラン設計エージェントへ進む","research.design.system.specification.title8":"境界条件に基づき、検索された規範コンテキストを取捨選択・組み合わせ・埋め込みを行い、中間状態のデータスキーマSchema*を生成します。これは、ページ、コンポーネント、スタイル、コンテンツの構造を明確に記述した設計方案です。","products.official.website.introduction.paragraph99":"：Flexドキュメントフローのみを許可し、CSSグリッド／テーブル／フロートレイアウトおよびvw／calc／パーセンテージなどの動的単位を禁止し、サイズパラメーターは必ずピクセル値を使用すること。","products.official.website.introduction.paragraph97":"「ボタン」や「サンプルデータ」などの占位テキストを自動で置き換え、データのランダム性と業界文脈との適合度を検証します。","products.official.website.introduction.paragraph98":"レイアウトの下層制限","research.extreme.emphasis.on.the":"{{bold}}主要な主題への極端な強調{{/bold}}——核心となる情報を際立たせるとともに、意図的に二次的な要素を弱めることで、重要な要素が瞬時に認識できる明確な階層構造を確保します。","products.official.website.introduction.paragraph95":"：数字と金額は強制的に右寄せとする；単一モジュール内のフォントサイズの種類は厳密に3種以内に制限する；見出しの階層は「核心／主要／補助」の論理に基づいて階層化する。","research.all.the.articles.name31":"シュエン・シュエジュン","products.official.website.introduction.paragraph96":"内容の歪みと占位","research.all.the.articles.name30":"グオ・ジーユイ","bottom.link.title":"関連記事","products.official.website.introduction.paragraph93":"Primaryボタンの一意性を検証する。削除やクリアなどの破壊的操作については、Errorカラーと二次確認メカニズムを強制的に紐付ける。","research.all.the.articles.name33":"チェン・コーシャオ","products.official.website.introduction.paragraph94":"配置と階層の違反","research.all.the.articles.name32":"チー・ウェイ","research.all.the.articles.name35":"フワン・ジャ","team.publish.a.book.paragraph19":"『鬼話連篇　目と口と胃』、2024年","team.publish.a.book.paragraph9":"なぜ映画なのですか？","research.all.the.articles.name34":"リー・コーラン","team.publish.a.book.paragraph8":"2016年以降、毎年の冬になると、タオティエンチームのデザイナーたちは一つのプレゼントを受け取りました。そのプレゼントのアイデアは、互いの仕事や生活に対する洞察から生まれていました。例えば、それぞれが夢見ていた旅行先を新年カレンダーに描いたり、同僚を歴史的名画の人物に変身させたり、性格がまったく異なる一人ひとりに独自のパントンカラーを割り当てたり、あなたと私の職場での口癖を熱血漫画にまとめたり、幼少期に憧れた小さな店をユートピアの町に再現したり……こうした洞察は年々積み重なり、2022年に至って私たちは新たな試みを始めました。それは映画を撮ることでした。","research.all.the.articles.name37":"ツオ・ジエ","team.publish.a.book.paragraph17":"『さよならケイティ ハローキティ』、2023年","team.publish.a.book.paragraph7":"この記事をご覧になっている頃には、タオティエンデザインの年間ギフトの伝統もすでに10年目を迎えています。","research.all.the.articles.name36":"リャン・シンピン","team.publish.a.book.paragraph18":"これは私たちが初めて撮影した長編映画です。本作は、時間の循環という極めて型にはまった物語構造を枠組みとして、結婚の失敗と経済的困難に陥った中年男性が、家庭と尊厳を失いかけながらも偶然時間の循環に巻き込まれ、最終的に変化を遂げる様子を描いています。繰り返される時間の輪の中で、主人公は次第に気づきます——本当に逃れられないのは人生の時間そのものではなく、むしろ人が選択に責任を持つことであると。運命が無数のやり直しの機会を与えてくれるとき、彼はこそが変わらなければならないのです。","team.publish.a.book.paragraph6":"本書に登場する一人ひとりの体験者は、あなたに身近で真実に満ちた答えを提供してくれます。","research.all.the.articles.name39":"メイ・イーハン","team.publish.a.book.paragraph15":"毎年秋になると、プロデューサーと監督は主要スタッフを一同に集め、「今年、私たちが伝えたいことは何だろう？物語を書き始めるとき、まず最初に明確にしておきたいのは、あなたが一番言いたいことだ。」と議論します。","research.all.the.articles.name38":"ロン・スルイ","team.publish.a.book.paragraph16":"リー・アンは文化の衝突と人間性の抑圧について語り、ジャ・ジャンクーは時代の潮流の中で個人がたどる運命に注目し、チェン・カイゲーはしばしば人と人との離別を描き、小津安二郎は家族間の隔たりを正面から捉え、コーエン兄弟は不条理と運命、混乱と虚無を描き出します。人間性への洞察や人間同士の関係の複雑さ、あるいはより広範な社会的課題に至るまで、これらすべてが脚本の核心であり、創作者が抱く最も根源的な衝動でもあります。では、私たち自身はどうでしょうか？","team.publish.a.book.paragraph13":"だから私たちは映画を撮ります。カメラの向こう側で互いを改めて知り合い、映画の中で自己表現を再び語り直し、個人的な創作から集団での鑑賞へとつながり、一群の人々が共にひとつの時間を体験するのです。","team.publish.a.book.paragraph14":"私たちは何を表現しているのでしょうか？","team.publish.a.book.paragraph11":"映画は生活の延長線上にあります。この総合的な芸術においては、創作者が視覚・聴覚・物語・感情を統一し、自らの芸術的表現の一貫性を高度に発揮することが求められます。映画が魅力的であるためには、あらゆる場面と創作が細やかで真摯なものでなければなりません。あなたが作り出すものは、本当に自分が伝えたいものでしょうか？また、あなたが表現するものは、生活に対して絶え間なく真摯な問いを投げかけ続ける姿勢を失ってはいませんか？AIの時代であっても、表現することは人間にとって最も本質的な欲求です。生活への洞察と問いかけを止めないことが、デザイナーが磨き続けなければならない課題なのです。","team.publish.a.book.paragraph12":"さらに重要なのは、映画には数十種類もの職種が必要であり、最も工業化が進んだ芸術形式であるということです。数百人もの人々が協力して映画を撮影するプロセスを通じて、チームは総合的な協働を模擬体験することができます。そして私たちは、実験的な映画の中で、芸術的な手法を用いてテクノロジー分野の最先端技術との融合を探究することが可能です。","team.publish.a.book.paragraph10":"1895年、フランスのリュミエール兄弟が活動写真機を発明したことにより、世界映画の歴史が始まりました。彼らが制作・撮影した映画は、現実の生活の瞬間をリアルに捉え記録し、人々に身近な生活や親しみ深い人々の姿を映し出しました。","research.shopping.guide.case.mapping":"ショッピングガイドのケースマッピングスキーマ（抜粋）","team.publish.a.book.paragraph1":"タオバオのデザインにおける実際のビジネスでの経験と実践を凝縮してまとめました。","research.all.the.articles.name40":"ウ・ジャーホン","research.all.the.articles.name42":"ワン・ジーニン","team.publish.a.book.paragraph5":"体験設計の日々の学習、大手企業への就職活動、キャリアの方向性の選択……などに取り組んでいる場合。","research.all.the.articles.name41":"ヘ・シューナン","team.publish.a.book.paragraph4":"AI時代において、デザイン思考は今、どのような飛躍と進化を遂げようとしているのでしょうか？","research.all.the.articles.name44":"イエ・ジュンチャオ","team.publish.a.book.paragraph3":"第一線の実戦からリアルな仕事の場面を再現するには、どのような設計能力が必要でしょうか。","research.all.the.articles.name43":"ワン・ユージャ","team.publish.a.book.paragraph2":"私たちはデザインの境界を絶えず広げ、デザインの深みと価値にさらに焦点を当てています。","team.publish.a.book.paragraph28":"チームのモジュール型分業","team.publish.a.book.paragraph29":"前期の準備段階では、主に世界観の設定と脚本の開発が行われます。脚本に関する討議会を開き、いくつかのテーマについて整理・選別を行います。この段階で、製作会社とプロデューサーが意思決定を行います。また、核心的なクリエイター陣がキャスティングを行い、役柄にふさわしいメンバーをデザインチームから発掘していきます。撮影地が杭州近郊に限定されるため、脚本の検討段階から美術スタッフによるロケハンが並行して進められ、シーンの配置と物語の展開が密接に連携します。中盤の撮影期間は最も厳しい作業期間です。監督が毎日絵コンテを計画し、撮影・照明、小道具・現場スタッフ、俳優、スケジュール担当のスタッフが監督の絵コンテに従って一つひとつのカットを実現していきます。そして最終的なポストプロダクションでは、ビジュアルエフェクトや音響、ミキシング、カラーグレーディングなど多岐にわたるデザインを駆使し、AI映像技術も取り入れています。さらに、映画の美術、ポスター、招待状、広報資料、グッズなどの周辺アイテムもこの段階で完成させます。","careers.socialJob11Team":"タオティエングループ（アリママ）","products.aiagent.title3":"特別任務を選択する","team.publish.a.book.paragraph26":"映画制作の貴重さは、まさに時間や予算、現実的な条件という数々の制約の中で常に展開されることにあります。クリエイターたちは絶え間なく想像力を駆使し、より的確で独自性豊か、そして創造性に満ちた方法を模索することで、芸術的課題を解決し、革新的でスタイルあふれる表現の道を見出さなければなりません。そして、これこそが芸術創作のもっとも魅力的なところなのです。","products.aiagent.title4":"マルチモーダル入力に対応し、自由な質問に回答します。","research.enter.interface.generation.instructions":"インターフェース生成の指示を自然言語で入力してください。","team.publish.a.book.paragraph27":"私たちは、工業化された映画の配給プロセスを簡素化して創作に取り組んでいます。チームは小規模ながらも必要な要素をすべて備えています。映画の全体的な制作期間はわずか3カ月余りで、毎年10月末から準備を始めます。以下のような段階を経て、作品を制作していきます。","products.aiagent.title1":"TDA（Taobao Design Agent）は、タオテンデザインチーム向けに構築された統合型デザインインテリジェンスエージェントおよび企業向けバーチャル専門家です。チームが蓄積してきた設計知識、手法、経験を基に、ユーザー体験デザイナーが分析から提案の納品までの一連のプロセスを円滑に遂行できるよう支援します。その機能は、自由な質問応答、ユーザーリサーチ分析、競合他社および事例研究、規格検索、戦略策定、インターフェース生成、デザインレビューおよびペアリングチェックなど、多様なタスクをカバーしています。その核心的な強みは、企業レベルのプライベート設計ナレッジベース、複数タスクに対応するサブインテリジェンスエージェントのスキル、そして通義千問の大規模言語モデルを活用した持続的進化能力にあります。現在、主にタオテンデザインチームおよび提携校のユーザーにサービスを提供しています。","team.publish.a.book.paragraph24":"これは作家性の高いブラックユーモアを交えた犯罪映画であり、物語は日本ヤクザの組長が中国に残された孤児をめぐって繰り広げる権力闘争を軸に展開する。偶然の誤解から始まる誘拐事件と突然の交通事故により、真実の主人公と偽の主人公が物語の中で巧みに入れ替わることで、さまざまな勢力が追う物語の真相は次々と書き換えられていく。身分、運命、物語が互いに絡み合い、まるで現代世界が築き上げたネットワークのように、絶え間なく名付けられ、置き換えられ、あるいは利用されていく——私たちはいつ、その渦中にいるのか、またいつ、外側に立ってこのすべてを眺めているのか。","products.aiagent.title2":"トップページ","team.publish.a.book.paragraph25":"私たちはどのように創作するのでしょうか？","products.aiagent.title7":"ケースの閲覧","team.publish.a.book.paragraph22":"三つの短編映画はそれぞれ異なるスタイルですが、共通する核心テーマがあります。それは、人が社会の未知や孤独、あるいは圧迫に直面したとき、現実と幻想の狭間で自らの位置をどのように見出していくか、という問いです。","products.aiagent.title8":"ナレッジベースバックエンド","team.publish.a.book.paragraph23":"『アウトサイダー I will survive』、2025年","footer.downloadAndScanWithWeChat":"ダウンロードしてWeChatでQRコードをスキャンしてください。","header.careers":"採用","products.aiagent.title5":"用研分析","team.publish.a.book.paragraph20":"この映像作品は、3つの独立した短編からなるオムニバス形式で、それぞれの物語は互いに独立しているものの、その雰囲気において互いに呼応し合っています。各物語は現実と想像の境界を曖昧に描きながら、人間性、記憶、そして存在の限界について探求しています。","products.aiagent.title6":"規範照会","team.publish.a.book.paragraph21":"第1話「仮山の男」は、疑似ドキュメンタリーの手法で描かれ、霊媒を探し求める旅人たちに同行します。旅の果てに視点がスクリーンの外へと移ると、観客は初めて自分が旅人が日夜想い続けた幽霊であることに気づきます。第2話「石・石榴」は心理スリラーであり、ネット時代における不安と権力の異化を描きます。聴覚障害を持つ少女は、資本構造とトラフィックの圧力にさらされながら、AI生成技術を駆使して幻想を現実に変えようとしますが、次第に幻覚と暴力の渦に巻き込まれていきます。第3話「晴天」は温かみあふれるファンタジー物語です。大晦日の夜、亡くなった父親が一時的に娘の親友に憑依し、限られた時間だけ家族のもとに戻って、社会の中で孤独と抑うつにさいなまれる娘を慰めようとします。","products.aiagent.title9":"知識の系譜の枝を追加する","research.taobaoInteractiveGame.motionGraph":"インタラクティブゲームのモーションエフェクトアトラス","home.joinUsTitle":"私たちに参加しよう\nより素晴らしいデザインを創造しよう","research.all.the.articles.paragraph122":"真正性：生成されたオブジェクトの材質は現実の法則に従うべきです。","research.all.the.articles.paragraph121":"これらの偏差により、AIが画像を生成する際に誤りが生じ、現実世界の詳細を正確に模倣することが難しくなります。","research.all.the.articles.paragraph120":"AIモデル自体にはバイアスが存在し、質感を学習して生成する際には特定のスタイルや特徴を模倣しやすくなります。例えば、モデルが風景画像の生成を学習する際に青空と白い雲を伴う画像を生成する傾向がある場合、生成結果には多様性が欠け、訓練データに含まれる特定の視点や偏見のみを反映してしまう可能性があります。","research.all.the.articles.paragraph126":"粗い質感：表面に凹凸があり、光が散乱しやすいため、木やセメントなどの素材のように柔らかな印象を与えます。","research.all.the.articles.paragraph125":"滑らかな質感：表面が平滑で、光が反射しやすく、金属やガラスなどと同様に輝きのある仕上がりになります。","research.all.the.articles.paragraph124":"現実世界の素材にはさまざまな質感があり、その違いが物体を視覚的によりリアルで生き生きと見せます。よく見られる質感の種類には、以下に挙げる5つがあります。","research.all.the.articles.paragraph123":"マテリアル効果：現実世界のマテリアル効果およびその対応関係に従う必要があり、マテリアルの異常を避ける必要があります。Eコマースのシーンでは、適切なマテリアルを使用することで生成画像のリアリティと客観性を高めることができます。マテリアルは物体の物理的特性や質感属性を伝える役割を果たします。物体はそれに応じたマテリアルと一致させるべきです。例えば、環境の質感（自然環境や光の変化を模倣）や人物モデルの肌の質感（人間らしさや細部の表現）など、マテリアルが不自然になることで視覚的に違和感を感じたり、現実離れした印象を与えたりすることのないよう注意が必要です。","research.all.the.articles.paragraph129":"硬質な質感：石材や鋼材など、硬くしっかりとした感触を与える素材です。","footer.sloganTechnology":"技術","research.all.the.articles.paragraph128":"柔らかな質感：綿や絹など、柔らかく快適な感触をもたらします。","research.all.the.articles.paragraph127":"透明感のある質感：光を透過し、水やガラスなどと同様に透き通った印象を与えます。","team.publish.a.book.paragraph39":"脚本は物語そのものに重点を置き、展開の推移、登場人物の台詞、登場人物の動機や関係性、論理的整合性を徹底的に追求します。絵コンテは再び物語を構築し直す作業であり、脚本に記された内容を視覚と聴覚の手法を用いて新たに分解・再構成していきます。","team.publish.a.book.paragraph37":"前期の準備段階では、主に世界観の設定と脚本の開発が行われます。脚本に関する討議会を開き、いくつかのテーマについて整理・選別を行います。この段階で、製作会社とプロデューサーが意思決定を行います。また、核心的なクリエイター陣がキャスティングを行い、役柄にふさわしいメンバーをデザインチームから発掘していきます。撮影地が杭州近郊に限定されるため、脚本の検討段階から美術スタッフによるロケハンが並行して進められ、シーンの配置と物語の展開が密接に連携します。中盤の撮影期間は最も厳しい作業工程です。監督が毎日絵コンテを計画し、撮影・照明、小道具・セットスタッフ、俳優、そしてスケジュール調整担当者が監督の絵コンテに従って一つひとつのカットを実現していきます。最終的なポストプロダクションでは、ビジュアルエフェクトや音響、ミキシング、カラーグレーディングなど多岐にわたる映像制作を駆使し、AI技術を活用した映像表現も取り入れています。さらに、映画の美術デザインやポスター、招待状、広報資料、グッズなどの周辺アイテムもこの段階で完成させます。","team.publish.a.book.paragraph38":"脚本作成から絵コンテまで","team.publish.a.book.paragraph35":"私たちは、工業化された映画の配給プロセスを簡素化して創作に取り組んでいます。チームは小規模ながらも必要な要素をすべて備えています。映画の全体的な制作期間はわずか3カ月余りで、毎年10月末から準備を始めます。以下のような段階を経て、作品を制作していきます。","team.publish.a.book.paragraph36":"チームのモジュール型分業","team.publish.a.book.paragraph33":"私たちはどのように創造するのでしょうか？","team.publish.a.book.paragraph34":"映画制作の貴重さは、まさに時間や予算、現実的な条件という数々の制約の中で常に展開されるところにあります。クリエイターたちは絶え間なく想像力を駆使し、芸術的課題を解決するためのより正確で、より独自性があり、より創造的な方法を探求し、革新的でスタイルあふれる表現の道を見出さなければなりません。そして、これこそが芸術創作のもっとも魅力的な点なのです。","team.publish.a.book.paragraph31":"脚本は物語そのものに重点を置き、展開の推移、登場人物の台詞、登場人物の動機や相互関係、論理的整合性を徹底的に追求します。絵コンテは改めて物語を再構築し、脚本に記された内容を視覚と聴覚の手法を用いて新たに分解・創作していきます。","team.publish.a.book.paragraph32":"『アウトサイダー』の脚本進行に伴うストーリー設計","team.publish.a.book.paragraph30":"脚本作成から絵コンテまで","careers.socialJob10Years":"3年","research.all.the.articles.paragraph111":"明暗の関係：商品と環境の色彩は一致していなければならず、主体とシーンは互いに調和している必要があります。AIによるEC商品画像では、明るいトーンと暗いトーンが画像内の明暗分布やハイライトとシャドウの強調を通じて、全体的な視覚印象と雰囲気に影響を与えます。生成画像の美学においては、主体と背景の間で明暗トーンの統一を確保し、明暗の関係が断絶されるのを防ぐことが重要です。明るいトーンの画像は、明るく軽やかな雰囲気を演出し、前向きで快活な感情を表現するのに適しています。また、細部を際立たせ、物体の質感や形状をより鮮明に見せ、軽やかで透明感のある効果を生み出します。一方、暗いトーンの画像は、落ち着きや神秘的な印象を伝え、格式高い製品テーマに最適です。その強みは、影の部分を強調することで高いコントラストと奥行き感を生み出し、色彩の彩度を高めることにあります。特定の状況下では、強い視覚的インパクトを生み出すことも可能です。異なる明暗トーンを理解した上で、AI生成画像における明暗関係の統一性を適切に判断し、理想的な製品画像の視覚効果を実現することが求められます。","research.taobaoInteractiveGame.uiGraph":"インタラクティブゲームUIアトラス","research.all.the.articles.paragraph115":"データバイアス","research.all.the.articles.paragraph114":"AIによる画像生成の美学においては、製品の特徴に応じて適切な色調を選択し、被写体と背景の寒暖のバランスを整えることで、求められる感情や雰囲気を効果的に伝える必要があります。AIが生成する画像は通常、大量の現実世界の画像を学習データとして用いています。しかし、データ収集、モデル選択、人為的ラベル付けなどの面で不完全性があるため、学習結果には以下のような偏りが生じる可能性があります。","research.all.the.articles.paragraph113":"質感","research.all.the.articles.paragraph112":"寒暖の関係：画面内の色彩の寒暖傾向をバランスよく整える必要があります。AIによるEC商品画像における寒暖の関係とは、画像に含まれる色の主な分布状況を指します。商品画像では、全体の色彩の寒暖傾向が調和していることを確保し、違和感や断絶感を生じさせないようにすることが重要です。寒色系はしばしば冷静な感情を伝えるため、寒い季節や清涼感あふれる雰囲気に適しています。また、距離感を演出する能力により、前景と背景との奥行き感を強化し、深みと空間感を効果的に作り出せます。思索や静謐をテーマとした商品と相性が良いです。一方、暖色系は温かさや活力を伝えやすく、視線を引きつけやすいのが特徴です。テーマを際立たせたり、視覚的魅力を高めたりするのに適しており、人物画像においては特に親しみやすさを感じさせます。情熱や活力を表現するには理想的な選択肢と言えます。","research.all.the.articles.paragraph119":"モデルバイアス","research.all.the.articles.paragraph118":"データラベリングの過程では、主観的要因により誤りや不正確さが生じる可能性があります。例えば、画像内の物体が誤ってラベル付けされた場合、AIが画像を生成する際にも同様の誤りが発生します。","research.all.the.articles.paragraph117":"ラベルのバイアス","footer.sloganFuturistic":"未来","research.all.the.articles.paragraph116":"AIモデルの学習データセットは多くが現実世界から取得されていますが、現実世界自体には偏りが存在します。例えば、白人種が現実社会において占める割合は高いですが、こうした偏りは学習データに伝わり、AIが人物を生成する際に白人種をより多く生成しやすくなり、他の人種や場面を無視する結果となります。","team.publish.a.book.paragraph48":"映画グッズの制作は、物語を別の形で具体化した表現です。物語がフィクションである場合、観客は一体何を持ち帰ることができるのでしょうか？","team.publish.a.book.paragraph49":"3年間にわたって制作してきた映画のグッズや周辺グッズでは、映画のストーリーの中で興味深かったり重要な役割を果たしたりした小道具を用い、会場を出る観客の記憶を呼び起こしています。例えば、初年度の『さよならケイティ』では、映画に登場する鉄製弁当箱を採用しました。このアイテムは1980年代の懐かしい思い出を象徴しており、キャラクターの台詞が刻まれたカレンダーを鉄製弁当箱に入れて提供しました。メンバーが弁当箱を開けると、そこから映画の温かい雰囲気がただ漂うだけでなく、映画の中に生き生きと描かれたシーンや人生における深い気づきまでも感じ取れるのです。また、『鬼話連篇』では、第3話に登場した肉まんの蒸し器をモチーフに、心からの団欒の雰囲気を表現しました。中国人特有のアイテムを素材として用いることで、単なる紙箱やギフトボックスよりも一層豊かな意味合いを伝えられます。さらに『局外人』では、キャラクターをモチーフにした飛行すごろくを制作しました。劇中のエピソードやさまざまな登場人物同士の対立・衝突を、子供の頃に遊んだ飛行すごろくのルールに溶け込ませました。新年を迎える際、みんなで飛行すごろくを楽しみながら、家族や友人と共に新たな時間を過ごすことができるのです。","team.publish.a.book.paragraph46":"『鬼話連篇』映画美術コンセプトポスター","team.publish.a.book.paragraph47":"『アウトサイダー』映画美術コンセプトポスター","team.publish.a.book.paragraph44":"映画の宣伝・配給とグッズ制作","team.publish.a.book.paragraph45":"これは社内チーム向けの映画ですが、コンセプトポスターと公開本編ポスターの制作・宣伝は引き続き行っています。コンセプトポスターはより作家性が強く、シーンや画面を通じて映画当初に表現したかったコンセプトを演出しています。一方、本編ポスターはより商業的な要素を備えており、映画上映時には観客が物語へと入り込むための前奏として機能します。","team.publish.a.book.paragraph42":"映画の特殊効果デザインは、映像撮影が完了した後の制作段階で行われます。一部の難易度の高い撮影では、監督や撮影スタッフが事前に特殊効果用のグリーンスクリーンや現場での特殊効果の素材を計画し、ポストプロダクション段階で一括して制作します。例えば、大規模なシーンの爆発、スクリーンへのグリーンスクリーン合成、キャラクターの配置合成などです。","team.publish.a.book.paragraph43":"『アウトサイダー』美術設定参考","team.publish.a.book.paragraph40":"映画美術","careers.internJob3Team":"タオティエングループ","careers.socialJob6Date":"2026年2月24日","team.publish.a.book.paragraph41":"映画の美術チームは主に二つの役割に分かれています：環境造形と人物造形です。環境造形は脚本や絵コンテ作成の初期段階から関与し、美術監督が監督や脚本家とともに、物語が展開される場面をどこでいつ設定するかを計画します。映画の撮影地選定には、ストーリー上の映像的要求を満たすだけでなく、監督がドラマの演出や俳優の動きを自由に調整できる空間的余地を確保することも重要です。映画のシーンごとの雰囲気に応じて、適切な時期を選んでセットを組み立て、描き上げていきます。一方、人物造形はキャスティング段階および具体的な絵コンテ実行時に介入し、衣装デザインやキャラクターのメイクアップなどを手がけます。キャラクターの造形は、登場人物の性格や物語内での役割に基づいて決定されます。また、小道具の制作・調達も、キャラクターと舞台のリアリティをつなぐ重要なプロセスとなります。例えば『さよならケイティ』では、主人公の古いジャケットや自転車工具、そして社会的なマッチョな青年の友人らをデザインすることで、彼が社会の中で置かれた立場を視覚的に表現しました。また『鬼話連篇』に登場する李默というキャラクターの場合、彼女は聴覚障害を持つ女性のインフルエンサーという設定でしたので、整ったピンク色のショートヘアをデザインし、音を遮るイヤホンを加えることで、彼女の内面的な葛藤を強調しました。『アウトサイダー』では、小菊と凛子の対照的な服装や髪型を通じて、それぞれの役柄が変化した後のギャップを際立たせました。","careers.title":"職位","research.all.the.articles.paragraph140":"スタイルモデル","research.taobaoInteractiveGame.artGraphApplication":"インタラクティブ・ゲームアートスタイル・アトラスの実践","products.aiagent.title12":"知識クリーニング","research.all.the.articles.paragraph144":"382.0MB","products.aiagent.title13":"複数の形式をサポートします","research.all.the.articles.paragraph143":"国美×アリ 商品美学ガイドライン","products.aiagent.title10":"新規ブランチの下の知識","research.all.the.articles.paragraph142":"D20フォーラムと展示会場","research.all.the.articles.paragraph141":"シーン生成","careers.socialJob1Location":"杭州","careers.socialJob5Desc":"Xianyuの重点業界における体験設計業務を担当し、各業界の取引特性に基づいて特色ある業界ごとの取引体験とビジネス価値の表現を構築することで、業界におけるブランドイメージの確立を支援します。業務を深く理解し、ユーザー視点から設計戦略を分解・分析するとともに、データや製品戦略と連携したきめ細かな設計案を提示し、全体目標達成に向けて設計上の価値を提供します。トレンドや外部環境の変化に注目し、競合他社の動向を継続的に追跡・分析するとともに、Xianyuのシーンにおいてより優れたイノベーションデザインを実現します。","careers.internJob3Years":"インターンシップ","home.award7Title":"MUSEプラチナ賞＆ベルリン・デザイン賞金賞","team.publish.a.book.paragraph59":"今回のワークショップは、デザイン教育の境界を積極的に拡張するものであり，複雑さを驾驭し、未来の体験を定義する次世代のデザインイノベーション力を育成することを目的としています。カリキュラムの構造は、厳密な学術的トレーニングと最先端の産業実践との絶妙な融合を体現しています。","home.award6Desc":"2025年Tmallダブル11ブランド全体デザイン","team.publish.a.book.paragraph57":"アーキテクチャ層（介入の枠組み）：深い洞察を基に、学生が体験戦略のフレームワーク構築を進めるよう指導します。これには、核心となるデザインコンセプトの定義、サービス接点のエコシステムの計画、および体験の測定指標の策定が含まれます。本コースでは、体験の論理性、一貫性、拡張性を重視し、設計案が単なる孤立したアイデアではなく、既存のビジネスに組み込まれて新たな価値を生み出す体系的な解決策となるよう確保します。","team.publish.a.book.paragraph58":"検証層（価値の証明）：設計コンセプトを論証可能な価値へと転換することを推進します。学生は、ハイファイなインタラクティブプロトタイプの構築方法を学び、文脈に即したストーリーボード、データ埋め込みシミュレーション、ユーザー試験のフィードバックなどを通じて、設計案の可用性、受容性およびビジネス上の実行可能性を初期段階で検証します。これにより、「コンセプトの構想」から「価値の仮説」への重要な飛躍を成し遂げます。","team.publish.a.book.paragraph55":"「ライブ配信、会員制、双方向コミュニケーション」という3つの核心的なデジタルビジネスシーンを深く掘り下げるポイントとし、そのカリキュラム構築は従来の単なるUIの美観向上や機能の追加にとどまらず、「現象から本質へ、戦略から検証へ」に至る一連の完全な教育・研究のサイクルを構築することを目的としています。カリキュラム内容の設計は、密接に連携した3つの段階に分かれています。","footer.sloganCreative":"クリエイティブ","team.publish.a.book.paragraph56":"洞察層（システムを見る）：学生をデータや行動の表面的な現象を超えて導き、ユーザージャーニーマップ、行動動機分析、ビジネスキャンバスなどのツールを活用して、各シナリオの背後で複雑に絡み合うユーザーのマインドモデル、プラットフォームのビジネスロジック、社会的相互作用の関係を体系的に解明します。例えば、「ライブ配信」のシナリオでは、単にインタラクションボタンのクリック率を分析するだけでなく、「没入感」や「即時消費衝動」の背後にある認知メカニズムと感情的つながりまで探求します。","home.research1Title":"規格に適合した製品インターフェースを生成するために企業内デザイン知識を構築する。","products.aiagent.title14":"今すぐ試す","team.publish.a.book.paragraph53":"私たちは、あることがどれほど長く続くのかを決して知り得ませんでした。この数年間、私たちは共に成長してきた記録を映像として残してきました。おそらく近い将来、私たちは新たな芸術形式や技術力をもって心に抱く思いを完成させることでしょう。しかし変わらないのは、私たちが表現し続け、人生に対して真摯な問いを投げかけ続けるということです。そして、この熱意を保ちながら、共に歩む仲間を道の途中で結びつけていきます。","team.publish.a.book.paragraph54":"校企連携：国美 × 淘宝デザイン","team.publish.a.book.paragraph51":"シリーズ映画のギフト用イメージ写真","careers.socialJob3Title":"シニアユーザーリサーチスペシャリスト - 淘宝","team.publish.a.book.paragraph52":"あとがき","team.publish.a.book.paragraph50":"『鬼話連篇』ギフトイメージ写真","research.all.the.articles.paragraph133":"照明条件：照明は質感の表現に影響を与え、異なる照明条件下で物質の質感が変化します。強い光では質感がより際立ち、弱い光では質感がより柔らかく感じられます。","research.design.system.specification.paragraph":"デザインシステムの仕様に関する知識は、2種類の知識オブジェクトと3種類のファイルタイプから構成されています。{{bold}}2種類の知識オブジェクトとは、スタイルとページです{{/bold}}。そのうち、スタイルは要素、レイアウト、コンポーネント、アセットの4つに細分化されます。また、各知識オブジェクトには、{{bold}}3種類のファイルタイプが含まれています。これらは、意味的ルール、マッピングスキーム、コード実装に分けられます{{/bold}}。","research.all.the.articles.paragraph132":"表面テクスチャ：表面テクスチャは質感を表現する重要な手法であり、異なるテクスチャはそれぞれ異なる視覚的・触覚的感覚を生み出します。滑らかな表面は一般に清潔でなめらかな印象を与え、粗い表面は力強く質感のある印象を与えます。","research.all.the.articles.paragraph131":"物理的特性：異なる素材にはそれぞれ異なる物理的特性（密度、硬度、光沢度など）があります。物体の形状と質感は、その位置や環境に合わせて統一性を保つ必要があります。例えば、平らな表面上にある物体は、その素材の形状が平坦で対称であるべきです。起伏のある表面上にある場合は、隆起部や凹み部を考慮し、環境に適した形状にする必要があります。","research.all.the.articles.paragraph130":"質感が現実世界の素材に合致するには、以下の3つの点を考慮する必要があります","research.all.the.articles.paragraph137":"テクスチャの詳細度：テクスチャの比率が100％に近いほど、テクスチャ画像の細部はより完全で正確になります。","research.all.the.articles.paragraph136":"テクスチャの鮮明さ：テクスチャの比率が100％に近いほど、物体表面に表示されるテクスチャ画像はより鮮明になります。","research.all.the.articles.paragraph135":"テクスチャの比率は、生成画像の質感に以下のような影響を及ぼします","research.all.the.articles.paragraph134":"材質の比率：物体とそのテクスチャの比率やサイズを調整し、観る人が対象物の形状について正しいサイズ感を把握できるよう支援します。物体のテクスチャ比率とは、テクスチャ画像の幅と高さと、物体表面の長さと幅との比率を指します。テクスチャ比率を正しく表現することで、物体がよりリアルで自然に見えます。比率が小さすぎるとテクスチャの細部が失われ、逆に比率が大きすぎるとテクスチャが歪んで見えてしまいます。","research.using.color.as.an":"色を例にとると、下図はデザインアーティファクトがセマンティックルール、マッピングスキーマ、コード実装の3つのファイルタイプへと変換されるプロセスを示しています。","research.all.the.articles.paragraph139":"物体のテクスチャの比率が調和していることは、全体の外観や比率の認識において重要な役割を果たします。人間の視覚システムは、物体を知覚する際にテクスチャを基にそのサイズを判断します。例えば、図中の木製カップの木目が細かければ、見る人はその物体のサイズが小さいと認識します。逆に、床の木目が粗く、テクスチャの比率が不均衡である場合、見る人は対象物の実際のサイズを誤って認識する可能性があります。物体のテクスチャの比率は視覚効果に大きな影響を及ぼす要因であり、各対象物の素材の比率を調整し、実際のサイズに合致させる必要があります。実際の応用においては、テクスチャの比率の表現方法は具体的な場面やニーズに応じて決めるべきです。","research.all.the.articles.paragraph138":"テクスチャの視覚効果：テクスチャの比率が100％に近いほど、物体表面におけるテクスチャの視覚効果はよりリアルになります。","research.all.the.articles.name019":"ウェン・ユージエン","research.all.the.articles.name018":"チエン・ヤン","careers.socialJob12Location":"杭州","team.publish.a.book.paragraph68":"製品の複雑化と均質化が進むにつれ、デザインの核心は「視覚的競争力」から「体験の決定性」へと移り変わりました——ユーザーが多様な選択肢を持つ時代において、体験そのものが重要な差別化要因となっています。注目が細分化する環境に直面し、「いかにシンプルで明快、直感的な方法で情報を伝えるか」という課題は、デザイナーにとって常に解決すべきテーマとなっています。","team.publish.a.book.paragraph69":"タオティエンの多様なビジネスシーンにおいて、この理念は具体的な実践へと転換されています。","research.all.the.articles.name011":"チェン・ユンフェイ","team.publish.a.book.paragraph66":"このプレビューは、単なるプロジェクトの振り返りにとどまらず、マインドセットの転換でもあります。つまり、「学習者」から「予備軍のビジネスデザイナー」へ、そして独自の作品づくりからビジネスチェーンの重要な一環へと変わるのです。","research.all.the.articles.name010":"フワン・ツォンイエン","team.publish.a.book.paragraph67":"チーヴィは、デザインの進化の歴史的視点から、デザインと技術が相互に支え合いながら持続的に発展してきた共生関係を明らかにします——ゼロックスの先駆的な取り組みから、アップルやマイクロソフトへの進化、さらには地元の金山やテンセントが最初に専門的なデザインチームを結成したことに至るまで、インターネットデザインは「インターフェースの装飾」から徐々に体系的で専門的な軌道へと歩みを進めました。","research.all.the.articles.name013":"シー・ジェンヤン","team.publish.a.book.paragraph64":"「AIGC時代において、ECプラットフォームの『美』とは一体何を意味するのか？」と鄭朝教授は振り返りの中で提起しました。","research.all.the.articles.name012":"リュウ・イージン","team.publish.a.book.paragraph65":"研究チームは、機械的な画像ラベリングをやめ、AIが学習できる美的論理体系の構築へと転換しました——色彩構成、要素間の関係から視覚的物語に至るまで、主観的な審美を反復可能なアルゴリズム言語へと変換したのです。","research.all.the.articles.name015":"リャオ・ジェンユー","team.publish.a.book.paragraph62":"ワークショップの核心は、受講者がインタラクションパラダイムと視覚伝達に熟練するだけでなく、プラットフォーム経済学、消費者心理学、ゲームデザイン、ソーシャルメディアの拡散メカニズムについても理解することを求める点にあります。","research.all.the.articles.name014":"ペン・シューレイ","team.publish.a.book.paragraph63":"2025年12月9日、鄭朝教授は学生たちを率い、淘天グループと共同で取り組んできた「AIによる画像生成の美学基準」に関する研究テーマを振り返りました。これは単なる技術の適応にとどまるものではなく、「美は定義できるのか、機械はそれを理解できるのか」という哲学的な思索の場でもありました。","research.all.the.articles.name017":"ニウ・ジェンユー","team.publish.a.book.paragraph60":"3週間にわたる没頭型研修では、受講生が「発見と定義、探索と設計、深化と提供」という段階を順次経験し、デザイン思考の明示化と認知の再構築プロセスを完了します。私たちは、現実のビジネス上の制約下での「問題の定式化」能力を重視し、受講生がユーザー体験、行動論理、インタラクション分析などの手法を用いて、データの表面に隠された深いレベルのユーザーのマインドモデルや行動動機を捉えるよう導きます。","research.all.the.articles.name016":"スン・チー","team.publish.a.book.paragraph61":"例えば、「紅包による若年層向けサインイン」のテーマでは、行動デザイン学とインセンティブ理論を統合し、持続可能な参加ループを構築する必要があります。また、「ライブ配信のリニューアル」の課題では、没入型ストーリーテリング、リアルタイムのソーシャルな臨場感、そして取引への転換効率という古典的な三重矛盾をバランスよく調整する必要があります。","careers.socialJob10Team":"タオティエングループ","team.publish.a.book.paragraph70":"ライブ配信でプロフェッショナルなマインドセットを構築する、","careers.socialJob12Title":"体験デザイナー—ライブコマースデザイン","team.publish.a.book.paragraph002":"タオバオのデザインにおける実際の業務での経験と実践を凝縮し、私たちはデザインの境界を不断に広げ、デザインの深みと価値に一層焦点を当てています。第一線で実際に体験したリアルな仕事現場から、どのようなデザイン能力が求められるのかを再現しています。AI時代において、デザイン思考は今まさにどのような飛躍と進化を遂げようとしているのでしょうか？もしあなたが体験設計に関する日々の学びや大手企業への就職活動、キャリアの方向性選びなどに取り組んでいるなら……本書に登場する一人ひとりの当事者たちが、あなたに身近でリアルな答えを提供してくれるでしょう。","article.wreading.time":"最小読み取り時間","research.for.enterprise.design.teams":"エンタープライズ設計チームにとって、{{bold}}第一の目標は、社内の設計基準に忠実に従った製品インターフェースを生成することです{{bold}}。しかし、現在のソリューションは重要な点で不足しています。前者のカテゴリでは、独自の非オープンソースなエンタープライズデザインシステムに関する知識や、それに伴うデザインからコードへのマッピングルールにアクセスできません。後者のカテゴリは、コンポーネントやデザイントークンには接続されていても、より豊かな意味論的ガイドライン、厳選されたデザインケース、需要に応じたカスタムワークフローをサポートする機能が欠けています——これらの機能により、AIが設計知識をより包括的に取得し、理解し、活用できるようになります。同時に、ほとんどのエンタープライズ設計組織では、デザインとコード間のマッピングが不完全だったり、十分に維持されていなかったりします。それらのガイドラインは通常、人間が読むことを想定して書かれており、デザインソースファイルとは別に保存されているため、AIシステムが完全に取り込み、解析し、活用することが困難です。その結果、AIが生成するアウトプットはしばしば期待に届かない状況に陥ります。","products.official.website.introduction.paragraph6":"ウェブサイトのトップページ","products.official.website.introduction.paragraph7":"デザインシステムの知識構造に一致したサイドバー","products.official.website.introduction.paragraph8":"知識ユニット","team.publish.a.book.paragraph79":"シャオビンはブランドマーケティングデザインの共有において、デザインの核心は「学生思考」から「ビジネス思考」へと転換することにあると指摘しました——つまり、個人の美的感覚を中心とした表現から、製品とユーザーを視点に置いたコミュニケーションへと移行することです。","products.official.website.introduction.paragraph9":"AIが見るためのルール切り替え","team.publish.a.book.paragraph77":"実践においては、競合分析、体験チェック、世論調査を通じて体験上の問題を深く診断することを推奨し、「分析→戦略→表現」というプロセスを堅持することで、デザインのイノベーションを常にユーザーの習慣とビジネス上の合意を尊重した上で行います。","team.publish.a.book.paragraph78":"優れたデザインは、最終的にリンクの合理性と論理的厳密さに現れ、視覚的な表面に留まるものではありません。","team.publish.a.book.paragraph75":"「ユーザー、リンク、ノード」という三次元フレームワークを提案し、デザインを単なるインターフェースの美化から、システム体験の構築という次元へと高めます。","team.publish.a.book.paragraph76":"この方法論は常に「ユーザーが何を望んでいるか」を出発点とし、入口分析を通じて期待されるインサイトを把握し、それに基づいてページの表示を動的に計画することを重視しています。ユーザーのナビゲーションルートを明確にした上で、一貫性がありスムーズなメインタスクを整理し、紅包やガイドなどのサブタスクも適度に設計する必要があります。また、各ノードにおける情報構造の合理的な配置を確保することが重要です。","team.publish.a.book.paragraph73":"チーヴィは一貫して、デザインの本質はユーザーの懸念を理解し解消することであり、ビジネス目標と体験価値の間でバランスを見出すことだと強調しています。「消費者がプラットフォームにアクセスするのは、デザインを鑑賞するためではなく、コンテンツを得るためなのです。」","research.knowledge.retrieval.agent.configuration":"知識検索エージェントの構成（抜粋）","team.publish.a.book.paragraph74":"これは、デザイン思考の成熟であると同時に、ビジネス知恵の蓄積でもあります。","team.publish.a.book.paragraph71":"会員制度において高級感を醸し出します。","team.publish.a.book.paragraph72":"インタラクティブな体験にゲーミフィケーションを組み込む。","team.publish.a.book.paragraph80":"ビジネスデザインは単なる視覚的表現にとどまらず、ユーザーとの持続的な双方向の対話です。その目的は、デザインを通じてユーザーの行動を効果的に促し、明確なビジネス目標を達成することにあります。実際の運用においては、デザイナーが迅速なイテレーションとリアルタイムの検証能力を備えることが求められます。「ダブルイレブン」のような大規模なプロモーションプロジェクトでは、ブランド戦略、視覚伝達、メディア配信からデータフィードバックまで、一連のプロセスを完璧なクローズドループで構築し、各段階が「ユーザーがどのように感じ、どのように行動するか」を中心に展開されるよう徹底することが重要です。こうしてこそ、デザインがビジネスシステムの中で真に力を発揮できるのです。","team.publish.a.book.paragraph81":"「以前、私たちが検索を設計していたのは、結果ページをデザインすることでした。今日、AI検索を設計するとは、AIが生成するコンテンツ全体のルールを設計することです。」群剣のこの言葉は、淘天のAI検索設計における本質的な転換を端的に表しています。それは、「インターフェース」の設計から「ルール」の設計へのシフトです。そのため、チームはユーザーの意図を知識、攻略、比較、おすすめの4つのタイプに細かく分類し、それぞれのタイプごとに専用の「回答テンプレート」を構築しました。","products.button.restrictions":"まもなくアクセス可能になります","research.machine.interpretable.design.system":"機械解釈可能な設計システム仕様の知識","careers.socialJob4Location":"杭州","research.page.knowledge.is.organized":"ページ知識は、コアジャーニー、ショッピングガイドチャンネル、インタラクティブ製品、マーケティングキャンペーンの場、B2B体験などのユニットに整理されています。さらに、第2レベルのページタイプに細分化することも可能です。最高レベルのアウトラインオブジェクトとして、明確なページ構造、コンポーネントの構成、コンテンツの配信ロジックを提供します。その意味的ルールには、ページ定義、対象ユーザー、命名規則、構造階層、ページステータス（インタラクションおよびビジュアル）、必須ルール、機能的利用方法が含まれます。ページ知識はコード実装を必要とせず、代わりにLLMがコンポーネント、アセット、要素のコードを組み合わせることで構成されます。マッピングスキーマは、IDシンボル、意味（名前、定義、説明）、ルール、構造、制約（利用シナリオ、必須禁止事項など）から構成されます。ショッピングガイドページを例にとると、下図はデザインアートファクトを意味的ルールとマッピングスキーマという2つのファイル形式に変換した結果を示しています。","banner.cameraPleaseAllow":"あなたのブラウザで同意を選択してください。","products.official.website.introduction.paragraph2":"VersionAI Tmallへ移動","products.official.website.introduction.paragraph3":"VersionAI Tmallは、Tmallアプリ専用に設計されたデザインシステムです。このシステムは人間のデザイナーだけでなく、人工知能にも向けられています。そのコンテンツ構造と表現形式は変換され、AIモデルがこのデザインシステムの規範を読み取り、検索し、適用できるようになっています。AIのサポートにより、ユーザーはこのナレッジベースを基にTmallのデザイン規範に準拠したユーザーインターフェースを生成し、デザイン評価や質問応答を行うことができます。","research.intent.recognition.agent.configuration":"意図認識エージェントの構成（抜粋）","products.official.website.introduction.paragraph4":"デザインシステムの仕様に関するナレッジベースを構築し、インターフェースを通じてマルチエージェントワークフローを生成することで、完全かつAIに優しいエンタープライズレベルのデザインシステムを実現しました。このシステムはMCPまたはコンテキストインジェクションにより、IDE環境や各種エージェントモードをサポートするデザインツールに柔軟に適用可能です。","products.official.website.introduction.paragraph5":"使い方","products.official.website.introduction.paragraph1":"VersionAI Tmallを紹介します。","careers.socialJob8Years":"3年","team.publish.a.book.paragraph88":"特に重要なのは、物語化を感情の杠杆として用い、機能を温かみのあるストーリーに転換することです。例えば、春節の「願い灯り」では、願いをテーマの提灯を点灯させることで具現化し、独身の日「淘金コイン功夫門」では、お金を節約する行為をまるで功夫の修練のように演出します。こうした行動に意味と感情を付与することで、インタラクティブデザインは商業目標を達成すると同時に、ユーザー体験の価値を一段と高めています。","team.publish.a.book.paragraph89":"玄爾は、業界におけるマーケティングデザインの共有セッションにおいて、「生活からのインスピレーション」をキーワードに、デザインがいかにビジネス、ユーザー、プラットフォームをつなぐ知的な架け橋となるかを体系的に解説しました。彼女は、効果的なデザインは多様なニーズのバランスを取ることから始まり、単なる製品機能からライフスタイルへと思考を高次元へと押し進める重要性を強調しました。チームはマーケティングを、売りポイントに焦点を当てた通常のカテゴリー、シーンを構築する空間プラン、そして美学を伝えるテーマストーリーの3つのレベルに分類しています。","team.publish.a.book.paragraph86":"ユーシーはインタラクティブゲームデザインの共有において、「軽量でありながら中毒性のある」デザイン哲学を深く解説しました。彼は明確に指摘しています：インタラクションとは単なる孤立した機能ではなく、「アクセス、閲覧、参加、獲得、購入」をつなぐ重要な体験の絆であると。","team.publish.a.book.paragraph87":"この目標を達成するため、タオティエンは全シナリオにわたるインタラクティブなシステムを構築しました。マーケティング上のインタラクションにより爆発的な注目を集め、日常的なインタラクションを通じてユーザーの習慣を育み、製品内でのインタラクションがチャンネル運営を強力にサポートします。また、ミニゲームエコシステムを通じてトラフィックの交換を実現しています。例えば、チェックイン機能を例にとると、明確な三層構造のロジックが設計されています——メインストーリーは核心的なパスに焦点を当て、タスクは行動の境界を広げ、サブストーリーは個々のシーンを満たすことで、張りと緩みのある適度な参加ペースを構築しています。","team.publish.a.book.paragraph84":"チームの戦略は経済環境に応じて柔軟に調整しています。2024年は消費縮小を踏まえ、「大看板」スタイルのデザインを採用し、「全品85％オフ」などの強力な特典を前面に押し出し、情報の効率性と感知スピードを重視しました。2025年には経済回復に伴い、「心を込めて、多彩な生活を」というテーマへとアップグレードし、AIやエコロジー機能を導入。ブランドの心象と感情的つながりへと転換していきます。","team.publish.a.book.paragraph85":"一貫して中心となる武器は「ビジュアルハンマー」です——例えば、独身の日メインビジュアルに登場する「猫の頭部＋発散する幾何学模様」というシンボルは、唯一性と多様なシーンへの適応性、そして明確な意味を持ちます。このシンボルは強・中・弱の3つの雰囲気バージョンに分解され、開画面の大画像から商品カードに至るまで、あらゆるシーンに柔軟に浸透します。複雑なシステムにおいても、統一感がありながらも柔軟なブランド表現を構築します。","home.award8Title":"IAIグローバルデザイン賞銀賞＆MUSEプラチナ賞","team.publish.a.book.paragraph82":"デザインの鍵は、意図の幅によって情報の整理方法が決まる点にあります。広い視野で行う質問には、視覚的手法やカテゴリーごとの集約を活用してインスピレーションを引き出し、一方、精度の高い検索では価格や仕様など核心的な意思決定要素を際立たせます。同時に、チームは色彩を用いて対話の役割を明確に区別し、ユーモラスなアニメーション効果を取り入れることで、待ち時間の不安を軽減します。これにより、従来見えなかったAIの「思考プロセス」を感覚的に体験できるようになり、技術の「ブラックボックス」を滑らかでワクワクするスマートな体験へと変えるのです。","team.publish.a.book.paragraph83":"Eコマースデザインの核心的な矛盾に正面から向き合う——「消費者が最初に目にするのは価格である。どうすればデザインが価格の感覚を損なわないようにできるか？」ジェイソンは、全フローチェーンにわたる統合的視点から、ユーザーが外部広告から決済完了に至るまでの各接点において、ブランドデザインが一貫した表現を保つことができるかを解説しました。ダブルイレブンのような超大規模なトラフィック環境では、デザインは雰囲気の演出と取引効率のバランスを取らなければなりません——核心となる情報を埋もれさせることなく、同時にブランドの温かみも伝える必要があります。","team.publish.a.book.paragraph91":"受講生のプロジェクトにおける卓越したパフォーマンスと革新的な成果を心から称えるため、本ワークショップでは特別な賞励制度を設け、最終審査後に選ばれた優秀作品に対して表彰および実物賞品を授与します。賞は計3つのレベルに分かれています：一等賞（2名）にはDJIジンバルカメラを、二等賞（3名）にはソニーの高品質ヘッドホンを、三等賞（4名）にはマーシャルのクラシックスピーカーを贈呈します。","research.design.demand.distribution.chart":"デザイン需要分布図","team.publish.a.book.paragraph92":"今回の賞品設定は、「デザインが価値を生み出し、イノベーションには称賛に値する」という明確な方向性を伝えることを目的とし、「学びを実践に活かし、創造により成果を上げる」ことを強化するためのカリキュラム激励策です。これらの賞品は、職人技と最先端技術を結集したものであり、受賞した学生たちが今後のデザインの道のりにおいても、絶え間ないインスピレーションを掴み、自らの声を届け、アイデアを記録し続けることを期待しています。","team.publish.a.book.paragraph90":"この変革を実現するため、チームは「マーケティングデザインの公式」を考案しました。形・色・質が生活の印象を担い、構造と構図が空間認識を翻訳し、要素ごとのシナリオが楽しいコンテンツを演出します。AIの力を活用することで、このクリエイティブシステムはさらに進化し、フルチェーンの「アクセラレーター」となりました。Loraモデルのトレーニングによりスタイル化された一括画像生成を実現し、「三フレーム法」を用いて滑らかな擬人化アニメーションを生成。また、「爆発的人気アイテム『放我家』」などの機能も導入し、ユーザーがワンクリックでリアルなシーンレンダリングを体験できるようにしました。AIは単なる補助ツールから、クリエイティブなパートナーかつ効率のエンジンへと進化しました。これによりデザイナーは反復作業から解放され、戦略的思考や感情豊かな創造に一層集中できるようになります。まさに「アイデアが形になり、体験が感じられ、効率が飛躍する」スマートマーケティングの新時代を実現したのです。","research.spacing.mapping.schema.excerpt":"スペースマッピングスキーマ（抜粋）","careers.internJob2Team":"タオティエングループ","research.color.mapping.schema.excerpt":"カラーマッピングスキーム（抜粋）","careers.socialJob7Location":"杭州","research.all.the.articles.name022":"チュー・ビン","team.publish.a.book.paragraph99":"映画『さよならケイティ』のメインポスターおよびストーリーのスチル写真","home.award5Desc":"HEYLIVE 海辺のファンハウス","research.all.the.articles.name021":"シャオ・ヤオ","research.all.the.articles.name024":"リュウ・メイシュアン","research.this.research.does.not":"この研究は、スタイルの最適化やローカライズされた効率向上にとどまりません。むしろ、タオバオのマーケティングデザインに、積み重ねられ、転用可能で検証可能な専門的な方法論的基盤を確立することを目指しています。私たちは、象徴的物語という核心的概念を提唱します。これは、普遍的な視覚記号を認知的拠点とし、構造化された表現を理解への道筋とし、意味内容と視覚形式との高度な統一性を最終的な基準とするアプローチです。このアプローチは、単なる新しさを追求するのではなく、認知上の翻訳コストを低減することを志向しています。また、視覚要素の蓄積を重視するのではなく、情報の有機的な統合に焦点を当てています。デザイナーの表現欲求に応えるのではなく、ユーザーの知覚的論理と行動フローに忠実であり続けます。","team.publish.a.book.paragraph97":"デザインプロジェクト3：紅包チェックイン","research.all.the.articles.name023":"ハン・シャオビン","team.publish.a.book.paragraph98":"タオティエンがデザインした映画の哲学、私たちが共に成長してきた映像アーカイブ","research.all.the.articles.name026":"ツェン・イーチェン","team.publish.a.book.paragraph95":"デザインプロジェクト1：ライブ配信ルームのリニューアル","research.all.the.articles.name025":"チェン・チャオ","team.publish.a.book.paragraph96":"デザインプロジェクト2：大会員","research.all.the.articles.name028":"チウ・ビンクン","team.publish.a.book.paragraph93":"授賞式は、今回のワークショップに儀式的な締めくくりをもたらすだけでなく、新たなスタートの象徴でもあります——受講生の皆さんがこの認定と期待を胸に、より広いデザインとビジネスの舞台で輝き続け、未来に影響を与えていくことを心から期待しています。","research.all.the.articles.name027":"マー・ユエンジー","team.publish.a.book.paragraph94":"学生作品","research.the.solution.design.agent":"ソリューション設計エージェントは、知識アウトラインファイルを入力として受け取ります。設計上の判断を行い、ページ構造、コンポーネントの種類とプロパティ、スタイル要素、インタラクションパターン、およびデータ／コンテンツ要件に関するアウトライン指示を生成します。その後、ソリューション設計スキーマ／アウトラインを出力し、次のエージェントへルーティングします。","research.icon.mapping.schema.excerpt":"アイコンマッピングスキーマ（抜粋）","research.all.the.articles.name020":"リュウ・チェンフアン","research.price.design.excerpt":"価格設計（抜粋）","careers.socialJob2Title":"ブランドマーケティングデザイナー—体験デザイン","research.price.mapping.schema.excerpt":"価格マッピングスキーマ（抜粋）","research.taobaoInteractiveGame.coinEmotionalExperienceDesign":"タオコイン：感情的な体験デザイン","banner.blowOrApplaud":"ちょっと吹いてみてください。","research.knowledge.modules":"知識モジュール","research.design.strategy.symbolic.narrative":"デザイン戦略：「象徴的物語」— 形が象徴となり、テキストが意味を成す","research.the.knowledge.retrieval.agent":"知識検索エージェントは、要件チェックリストファイルを入力として受け取ります。設計システム仕様ナレッジベースから該当するコンテンツをクエリし、フィルタリングして取得し、知識のアウトラインを出力します。つまり、チェックリストで参照されている知識項目を埋め込み、次なるエージェントへルーティングします。","research.layout.knowledge.is.divided":"レイアウトの知識は、グリッド、間隔、コンテナ、配置の4つのユニットに分けられ、これらがコンポーネント、アセット、ページの配置における基礎的な依存関係を形成します。セマンティックルール、コード実装、マッピングスキーマは、要素に対して定義されたものと同じテンプレートに従います。間隔を例として挙げると、下図はデザインアーティファクトがセマンティックルール、マッピングスキーマ、コード実装の3種類のファイル形式へと変換されるプロセスを示しています。","team.section.paragraph2":"VersionAI Tmallウェブサイトのページ構造は、デザインシステムの知識構造と整合しており、スタイル、ページ、およびそのサブアイテムである知識ユニットからなるツリー型のナビゲーションに分かれています。各知識ユニットページでは、ユーザーが人間向けルールとAI向けルールを切り替えられ、知識のスニペットをコピーまたはダウンロードすることも可能です。また、インターフェース生成の仕様を呼び出す方法をガイドするためのデプロイメントページも用意されています。","careers.socialJob9Team":"タオティエングループ","careers.socialJob13Title":"ユーザー研究スペシャリスト－顧客運営","research.all.the.articles.name_custom12":"ガオ・ワンシン","research.all.the.articles.name_custom13":"シー・ドゥオ","research.all.the.articles.name_custom10":"ヘイ・タン","research.all.the.articles.name_custom11":"ジー・ジン","research.when.mapped.to.the":"5つの主要な需要シナリオ——コアユーザーの利用体験、コンテンツ発見チャンネル、インタラクティブな製品、マーケティングイベント、BtoBエクスペリエンス——にマッピングした年間分析では、一貫したパターンが明らかになります。すなわち、コアユーザージャーニー、発見チャンネル、BtoBエクスペリエンスにおいて、モジュールレベルまたは単一ページレベルで既存コンポーネントを組み立てたり修正したりする設計作業が、全リクエストのほぼ48％を占めています。","careers.socialJob7Years":"1年","research.taobaoInteractiveGame.paragraph7":"若年層ユーザーのインサイトとプロフェッショナルなデザイン視点を基盤として、本研究はタオバオの既存のデザインコンベンションを超える多様な芸術表現と手法を体系的に明らかにし、それを凝縮していきます。タオバオのコアビジネスシーンにおいて応用的な探索と小規模な検証を通じて、さまざまなアートスタイルを定量的な実務成果に基づいて評価します。具体的には、そのビジネス適合性、導入ルート、スケーラビリティを測定・検証し、最終的に再利用可能なインタラクティブゲームアートスタイルアトラスのフレームワークを構築します。","research.taobaoInteractiveGame.paragraph8":"複数の事業を並行して展開し、製品の頻繁なリテラシーが進む中で、統一されたデザインシステムがもたらす安定性は同時に視覚的な均質化というリスクも伴います。ユーザーの新鮮さと成長の弾力性を維持するためには、制御された範囲内で強力に差別化された実験を実施し、効果的なアプローチを検証した上で、再利用可能な資産として定着させる必要があります。","research.taobaoInteractiveGame.paragraph9":"陶天の既存UIシステムの視覚言語や表現パラダイムに縛られることなく、本取り組みでは核心的なビジネスシナリオ（例えば、ババ農場、天猫農場、紅包めくり、猫を捕まえる紅包など）に焦点を当て、小規模かつ高度に差別化されたUIスタイルの探索と適用検証を実施します。これにより、再利用可能なUIスタイルのアセットと標準を抽出し、UIスタイルアトラスを構築していきます。","research.taobaoInteractiveGame.paragraph4":"優れたインタラクティブなゲームプレイの違いは、ほとんど「形式」そのものにあるのではなく、むしろメカニカルな構造と物語の演出がどのように組み合わされているかにあります。デザイナーが外部の参考情報を再利用可能な設計知識へと変換できるようになるためには、散在する事例を構造的かつ体系的な方法で整理し、実行可能で学びやすい知見へと抽出する必要があります。","research.design.system.specification.title11":"以下の各項目では、各種の知識オブジェクトについて詳しく説明します。","research.taobaoInteractiveGame.paragraph5":"このアプローチに基づき、研究では市場で実証済みの優れたインタラクティブゲーム事例をまとめ、Eコマースのシーンに比較的適したゲームタイプを選定して、今後の参考となるライブラリーを構築しています。各ゲームは、ソースと背景、体験の概要、メカニクス、世界観など複数の次元にわたって分析され、基礎的なタイプロジー図鑑を形成しています。この図鑑は、デザイナーがこれらの事例を発見し、体験し、学ぶことを支援するよう設計されています。現在の図鑑には100以上のゲームが収録されています。","research.design.system.specification.title10":"スキーマを基に設計システムの仕様に関する知識を再び照査し、Grep方式を用いて対応するコードベースを検索・取得します。実際の利用可能なコンポーネントの属性値、スタイル変数、リソースパスを整列させ、最終的なUIを生成します。","research.taobaoInteractiveGame.paragraph6":"コンテンツの均質化が一段と進み、美的疲労感が高まる中、若年層のユーザーは新しさや感情的な価値、スタイルの差別化に対してますます敏感になっています。既存の視覚的慣習にのみ頼り続けると、イノベーションの余地が狭まり、持続可能なスタイル資産や再利用可能なデザインシステムを構築することが難しくなります。","banner.rulerTryReconnect2":"研究の楽しさを感じる","home.award4Desc":"4枚目のカード","careers.socialJob11Years":"5年","careers.socialJob9Title":"上級ビジュアル体験デザイナー—手淘AI","home.joinUsBtn":"私たちに参加してください","home.award6Title":"ロンドン・デザイン・アワード ホワイト・プラチナ賞","awards.new.article3":"IAIグローバルデザイン賞銀賞＆MUSEプラチナ賞","research.source.files.for.icons":"アイコン用のソースファイル（抜粋）","awards.new.article2":"ベルリン・デザイン賞金賞プロジェクトのリンク","awards.new.article1":"MUSEプラチナ賞＆ベルリン・デザイン賞金賞","awards.new.article4":"IAIグローバルデザイン賞銀賞","home.bookFlipTitle":"私たちは信じています\n知識の価値","research.asset":"資産","research.economic.aesthetics.title":"経済的美学のデザインと応用","research.interactiveGame2025.intro.paragraph2":"本研究は中国美術学院との共同で実施されており、研究の専門的権威を高めるとともに、成果物の形式を多様化することを目的としています。これにより、内部での実践的価値と業界におけるベンチマーク的意義を兼ね備えた研究成果を生み出します。本研究では、タオバオのインタラクティブゲームの専門的発展と体験革新を体系的に支援していきます。具体的には、Eコマースにおけるインタラクティブゲームの市場動向を継続的に追跡し、新たなデザイン機会を掘り起こすことで、タオバオが体験設計において先見性を一層高め、業界の急速な成長の中でその核心的な競争力を強化することを目指しています。","research.how.it.works":"仕組みはこうです","home.award3Desc":"3枚目のカード","research.interactiveGame2025.intro.paragraph1":"2025年のEコマース・インタラクティブゲーム業界の発展における重要な節目を踏まえ、本研究は「インタラクティブゲームデザイン」を核心的な視点とし、ユーザー構造の変遷および行動習慣の移行に焦点を当て、インタラクティブ体験の方法論体系を体系的に解明します。さらに、若年層ユーザーの体験ニーズとトレンドを深く研究することで、インタラクティブゲームがユーザー成長を牽引するための実現可能な道筋を探求します。","research.taobaoInteractiveGame.babaFarmSurrealismArtStyleApplication":"ババ農場：シュルレアリスム芸術スタイルの応用","research.all.the.articles.paragraph100":"対比関係：主体と背景のコントラストは効果的にマッチしているべきであり、画面内の各要素間の対比関係も統一感を保つ必要があります。ハイコントラスト調とローコントラスト調は、画像の明暗部間の差の程度を調整することで全体のコントラスト感に影響を与えます。もし主体のコントラストが強い場合、背景のコントラストもそれに応じて強化されるべきです。主体と背景のコントラストの差が大きすぎると、明確な分断感が生じてしまいます。ハイコントラスト調は通常、強烈な白黒効果と結びつき、明るいハイライトと濃いシャドウによって強いコントラストを演出し、物体の形状やテクスチャを際立たせます。一方、ローコントラスト調は明暗の差を抑えることで、柔らかく自然な印象を生み出します。","careers.socialJob4Title":"体験デザイナー—BtoBプラットフォームのプロダクトデザイン","careers.socialJob8Team":"タオティエングループ（M&T）","research.all.the.articles.label3":"専門顧問","research.all.the.articles.label2":"製品責任者","research.all.the.articles.label1":"ナレッジベースの構築","research.copy.or.download.a":"知識スニペットをコピーまたはダウンロードする","research.all.the.articles.label7":"デザインメンバー","research.component.knowledge.is.composed":"コンポーネントの知識は、アバター、バッジ、アセットスロット、ボタン、コンテンツストリーム、カウントダウン、クーポン、フィルター、ビーコン、オンボーディングガイド、カルーセル、入力フィールド、メッセージ、フローティングウィンドウ、ダイアログ、価格、製品カード、プログレスバー、レッドパケット、セレクター、オーバーレイ、フローティングバー、スイッチ、タブバー、タブ、テキストストリーム、ツールチップ、バブル、トップバーなど、ビジネス上の意味的な単位から構成されています。これらのコンポーネントは、インターフェース生成に用いる重要な再利用可能なユニットとなります。コンポーネントの意味的ルールは、コンポーネント定義、スタイル構成、属性変数、コンポーネントの状態（インタラクションおよび視覚）、必須ルール、および機能的使用法から成ります。コード実装は、Reactベースの技術スタック内でコンポーネント構造（TSX）とコンポーネントスタイル（SCSS）として実現されます。既存のマッピングスキーマ構造を基盤としつつ、コンポーネントマッピングスキーマにはさらにプロパティスキーマ（props schema）が導入され、これはソリューション設計段階で生成されるページレベルのコンポーネント構造スキーマにおいて各コンポーネントが要求する属性に対応しています。価格コンポーネントを例にとると、下図はデザインアーティファクトが意味的ルール、マッピングスキーマ、コード実装という3種類のファイル形式へと変換されるプロセスを示しています。","research.all.the.articles.label6":"デザイン責任者","research.all.the.articles.label5":"デザイン","research.the.entire.interface.generation":"インターフェース生成プロセス全体は、追跡可能で再現可能かつ進化可能であり、その成果は継続的に進化するエンタープライズデザインシステムおよびコードベース内で依然として制御可能です。以下の各項では、2つの視点から詳細に解説します：デザインシステム仕様の知識の構築とマルチエージェントワークフローの設計です。","banner.micPleaseAllow":"あなたのブラウザで同意を選択してください。","research.all.the.articles.label4":"研究開発","research.price.code.implementation.excerpt":"価格コードの実装（抜粋）","research.all.the.articles.label9":"コンセプトビデオ","research.all.the.articles.label8":"ウェブサイトの設計と開発","team.section.paragraph":"Taobao Designは、世界中の数十億人の消費者の体験に貢献することを使命とするデザインチームです。私たちはユーザー体験をリードし、感情的に共感できるデザインを生み出し、コマースを美しくシンプルなものにします。","careers.internJob4Team":"タオティエングループ","research.official.website.introduction.label8":"技術関連サポート","research.all.the.articles.paragraph59":"トーンとは、物体が与える直感的な印象のことで、例えば色の冷暖や物の硬軟、素材の質感などが挙げられます。シーンのビジュアルスタイルは、商品のトーンと一致している必要があります。製品本体から背景シーンに至るまで、そこには人の主観的な判断や心理的暗示が込められています。商品画像のシーンは状況を演出し、消費者が自らの使用シーンを連想するきっかけを作ります。これにより、生活の質や外見イメージの向上に関する想像を喚起し、結果として製品への憧れを高め、購入意思決定を促進します。","research.all.the.articles.paragraph58":"調性","research.all.the.articles.paragraph57":"シーンの内容は商品に役立つものであり、空間の内容は商品の雰囲気と一致している必要があります。主に、コンテンツの一貫性と視覚的一致が重要です。商品画像の環境シーンは、商品の使用シーンを示す上で重要な役割を果たします。慎重に設計された背景を通じて、シーンは消費者が製品の用途を理解するのを助け、さらにその核心的な特徴や機能を際立たせます。全体として、適切な環境シーンは効果的に製品情報を伝達し、消費者が製品の機能や用途をより深く理解するのを促進することで、購入意思決定を後押しします。","research.all.the.articles.paragraph56":"画面テーマ関係","research.all.the.articles.paragraph55":"商品画像のシーンデザインにおいて、AI技術はこれまでにない便利さと創造性を私たちにもたらしています。シーンは、効果的に被写体を引き立て、ブランドイメージを強化し、感情的なつながりを生み出し、製品の使用情報を提供するなど、多様な役割を果たします。本節では、シーンの種類、選択基準、シーンの役割、シーンの配置順序および品質基準などの観点から、商品画像のシーン制作について分析していきます。","research.all.the.articles.paragraph54":"シーン","research.all.the.articles.paragraph53":"人種と年齢による比率：AIモデルの比率設計には一定の差別化が求められます。東洋と西洋のモデル間で人種を切り替える場合や、異なる年齢層間で切り替える場合には、体型の違いを考慮し、人物の雰囲気と商品との適合性を迅速に表現する必要があります。","research.all.the.articles.paragraph52":"全体的な比率：AIが生成した人間のモデルの頭身比は均整がとれ、四肢の比率も調和が取れていること（例えば、アジア人は通常7～7.5頭身、欧米人は通常8頭身）、自然で視覚的に魅力的な外観を呈し、人物の健康さと美しさを表現すること。","careers.socialJob1Title":"上級ユーザー研究スペシャリスト—マーチャントインサイト","research.all.the.articles.paragraph51":"比率：人物の身体の比率","research.all.the.articles.paragraph50":"AIが生成する人間の姿勢は、自然で快適かつ調和的であるべきであり、四肢が硬直しないよう注意し、人体工学の原理に従う必要があります。物体と相互作用する姿勢については、正しい力の関係を保つことが求められます。生成された人間モデルの姿勢においては、骨格と筋肉が合理的に密着していること、四肢の比率が自然であること、髪型の動きと身体の動きが一致していること、服の動きの幅が調和していることが重要です。","home.award1Title2":"レッドドットデザイン賞","home.award1Title1":"IFデザイン賞","research.element.mapping.schema.template":"要素マッピングスキーマテンプレート","careers.socialJob10Date":"2026年1月12日","home.award1Title3":"Appleデザイン賞","careers.socialJob6Years":"5年","research.icon.design":"アイコンデザイン","home.browseVideosTitle":"私たちは、楽しく働くことを追求します。","home.research3Title":"タオバオインタラクティブゲームのデザイン動向研究","research.taobaoInteractiveGame.members":"貢献者","research.taobaoInteractiveGame.artGraph":"インタラクティブ・ゲームアートスタイル・アトラス","research.all.the.articles.paragraph69":"関連のないコンテンツの侵入を回避する：AI生成画像には、商品と無関係な要素を排除し、観客の注意を分散させ、商品への注目を弱めないようにしてください。","research.all.the.articles.paragraph68":"主体の意図しない切り取りを避ける：AI生成画像では、商品の主体が常に画面内の適切な位置に配置されるよう注意し、不適切な位置による切り取りを防ぎます。","research.all.the.articles.paragraph67":"主体がフレームからはみ出して切り取られ、画面外の連想空間を失うことを避ける必要があります。AIによる商品画像生成時には、商品の主体となる内容が完全に保たれるよう優先的に配慮することが重要です。これは、主体が意図せず切り取られるのを防ぐだけでなく、不要なコンテンツによる干渉を排除し、主体要素が広範囲に遮られないようにすることも含みます。","research.all.the.articles.paragraph66":"シーンの雰囲気を表現する際の処理：全体的なシーンの雰囲気を伝えることが重要である場合、構図は人物モデルと環境を一体として保つ必要があります。このとき、商品は通常、シーンの一部として周囲の環境と調和し共生しながら、状況や物語を共に構築していきます。","footer.downloadFailed":"ダウンロード失敗","research.all.the.articles.paragraph65":"物の形状そのものを表現する際の処理：商品自体の形状的特徴を強調したい場合には、シーンを適宜トリミングすることができます。","research.all.the.articles.paragraph64":"構図が完全であることを確保し、むやみに切り取ることで情報が欠落しないようにしてください。製品そのものを表現するのか、それともシーンの雰囲気を伝えるのかを区別する必要があります。前者の場合には人物モデルを必要に応じて切り取っても構いませんが、後者の場合は人物モデルと環境の一体感を保つべきです。","banner.cameraTryTurnOn":"カメラを起動してみてください。","research.all.the.articles.paragraph63":"構図の完全性","careers.socialJob6Location":"杭州","research.all.the.articles.paragraph62":"人工知能が生成する商品画像の美的基準を構築するにあたり、商品写真の構図の完全性、主体性、および透視関係は、良質な商品画像を形成する重要な要素を共同で構成しています。これら三つが融合することで、複雑かつ精緻な視覚言語が生まれます。構図とは本質的に、自然に存在する混沌の中から内在的な秩序を探り出し、散らばった構図要素を理解しやすい全体へと整然と組織化することであり、画像の意図や感情を十分に伝える役割を果たします。この総合的な視覚戦略は、画像の美的品質を向上させるだけでなく、AIが生成する商品画像の市場における競争力を強化することにも寄与します。","research.all.the.articles.paragraph61":"構図","banner.rulerTryReconnect":"定規を再接続してみてください。","research.all.the.articles.paragraph60":"AIによる商品画像の生成プロセスでは、観る側の思考と認識に依存します。人間の潜在意識において、異なる事物にはそれぞれ異なる感情的傾向が備わっており、色彩の寒暖の変化は感情を喚起し、物体の形状や質感の変化もより深い隠喩を内包しています。選ばれた背景要素、形状や質感、環境の雰囲気は、ブランドの姿勢や主張を伝える役割を果たし、消費者に製品購入がもたらす幸福感や生活の質の向上を思い描かせます。同時に、画面の雰囲気を巧みに演出することで、商品画像自体の美的体験を高め、商業性と芸術性を融合させることで、販売促進と同時に消費者に美的な享受をもたらします。画像生成にあたっては、全体的な雰囲気を主導とし、商品本体に奉仕するよう心がけ、間接的な感情や雰囲気を通じて消費者のブランドに対する心理的共感を引き出しましょう。","careers.intern":"インターン募集","careers.internJob1Date":"2026年3月17日","careers.socialJob13Location":"杭州","research.machine.interpretable.design.system1":"デザインシステムの仕様に関する知識","research.all.the.articles.paragraph29":"ガイドラインは、適用場面やニーズに応じて変化し調整される可能性があるため、具体的な用途においてはより焦点を絞った効果的な対応が必要です。","research.all.the.articles.paragraph28":"質感","research.natural.and.expressive.motion":"{{bold}}自然で表現豊かな動き{{/bold}}——アニメーションが物語的な意味を伝え、視覚的活力を高めるよう、自然な論理に従ってモーションデザインを適切に適用しましょう。","research.all.the.articles.paragraph38":"没入型視点：臨場感あふれる360°の視野を提供し、お客様が製品を仮想的に囲み、さまざまな角度から閲覧できるようにします。このようなバーチャルな探索は、お客様の視覚体験を向上させ、より賢明な意思決定をサポートします。","research.immediate.structural.clarity.establish":"{{bold}}即時の構造的明確さ{{/bold}}— グラフィック記号とテキスト情報が効果的に統合され、理想的には統一された表現を形成する、明確でシンプルな視覚的構造を確立すること。","research.all.the.articles.paragraph37":"アングルの選択：AIによる画像生成では、製品の形状を多角的に捉えることが重要です。アングルは製品画像の印象に直接影響します。商品の特性を踏まえ、正面図や3/4パースペクティブ構図を多く採用するのが適切です。水平線は一般的に画面の中央またはやや下側に配置します。","home.award2Desc":"Tmallマルチモーダル商品表現システム","research.all.the.articles.paragraph36":"視点の選択：商品の展示と観賞の視点","research.all.the.articles.paragraph35":"再現度：商品本来の構造的表現を忠実に反映するものとし、形状構成、素材および色合いを含むべきです。環境要因の影響を受ける場合もありますが、自然な認識の論理に従い、商品本来の形態から逸脱してはなりません。視覚的忠実度と再現度の面では、AI生成による商品画像は、商品の外観、比率および細部の特徴を正確に表現する必要があります。さらに、商品そのものを高度に再現するだけでなく、画像はできるだけ高解像度を維持し、商品の細部まで精密に処理する必要があります。これにより、卓越した鮮明さで精緻な職人技のディテール、素材の質感、複雑なデザインの核心部分を捉え、商品の技術水準と視覚的魅力を存分に引き出すことができます。","research.all.the.articles.paragraph34":"商品の形状：商品の状態は、AI生成画像の品質を評価する上で核心的な要素です。生成されたAI商品の形状が完全であることを確実に保証し、欠陥や不適切な構造などの問題を回避する必要があります。また、切り抜きが正確であることも重要で、エッジの荒れや白っぽさ、紫縁などの現象を防ぐことで、生成された商品画像が顧客の期待に応えるものとなるよう努めます。","research.all.the.articles.paragraph33":"オブジェクト本体：商品の状態と真正性を表示します。","research.all.the.articles.paragraph32":"私たちがテキストや画像を入力としてモデルに送ると、拡散モデルはノイズ除去プロセスを通じて生成された結果を、元のデータの意味を拡張したと見なすことができます。このモデルは概念の類似性を保ちながら豊かなバリエーションを生み出すことができ、コンテンツ制作の技術的アプローチを広げるだけでなく、人的創作にかかる時間コストを大幅に削減します。そのため、AIGCによって生成される物体の形状について、一連の規範的な定義を確立する必要があります。また、Eコマースプラットフォーム（製品や人物モデルなど）で使用されるAIGC画像については、それに応じた生成美学の基準を策定し、デジタルと実体の融合という背景のもとでコンテンツ制作のパラダイム形成を促進していくべきです。","research.all.the.articles.paragraph31":"Eコマース分野では、人、商品、場といった要素が絶え間なく解体と再構築を繰り返しています。商品が潮のようにプラットフォームに流入する中で、膨大な量の商品画像処理ニーズが生まれています。こうしたニーズは規模が大きく、かつ急速に進化していくため、従来の画像制作・デザインプロセスでは対応しきれなくなっています。これほどの大量作業に対応するには、従来のプロセスは経済的コストが高いうえ、物理的なスペースなどの現実的な制約から拡張が難しいケースも少なくありません。撮影から画像補正、最終的な画像公開に至るまで、各工程の効率が比較的低く、Eコマースが求める迅速なイテレーションと高い効率性というビジネス要件に適応できていません。商品カテゴリーがますます拡充し、市場競争が激化するにつれて、これらの課題は一層顕著になり、技術革新を通じてより柔軟かつ経済的な大規模な商品画像処理を実現し、現代Eコマースの発展ニーズを支えることが急務となっています。そして、AIGC技術の進歩とその応用が徐々にこの課題を埋め始めています。AIは今やEコマースプラットフォームにおける画像制作プロセスとユーザーの利用習慣を根本から再編しつつあります。","research.all.the.articles.paragraph30":"物形-商品","research.taobaoInteractiveGam.topic":"研究テーマ","careers.socialJob7Team":"タオティエングループ（1688）","research.design.synthesis.output.excerpt":"デザイン合成出力（抜粋）","careers.socialJob9Location":"杭州","research.this.website.provides.two":"このウェブサイトでは、ユーザーがAIツール内でTmallデザイン仕様を呼び出すための2つの方法を提供しています。1つはMCPサーバー、もう1つはコンテキストインジェクションです。IDEツールでワンクリックでMCPサーバーを設定することで、システムは自動的にTmallデザインナレッジベースに依存します。MCPラップされたAPIは、ユーザーが自然言語で入力した指示に基づいて自動処理を行い、結果を返します。サポートされている機能には、検索やワークフローの実行（runWorkflow）などが含まれますが、これらに限定されません。また、ユーザーは特定のナレッジモジュールページで「コピー」または「ダウンロード」をクリックすることで、意味論的ルール、マッピングスキーマ、コード実装を含むスニペットパッケージを取得し、それを直接指示入力ボックスに貼り付けてローカルで編集・生成することも可能です。","research.all.the.articles.paragraph39":"商品状態：衣類のしわが適度で、商品の感触は調和があり豊かです。","research.all.the.articles.paragraph49":"姿勢：人物の肢体動作と立ち居振る舞い","research.all.the.articles.paragraph48":"視線の状態：目線がしっかりと焦点を合わせ、自然な表情を保ち、視線と身体の動きが調和しています。多様な顔立ちや表情は、製品画像に面白さと魅力を添え、さまざまな製品カテゴリーおよびターゲット層に適応します。こうした感情的なつながりは、顧客の認識や購入意思決定に影響を与え、共感を強化します。","research.all.the.articles.paragraph47":"表情管理：視覚的にはレンズの美学を演出し、生成された人間モデルの表情は伸びやかで自然であり、商品の雰囲気に合ったものにする必要があります。怒りや無表情などのネガティブな表情は避けましょう。","home.research7Title":"手淘ユーザー体験設計原則","research.all.the.articles.paragraph46":"レンズ：人物がレンズの前に見せる表情と目つきの状態","research.all.the.articles.paragraph45":"性別と人種的特徴：製品のスタイルと美学的定位に応じて、AIはターゲット層および文化背景に合った顔の特徴を生成する必要があります。異なる美学スタイルに対応し、人物モデルとシーンとの間に違和感が生じないようにすることが重要です。人物モデルの生成にあたっては、ターゲット層の肌色、髪質・髪型、顔の特徴などを考慮する必要があります。顔の特徴は性別の違いを反映するとともに、商品のスタイルと調和させることが求められ、非常識な性表現は避けるべきです。","research.all.the.articles.paragraph44":"比率と気質：顔の各部の比率は人体の解剖学的構造に合致し、その形態は自然でリアルであり、構造が調和している必要があります。これには顔の比率、骨格構造、表情などの細部が含まれます。全体として調和のとれた美しさを醸し出し、歪みや病的な印象を避けることが重要です。また、同一のモデルが異なるシーンに登場する場合でも、顔の特徴を一貫して保つ必要があります。これはAIによる画像生成において特に重視すべき点です。","research.all.the.articles.paragraph43":"五感：人物の外見を構成する5つの顔の特徴","research.all.the.articles.paragraph42":"物の形－人間の模範","research.all.the.articles.paragraph41":"アクセシビリティ設計：AIが生成した商品コンテンツは、選別と調整を経て、アルゴリズムが包括性の原則に従っていることを確認する必要があります。例えば、色覚異常や色盲のユーザーに対しても十分な色のコントラストを提供し、できるだけすべてのユーザーが簡単に商品情報を入手できるようにします。","research.all.the.articles.paragraph40":"商品と対象の適合性：AI生成画像は、製品の本来の状態を正確に反映する必要があります。服飾製品のしわは自然でなければならず、モデルが着用した際には体形にぴったりとフィットしている必要があります。また、ハンガー掛けの衣類については、かけ方が適切で、不自然な曲がりや変形が生じないようにしなければなりません。製品は環境や他のアイテムとの比率も調和していなければならず、ユーザーが正確にサイズを判断できるよう配慮し、消費者を誤解させないことが重要です。","research.all.the.articles.paragraph0010":"AIによる画像生成では、製品の形状を多角的に捉えることが重要です。アングルは製品画像の印象に直接影響します。商品の特性を踏まえ、正面図や3/4パースペクティブ構図を多く採用するのが適切です。水平線は一般的に画面の中央またはやや下側に配置します。","research.all.the.articles.paragraph0012":"臨場感あふれる360°の視点を提供し、お客様がバーチャルに製品を取り囲み、さまざまな角度から閲覧できるようにします。このようなバーチャルな探索は、お客様の視覚体験を向上させ、より賢明な意思決定をサポートします。商品状態：衣類のシワは適切で、商品の触感は調和がとれ、豊かさを感じられます。","research.all.the.articles.paragraph0011":"没入型視点：","research.all.the.articles.paragraph0014":"AI生成画像は、製品の本来の状態を正確に反映する必要があります。衣料品の場合、しわは自然なものでなければならず、モデルが着用した際には体形にぴったりとフィットしている必要があります。また、ハンガー掛けの衣類については、適切な吊り下げ方を採用し、不自然な曲がりや変形を防ぐ必要があります。製品と周囲の環境および他のアイテムとの比率が調和していることが重要であり、ユーザーが正確にサイズを判断できるよう配慮し、消費者を誤解させないようにしなければなりません。","research.all.the.articles.paragraph0013":"商品と対象の適合関係：","careers.socialJob8Title":"シニアエクスペリエンスデザイナー - 淘工場","research.all.the.articles.paragraph0016":"AIが生成した商品コンテンツは、アルゴリズムが包括性の原則に従っていることを確保するため、選別と調整を経る必要があります。例えば、色覚異常や色盲の方々に対して十分な色のコントラストを提供し、できるだけすべてのユーザーが容易に商品情報を入手できるように配慮します。","research.all.the.articles.paragraph0015":"バリアフリー設計：","research.all.the.articles.paragraph16":"映像ビデオ","research.all.the.articles.paragraph15":"部分静止フレーム","research.all.the.articles.paragraph14":"キャラクターの基本設定","research.strategy.breakdown.theme.content":"戦略の分解：テーマ、コンテンツ、形式はそれぞれ孤立して存在するべきではありません。テーマは核心となる意味を表し、コンテンツは情報の実質を構成し、形式は表現の方法を定めます。象徴的な物語表現とは、適切な視覚的シンボルを用いてテーマの意味内容をマッピングし、ユーザーに認知的枠組みを確立することを指します。まずユーザーがメッセージが何を表しているのかを理解することが重要であり、その後、補助的な情報によって詳細な理解を得ていくのです。","careers.internJob4Title":"AIGCデザイナー","research.all.the.articles.paragraph13":"本研究では、AIによる動的制作プロセス、表現の安定性、および商品とデジタルヒューマンを活用した動画クリエイティブなどの分野に焦点を当て、Eコマースシーンに適したAIによる動的映像デザイン手法を探究し、デザイン効率とユーザー体験を向上させます。また、中国美術学院との協力により、研究の専門性と業界への影響力を強化し、タオテンのAI動的デザイン能力が一層先進的な状態を維持できるよう推進していきます。","research.all.the.articles.paragraph12":"AI動的生産技術の急速な発展に伴い、ブランドとインターネットプラットフォームは、製品およびマーケティングコミュニケーションにおけるAIの活用を絶えず模索しています。これにより、ブランド認知度を向上させ、ビジネスモデルを革新しようとしています。ECデザインチームにとって、AIによる動的映像能力を構築することは、ECコンテンツの動画化というトレンドに対応するための重要な取り組みであると同時に、今後のECコンテンツのあり方を模索する上で欠かせない方向性でもあります。","research.all.the.articles.paragraph11":"プロジェクトの背景","research.all.the.articles.paragraph10":"「TAO」AIデジタル人間の動画研究","research.this.intuitive.information.expression":"この「直感的な情報表現」というデザインイニシアティブは、マーケティングデザインの現状について正直に振り返ることから始まりました。アプリ起動時にスプラッシュ画面がユーザーの目に瞬くように映り、インタラクション中にポップアップが突然表示され、ホームページの上部には宣伝用のヘッダーが絶え間なく商業的意図を帯びて掲載される——こうした状況において、私たちはもはや単に「デザインがあるかどうか」だけを問うことに満足できなくなりました。むしろ、より深い問いを立てています：ユーザーは一目で理解できるだろうか？直感的にメッセージを捉えることができるだろうか？自然と行動へと導かれることになるだろうか？","products.official.website.introduction.paragraph":"VersionAIのTmallウェブサイトのページ構造とデザインシステムのナビゲーションは、スタイル、ページ、およびそのサブ項目を含む知識ユニットのツリー構造に従っています。各知識ユニットページでは、人間が読むルールとAIが読むルールを切り替えられ、また、知識の断片をコピーまたはダウンロードする機能も備えています。さらに、この規範を呼び出してインターフェースを生成する方法をユーザーに案内するためのデプロイページも設けています。","research.spacing.semantic.rules.excerpt":"間隔の意味論的規則（抜粋）","careers.socialJob9Years":"3年","research.all.the.articles.paragraph0022":"AIによる画像生成の美学基準は、芸術、デザイン、ヒューマンコンピュータインタラクションなど複数の分野にまたがっています。以下では、Taobaoプラットフォームにおける画像生成の美学基準について、画像生成要素の品質および要素間の相互作用に基づく関係性に関する細部の基準を紹介します。これらの基準は、生成される画像の品質と魅力を確保するのに役立ちます。商品ごとの美学基準は以下の5つのカテゴリーに分けられます：1. 物体の形状 2. シーン 3. 構図 4. 光と影 5. 質感。基準は、具体的な利用シーンやニーズに応じて変化・調整される可能性がありますので、実際の活用にあたってはより的確な対応が求められます。","research.component.semantic.rule.template":"コンポーネントのセマンティックルールテンプレート（抜粋）","home.award1Desc":"タオバオビュー","research.all.the.articles.paragraph19":"AIが芸術、デザイン、文化の分野でますます広く活用されるに伴い、AI美学は注目を集める分野となっています。芸術創作におけるAIの活用は、AIGC時代に対する新たな理解を促しています。AI美学の基準とは、人間の創造性と機械学習アルゴリズムをどのように組み合わせることで、魅力的な知的体験を生み出せるかに関するものです。美学の基準では、作品が多様性と包摂性を反映しているかどうかに注意を払い、特定のグループに対する偏見や差別を避けることが求められます。また、作品がどのように感情を引き起こし、伝えるかにも配慮し、深みがあり心を動かす作品を生み出す必要があります。同時に、AIによって生成された作品に社会的・文化的価値観が反映されているか、そして倫理的基準を遵守しているかも検討する必要があります。","research.final.interface.code.generation":"最終的なインターフェースコード生成出力（抜粋）","research.all.the.articles.paragraph18":"美学的基準とは、作品の創作および鑑賞の過程において関与する要素や基準を指します。美学の分野では、美が客観的に存在する特性であるのか、それとも主観的な体験に基づく心理的感受性や感情表現の産物であるのかという議論が長年続いてきました。一部の美学理論は対称性と均衡の重要性を強調しますが、別の理論では非対称性や不規則な形態にこそ魅力があると主張しています。芸術と日常生活という観点から見ると、美学を芸術と日常生活を隔てる独立した領域と捉える考え方もありますが、逆に芸術と生活が密接に結びついていると主張する理論もあります。以上のことから、時代や文化によって美的基準は異なり、美に対する理解や表現方法も多様であり、そのため美学的基準もまた多様性と変化性を示すのです。","research.all.the.articles.paragraph17":"美学は、審美的活動の法則を研究する学問であり、美や芸術、そして審美的経験に関する哲学の一分野です。それは形而上的な探求と思索的色彩に富んでいます。美学の基準には、美的本質や美的基準、さらには作品の評価といった問題が含まれており、広くかつ深遠な領域です。","banner.punchedTapePlaceholder2":"クラシックなパンチカードを体験する","research.all.the.articles.paragraph0018":"衣類のしわが適切で、商品の触感は調和がとれ、ふくよかです。","research.all.the.articles.paragraph27":"光と影","research.all.the.articles.paragraph0017":"商品状態：","research.all.the.articles.paragraph26":"構図","research.all.the.articles.paragraph25":"シーン","research.all.the.articles.paragraph24":"物の形","research.the.intent.recognition.agent":"意図認識エージェントは、ユーザーのクエリ文字列を入力として受け取ります（例：「新製品のショッピングガイドチャンネルを生成する」）。そして、「要件の種類（既存モジュールの構成的再利用）、ページタイプ（ショッピングガイドページ）、情報構造（製品カード）、インタラクション制約（フィルタリング可能か否か）、コンテンツ要件（メリット／オファー情報）など」のような知識検索の要件チェックリストを出力し、それを次のエージェントにルーティングします。","research.all.the.articles.paragraph23":"商品に基づく美的基準は、5つのカテゴリーに分類されます。","research.all.the.articles.paragraph22":"AIによる画像生成の美学基準は、芸術、デザイン、ヒューマン・コンピュータ・インタラクションなど複数の分野にまたがっています。以下では、Taobaoプラットフォームにおける画像生成の美学基準について、画像生成要素の品質および要素相互間の影響を考慮した関係性に関する細部の基準を紹介します。これらの基準は、生成された画像の品質と魅力を確保するのに役立ちます。","careers.socialJob1Team":"タオティエングループ","research.all.the.articles.paragraph21":"AI商品美学基準","research.all.the.articles.paragraph20":"本研究は2024年に、タオテン・エクスペリエンスデザインと中国美術学院視覚伝達学院の鄭朝教授チームが共同でAI商品美学に関する研究を実施しました。プロジェクトは1年間にわたり行われ、第1期の大学と企業の協働を通じて効果的なAI商品美学の基準を提案しました。これは、淘宝プラットフォームにおけるAIの実際のEコマース分野での発展を導くことを目的とし、商業プラットフォームにおいて創造性と先導性を確保するとともに、人類の価値観や美的感覚に対して前向きかつ卓越した貢献を果たすことを目指しています。","research.taobaoInteractiveGam.paragraph3":"淘宝のEコマースインタラクティブゲームのタイプ学に基づき、現在の市場動向を踏まえながら、本研究はデザインの観点から専門的に分解・分析を行います。この研究は、ゲームプレイの種類、アートスタイル、UIデザイン、モーションエフェクトの4つの次元にわたってモジュール式の研究を展開し、一連の研究テーマを構築します。最終的には完成した研究論文へとまとめ上げます。","research.taobaoInteractiveGame.farmMapLevelDesign":"中地巴：アトラス＆レベルベースのデザイン","research.all.the.articles.new.label9":"タオティエンデザイン","careers.internJob1Location":"杭州","research.all.the.articles.new.label8":"自社設計","research.all.the.articles.new.label7":"Tmall販売者向けブランドマーケティングデザイン","research.all.the.articles.new.label6":"タオテンブランドとセラーのマーケティングデザイン","research.all.the.articles.new.label5":"マルチプラットフォーム・イノベーション体験デザイン","research.all.the.articles.new.label4":"提携校","research.all.the.articles.new.label3":"タオバオお買い得デザイン","research.all.the.articles.new.label2":"ユーザーとインタラクションデザイン","research.color.semantic.rules.excerpt":"色彩の意味的規則（抜粋）","research.this.substantial.volume.of":"この膨大な量の反復的かつ構造的に類似したデザイン作業には、自動化されたAI駆動型のデザイン生成手法が急務であり、これにより効率とアウトプット品質の両方を大幅に向上させることが求められています。","research.multi.agent.workflow":"マルチエージェントワークフロー","research.next.we.engineer.the":"次に、インターフェース設計と生成のためのワークフローを設計します。マルチエージェントによる上流から下流への協調プロセスとは、要するに各サブエージェントの定義と構成、およびそれらをつなぐロジックのことです。各エージェントには、上流からの入力、ベースモデル、メモリ、システムプロンプト（役割とタスク）、ナレッジベース（またはデータベース）、ツール（MCP、プラグイン）、そして下流への出力が含まれます。サブエージェントのプロンプトで参照されるアクセスパス、オブジェクト名、入出力契約が一貫性を持ち、整合性があるようにすることが極めて重要です。","research.taobaoInteractiveGame.caseStudies1":"インタラクティブゲームジャンルマップアプリ","research.taobaoInteractiveGame.conclusion":"結論","careers.socialJob2Years":"2年","careers.socialJob6Team":"タオティエングループ（1688）","research.economic.aesthetics.paragraph21":"レイアウトの原則","research.economic.aesthetics.paragraph22":"冷たいプラットフォームの権利メカニズムを、ユーザーが慣れ親しんだ感覚的な刺激と感情的な報酬へと転換することで、製品体験をユーザーが学習する必要のある機械ではなく、即時に楽しさと確実性をもたらす「おもちゃ」として捉えさせ、ユーザーのロイヤリティを高めるという目標を達成します。","awards.taobaoInteractiveGame.link2":"レッドドット・デザイン賞2025","research.economic.aesthetics.paragraph23":"モーションエフェクトの原則","awards.taobaoInteractiveGame.link3":"Appleデザイン賞2025","research.economic.aesthetics.paragraph24":"主体物＋色彩＋コピー＋レイアウト＋モーションエフェクト＝美学モデルの5要素。","research.economic.aesthetics.paragraph20":"核心は、重要な情報を抽出して強調し、視覚・聴覚・触覚など複数の感覚チャネルを活用して繰り返し情報を取り入れさせることで、豊富で多様なコンテンツを消費者に提供することです。","research.building.internal.design.consensus":"マーケティングシナリオにおける直感的な情報表現のための内部デザイン合意の構築","awards.taobaoInteractiveGame.link1":"IFデザインアワード2025をチェックする","research.economic.aesthetics.paragraph29":"02 街頭の美学","research.taobaoInteractiveGame.babaFarmFullSceneMotionDesignExcerpt":"ババ農場：シュルレアリスム芸術スタイルの応用","research.economic.aesthetics.paragraph26":"5つの要素に基づく多様なデザイン手法を組み合わせて活用することで、小さな街の人々の好みにぴったりと合った美的スタイルを実現できます。","footer.contactXiaohongshu":"シャオホンシュ","research.economic.aesthetics.paragraph27":"01 スーパー促進","research.economic.aesthetics.paragraph28":"スーパーマーケットは、小さな街の住民にとって毎日欠かせない生活の場です。スーパーに存在する要素を抽出し再設計することで、人々が慣れ親しんだシーンをリアルに再現し、感情的な共感を呼び起こします。","research.economic.aesthetics.paragraph10":"小城街道の概要","research.economic.aesthetics.paragraph11":"思索的で抽象的な追求を過度にせず、機能の直接的な表現と美しい寓意を重視し、生活感あふれる生動的な比喩を好んで用いる。言語体系の統一性を追求せず、伝統的なトーテム、ネットスラング、歇後語、政府のスローガンなどが同じ対話場面に登場する。","research.economic.aesthetics.paragraph12":"生活における文章の種類の概要","research.economic.aesthetics.paragraph13":"生活環境の色を色彩の基盤とし、純度と明度を調整することで、スクリーンカラーの肉眼による再現性を確保します。色彩の情緒的認識を継承し、オンライン環境においてその応用を拡張していきます。","careers.internJob3Date":"2026年3月17日","research.element":"要素","awards.tmall.products.title1":"Tmallマルチモーダル商品表現システム","awards.tmall.products.title3":"Tmallのマルチモーダル商品表現システムは2022年、IFデザイン賞—ユーザーエクスペリエンスデザイン部門を受賞しました。","awards.tmall.products.title2":"Tmallのマルチモーダル商品表現システムがIFデザイン賞を受賞しました。","research.regardless.of.whether.a":"デザインシステムがオープンソースであるか、ツールにすべての機能が備わっているかにかかわらず、現在、どの企業のデザインチームも同じ重要な課題に直面しています：デザインツールや大規模なモデルと連携できる、AIに優しいデザイン知識体系を明確にし、構築することです。","careers.internJob2Years":"インターンシップ","footer.copySuccess":"コピーが成功しました","careers.socialJob2Team":"タオティエングループ","awards.tmall.products.title9":"ニャーマックス #財宝アロマ# ミューズ金賞","research.economic.aesthetics.paragraph18":"抽象的な価格やパラメーターを、ユーザーが慣れ親しんだ日常的な概念（時間、食べ物、動作、少額の消費）に置き換えることで、意思決定のハードルを下げます。","awards.tmall.products.title8":"MUSEプラチナ賞プロジェクトリンク","research.economic.aesthetics.paragraph19":"コピー記述の原則","awards.tmall.products.title5":"マルチモーダル製品プレゼンテーションシステム 設計の要点","research.economic.aesthetics.paragraph14":"小さな街の美学配色システム","awards.tmall.products.title4":"IFデザインアワード2022を表示する","research.economic.aesthetics.paragraph15":"色彩の感情配分","awards.tmall.products.title7":"猫超幸運バケツMUSEプラチナ賞","research.economic.aesthetics.paragraph16":"できるだけ実際の商品を採用し、リアルな消費シーンを模擬することで、ユーザーの連想を促し、距離感を縮め、行動記憶を活性化します。","awards.tmall.products.title6":"本プロジェクトは、アリババグループのEコマースプラットフォームを基盤とし、オンラインショッピング体験の向上を目的とした製品マトリックスです。数百万に及ぶ多様な商品特性の表現ニーズを解決することを目標としています。消費者の利用習慣やTmallの先端技術に関する長年の蓄積を活かし、臨場感あふれるスマートなオンライン購入体験をご提供します。消費者は商品と直接インタラクションできるほか、AIを活用して迅速に動的なコンテンツを生成することも可能です。これにより、消費者は自宅にいながらもより包括的に商品を体験できるようになります。","research.economic.aesthetics.paragraph17":"グラフィック＆テクスチャの原則","footer.download":"ダウンロード","research.switch.to.ai.facing":"AI対応ルールに切り替えます","research.all.the.articles.name_custom9":"ハオ・ジオン","research.all.the.articles.name_custom6":"ユイ・ウェン","research.all.the.articles.name_custom5":"コン・ミン","research.all.the.articles.name_custom8":"ウェン・チー","research.all.the.articles.name_custom7":"シェン・コング","research.all.the.articles.name_custom2":"フー・ラー","research.all.the.articles.name_custom1":"ル・イエ","research.all.the.articles.name_custom4":"イエ・リー","research.all.the.articles.name_custom3":"ジー・リー","research.asset.knowledge.consists.of":"アセット知識は、画像、アイコン、ロゴ、タグなどのユニットから構成され、ページコンテンツの作成にあたっての主要な素材源となります。アセットに関するセマンティックルールには、アセットの定義、属性変数、必須ルール、および機能的使用方法が含まれます。アセットの種類によっては、コード実装が必要になる場合と必要ない場合があります。例えば、アイコンはコード実装を必要としますが、画像は通常必要ありません。このような場合、実装はソースアセットファイル（例：SVGやPNG）の形式を取り、命名規則はセマンティックルールで定められたものと一致させます。アセットに対するマッピングスキーマは、要素に用いられるものと同じテンプレートに従います。アイコンを例として挙げると、下図はデザインアーティファクトをセマンティックルール、マッピングスキーマ、コード実装の3つのファイルタイプへ変換するプロセスを示しています。","research.symbolization.translating.the.core":"{{bold}}シンボライゼーション{{/bold}}：マーケティング情報の核心的な意味合いを、普遍的に認識可能な記号やイメージを用いて具体的な視覚表現に翻訳すること。","banner.clearAll":"すべてクリアする","awards.taobaoInteractiveGame.paragraph2":"Taobao Visionは、包括的なショッピング機能を提供する一方で、Apple Vision Proの特長である空間コンピューティング、共有空間、3Dコンテンツ、および目と手の追跡によるインタラクションをフルに活用し、ユーザーにより直感的で没入感があり、広がりのある、心躍るショッピング体験を提供します。同時に、数万のブランドが自社の商品やコンテンツ、ストーリーをミックスドリアリティ空間を通じてユーザーの実際の家庭に届けることを支援しています。","awards.taobaoInteractiveGame.paragraph1":"タオバオVisionの体験設計は2025年にApple Design Awardのインタラクション部門を受賞しました。その後、IFデザインアワードのユーザーエクスペリエンスデザイン部門およびレッドドットデザイン賞のインターフェース＆ユーザーエクスペリエンスデザイン部門でも相次いで受賞しました。","footer.allRightsReserved":"著作権所有","home.research4Title":"AI美学","research.the.complete.generation.pipeline":"完全な生成パイプラインは以下のとおり進行します。1. {{bold}} ユーザーが自然言語で要件を入力します。{{/bold}} 2. {{bold}} 要求は意図認識エージェントに渡され、{{/bold}}曖昧な入力をシステムが解釈可能な設計意図に拡張し、構造化された要件記述を出力します。これにより、その後の意思決定に明確な境界条件が提供されます。3. {{bold}} 次に、知識検索エージェントに処理が移行し、{{/bold}}リトリーバル・オーグメンテッド・ジェネレーション（RAG）を用いて、現在の意図に基づき、外部から取得したデザインシステム仕様知識から関連性の高い文脈情報を選択的に検索します。4. {{bold}} 次に、設計合成エージェントが{{/bold}}定義された境界条件内で動作し、検索された仕様文脈を評価・組み合わせ・インスタンス化することで、中間的な構造化データアウトライン（スキーマ*）を生成します。このスキーマはページ構造、コンポーネント、スタイル、コンテンツを明示的に記述し、完全に構造化された設計ソリューションを形成します。5. {{bold}} 最後に、コード生成エージェントが{{/bold}}スキーマに基づいてデザインシステム仕様知識を再照会し、grepベースの検索を用いて対応するコードベースアーティファクトを特定・呼び出します。生産環境向けのコンポーネントプロパティ、スタイル変数、リソースパスと整合させることで、最終的なUIを生成します。","research.minimal.necessary.hierarchy.reduce":"{{bold}}最小限の必要階層{{/bold}}——情報の階層を必要最低限に抑えます。認知負荷を軽減するため、タイポグラフィーのスケーリングやセグメンテーション、階層構造の過度な使用を避けます。","careers.internJob1Desc":"設計チームのAIデザインプラットフォームの構築・維持を担当し、設計知識、ワークフロー、AI機能を統合することで、設計チームの生産効率、品質の一貫性、知識の再利用率を継続的に向上させます。設計システムのインテリジェンス化の核心的構築者として、「設計」、「エンジニアリング」、「AIデザインツール」の3分野をつなぎ、チームにおけるAIの実装可能性、イテレーション能力、管理可能性を確保します。独自に設計インテリジェンスシステムを構築・最適化でき、アーキテクチャおよびワークフローの仕組みを理解しています。設計インテリジェンスシステムのアーキテクチャの進化とクロスプラットフォームなワークフローの統合を主導します。全チーム向けのインテリジェンスデザインプラットフォームを構築し、スケールアップによるエンパワーメントを実現します。インテリジェンスシステムの構築を担当し、チームのデザインエージェント（Design Agent）のアーキテクチャを構築・維持します。知識体系とRAGのメンテナンスを担当し、デザインナレッジベース（Design Knowledge Base）の構築と進化を推進します。ワークフローのインテリジェンス化とツールの統合、およびデザインエージェントの性能モニタリング・評価を担当します。","careers.social":"社会採用","research.generated.interface.preview":"生成されたインターフェースのプレビュー","products.design.specifications.new.paragraph08":"Eコマースデザインの核心的な矛盾に正面から向き合う——「消費者が最初に目にするのは価格である。どうすればデザインが価格の感覚を損なわないようにできるのか？」ジェイソンは、サプライチェーン全体を統合した視点から、ユーザーが外部広告から決済完了に至るまでのあらゆる接点において、ブランドデザインが一貫した表現を保つ方法を解説しました。ダブルイレブンのような超大規模なトラフィック環境では、デザインは雰囲気の演出と取引効率のバランスを取らなければなりません——核心となる情報を埋もれさせることなく、同時にブランドの温かみも伝える必要があります。チームの戦略は経済環境に応じて柔軟に調整されています。2024年は消費縮小に直面し、「大看板」スタイルのデザインを採用し、「全商品85％オフ」などの具体的な特典を前面に押し出し、情報の効率性と感知スピードを重視しました。一方、2025年は経済回復に伴い、「心を込めて、多彩な生活を」というテーマへとアップグレードし、AIやエコシステムの機能を積極的に取り入れ、ブランドの心と感情のつながりを重視する方向へと転換しました。","careers.socialJob12Team":"タオティエングループ","products.design.specifications.new.paragraph09":"ユーシー氏はインタラクティブゲームのデザイン共有において、「軽量でありながら中毒性のある」デザイン哲学を深く解説しました。彼は明確に指摘しています：インタラクションとは単なる孤立した機能ではなく、「アクセス、閲覧、参加、獲得、購入」という重要な体験をつなぐ鍵となる要素であると。この目標を実現するため、タオティエンは全シナリオをカバーするインタラクティブシステムを構築しました。マーケティング上のインタラクションは爆発的な注目を集め、日常的なインタラクションはユーザーの習慣を育み、製品内インタラクションはチャンネル運営を強化し、ミニゲームエコシステムはトラフィックの交換を実現します。例えば、サインインプロダクトを例に取ると、そのデザインには明確な三層のロジックが見られます——メインストーリーは核心的なパスに焦点を当て、ミッションは行動の境界を広げ、サブストーリーは個々のシーンを満たすことで、張りと緩みのある適度な参加リズムを構築しています。","research.versionai.tmall.is.an":"VersionAI Tmallは、AIを重視したデザイン仕様のウェブサイトです。上記で説明したすべてのデザイン知識が収録されており、ユーザーがTmallのデザイン仕様に準拠したユーザーインターフェースを生成したり、デザインレビューを実施したり、質疑応答に対応したりするのを支援します。このサイトのページ構造は、デザインシステムの知識構造と整合しており、スタイル、ケース、およびそれらのサブユニットの知識モジュールからなるツリー型ナビゲーションで整理されています。各知識モジュールのページでは、人間向けのルールとAI向けのルールを切り替えられ、知識スニペットのコピーまたはダウンロードも可能です。また、デプロイメントページでは、仕様を呼び出してインターフェースを生成する方法についてユーザーをガイドします。ブログセクションでは、プロジェクトの重要な学びをまとめています。本記事に加えて、「AI協働型ホームページコンセプト動画」および「AI協働型ウェブサイト設計・開発」の2つの実践例も掲載されています。","products.design.specifications.new.paragraph02":"2025年12月9日、鄭朝教授は学生たちを率い、淘天グループと共同で取り組んできた「AIによる画像生成の美学基準」に関する研究テーマを振り返りました。これは単なる技術の適応にとどまるものではなく、「美は定義できるのか、機械は美を理解できるのか」という哲学的な考察でした。「AIGC時代において、ECプラットフォームにおける『美』とは一体何を意味するのか？」と鄭朝教授は振り返りの中で問いかけました。","products.design.specifications.new.paragraph03":"研究チームは機械的な画像ラベリングをやめ、AIが学習できる美的論理体系の構築へと転換しました——色彩構成、要素間の関係、視覚的物語に至るまで、主観的な審美を反復可能なアルゴリズム言語へと変換したのです。この事前準備は単なるプロジェクトの振り返りにとどまらず、心構えの転換でもあります：「学習者」から「予備役のビジネスデザイナー」へ、独自の作品づくりからビジネスチェーンの重要な一環へと進化するのです。","products.design.specifications.new.paragraph01":"3週間にわたる没頭型研修では、受講生が「発見と定義、探索と設計、深化と提供」という段階を順次経験し、デザイン思考の明示化と認知の再構築プロセスを完了します。私たちは、現実のビジネス上の制約下での「問題の定式化」能力を重視し、受講生がユーザー体験、行動論理、インタラクション分析などの手法を駆使して、データの表面に隠された深いレベルのユーザーのマインドモデルや行動動機を捉えるよう導きます。ワークショップの核心は、受講生がインタラクションのパラダイムや視覚伝達に熟練するだけでなく、プラットフォーム経済学、消費心理、ゲームデザイン、ソーシャルメディアの拡散メカニズムについても理解することを求めることにあります。","products.design.specifications.new.paragraph06":"「ユーザー、リンク、ノード」という三次元のフレームワークを提案し、デザインを単なるインターフェースの美観向上から、システム全体の体験構築へと高めます。この方法論は常に「ユーザーが何を求めているか」を原点とし、エントリーポイントの分析を通じて期待されるニーズを洞察し、それに基づいてページ表示を動的に計画することを重視しています。ユーザーの明確なナビゲーションルートを踏まえた上で、一貫性がありスムーズなメインタスクを整理し、ハッピーバッグやガイドなどのサブタスクも適度に設計します。同時に、各ノードにおける情報アーキテクチャの合理的な配置を確保します。実践においては、競合他社の分析、体験レビュー、世論調査を通じて体験上の課題を深く診断することを推奨し、「分析→戦略→表現」というプロセスを堅持することで、デザインの革新が常にユーザーの習慣とビジネス上の合意を尊重した上で成り立つよう努めています。優れたデザインとは、最終的にリンクの合理性と論理的な厳密さに表れ、単なる視覚的表面に留まるものではありません。","research.page":"ページ","products.design.specifications.new.paragraph07":"暁氷はブランドマーケティングデザインの共有において、デザインの核心は「学生思考」から「ビジネス思考」へと転換することにあると指摘しました。つまり、個人の美的感覚を中心にした表現から、製品とユーザーを視点としたコミュニケーションへとシフトすることです。ビジネスデザインとは単なる視覚的表現にとどまるものではなく、ユーザーとの持続的な双方向の対話であり、その目的はデザインを通じてユーザーの行動を効果的に促し、明確なビジネス目標を達成することにあります。実際の運用においては、デザイナーが迅速なイテレーションとリアルタイムの検証能力を備えることが求められます。「ダブルイレブン」のような大規模なプロモーションプロジェクトでは、ブランド戦略、視覚伝達、メディア配信からデータフィードバックまで、一連のプロセスを完璧なクローズドループで構築し、各段階が徹底的に「ユーザーがどのように感じ、どのように行動するか」を軸として展開されるよう確保することが重要です。こうしてこそ、デザインがビジネスシステムの中で真に機能し得るのです。","research.all.the.articles.paragraph99":"色彩の傾向と彩度は統一され、画面内の色彩が調和よく呼応し、雑多な組み合わせを避ける必要があります。AIを用いたEC商品画像の美的表現において、色調の整合性は対比関係、明暗関係、寒暖関係など、多角的な視点から総合的に検討する必要があります。各次元における色彩の関係が均等かつ調和的でなければ、画像は真実感と訴求力を欠くことになります。","products.design.specifications.new.paragraph04":"チーヴィは、デザインの進化の歴史的視点から、デザインと技術が相互に支え合いながら持続的に発展してきた共生関係を明らかにします——ゼロックスの先駆的な取り組みから、アップルやマイクロソフトへの進化、さらには地元の金山やテンセントが最初に専門的なデザインチームを結成したことに至るまで、インターネットデザインは「インターフェースの美観化」から徐々に体系的で専門的な軌道へと歩みを進めました。製品の複雑化と均質化が進むにつれ、デザインの核心は「視覚的競争力」から「体験の決定性」へと移り変わりました——ユーザーが多様な選択肢を持つ時代において、体験そのものが重要な差別化要因となっています。そして、注意が細分化する環境に直面し、「いかにシンプルで明快、直感的な方法で情報を伝えるか」という課題は、デザイナーにとって絶え間ないテーマとなっています。","research.all.the.articles.paragraph98":"色調関係：画面の色彩基調の一貫性","products.design.specifications.new.paragraph05":"タオテンの多様なビジネスシーンにおいて、この理念は具体的な実践へと転換されています。ライブ配信では専門的なマインドを構築し、会員制度では高級感を醸成し、双方向のコミュニケーションにはゲーム要素を盛り込んだストーリーテリングを導入しています。チーウェイは一貫して、デザインの本質はユーザーの不安を理解し解消することであり、ビジネス目標と体験価値の間でバランスを見出すことだと強調しています。「消費者がプラットフォームにアクセスするのは、単にデザインを鑑賞するためではなく、コンテンツを得るためなのです。」これはデザイン思考の成熟であると同時に、ビジネス知恵の蓄積でもあります。","research.all.the.articles.paragraph97":"屋外照明：屋外照明を活用する際、異なる光源の照明効果により、商品がECプラットフォーム上で多様な雰囲気を演出できます。また、照明の色調、角度、投影との適切な関係にも注意を払い、自然でリアルな画像表現を実現することが重要です。","research.all.the.articles.paragraph96":"屋外の月明かり：夜の月明かりはやさしく、控えめな冷色調を演出し、シーン内の硬い影を和らげます。このような柔らかく静かな光は、商品に上品で神秘的な美しさを添えます。","research.spacing.design.excerpt":"スペースデザイン（抜粋）","research.all.the.articles.paragraph95":"屋外の雪天：雪が降る環境では、光が製品表面に均一に当たるため、柔らかく均一な照明効果が得られます。このとき、画像内の製品表面にできる硬い影が減少し、細部やテクスチャが際立って見えます。例えば、クリスマスギフト商品を雪景色の中で展示すると、より一層祝祭感が演出されます。","research.all.the.articles.paragraph94":"屋外の雨天時：雨天環境下では、風景が一層澄み渡り、色彩がより鮮やかに映えるため、製品に清々しく生き生きとした視覚効果を演出できます。この際、路面に溜まった水が映し出す反射を考慮し、それが被写体と調和した鏡像となるよう工夫することが重要です。例えば、保湿マスクなどの製品は、雨天時の反射を活用することで、潤いのある視覚効果を強化することができます。","research.all.the.articles.paragraph93":"屋外の曇り空：曇り空の環境では、光が均一でやわらかく、商品表面のコントラストを抑え、製品の色合いや質感を忠実に表現します。このような光のもとでの陰影の関係は、心地よく自然な視覚体験をもたらし、親しみやすさに満ちています。","research.all.the.articles.paragraph92":"室内の照明：室内の光の強さは通常、伝播距離が増すにつれて弱まります。室内の光は主に人工照明や窓からの自然光、あるいはその両者の組み合わせから得られ、比較的柔らかく、強い影を生じにくいです。そのため、室内シーンのAI生成画像には硬すぎる影が現れないよう注意が必要です。また、灯具の種類や照明色によって異なる雰囲気が演出され、影の色は照明色と調和し、周囲の反射光とも呼応する必要があります。","research.all.the.articles.paragraph91":"陰影フィードバック／光と影の整合性：画面内の陰影の方向は光源の方向と一致し、陰影の面積は物体の面積と適切にマッチしている必要があります。また、各物体の受光と背光の関係も統一されている必要があります。","research.all.the.articles.paragraph90":"画面全体の光源を統一し、主光と副光の配置を合理的に整える必要があります。明るく柔らかな自然光を多用することが望ましいです。光の感覚の調和は、画像のリアリティを高める重要な要素です。光の方向、物体の影、環境からの反射光など、多くの要素は互いに密接に関連しています。物体とシーンの光と影の要素が調和し、矛盾した光と影の関係を避けることで初めて、十分な訴求力を備えたプロダクト画像を生成できます。","footer.scanWithWeChat":"WeChatでQRコードをスキャンしてください。","careers.socialJob3Team":"タオティエングループ","awards.tmall.products.title15":"プロジェクト展示","research.configure.the.tmall.design":"IDEでTmall-Design MCPを設定する","awards.tmall.products.title16":"デザインプロジェクトの説明：","awards.tmall.products.title17":"Tmall Xiaohēiheと2024年アナヤ・シャーミー音楽祭がコラボレーションした「HEYLIVE海辺のファンハウス」プロジェクトでは、シーンを活用したマーケティング戦略を通じて、ブランドを音楽祭の文化シーンに溶け込ませました。メインビジュアルであるTmall Xiaohēiheのキューブ型デザインは「スポットライト光源」に解釈され、輝くステージとグラデーションの海岸線を再現。これにより、ブランドと若年層ユーザーとの感情的なつながりを築きました。また、本プロジェクトではデロンギ、ハイアールなど5大ブランドのリソースを統合し、オンラインとオフラインを連動させた立体的なマーケティングマトリックスを構築。これにより、ブランド露出、ユーザー誘導、文化的共感という多角的な目標を実現しました。","footer.scanToFollow":"QRコードをスキャンしてフォローする","footer.contactEmail":"メールアドレス","awards.tmall.products.title10":"MUSE金賞プロジェクトリンク","awards.tmall.products.title11":"Tmall Xiaohēi hé × Xiami Music Festival 「HEYLIVE 海辺の音楽ファンの家」プロジェクトがイタリアA'Design Award 国際デザイン賞金賞を受賞しました。","app.check":"success","awards.tmall.products.title12":"賞のロゴ","awards.tmall.products.title13":"受賞証書、トロフィー","awards.tmall.products.title14":"受賞情報の照会","research.spacing.code.implementation":"スペーシングコードの実装","careers.socialJob5Title":"体験設計の専門家—Xianyu","products.design.specifications.paragraph18":"千牛デザインシステムコンポーネントのプレビュー","products.design.specifications.paragraph17":"このシステムは、「実用的で効率を高める」という設計思想を核とし、BtoBビジネス管理システムの本質に立ち戻ることを重視しています。情報フレームワークにおいては、極限まで明確で直感的なデザインを追求し、商家が「何であるか」と「どうやって行うか」を一目で理解できるようにすることで、理解にかかるコストを低減します。ビジュアルスタイルについては、主張を前面に出しすぎず、適切かつ自然な印象を与えるよう心がけ、控えめでシンプルな色彩や抽象的なシンボルを用いることで、認知上の混乱を引き起こす可能性のある視覚要素を排除します。また、インタラクションロジックにおいては、シンプルかつ迅速な操作を追求し、最短の動線を通じて商家の頻繁な操作や切り替えをサポートします。","products.design.specifications.paragraph19":"Tmallデザインシステム規範","footer.contactTitle":"連絡する","products.design.specifications.paragraph14":"Taobaoシステムコンポーネントのプレビュー","products.design.specifications.paragraph13":"タオバオのデザインはユーザーを最優先に考え、製品機能を控えめかつ厳密に設計しています。また、システム全体を複雑で包括的に構想することで、ユーザーにシンプルで使いやすく、楽しい製品体験を提供することを目指しています。デザイナー、プロダクトマネージャー、開発者らが共有する共通言語を活用し、タオバオのアプリケーションにおいて極限まで配慮された製品体験を維持しています。","products.design.specifications.paragraph16":"千牛マーチャントデザイン（Qianniu Design）は、千牛マーチャントワークステーション専用に設計されたデザインシステムです。効率を核とし、頻繁かつ複雑な業務シーンに対応し、核心となるデータとタスクを効率的に伝達することで、マーチャントの日常的な経営および店舗管理における核心的なニーズを満たします。","products.design.specifications.paragraph15":"千牛デザインシステム規格","careers.socialJob11Location":"北京／上海","products.design.specifications.paragraph10":"ビジョン：スマート生産の新たなパラダイムを定義する","products.design.specifications.paragraph12":"Taobao Designは、Taobaoアプリ専用に設計されたデザインシステムです。Taobao Designの仕組みは、共通のデザイン言語を構築することを目的としており、Taobao全体の製品体験を確保するとともに、さまざまな役割を持つ人々が協力してシンプルで親しみやすいビジネスエコシステムを構築できるよう支援します。","products.design.specifications.paragraph11":"タオバオデザインシステム規範","research.all.the.articles.name_new10":"ドン・ワンリー","research.all.the.articles.name_new02":"ワン・ヨン","careers.internJob2Date":"2026年3月17日","research.all.the.articles.name_new01":"コウ・カイラー","research.all.the.articles.paragraph79":"透視関係","research.all.the.articles.name_new06":"チョウ・ジョウ","research.all.the.articles.paragraph78":"例えば、人物モデルと画面の端との間には適度な余白を確保し、合理的な余白の取り方により画面が混雑するのを避け、呼吸感を高め、全体の構図をよりバランスよく自然に見せます。構図の主体と画面の端との間に適切な距離を保つことで、人物モデルと商品との調和を維持するとともに、画面の視覚的魅力と美しさを向上させます。","research.all.the.articles.name_new07":"ワン・イエン","research.all.the.articles.paragraph77":"人物モデルを画面の中心に配置する場合、構図を通じて人物モデルの比率と位置を効果的に商品に引き立たせることがポイントです。人物モデルを画面中央に配置することで、観る人の視線を直接引きつけ、その焦点となる位置を強調できるだけでなく、観る人が画像を眺める際に自然と中心部に注目するという視覚的な習慣にも合致します。","research.all.the.articles.name_new04":"リュウ・シャン","research.all.the.articles.paragraph76":"視覚的習慣に合ったレイアウトとは、構図が人間の視覚認識の法則と美的嗜好に従うことを重視し、古典的な構図原則を用いて自然で心地よい視覚効果を生み出すものです。黄金分割と三分法は、構図において最も古典的で広く用いられる基準であり、その持続的な生命力は、人間が持つ視覚的バランスと調和への本能的な認識に根ざしています。例えば、黄金分割の法則では、重要な視覚要素を画面の特定の分割点—通常は画面の端に近い位置—に配置することを推奨します。このようなレイアウトは、観る者の注目を引き付けるだけでなく、視覚的にバランス感とダイナミックな効果を生み出します。","research.all.the.articles.name_new05":"ヤン・ハオジオン","research.all.the.articles.paragraph75":"本基準は、構図を通じて商品の主体性を確実に際立たせる方法に注目しています。主体性の核心は、商品を画面の中心に配置し、視覚的要素を有機的に組み合わせることで、その商品が画面の焦点としての特性を強化することにあります。","research.all.the.articles.paragraph74":"主体性","research.all.the.articles.paragraph73":"画面全体のバランスと調和：視覚的動線を設計する際には、画面全体のバランスと調和にも配慮する必要があります。すべての要素の配置は、視覚的な誘導に役立つだけでなく、構図の内なる調和も保つべきです。","research.all.the.articles.name_new08":"ウェン・ユーハン","research.all.the.articles.paragraph72":"視線空間の配慮：画像に人物が登場し、明確な目線表現が含まれる場合、視線の方向を広げることが特に重要です。人物の視線の先には十分な余裕を設け、画面のダイナミズムを高めるとともに、視覚的な流れを誘導する必要があります。","research.all.the.articles.name_new09":"リュウ・ズージュン","research.all.the.articles.paragraph71":"線や形状、光の使い方：線や形状を合理的に配置することで、観る人の視線を誘導する道筋を作り出し、自然と商品へと注意を向けさせることができます。これらの視覚要素は、スムーズな視覚ガイドシステムとして整理され、最終的には商品そのものに焦点を当てることが求められます。","research.design.method.literal.visualization":"デザイン手法：文字通りの視覚化","research.all.the.articles.paragraph70":"人形モデルに目線の表現を施す場合は、視線の延長感に注意し、人形が向いている側に適度な余裕空間を確保する必要があります。","careers.internJob1Title":"AIエンジニアデザイナー","research.economic.aesthetics.paragraph32":"民俗は小さな街に住む人々の精神的な拠り所であり、民俗の美しい祝いとその载体を通じて、この集団のアイデンティティを獲得します。","research.economic.aesthetics.paragraph33":"美的感覚には高低はなく、下層市場にも美学への追求があります。食べ物や衣類、日用品から建築や内装に至るまで、小さな町の人々の審美眼も時代とともに移り変わります。日常生活からインスピレーションを汲み取り、野生的なデザインの真髄を抽出することで、製品に温かみを添え、小さな商品が大きな価値を放つようにします。デザインは絶え間なく進化し、経済と美学の融合もなお継続してアップデートされています……","research.economic.aesthetics.paragraph30":"小さな街の通りに無造作に貼られた小さな広告は、その街の人々の生き生きとした生活を映し出しています。その形式感を抽出し、独特な小さな街ならではのワイルドでミックスされた美学を構築します。","research.economic.aesthetics.paragraph31":"03 民俗の意図を伝える","products.design.specifications.paragraph21":"このシステムは、「ホワイトペーパー」の設計思想を核とし、まるで白いキャンバスから内容が躍り出たかのような感覚を重視しています。プロセスと構造を簡素化することで、あらゆる干渉や混乱を引き起こす要素を排除しています。","products.design.specifications.paragraph20":"Tmall Designは、Tmallショッピングアプリ専用に設計されたデザインシステムであり、デザインコンセプト、原則、スタイル、コンポーネント、アセットを網羅しています。その体験目標は、コンテンツを核とし、タスク操作を簡素化し、情報を効率的に伝達すること、そして極限までシンプルなデザインスタイルを実現することで、製品の位置付けとターゲットユーザーのニーズに応えることです。","research.versionai.tmall":"バージョンAI Tmall","products.design.specifications.paragraph22":"Tmallシステムコンポーネントのプレビュー","research.all.the.articles.paragraph89":"光源の関係：画面内の各物体の光源の統一性","banner.cameraMoveBody":"体を動かしてみてください。","research.all.the.articles.paragraph88":"露出の統一：コアとなる主体コンテンツの露出度は一貫して保つべきです。異なるシーンに適応することも、製品画像の露出調整におけるもう一つのポイントです。製品シリーズ全体の画像において露出レベルを統一することで、ブランドイメージを確立し、ユーザーが製品をより容易に識別・記憶できるようになり、結果としてブランド全体の整合性を強化することができます。","research.all.the.articles.paragraph87":"全体的な露出：アンダーエクスポージャーの画像は暗くなり、物体の形状認識に影響を及ぼします。オーバーエクスポージャーの画像は白っぽくなり、細部が失われます。一般的には明るめの露出レベルを好む傾向があります。製品画像においては、背景の露出コントロールも同様に重要です。露出を調整することで、製品と背景とのコントラストをよりうまくコントロールでき、特に製品と背景の色が近い場合、製品を際立たせ、目立たせるために非常に重要です。","research.all.the.articles.paragraph86":"露出の主体：画像の主体となる内容を露出の基準とし、露出の合理性に重点を置く必要があります。AIを活用したEC商品画像の美術において、商品の表現は単なる外観だけにとどまらず、露出度を細かく調整することでさまざまなディテールを際立たせることが重要です。適切な露出により、商品表面のテクスチャーや素材、色を強調でき、潜在的な購入者が商品の細部を明確に見ることができるため、購買意欲を高めることができます。","research.all.the.articles.paragraph85":"露出度：画面の明るさと暗さの程度および露出の一貫性","research.element.knowledge.is.divided":"要素の知識は、{{bold}}色、タイポグラフィ、角丸半径、モーション{{/bold}}という4つの不可約な単位に分けられ、これらがすべてのデザインスタイルの基盤的依存関係となります。その意味論的ルールは、要素定義、スタイル構成、属性変数（デザイントークン）、必須ルール、および機能的使用方法から成ります。コード実装はグローバルスタイル（SCSS）の形式をとります。これらのスタイルは、デザインアートファクトから自動的に再構築され、デザインソフトウェアのMCPサービスへの呼び出しを通じてIDEツールによりコードとして生成されます。マッピングスキーマは、ID記号、意味論（名前、定義、説明を含む）、ルール参照、実装参照、および制約（使用シナリオ、必須禁止事項、その他の制限など）から構成されます。このスキーマは、スキーマベースのプロンプトルールに従ってAIによって自動生成されます\\*。","research.all.the.articles.paragraph84":"光と影","careers.socialJob13Team":"タオティエングループ（淘宝プラットフォーム）","research.all.the.articles.paragraph83":"被写界深度の演出：AIがEC画像を生成する際、被写界深度の制御は構図において重要な要素の一つです。これはカメラの焦点距離と絞り設定を模倣することで被写界深度を調整し、背景をぼかす効果を実現します。これにより商品が視覚的に際立ち、画面の焦点となるのです。AIがEC商品画像を生成する際には、焦点距離、絞り、被写体との距離を正確にコントロールし、手前と奥のボケ具合を適切に配置する必要があります。こうすることで、商業的な基準を満たしつつも芸術的価値を備えた画像を出力することが可能になります。このような処理を通じて、AIは専門性と視覚的魅力を兼ね備えた商品画像を創造し、商品のプレゼンテーション効果を効果的に向上させることができます。","research.all.the.articles.paragraph82":"空間透視：空間透視は、AI生成のEC画像において重要な視覚的要素の一つであり、人物モデル、製品、および空間構造の間で一貫した透視関係を保つことが求められます。正しい透視関係により、人物モデルと製品の空間内での位置やサイズが環境と調和するようになります。","research.design.synthesis.agent.configuration":"設計合成エージェントの構成（抜粋）","research.all.the.articles.paragraph81":"光と影の処理はもう一つの重要な要素であり、商品の形状や質感の表現に直接影響を及ぼします。異なる照明効果（例えば片側からの照明による陰影）をシミュレートすることで、製品の立体感を強化できます。正確な光と影のシミュレーションは、商品をより生き生きと見せるとともに、画面に豊かな階調と質感を与えます。","careers.master":"修士","research.all.the.articles.paragraph80":"AIがEコマース商品画像の透視図法を生成する際の核心的な課題は、どのようにして二次元の平面に効果的に三次元空間感を再現するかにあります。この課題には、視覚芸術における数多くの基本原理が関与しており、特に透視図法、光と影の処理、被写界深度の制御が重要です。透視図法は視覚芸術において長い歴史を持ち、線や形状の配置を通じて視覚的な奥行きや距離感を模倣します。AIが商品画像を生成する際には、消失点と透視線を構築することで、商品が遠くへと伸びていくような視覚効果を生み出すことができます。この手法は、商品の立体感を強化するだけでなく、画面に深みやダイナミックな表現をもたらすことも可能です。"},"de_DE":{"home.research5Title":"Ökonomische Ästhetik: Gestaltung und Anwendung","products.aiagent.new.title":"Aufruf und Ausführung der eigenentwickelten Skill-Bibliothek des Teams","careers.socialJob4Team":"Taotian-Gruppe","careers.socialJob4Years":"3 Jahre","research.all.the.articles.paragraph001":"Objekt-Phänomen:","research.all.the.articles.paragraph005":"Wiedergabegrad:","careers.internJob3Desc":"Einblicke in Nutzerverhalten und -feedback gewinnen sowie die Gestaltungsformen und Entwicklungsansätze vergleichbarer Produkte, insbesondere KI-Produkte, analysieren; Produkt-Erlebnisgestaltung für verschiedene Geschäftsbereiche übernehmen; strategische und gestalterische Lösungen spezifisch auf die jeweiligen Anforderungen abstimmen und liefern; interne KI-gestalterische Kompetenzen aufbauen; diverse Design-Wissensdokumente verfassen, darunter – aber nicht ausschließlich – Normen, die der KI-Kognition entsprechen, sowie Wissen über von Modellen erkennbare Inhalte.","research.all.the.articles.paragraph004":"Der Zustand des Produkts ist der Kern bei der Bewertung der Qualität von KI-generierten Bildern. Es muss gewährleistet sein, dass die generierten Produktformen vollständig und fehlerfrei sind und keine Mängel oder unangemessene Strukturen aufweisen. Gleichzeitig sollte die Ausschneidung präzise erfolgen, um Phänomene wie raue Kanten, weißliche Bereiche oder violette Randeffekte zu vermeiden und sicherzustellen, dass die generierten Produktbilder den Erwartungen der Kunden entsprechen.","research.all.the.articles.paragraph003":"Produktform:","research.all.the.articles.paragraph002":"Darstellung des Zustands und der Echtheit von Produkten. Die auf der Ontologie des Produktobjekts basierenden ästhetischen Bewertungskriterien für KI-generierte Produktbilder decken hauptsächlich zwei Ebenen ab – die Formgestaltung des Produkts und den Wiedergabegrad.","research.all.the.articles.paragraph009":"Winkelwahl:","research.all.the.articles.paragraph008":"Warenpräsentation und Betrachtungswinkel.","research.all.the.articles.paragraph007":"Auswahlwinkel:","research.all.the.articles.paragraph006":"Die Darstellung sollte die tatsächliche Struktur des Produkts widerspiegeln, einschließlich Formgebung, Material und Farbe. Sie kann von Umweltfaktoren beeinflusst werden, muss jedoch der natürlichen Wahrnehmungslogik entsprechen und darf nicht von der ursprünglichen Form des Produkts abweichen. In Bezug auf visuelle Treue und Wiedergabetreue müssen KI-generierte Produktbilder das Aussehen, die Proportionen und die detaillierten Merkmale des Produkts präzise wiedergeben. Darüber hinaus sollten die Bilder, neben einer möglichst originalgetreuen Abbildung des Produkts, möglichst in hoher Auflösung gehalten und mit großer Sorgfalt an den Produktdetails bearbeitet werden, um mit herausragender Schärfe feinste handwerkliche Details, Materialstrukturen und komplexe Designelemente einzufangen und somit das handwerkliche Können sowie die visuelle Attraktivität des Produkts vollständig zur Geltung zu bringen.","team.intro.text":"Das Design-Team von Taobao ist ein Design-Team, das sich der Erfahrung von Hunderten Millionen Verbrauchern weltweit widmet und zahlreiche national bekannte Produkte wie Taobao und Tmall betreut. Wir setzen uns dafür ein, Nutzererfahrungen maßgeblich zu prägen, möchten mit unserem Design Herzen berühren und Geschäftsaktivitäten schön und einfach gestalten.","careers.internJob3Location":"Hangzhou","research.economic.aesthetics.title9":"Entwurfsmethoden präzisieren","research.economic.aesthetics.paragraph9":"Glauben Sie fest daran, dass Vielfalt das Leben bereichert: Die Ladenbeschriftungen fügen sich nahtlos aneinander, und benachbarte Geschäfte bilden eine durchgängige Informationswand. Leerstellen zu lassen wäre Verschwendung – erst das Ausfüllen schafft Sicherheit. Dieselbe Botschaft taucht wiederholt auf in Bodenaufklebern, Standplakaten, Ladenschildern, Banner- sowie sogar in Lautsprecherwerbung – ein Mehrkanal-Ansatz, der sie verstärkt. Schlüsselinformationen sind deutlich größer als alle anderen Texte und nehmen bewusst den Mittelpunkt des Layouts ein.","research.economic.aesthetics.title7":"Plattenart | Funktionalität vorrangig, hohe Dichte, starker Kontrast","research.economic.aesthetics.title8":"Text | Unverblümt und bildhaft, Mischung aus Dialekten, «Aberglaube»-Ideologie","research.structural.translation.of.design":"Strukturelle Übersetzung von Wissen zur Spezifikation des Designsystems","products.design.specifications.paragraph3":"Seine Funktionen decken zentrale Szenarien ab, darunter dialogbasierte Bildgenerierung, Batch-Generierung, Skalierung in mehreren Größen, Wiederverwendung von Vorlagen und Stilen, präzise Bildbearbeitung und -optimierung, geschäftsspezifische Generierung sowie API-gesteuerte Aufrufe. Es unterstützt eine effiziente Umsetzung von Einzelbildideen bis hin zur Produktion von Materialien im Tausend-Scale.","research.economic.aesthetics.paragraph7":"Der aktuelle Zustand der gemischten Materialien in kleinen Städten ist das Ergebnis einer gemeinsamen Wechselwirkung von Ressourcen, Wahrnehmung und Nachfrage. Glatt versus rau, reflektierend versus matt, digital versus handwerklich – in diesem scheinbar chaotischen Stil offenbart sich gerade eine besondere soziale Lebendigkeit und Vitalität. Es wird nicht übermäßig nach «harmonischer Perfektion» gestrebt, sondern vielmehr nach «praktischer, lebendiger Schönheit». Die Vorliebe der Bewohner kleiner Städte für alles «Goldglänzende» entspricht im Kern einem pragmatischen Idealismus. Da die Straßen der Kreisstädte allgemein durch einen chaotischen, grauen Hintergrund geprägt sind, kann die hochgesättigte, metallisch glänzende Textur augenblicklich die Aufmerksamkeit der Passanten auf sich ziehen; zudem suggerieren goldglänzende Fassaden, dass die Geschäfte seriös und vertrauenswürdig sind. Menschen, die Zeiten des materiellen Mangels erlebt haben, benötigen besonders stark diese goldglänzende Qualität – sie stellen damit eine psychologische Verankerung in Fülle und Wohlstand dar.","products.design.specifications.paragraph2":"Taotian AI Designer ist ein integriertes KI-gestütztes visuelles Design-Intelligenzwerkzeug und -Produktionsplattform, das speziell für die E-Commerce-Geschäfts- und Designteams von Taotian entwickelt wurde. Auf Basis der auf der Plattform gesammelten Designkompetenzen, geschäftlichen Erfahrungen und großangelegter Bildgenerierungsworkflows unterstützt es Designer und Operatoren bei der Durchführung der gesamten visuellen Produktionskette – von der Ideengenerierung bis zur massenhaften Bereitstellung.","research.economic.aesthetics.paragraph8":"Realität der Straßen einer kleinen Stadt","products.design.specifications.paragraph5":"Von „Bild generieren“ zu „Design generieren“","research.economic.aesthetics.paragraph5":"Aus Sicht der Produktverpackung – sei es, dass in früheren Zeiten die knappe Verfügbarkeit von Produktionsmaterialien dazu führte, transparente Fenster zu verwenden, um den tatsächlichen Zustand der Ware vollständig sichtbar zu machen, oder sei es, dass die gesteigerte Druckgenauigkeit bei Verpackungen zu hochwertigen Abbildungen der Produkte geführt hat – all dies zieht Nutzer direkt über das Produkt selbst an. Aus Sicht der Straßenwerbung ermöglicht es handgefertigte Schilder und wild gezeichnete Grafiken, Inhalte verständlicher zu gestalten, was die Nähe zum Nutzer erleichtert und gleichzeitig niedrige Kosten sowie flexible Anpassungen ermöglicht. Aus kultureller Perspektive betrachtet werden traditionelle Glückssymbole (Glück, Reichtum, Koi-Karpfen) häufig in Alltagssituationen eingesetzt (auf Stoffen, Aufklebern, Fliesen, Produktformen usw.) und verwandeln sich so in dekorative Glücksbringer.","products.design.specifications.paragraph4":"Herausforderung: Hohe Frequenz, große Datenmengen und Unkontrollierbarkeit im E-Commerce-Design.","research.economic.aesthetics.paragraph6":"Wildes Grafikdesign","team.section.title":"Dies ist Taotian Design.","research.economic.aesthetics.paragraph3":"In Kreisstädten und kleinen Städten werden öffentliche visuelle Elemente wie Schilder und Wandmalereien häufig mit hochgesättigten Farbkombinationen aus Rot, Gelb, Blau und Gold (manchmal ergänzt durch Grün oder Weiß) gestaltet. Hinter diesem Phänomen stecken sowohl materielle und technische Beschränkungen als auch kulturelle-psychologische Motive sowie Überlegungen zur Effizienz der Verbreitung. Dabei spielen vor allem vier Aspekte eine Rolle: 1. Die Rohstoff- und Baukosten sind äußerst niedrig: Inländisches PVC-Sprühdruckmaterial, einfarbige Druckfarben, Verkehrsengineering-Grade-Folien sowie lokal erhältliche «schnelltrocknende und sonnenbeständige» Industrielacke sind preisgünstig und erfordern keine Farbmischung; 2. Hohe Erkennbarkeit bedeutet hohe Verbreitungseffizienz: Unter komplexen Lichtverhältnissen verleihen hochgesättigte Grundfarben die stärkste visuelle Durchdringungskraft – sei es bei Tageslicht, in dämmrigen Nachtumgebungen oder bei chaotischen Hintergründen; 3. Die begrenzten handwerklichen Fähigkeiten und die Verwendung von Schablonen führen dazu, dass die Ausführung möglichst einfach gehalten wird, was wiederum zu einer ästhetischen Angleichung der Ergebnisse führt; 4. Die Farben tragen bereits einen «Vertrauensbonus» in sich und vermitteln unbewusst Gefühle von Feierlichkeit, Helligkeit, Traditionalität und Zuverlässigkeit, wodurch die Entscheidungskosten für Verbraucher gesenkt werden.","research.economic.aesthetics.paragraph4":"Farben der Lebensumgebung","research.economic.aesthetics.paragraph1":"Die allgemeine Bevölkerung in chinesischen Kreisstädten und kleinen Städten, die nicht zu den erst- oder zweitklassigen Städten gehören, spiegelt den realen Alltag der meisten Menschen wider. Die Umgebung, in der sie leben, die alltäglichen Anliegen, die von ihnen berührten Angelegenheiten und die Konsumgüter, die sie nutzen, weisen typische, allgemeine Merkmale jener Städte auf, die nicht zu den erstklassigen Städten zählen – und unterscheiden sich somit naturgemäß hinsichtlich Konsumverhalten und Aufmerksamkeit von Nutzern aus erstklassigen Städten. Die Studie zeigt, dass die ästhetischen Präferenzen dieser Zielgruppe im täglichen Leben ebenfalls durch eine Mischung aus Vielfalt, Praktikabilität und menschlicher Emotionalität geprägt sind. Dass die Literatur aus Kreisstädten große Aufmerksamkeit findet, liegt zum Teil daran, dass sie enge Verbindungen zu unseren eigenen Wachstums- und Lebenserfahrungen aufweist und dadurch Empathie hervorruft. Aus der Perspektive echter Lebenserfahrener analysieren wir häufige Gestaltungsmerkmale in physischen Lebenskonsumumgebungen – etwa in Bezug auf Farbe, Grafik, Schrift, Textur und Typografie – und leiten daraus ökonomisch-ästhetische Charakteristika sowie gestalterische Mittel ab. Diese Erkenntnisse setzen wir anschließend in Online-E-Commerce-Produktangeboten und Markenmarketing-Szenarien ein, um bei den Nutzern emotionale Resonanz zu erzeugen, die Plattformbindung zu stärken und ein differenziertes Markenimage zu fördern.","research.economic.aesthetics.paragraph2":"Wenn man erkennt, dass die Zielgruppe bei lebensnotwendigen Gütern bestimmte Vorstellungen und Erwartungen hat, sollte das Erlebnis genau diese Vorstellungen von wirtschaftlicher Zweckmäßigkeit und Rückkehr zu einem authentischen Lebensstil widerspiegeln. Es gilt, selbst kleinste Preisunterschiede, auf die die Gruppe großen Wert legt, realistisch abzubilden – um den Menschen echte kleine Vorteile zu bieten und ihnen Freude zu bereiten. Dabei soll die Literatur des täglichen Marktes, mit all seinen lebendigen Details, interpretiert werden; kreative Gestaltungsmöglichkeiten sollen es ermöglichen, Nutzenwerte aus niedrigen Preisen herauszuholen. Das Design kann die Schönheit gewöhnlicher materieller Dinge in ihrer Bedeutung für die Lebensqualität zum Ausdruck bringen und gleichzeitig praktische Anwendungsszenarien durch clevere Ideen verbessern oder erlebbar machen. Hinter der ökonomischen Ästhetik «kleiner Preis – großer Wert» verbirgt sich der psychologische Wunsch der Nutzer nach einem guten Preis-Leistungs-Verhältnis. Das Design sucht nach konkreten, vielfältigen Mitteln, die sich ganz auf den «Kernwertfokus» ausrichten.","careers.socialJob13Date":"2026.01.05","careers.internJob2Title":"KI-Kreativkünstler","research.ai.friendly.semantic.rules":"KI-freundliche semantische Regeln","careers.bachelor":"Bachelor","research.there.is.now.a":"Auf dem Markt gibt es inzwischen eine breite Palette von auf KI basierenden Lösungen zur Generierung von Benutzeroberflächen. Aufstrebende KI- und IDE-Tools (V0, Stitch, Cursor usw.) stützen sich auf Grundlagenmodelle, die Entwicklungskenntnisse internalisieren und anschließend auf Open-Source-Komponentenbibliotheken zugreifen (Tailwind, Shadcn, AntD, M3 usw.). Gleichzeitig generieren agentenbasierte Designsoftware-Lösungen (wie Figma Make und Mastergo Agent) gleichzeitig Oberflächen und Code anhand der Komponentenbibliotheken, die innerhalb der Designtools selbst erstellt und gepflegt werden.","research.economic.aesthetics.title2":"Hintergrundinformationen","research.economic.aesthetics.title5":"Grafik | Eine bildhafte Darstellung, die nach schönen Bedeutungen strebt","research.economic.aesthetics.title6":"Textur | Pragmatischer Collage-Stil, der nach Glanz und Strahlkraft strebt","research.economic.aesthetics.title3":"Lebensumfeldforschung","research.economic.aesthetics.title4":"Farbe | Den ursprünglichen Farben des Materials folgen, selbst emotionale Stimmungen auslösen","home.product1Title":"Tao Tian KI-Designer","research.building.internal.enterprise.design":"Aufbau eines internen Unternehmensdesign-Wikis für AIGUI","research.note.design.tokens.for":"Hinweis: Design-Token für Elemente und Layouts müssen nach klaren Standards, eindeutiger Semantik und konsistenter Struktur aufgebaut sein. Sie folgen in der Regel einer schichtweisen Abfolge von Wert → primitiver Eigenschaftsnamensgebung → semantischer Namensgebung → Regelnbeschreibung.","careers.socialJob12Desc":"Verantwortlich für das Experience-Design von Produkten, die mit dem Betrieb und der Ausstrahlung von Taobao-Live-Streamern verbunden sind; sorgt dafür, dass die Produkte benutzerfreundlich, skalierbar und von hoher Designqualität sind. Übernimmt die gesamte Verantwortung von der Geschäftsanbindung über Strategieentwicklung, Designkonzeption, Lösungsausarbeitung und Umsetzung bis hin zur Datenerfassung; ist in der Lage, Informationsarchitektur zu strukturieren, den Stil festzulegen, visuelle Schnittstellen zu erstellen und Komponentenstandards zu definieren. Verfügt über ein umfassendes Verständnis und Urteilsvermögen hinsichtlich des Geschäfts; kann gemeinsam mit Teams aus den Bereichen Business, Nutzerforschung und Entwicklung sowie weiteren nachgelagerten und vorgelagerten Abteilungen Designchancen identifizieren und durch tiefgreifende Co-Creation Mehrwert schaffen.","awards.new.article01":"Hauptinteraktion zum Double 11 2024 – MUSE-Platin-Auszeichnung & Berliner Design-Preis-Goldmedaille","awards.new.article02":"Frühlingsfest 2025 – Hauptinteraktion: Silbermedaille des IAI Global Design Award & Platin-Auszeichnung des MUSE","awards.new.article03":"2025 618 Hauptinteraktion – Silberauszeichnung des IAI Global Design Award","research.layout":"Layout","research.taobaoInteractiveGame.taoCoinPopArtStyleApplication":"Tao Coin: Anwendung im Pop-Art-Stil","research.color.design.excerpt":"Farbgestaltung (Auszug)","careers.socialJob5Team":"Taotian Group (Xianyu)","research.versionAI.tmall":"Einführung von VersionAI im Tmall-Geschäft","careers.socialJob13Years":"5 Jahre","research.in.taobao.s.marketing":"In den Marketing-Designszenarien von Taobao zeichnet sich die Nutzerreise durch frühe Einstiegspunkte und starke zyklische Muster aus, die hohe Anforderungen an sowohl die Leitfähigkeit der Informationsdarstellung als auch die Direktheit der Informationsübermittlung stellen. Aus geschäftlicher Sicht zeichnen sich diese Szenarien durch eine breite Abdeckung, stark wiederkehrende Anforderungen und miteinander verflochtene Kontexte aus. Historisch gesehen wurde der Marketingausdruck jedoch nicht systematisch untersucht oder als grundlegende Designdisziplin etabliert. Eine vorläufige Beobachtung zeigt ein breites Spektrum an Ausdrucksformen – darunter plakatähnliche typografische Layouts, grafische Kompositionen sowie hybride graphisch-textuelle Ansätze –, was auf erhebliches Potenzial für weitere Integration und Optimierung hinweist. Diese Initiative konzentriert sich auf einen «intuitiven Informationsausdruck» und zielt darauf ab, universelle Gestaltungsprinzipien und -methoden zu etablieren, um die Gesamteffizienz der Marketingkommunikation zu steigern.","research.tmall.app.uikit":"Tmall-App-UIkit","research.generative.ui.agent":"Generativer UI-Agent","careers.socialJob7Title":"Erlebnisdesigner - 1688","home.bookFlipSubtitle":"Von Taotian Design herausgegebene Bücher:\nBei Design aufhören, aber nicht bei KI.","research.interactiveGameTrends.pageTitle":"Taobao-Interaktives Spiel-Design-Trendforschung","research.price.semantic.rules.excerpt":"Preissemantische Regeln (Auszug)","careers.internJob4Date":"2026.03.12","research.from.literal.visualization.in":"Von der wörtlichen Visualisierung in Startbildschirmen über grafische Container in Pop-ups, hierarchische Vereinheitlichung in Werbeüberschriften bis hin zur präzisen Auswahl der Medien für Kampagnenassets, direkter textlicher Komposition, rahmenweiser Verstärkung wichtiger Elemente und emotional ansprechender Merkmale – alle Strategien und Fallstudien folgen letztlich demselben Leitprinzip: Halten Sie die Komplexität im Gestaltungsprozess und bieten Sie dem Nutzer Einfachheit; halten Sie die Abstraktion in der Geschäftssprache und bringen Sie Konkretheit in die Wahrnehmung des Nutzers zurück.","header.awards":"Auszeichnungen","bottom.contributor.title":"Mitwirkender","careers.socialJob11Desc":"AI-Branalenalyse und Experteninterviews: Aus investitionstechnischer Sicht eine dynamische Analyse der KI-Technologielandschaft und der KI-Anwendungsmärkte durchführen, um Einblicke in Branchentrends zu gewinnen, wichtige Entwicklungen bei führenden Akteuren und Unternehmen der Branche zu überwachen und zu analysieren, und führen vertiefte Experteninterviews zu hochkarätigen Ereignissen durch, die große Aufmerksamkeit in den Märkten erregt haben; dies mündet in analytische Berichte, die strategischen Entscheidungsträgern umsetzbare Insights liefern. Forschung zu E-Commerce- und Kommerzialisierungsstrategien/Kundenumfragen: Für E-Commerce- und Kommerzialisierungsgeschäftsszenarien führen Sie eine Branchentrendanalyse durch, um aufkommende Muster zu identifizieren, die Strategien und Schritte der wichtigsten Plattformen zu kartografieren und zu verfolgen, vertiefte Interviews mit Branchenexperten zu führen, Finanzberichte zu analysieren, Branchenintelligenz zu prüfen sowie interne Daten zu extrahieren und zu analysieren. Führen Sie bei Bedarf sowohl qualitative als auch quantitative Umfragen unter Händlerkunden und in den Agenturökosystemen durch, wobei das externe Wettbewerbsumfeld sowie das Segment „Mom Business“ zu berücksichtigen sind. Auf der Grundlage dieser Inputs erstellen Sie umfassende, sorgfältig erarbeitete Berichte, die Strategie, Technologie, Produktentwicklung, Betrieb und Ökosystemdynamiken abdecken. Arbeiten Sie eng mit den Teams für Beratung, Planung, Produktentwicklung, Betrieb, Engineering und das Ökosystem zusammen, um die internen Geschäftsanforderungen zu verstehen, datenbasierte Erkenntnisse zu nutzen, um operative Initiativen zu steuern und zu verbessern, das „Mutterunternehmen“ bei der Umsetzung einer differenzierten Marktpositionierung zu unterstützen und konkrete Umsetzungsmöglichkeiten sowie Bereiche für bahnbrechende Innovationen zu identifizieren.","products.design.specifications.paragraph7":"Leistungsstarker Unterbau-Engine","products.design.specifications.paragraph6":"Schließung der gesamten Wertschöpfungskette von «Chatten ist Schaffen»","products.design.specifications.paragraph9":"Effizienzrevolution: Von 1 Tag auf 30 Sekunden.","home.award3Title":"MUSE-Platinpreis","products.design.specifications.paragraph8":"Design-Wissenszyklus","research.if.design.artifacts.are":"Wenn Designartefakte stabil lesbar, abrufbar, begründet analysierbar und von KI-Systemen ausführbar sein sollen, weisen herkömmliche Ansätze zur Erstellung von Designsystem-Spezifikationswissen drei grundlegende Mängel auf, die unbedingt behoben werden müssen. 1. {{bold}}Mangel an strukturiertem Wissen:{{/bold}} Design-Quelldateien sind unzureichend standardisiert (fehlende Design-Token, Komponentenvariablen und semantische Beschreibungen); Designregeln sind ungenügend spezifiziert (mangels klarer beschreibender Strukturen und Inhaltsformate); und der Designcode ist unvollständig (mangels konkreter Codeimplementierungen). 2. {{bold}}Mangel an expliziten Zuordnungen:{{/bold}} Es bestehen keine expliziten, strukturierten Verankerungs-, Einschränkungs- und Referenzbeziehungen zwischen Designregeln und Code. 3. {{bold}}Mangel an einheitlicher Wartung:{{/bold}} Design-Quelldateien, -Regeln und -Code werden getrennt von Designern und Entwicklern erstellt und gewartet, ohne gemeinsame strukturelle oder zuordnungsbezogene Übereinkunft, was zu Fragmentierung und inkonsistenten Iterationen führt.","research.element.semantic.rule.template":"Element-semantische Regelvorlage","careers.internJob2Desc":"Kreative Gestaltung der Markenmarketing-Strategien für alle Geschäftsbereiche und Aktivitäten; Bereitstellung von Komplettkonzepten, die u. a. Marken-, Marketing-, Seiten-, Verpackungs- und Raumgestaltung umfassen; Konzeptionierung von Themen für interaktive Produkte sowie Festlegung des visuellen Stils und der Charaktere für interaktive Produkte; Nutzung von KI-Tools für Design und künstlerische Schaffensprozesse sowie Lösung technischer Probleme zur Erreichung von Zielen auf branchenführendem Niveau; Aufbau einer Design-Datenbank sowie Training und Optimierung von LoRA-Modellen entsprechend geschäftlichen Anforderungen und Designzielen, um die eigenständige Generierung von Geschäftsmaterialien zu unterstützen.","footer.sloganHumanistic":"Menschlich","research.in.this.project.the":"In diesem Projekt werden der Arbeitsablauf und die Agenten innerhalb eines IDE-basierten Tools erstellt. Das Basismodell und der Speicher verwenden Standardeinstellungen; Werkzeuge sind entweder standardmäßig eingestellt oder erfordern keine Konfiguration; die übrigen Elemente werden explizit definiert. Die Prompt-Markdown-Dateien enthalten (aber nicht beschränkt auf) Rollendefinitionen, Aufgabendefinitionen, integrierte Arbeitsablaufschritte, Eingabe-/Ausgabeanforderungen, Zugriffs- und Routing-Regeln sowie Einschränkungen.","research.note.in.principle.the":"Hinweis: Grundsätzlich könnten der Wissensabfrage-Agent und der Design-Synthese-Agent zu einem einzigen Agenten vereinigt werden. Sie sind bewusst getrennt, um Fälle zu behandeln, in denen die Spezifikation des Designsystems nicht ausreichend für bestimmte Zuordnungen von Anforderungen zu Designs abgedeckt ist. In solchen Situationen kann der Lösungsdesign-Agent ergänzende Abfragen über externe Tools oder autorisierte externe Wissensbasen durchführen. Diese Trennung grenzt die Aufgabenverantwortlichkeiten und Autonomiegrade zwischen den beiden Agenten klarer ab, was sowohl die Steuerbarkeit des Prozesses als auch die Determiniertheit der Ergebnisse verbessert.","careers.socialJob5Years":"5 Jahre","research.node.orchestration":"Knotenorchestrierung","careers.campus":"Campusrekrutierung","careers.socialJob2Location":"Hangzhou","research.case.semantic.rules.template":"Fallsemantische Regeln Vorlage (Auszug)","home.seeAll":"Alle anzeigen","careers.socialJob3Years":"2 Jahre","home.research6Title":"Forschung zu dynamischen Bildern von digitalen Avataren des Typs «TAO»AI","research.all.the.articles.new.label1":"Designteam","careers.socialJob12Date":"2026.01.08","banner.titleTechnology":"Technologie","home.browseVideosTitle2":"Glückliche Arbeit","home.browseVideosTitle1":"Wir streben nach","research.this.leads.to.a":"Dies führt zu einer paradigmatisch verändernden Frage: In einem Zeitalter, in dem die Zusammenarbeit von Mensch und KI Nutzererfahrungen und digitale Produkte prägt, müssen sich traditionelle Designrichtlinien und -systeme – ursprünglich hauptsächlich für die menschliche Interpretation entwickelt{{bold}} (Designrichtlinien und -systeme für den Menschen) – zwangsläufig zu Richtlinien und Systemen weiterentwickeln, die auf die maschinelle Verständlichkeit optimiert sind (Designrichtlinien und -systeme für KI{{/bold}}). Dieser Wandel bringt neue Prinzipien, Methoden und Arbeitsabläufe mit sich, nach denen solche Systeme aufgebaut werden sollten.","research.this.article.is.a":"Dieser Artikel ist eine Erkundung des Taobao-Designteams aus Mitte 2025, wie KI dazu befähigt werden kann, Produktoberflächen zu generieren, die den Designstandards von Unternehmen entsprechen. Am Beispiel der Tmall-App – einer bedeutenden B2C-Shoppingplattform in China – werden die Probleme vorgestellt, die durch AIGUI gelöst werden; außerdem werden konkrete Methoden zur Aufbau von Designsystem-Wissen vorgestellt, das von Maschinen interpretiert und genutzt werden kann, sowie Beispiele für generierte Produktseiten. Da sich Technologien und Tools ständig weiterentwickeln, werden sich auch die entsprechenden Ansätze verändern. Der nachfolgende Inhalt dient lediglich als Orientierungshilfe für den aktuellen Stand.","research.interface.generation.is.essentially":"Die Schnittstellengenerierung ist im Wesentlichen {{bold}ein spezialisierter KI-Agent, der aus mehreren Aufgabenteilnehmern besteht und auf einem designorientierten Arbeitsablauf basiert, der genau auf Unternehmensszenarien zugeschnitten ist. Dieser Agent nutzt kontextuelle Inferenz und Informationssuche, um spezifische Wissensbestände des Designsystems zu extrahieren{{/bold}. Dabei bildet der Arbeitsablauf die ingenieurtechnische Grundlage, die alle Schritte von der Anforderungseingabe bis zur Schnittstellenausgabe miteinander verknüpft, um die Determiniertheit von Prozess und Ergebnis zu gewährleisten. Die Mehrzahl der KI-Agenten stellt das «Gehirn» des Modells dar: Sie verstehen die Eingaben des vorherigen Schritts anhand vorgegebener Systemhinweise, führen eigenständig schrittweise Schlussfolgerungen durch und geben die Ergebnisse an den nächsten Schritt weiter. Diese Agenten gliedern sich in vier Aufgabenteilnehmer: Intent-Erkennung, Wissenssuche, Lösungsentwurf und Codegenerierung. Das Wissen über die Spezifikationen des Designsystems stellt externe Fakten dar; dieses Wissen wird mittels des D2C-Ansatzes in strukturierte Datenbanken umgewandelt, die regelbasierte semantische Fakten, codespezifische symbolische Fakten sowie die Abbildungsbeziehungen zwischen beiden enthalten – und steht dem Modell zum Lesen, Suchen und Extrahieren zur Verfügung.","team.publish.a.book.paragraph102":"Der gesamte Ablauf und die Arbeitsinhalte des Filmteams","team.publish.a.book.paragraph101":"Hauptplakat und Szenenbilder aus dem Film «Der Fremde»","team.publish.a.book.paragraph100":"Hauptplakat und Szenenbilder aus dem Film «Geistergeschichten»","banner.cameraMoveBody2":"Temperaturveränderungen spüren","research.case.mapping.schema.template":"Fallzuordnungsschema-Vorlage (Auszug)","home.adjustTextTitle":"Wir polieren\nbessere Designs","careers.socialJob10Title":"KI-Entwicklungsingenieur – Agentenentwicklung","header.product2":"TDA-Entwurfsagent","careers.socialJob1Date":"2026.03.10","header.product3":"Designsystem","research.note.it.may.also":"Hinweis: Es kann auch als „Seite“ oder „Block“ bezeichnet werden.","careers.socialJob6Title":"Produktvisueller Designer – 1688","header.product1":"TaoTian KI-Designer","careers.socialJob10Desc":"Verantwortlich für den Aufbau und die Wartung eines Ökosystems von Design-Agenten im Team, das durch die Integration von Designwissen, Arbeitsabläufen und KI-Fähigkeiten die Effizienz, Qualitätskonsistenz und Wiederverwendungsrate des Designteams kontinuierlich steigert. Diese Rolle ist der zentrale Architekt für die Intelligentisierung des Designsystems und verbindet die drei Bereiche «Design», «Engineering» und «Agententechnologie», um sicherzustellen, dass KI im Team praktisch einsetzbar, iterativ weiterentwickelbar und kontrollierbar ist. Eigenständig Design-Agentensysteme aufzubauen und zu optimieren, deren Architektur sowie Arbeitsablaufmechanismen zu verstehen; die Weiterentwicklung der Design-Agentenarchitektur und die Integration plattformübergreifender Arbeitsabläufe federführend zu leiten; eine intelligente Designplattform für das gesamte Team aufzubauen, um skalierbare Unterstützung zu ermöglichen; verantwortlich für den Aufbau des Agenten-Ökosystems, die Architektur der Design-Agenten (Design Agents) im Team aufzubauen und zu warten; verantwortlich für die Pflege des Wissenssystems und des RAG-Ansatzes sowie für den Aufbau und die Weiterentwicklung der Design-Wissensdatenbank (Design Knowledge Base); verantwortlich für die Intelligenzsteigerung von Arbeitsabläufen, die Integration von Tools sowie für die Überwachung und Bewertung der Leistungsfähigkeit der Design-Agenten.","products.official.website.introduction.paragraph110":"Überprüfung durchführen","products.official.website.introduction.paragraph111":"Nach der Generierung wird automatisch mit der Liste der strengen Vorgaben abgeglichen, verstoßende Strukturen werden blockiert und ein Korrekturbericht ausgegeben.","careers.internJob4Desc":"Unterstützung bei der Verbesserung der praktischen Leistung bestehender Technologien in AIGC-Produkten; Unterstützung von Kollegen in Positionen wie Algorithmus bei der Durchführung der Effektvalidierung neuer Technologien; Analyse und Diagnose bestehender Kunstressourcen sowie Erarbeitung von Verbesserungsvorschlägen.","products.official.website.introduction.paragraph114":"Jede Wissenseinheit unterstützt das Kopieren per Knopfdruck und bietet React-Komponenten-Code sowie ein Markdown-Regelwerk, das direkt in den Kontext der KI-Dialoge eingefügt werden kann.","products.official.website.introduction.paragraph115":"Szenenvorlage","careers.socialJob2Date":"2026.03.05","products.official.website.introduction.paragraph112":"Technische Zugangsmethode","products.official.website.introduction.paragraph113":"Fragmentexport","products.official.website.introduction.paragraph118":"Die standardisierte Struktur ist an gängige KI-Design-Tools und IDE-Plugins angepasst und unterstützt Regelnaktualisierungen sowie Echtzeitvorschauen.","products.official.website.introduction.paragraph119":"Die vollständigen Vorschriften sind online verfügbar und unterstützen sowohl die Online-Prüfung als auch den strukturierten Daten-Download.","products.official.website.introduction.paragraph116":"Vorlagen und Layoutstrukturen für häufig genutzte Seiten wie integrierte Daten-Dashboards, Formularseiten und Listenseiten, die direkt verwendet werden können.","products.official.website.introduction.paragraph117":"Plugin-Anbindung","careers.socialJob9Desc":"Verantwortlich für das Design der Nutzererfahrung auf Taobao, einschließlich der Produkte der Taobao-Nutzerplattform (Startseite, Mein Taobao), grundlegender Transaktionsflussprodukte (Warenkorb, Produktdetails, Bestellungen usw.), Messaging- und Sozialinteraktionsprodukte (Nachrichten, Sharing, Taobao-Kreise usw.) sowie des horizontalen Designsystems von Taobao – dabei sorgen Sie für Benutzerfreundlichkeit, Skalierbarkeit und Designqualität der Produkte. Verantwortlich für den durchgängigen Designprozess, der Geschäftsausrichtung, Strategieentwicklung, Designkonzepte, Lösungslieferung, Umsetzung und Datenanalyse umfasst; fähig, Informationsarchitektur, Stildefinition, visuelle Schnittstellenausgabe sowie die Entwicklung von Komponentenspezifikationen zu erstellen. Verfügen über ein ganzheitliches Geschäftsverständnis und -urteilsvermögen, können mit Business-, Nutzerforschungs- und Entwicklerteams zusammenarbeiten, um Designmöglichkeiten zu identifizieren und durch tiefgreifende Co-Creation Mehrwert zu schaffen.","careers.socialJob8Location":"Hangzhou","footer.sloganAcademic":"Akademisch","research.all.the.articles.name9":"Meng Xia","research.all.the.articles.name8":"Hanwen Liu","research.all.the.articles.name7":"Qidi Dai","products.official.website.introduction.paragraph100":"Anschluss und Arbeitsablauf","research.all.the.articles.name1":"Keke Le","careers.socialJob11Date":"2026.01.12","products.official.website.introduction.paragraph103":"In praktischen Projekten wird empfohlen, die Spezifikationen in der folgenden Reihenfolge aufzurufen:","research.all.the.articles.name6":"Jiaoqi Shen","home.product2Title":"TDA-Entwurfsagent","products.official.website.introduction.paragraph104":"Rahmen festlegen","research.all.the.articles.name5":"Qiongyin Cui","products.official.website.introduction.paragraph101":"Der tatsächliche Wert von Normen liegt in ihrer effizienten Anwendung. Um die Zugangskosten für Teams zu senken, wurden standardisierte Arbeitsabläufe und technische Schnittstellenverbindungen strukturiert:","research.all.the.articles.name4":"Tingting Wu","products.official.website.introduction.paragraph102":"Empfohlener Arbeitsablauf","research.all.the.articles.name3":"Yuhang He","products.official.website.introduction.paragraph107":"Aufruf strukturierter Komponenten gemäß den geschäftlichen Anforderungen, wobei die Eigenschaftszuordnungen und Einschränkungen strikt eingehalten werden.","header.products":"Produkt","products.official.website.introduction.paragraph108":"Schulort","products.official.website.introduction.paragraph105":"Prioritäre Lektüre der Stilrichtlinien, um Farben, Typografie und Layout-Grundstimmung festzulegen.","products.official.website.introduction.paragraph106":"Komponente ausfüllen","products.official.website.introduction.paragraph109":"Beispiel für die Kombination von Anwendungsszenarien: Überprüfung der Haupt- und Nebenbeziehungen sowie der Interaktionslogik, um sicherzustellen, dass die Ausgabe dem geschäftlichen Kontext entspricht.","banner.micTryTurnOn":"Versuchen Sie, Ihr Mikrofon zu öffnen.","home.award1Title11":"Katzen-Glückseimer","team.section.new.title":"Teamleiter","home.award1Title13":"Miaoman Cai Bao Duft","home.award1Title12":"MUSE-Goldpreis","research.in.the.daily.workflow":"Im täglichen Arbeitsablauf von Design-Teams fallen Output-Ziele in der Regel in drei Kategorien: Module, einzelne Seiten und mehrseitige Abläufe. Entsprechend lassen sich Gestaltungsansätze in drei Modi gruppieren: Zusammenstellen bestehender Komponenten, Modifizieren bestehender Komponenten und Erstellen neuer Komponenten. Unter diesen lässt sich die Modifikation bestehender Komponenten weiter unterteilen in Informationsanpassungen, Layoutanpassungen und Stilanpassungen.","research.inject.the.snippet.into":"Fügen Sie den Snippet in den Kontext ein.","research.taobaoInteractiveGame.paragraph18":"In der nächsten Phase werden wir den Weg fortsetzen, der aus «mechanismusgesteuerter Konsolidierung + szenariobasierter Validierung + systematischer Skalierung» besteht: Wir werden den Rahmen für interaktive Erlebnisse und die Bibliothek mit Designressourcen kontinuierlich verfeinern, schnelle iterative Experimente und Retrospektiven zu wichtigen Geschäftsszenarien durchführen und effektive Paradigmen in standardisierte Fähigkeiten des Teams sowie eine gemeinsame kollaborative Sprache übertragen.","research.taobaoInteractiveGame.paragraph19":"Gleichzeitig werden wir durch die externe Perspektive und die professionelle Methodik, die die gemeinsame Forschungspartnerschaft zwischen Universität und Industrie bietet, sensibel für die Entwicklungen in der Industrie bleiben und in der Lage sein, unsere Ansätze neu auszurichten – damit Taobaos interaktive Spiele auch weiterhin zukunftsorientierte Erlebnisse in einem sich rasch verändernden Umfeld bieten können.","research.taobaoInteractiveGame.paragraph16":"Aufbauend auf den grundlegenden Standards und universellen Regeln, die aus dem Atlas der Bewegungseffekte abgeleitet wurden, werden Schlüsselszenarien – darunter Anleitungen, Übergänge und Überlagerungsebenen – für die praktische Umsetzung ausgewählt. Durch die Vereinheitlichung von Bewegungsrhythmus und Feedback-Logik verbessert dieser Ansatz die Konsistenz der Interaktion und die Stabilität des Erlebnisses.","research.taobaoInteractiveGame.paragraph17":"Diese Forschung zielt darauf ab, «interaktive Spiele» von isolierten Spielmechaniken und einzelnen Erfahrungspunkten zu einem designorientierten Rahmenwerk zu entwickeln, das quantifizierbar, wiederverwendbar und überprüfbar ist – indem sie Typologie, Kunststil, Benutzeroberfläche und Bewegungseffekte durch eine strukturierte Methodik aufschlüsselt und gleichzeitig Trendforschung nutzt, um Erfahrungsmöglichkeiten zu identifizieren.","research.taobaoInteractiveGame.paragraph10":"Bewegungseffekte spielen in interaktiven Geschäftsprozessen eine entscheidende Rolle, da sie vier wesentliche Funktionen erfüllen: Führung, Rückmeldung, emotionale Ausdrucksweise und Rhythmus. Allerdings führen langfristige Projektiterationen häufig zu inkonsistenten Standards, schwankender Qualität und Ressourcenineffizienz – darunter die überflüssige Erstellung ähnlicher Bewegungseffekte, fehlende oder übermäßige wichtige Rückmeldungen sowie ein ungleichmäßiges Tempo, das die Effizienz bei der Aufgabenerledigung beeinträchtigt. Um die konsistente Erfahrung und die Wiederverwendungs-Effizienz zu verbessern, ist es notwendig, repräsentative Szenarien für eine systematische Dekonstruktion und regelbasierte Konsolidierung auszuwählen.","research.taobaoInteractiveGame.paragraph11":"Der Motion Effects Atlas nimmt die Baba Farm als Hauptfallstudie und führt eine eingehende Forschung zum Motion Design in den folgenden Modulen durch: Animationen von Obstbäumen, Animationen zur Samenauswahl, Animationen zur Düngung, Aufgabenanimationen, Verhaltensfeedback sowie UI-Motion-Effekte. Durch systematische Organisation und Kategorisierung werden erfahrungsbasierte Probleme identifiziert und diagnostische Schlussfolgerungen gezogen, um schließlich Motion-Design-Strategien und parametrisierte Regeln zu formulieren.","research.taobaoInteractiveGame.paragraph14":"Der Pop-Art-Stil etabliert Form und räumliche Hierarchie durch stark gesättigte, kontrastreiche Farbverhältnisse mit einem Ausdruck, der von Natur aus prägnanter und direkter ist – was ihn zu einer natürlichen Wahl für Produktinterfaces macht, die sich durch eine hohe Informationsdichte und zahlreiche UI-Komponenten auszeichnen. Während des Double-11-Events nimmt der interaktive Bereich von Tao Coin lediglich die Hälfte des Bildschirms ein und bietet gleichzeitig Platz für mehrere Module wie Einstiegspunkte, Schaltflächen und Hinweise auf Verdienste. Die Einführung des Pop-Art-Stils ermöglicht es, räumliche Tiefe und strukturelle Ordnung durch farbige Zonierung und kontrastreiche Hierarchien zu verstärken – ohne dabei die Vollständigkeit der Informationen zu beeinträchtigen – und verbessert so die Lesbarkeit sowie die Effizienz bei der Entscheidungsfindung.","research.taobaoInteractiveGame.paragraph15":"Der Surrealismus zerlegt die physikalischen Beziehungen und räumlichen Konventionen der realen Welt und etabliert ein Ausdruckssystem, das zwischen «Logischem und Illegischem» existiert, gleichwohl aber innerlich kohärent bleibt – er befreit Erzählungen von den Zwängen der Realität und verleiht ihnen größere imaginative Kraft, symbolische Tiefe und thematische Vielfalt. Sein Wert liegt darin, visuelle Elemente und Regeln zu nutzen, die scheinbar dem gesunden Menschenverstand widersprechen, gleichzeitig jedoch eine innere Logik aufweisen, wodurch Nutzer innerhalb kurzer Zeit ein einprägsames Verständnis der Welt sowie ein klares Gefühl der Belohnungserwartung entwickeln können.","research.taobaoInteractiveGame.paragraph12":"Durch die Fallzusammenstellung im Rahmen des Interaktiven Spiel-Typologie-Atlases haben wir festgestellt, dass Duolinos Mechanismus, der nachhaltiges Engagement durch emotionale Erfahrungen fördert, einen erheblichen inspirierenden Wert besitzt. Im Kontext von Tao Coin ist es notwendig, die interaktive Beziehung zwischen Nutzern und System durch emotional getriebene visuelle Ausdrucksformen und Feedbackmechanismen neu zu gestalten. Wir werden schrittweise Zustandsdarstellungen sowie kontinuierliche emotionale Feedbackmechanismen einführen und so Tao Coin – ursprünglich ein ergebnisorientiertes Belohnungssystem – in ein erfahrungsbasiertes System verwandeln, das durch Prozess und Rhythmus geprägt ist, wodurch die Bereitschaft zur Nutzerengagement und die Stabilität der Nutzerbindung gestärkt werden.","research.taobaoInteractiveGame.paragraph13":"In unserer typologischen Fallanalyse haben wir außerdem eine interaktive Struktur identifiziert, die eng auf das Geschäftsmodell von Zhongdiba abgestimmt ist – das Atlas-Fortschrittsystem von MonopolyGO!. Basierend auf diesem Modell stellen wir eine starke Verknüpfung zwischen landwirtschaftlichem Fortschritt und Atlas-Entwicklung her: Die Nutzer schalten nach und nach Atlas-Inhalte frei, indem sie Karten-Sammelaufgaben erfüllen und dabei schrittweise Rückmeldungen erhalten in Form von «dem Freischalten einer ganzen Region». Indem der Atlas als struktureller Rahmen dient, werden alltägliche Nutzerverhalten miteinander verbunden zu einer wahrnehmbaren, überprüfbaren und kontinuierlich fortschreitenden Wachstumsreise, die einen stabilen Rhythmus und einen geschlossenen Motivationskreislauf bildet.","awards.taobaoInteractiveGame.title1":"Taobao Vision erhält den ADA Apple Design Award.","awards.taobaoInteractiveGame.title2":"Taobao Vision Design-Perlen","products.design.specifications.title2":"Tmall-Designsystem","research.taobaoInteractiveGame.typeGraph":"Interaktiver Spieltypologie-Atlas","products.design.specifications.title3":"QianNiu-Designsystem","products.design.specifications.title1":"Taobao-Designsystem","research.component.mapping.schema.template":"Komponenten-Zuordnungsschema-Vorlage","research.the.code.generation.agent":"Der Codegenerierungsagent nimmt den Entwurf der Lösung als Eingabe. Er ordnet diese der Gliederung in der Wissensbasis zu und ruft den entsprechenden Code auf, wodurch Schnittstellen-Code-Dateien als Ausgabe erzeugt werden; Benutzer können die generierten Ergebnisse vorab betrachten.","products.official.website.introduction.paragraph121":"Zum Taobao Design gehen","products.official.website.introduction.paragraph122":"Taobao Design ist ein Design-System, das speziell für die Taobao-App entwickelt wurde. Das Taobao-Designsystem zielt darauf ab, eine einheitliche Designsprache zu schaffen, um das gesamte Produkterlebnis von Taobao zu standardisieren und unterschiedliche Nutzerrollen dabei zu unterstützen, gemeinsam ein einfaches und benutzerfreundliches Geschäftsökosystem aufzubauen.","products.official.website.introduction.paragraph120":"Einführung in Taobao Design","products.official.website.introduction.paragraph125":"Inhaltsnormensystem","products.official.website.introduction.paragraph126":"Erlebnismetrik","products.official.website.introduction.paragraph123":"Das Design von Taobao ist nutzerzentriert und zeichnet sich durch eine zurückhaltende, streng durchdachte Gestaltung der Produktfunktionen aus. Die umfassende und komplexe Systemarchitektur zielt darauf ab, den Nutzern ein einfaches, benutzerfreundliches und unterhaltsames Erlebnis zu bieten. Ressourcen von Designern, Produktmanagern und Entwicklern sorgen für eine einheitliche Sprache rund um die Produkte von Taobao und ermöglichen es, das Anwendungserlebnis von Taobao auf höchstem Niveau und mit größter Sorgfalt zu pflegen.","products.official.website.introduction.paragraph124":"Die Website Taobao Design gliedert sich in zwei Bereiche: Spezifikationen und Anwendungen. Im ersten Bereich werden anhand von vier Hauptaspekten – globale Stile, grundlegende Komponenten, Interaktionsmuster und Erfahrungsmessung – erläutert, wie Taobao Design in verschiedenen Modulen und Mustern korrekt angewendet werden sollte. Der zweite Bereich richtet sich an Entwickler und bietet Anleitungen zum Einbinden in unterschiedliche technische Frameworks.","careers.socialJob3Location":"Hangzhou","team.section.new.paragraph1":"«Ich hoffe, dass wir zuerst einmal ein interessantes und spaßiges Design-Team sind.»","products.official.website.introduction.paragraph127":"Technische Zugangsstandards","products.official.website.introduction.paragraph128":"Hand-Tao-Ikonenbibliothek","team.section.new.paragraph2":"— Gu Xiaoyuan, Leiterin Design","research.existing.marketing.design.expressions":"Bestehende Marketing-Design-Ausdrücke wurden anhand von vier Dimensionen analysiert: Inhaltswahrnehmung, Verhaltenssteuerung, visuelle Gestaltung sowie die gesamte strukturelle Zusammenhangsweise. Die Analyse offenbarte mehrere Probleme: mechanisch organisierte Informationsstrukturen, übermäßige konzeptionelle Logik, die zu hohen kognitiven Anforderungen führt, Splash-Screens und Werbeelemente, die auf modularen Layoutkombinationen basieren und nur eine schwache kreative Integration aufweisen sowie eine übermäßige Texthierarchie; Pop-ups, die keine klare thematische Ausdrucksweise bieten, gleichzeitig jedoch zu viele Informationsebenen enthalten; und Werbeüberschriften, deren strukturelle Anordnung nicht mit dem nachfolgenden Inhalt übereinstimmt. Hinter diesen oberflächlichen Problemen verbirgt sich ein grundlegendes Problem: die Ansammlung voneinander getrennter Gestaltungselemente. Viele Designs legen den Schwerpunkt auf Atmosphäre statt auf Bedeutung, was die Nutzer zwingt, erhebliche kognitive Umsetzungsleistungen zu erbringen. Gleichzeitig verhindert das Fehlen einer narrativen Struktur, dass eine organische Einheit zwischen semantischer Bedeutung, informativem Inhalt und visueller Gestaltung entsteht. Die Optimierungsrichtung zielt daher darauf ab, Themen durch universelle visuelle Symbole zu kartieren und textuelle, markenbezogene sowie produktbezogene Elemente durch strukturierte Komposition zu integrieren, um schließlich eine direkte Informationsübermittlung zu erreichen – eine einheitliche visuelle Ausdrucksweise, in der Bedeutung und Form intrinsisch aufeinander abgestimmt sind.","research.website.homepage":"Startseite der Website","research.all.the.articles.label10":"Installationskunst und Bildband","research.all.the.articles.label03":"Chefredakteur","research.all.the.articles.label02":"Chinesische Akademie der Bildenden Künste","careers.socialJob1Desc":"In Anlehnung an die Gegebenheiten des E-Commerce-Geschäfts führen wir operative Einblicke unter Berücksichtigung der Rollen von Händlern, TP-Dienstleistern und anderen Akteuren durch. Dabei analysieren und synthetisieren wir die Bedürfnisse und Herausforderungen der Taobao-Händler in Bereichen wie Gesamterfahrung im Geschäftsbetrieb, Preisgestaltung und Marketing sowie Betriebskosten. Wir sind in der Lage, auf Basis der aktuellen Geschäftssituation konkrete Forschungsthemen zu definieren, die zentralen Probleme der Händler beim Betrieb auf Taobao zu analysieren, wichtige Strategiefeedbacks von Händlern zu sammeln und zu erforschen sowie so wertvolle Inputs für die Entwicklung und Optimierung geschäftlicher Strategien bereitzustellen.","research.all.the.articles.label01":"Tao Tian Design-Dozent","research.balanced.color.contrast.use":"{{bold}}Ausgewogener Farbkontrast {{/bold}}– Setzen Sie Kontraste strategisch ein. Unterschiede in Farbton, Helligkeit und Sättigung sollten das Hauptmotiv hervorheben und gleichzeitig die allgemeine visuelle Klarheit bewahren.","research.all.the.articles.label05":"Buchgestaltung","research.all.the.articles.label04":"Konzeptionelle Redaktion","careers.internJob1Years":"Praktikum","careers.socialJob3Date":"2026.03.05","research.taobaoInteractiveGame.motionGraphApplication":"Atlas für interaktive Spielbewegungseffekte in der Praxis","footer.contactWechat":"WeChat-Offizielle Konto","careers.socialJob8Desc":"Verantwortlich für das Design von Front- und Backend-Erlebnissen, einschließlich des Tao-Gongchang-Kanals, grundlegender Transaktionsabläufe, Spielmechanik-Designs, Tao-Gongchang-Livestreams, Gestaltung von Produktmaterialien, UX-Design der Händler-Arbeitsplattform sowie KI-gestützter Designinnovationen. Durch Nutzerforschung, Datenanalyse und geschäftliches Verständnis erkenne ich tiefgreifend die latenten Bedürfnisse und Probleme der Nutzer, arbeite eng mit Geschäftsbereichen und Produkten zusammen, identifiziere geschäftliche Chancen sowie potenzielle Schwachstellen der Nutzer, leite proaktiv Designvorschläge ein und setze diese konsequent um. Durch innovatives Design verbessere ich das Nutzererlebnis und bringe wertsteigernde Impulse für das Geschäft. Ich verfüge über klare Logik und stringenten Denkprozess sowie fundierte und nachvollziehbare Designlösungen. Mithilfe umfangreicher Designerfahrungen, -methoden und -prozesse steigere ich den allgemeinen Designstandard meines Teams. In großen Projekten organisiere und koordiniere ich effizient und stellvertretend zwischen verschiedenen Teams, um geschäftliche Ziele zu erreichen.","research.all.the.articles.label13":"Mitglied des Taotian-Designs","research.all.the.articles.label12":"Mitglied der Chinesischen Akademie der Bildenden Künste","banner.blowOrApplaud2":"Die Veränderung der Freiheit spüren","research.all.the.articles.label11":"Verantwortlicher","home.award9Desc":"2025 618 Hauptinteraktion","research.shopping.guide.case.semantic":"Shopping-Guide-Fall semantische Regeln (Auszug)","research.design.system.specification.paragraph2":"Semantische Regeln sind textuelle Beschreibungen, die sich auf Definitionen, Stile, Variablen, Verwendungen und Einschränkungen von Objekten beziehen; sie stellen das grundlegende geistige Eigentum dar, das Unterschiede in der Erfahrung hervorruft, und werden im Markdown-Format dargestellt. Die Codeimplementierung besteht darin, Objekte in ausführbare und anwendbare symbolische Fakten zu transformieren; dabei wird als Format die jeweilige Programmiersprache verwendet.","research.design.system.specification.paragraph3":"Die Mapping-Skizze bildet das zentrale Bindeglied zwischen semantischen Regeln und der Code-Implementierung; sie wiederholt weder die einen noch die anderen, sondern bietet Objekt-ID-Verankerungen, Mapping-Regelbeschränkungen sowie Verweise auf den zu lokalisierenden Code. In den Phasen Wissensrecherche, Schemadesign und Codegenerierung des Arbeitsflusses übernimmt sie eine leitende Rolle. Dank dieser Struktur muss das große Modell nicht alle Kenntnisse durchlaufen, was Ressourcen spart. Als Format dient JSON. Im Folgenden werden die einzelnen Objekttypen jeweils separat behandelt.","research.this.document.was.produced":"Dieses Dokument wurde Ende 2025 von Taobao Design im Rahmen einer spezifischen Initiative erstellt, die sich auf «Intuitive Informationsdarstellung» im Marketingdesign der Taobao-App konzentriert. Angesichts wiederkehrender Probleme in häufig genutzten Marketingoberflächen – wie Startbildschirme, Pop-ups und Werbeüberschriften – darunter Informationsüberlastung, fragmentierte Nutzerflüsse und visuelle Ermüdung – schlug das Team die Designstrategie «Symbolische Erzählung» vor. Diese Strategie kartografiert Marketingthemen mithilfe universeller visueller Symbole, integriert Text und Bild durch strukturierte Komposition und folgt sechs Kernprinzipien: semantische Übereinstimmung zwischen Bedeutung und Form, sofortige strukturelle Klarheit, extreme Betonung des Hauptthemas, minimal notwendige Hierarchie, ausgewogener Farbkontrast sowie natürliche, ausdrucksstarke Bewegung. Umfangreiche Fallstudien belegen ihre Wirksamkeit in verschiedenen Szenarien, darunter Nutzenkommunikation, rote Umschläge, Gutscheine, Mitgliedskarten und Werbekampagnen. Der nachfolgende Inhalt dient als phasespezifischer interner Bezug.","careers.socialJob10Location":"Hangzhou","research.all.the.articles.name_new4":"Jing Yan","research.all.the.articles.name_new5":"Hao Ning","research.all.the.articles.name_new6":"Ran Jing","research.all.the.articles.name_new7":"Er Wu","careers.socialJob11Title":"Senior Spezialist für Branchenstrategie-Investitionsanalyse und Nutzerforschung – Alimama","research.all.the.articles.name_new1":"Jian Qun","research.all.the.articles.name_new2":"Jiang Xuan","research.all.the.articles.name_new3":"Ming Meng","research.all.the.articles.name_new8":"Ming Jing","research.all.the.articles.name_new9":"Jian Zhe","products.design.specifications.new.paragraph2":"Der KI-Designer von Taotian zielt genau darauf ab, die entscheidende Lücke zu schließen – von der «Generierung von Bildern» zur «Generierung von Designs» und von der «einzelnen kreativen Idee» zur «skalierbaren Bereitstellung».","products.design.specifications.new.paragraph3":"Von «Bild generieren» zu «Design generieren»","products.design.specifications.new.paragraph1":"Hintergrund und Herausforderungen: Die visuelle Produktion im E-Commerce steht seit langem unter mehrfachem Druck – hoher Frequenz, riesigem Datenvolumen und strenger Zeitvorgaben. Traditionelle Prozesse beruhen auf menschlicher Zusammenarbeit und sind daher nur begrenzt effizient. Zwar können allgemeine KI-Tools Bilder generieren, doch verstehen sie Geschäftszenarien und Lieferstandards nur schwer wirklich und lassen sich daher nicht direkt in verwertbare E-Commerce-Entwürfe umsetzen.","products.design.specifications.new.paragraph6":"Insgesamt wurden über eine Million Grafiken erstellt, und mehr als 2.300 nicht-designorientierte Mitarbeiter haben an der Kreation mitgewirkt.","products.design.specifications.new.paragraph7":"Die KI-Designer von Taotian interagieren über unendliche Leinwände mit Knoten, um einen freieren und präziseren intelligenten Schaffensraum zu schaffen. Dadurch wird der Designprozess von der «Pixelgenerierung» hin zur «Strukturproduktion» und von der «menschlichen Erfahrung» hin zur «algorithmischen Intelligenz» geführt – und Designer sowie weitere Akteure aus den Bereichen Operations und Technologie werden in den kreativen Produktionsprozess eingebunden.","products.design.specifications.new.paragraph4":"Von der «Einzelidee» bis zur «skalierbaren Bereitstellung»: Integration gängiger KI-Modelle sowie Bereitstellung von APIs und Batch-Bildgenerierungsfunktionen.","products.design.specifications.new.paragraph5":"Designwissenszyklus, Wissensproduktion und -symbiose.","careers.socialJob12Years":"1 Jahr","footer.navTitle":"Navigation","careers.internJob3Title":"Produkt-Erlebnisdesigner","banner.titleAcademic":"Akademisch","banner.punchedTapePlaceholder":"Eingabeinhalt in Binär umwandeln","careers.socialJob4Date":"2026.02.27","products.design.specifications.new.paragraph010":"Um die herausragenden Leistungen und innovativen Ergebnisse der Teilnehmer im Rahmen des Projekts angemessen zu würdigen, hat dieser Workshop speziell ein Belohnungsprogramm eingeführt, das nach der abschließenden Bewertung ausgewählte hervorragende Arbeiten mit Anerkennung und materiellen Prämien auszeichnet. Insgesamt gibt es drei Preiskategorien: Der erste Preis (2 Teilnehmer) erhält eine DJI-Gimbal-Kamera; der zweite Preis (3 Teilnehmer) wird mit hochwertigen Sony-Kopfhörern belohnt; der dritte Preis (4 Teilnehmer) erhält ein klassisches Marshall-Audio-System. Diese Prämiensetzung zielt darauf ab, die klare Botschaft zu vermitteln, dass «Design Wert schafft und Innovation belohnt wird», und stärkt damit die Motivation des Kurses, «Gelerntes praktisch anzuwenden und mit Innovationen Erfolge zu erzielen». Wir hoffen, dass diese Preise, die von Handwerkskunst und modernster Technologie geprägt sind, den ausgezeichneten Teilnehmern auf ihrem zukünftigen kreativen Weg stets als Begleiter dienen werden – um weiterhin Inspirationen zu sammeln, Stimmen zu verbreiten und kreative Ideen festzuhalten. Die Preisverleihung markiert nicht nur einen feierlichen Abschluss dieses Workshops, sondern symbolisiert zugleich auch den Beginn eines neuen Kapitels: Wir freuen uns darauf, dass alle Teilnehmer diese Anerkennung und Erwartungen in sich tragen und fortan auf der breiteren Bühne von Design und Wirtschaft weiter strahlen und die Zukunft maßgeblich prägen werden.","research.design.system.specification.knowledge":"Das Wissen zur Design-System-Spezifikation besteht aus zwei Kategorien von Wissensobjekten und drei Dateitypen. Die beiden Kategorien von Wissensobjekten sind {{bold}}Stile{{/bold}} und {{bold}}Seiten{{/bold}}, wobei Stile weiter in vier Typen unterteilt sind: {{bold}}Elemente, Layouts, Komponenten und Assets{{/bold}}. Jede Kategorie von Wissensobjekten ist mit drei Dateitypen verbunden: {{bold}}semantische Regeln, Zuordnungsschemata und Codeimplementierungen{{/bold}}. Semantische Regeln bestehen aus textuellen Beschreibungen, die die Definition eines Objekts, dessen Stile, Variablen, Verwendung und Einschränkungen abdecken. Sie stellen das grundlegende geistige Eigentum dar, das zu erlebnisbasierten Unterscheidungen führt, und werden im Markdown-Format verfasst. Codeimplementierungen übersetzen Objekte in ausführbare und bereitstellbare symbolische Fakten und verwenden dabei die jeweils geeignete Programmiersprache als Darstellungsformat. Zuordnungsschemata bilden die zentrale verbindende Schicht zwischen semantischen Regeln und Codeimplementierungen. Anstatt entweder zu duplizieren, bieten sie eine Verankerung der Objekt-ID, Zuordnungsbeschränkungen sowie präzise Codeverweise. Im Rahmen des Arbeitsablaufs dienen sie als leitende Blaupausen während der Wissensabfrage, der Lösungsgestaltung und der Codegenerierung; dadurch können große Sprachmodelle den gesamten Wissensbestand nicht vollständig durchsuchen und reduzieren so den Rechenaufwand. Zuordnungsschemata werden im JSON-Format dargestellt. Die folgenden Abschnitte gehen auf jede Kategorie von Wissensobjekten im Detail ein.","research.icon.semantic.rules.excerpt":"Icon-semantische Regeln (Auszug)","careers.socialJob7Desc":"Verantwortlich für das Experience-Design der 1688-Produktlinie, um die Erreichung geschäftlicher Ziele zu unterstützen; vertieftes Verständnis des Geschäfts, Teilnahme an Diskussionen über Produktanforderungen und Bereitstellung effektiver Designlösungen; unter Berücksichtigung der Nutzerperspektive, basierend auf Nutzerszenarien und -verhalten sowie ausgerichtet auf die geschäftlichen Ziele, Identifizierung von Potenzialen zur Verbesserung des Nutzererlebnisses und Förderung der Erfahrungsentwicklung.","team.section.link1":"Zusammenarbeit zwischen Universität und Industrie: China Academy of Art × Taobao Design","team.section.link2":"Veröffentlichung des Buches «Bei Design aufhören, nicht bei KI»","team.section.link3":"Die Filmphilosophie von Taotian – Ein Bildarchiv, in dem wir gemeinsam wachsen","research.design.system.specification.paragraph003":"Das Wissen über Designsystem-Spezifikationen besteht aus zwei Kategorien von Wissensobjekten und drei Dateitypen. Die beiden Kategorien von Wissensobjekten gliedern sich in «Stile» und «Seiten», wobei die Stile wiederum in vier Unterkategorien unterteilt sind: «Elemente», «Layout», «Komponenten» und «Assets». Jede dieser Kategorien von Wissensobjekten enthält jeweils drei Dateitypen: «Semantische Regeln», «Zuordnungs-Schemata» und «Code-Implementierung». Semantische Regeln sind textuelle Beschreibungen, die sich auf Definitionen, Stile, Variablen, Verwendungen und Einschränkungen von Objekten beziehen; sie stellen das grundlegende geistige Eigentum dar, das Unterschiede in der Benutzererfahrung hervorruft, und werden im Markdown-Format dargestellt. Die Code-Implementierung wandelt die Objekte in ausführbare und anwendbare symbolische Fakten um; dabei wird als Format eine Programmiersprache verwendet. Das Zuordnungsschema bildet den zentralen Knotenpunkt, der semantische Regeln und Code-Implementierung miteinander verbindet. Es wiederholt weder die einen noch die anderen, sondern liefert Objekt-ID-Anker, Zuordnungsregel-Einschränkungen sowie Verweise auf den entsprechenden Code. Im Arbeitsablauf spielt es eine leitende Rolle bei der Wissenssuche, beim Entwurf von Lösungen und bei der Codegenerierung – so dass große Modelle nicht alle Wissensbestände durchlaufen müssen und somit Ressourcen eingespart werden können; das Zuordnungsschema wird im JSON-Format dargestellt. Nachfolgend werden die einzelnen Objektkategorien jeweils näher erläutert.","research.agent.template":"Agentenvorlage","products.official.website.introduction.paragraph19":"AI-Designrichtlinien für die B2B-Handelsplattform","research.icon.code.implementation.excerpt":"Implementierung des Symbolcodes (Auszug)","footer.sloganFree":"Freiheit","products.official.website.introduction.paragraph17":"Den Ausschnitt in den Kontext einfügen","products.official.website.introduction.paragraph18":"Schnittstelle generieren und anzeigen","products.official.website.introduction.paragraph15":"Generierung von Schnittstellen für Multi-Agenten-Workflow-Abläufe","products.official.website.introduction.paragraph16":"Fragmentwissen kopieren oder herunterladen","products.official.website.introduction.paragraph13":"In der IDE-Toolkonfiguration","home.award2Title":"IF-Designpreis","products.official.website.introduction.paragraph14":"Befehle mit einer natürlichsprachlichen Eingabeschnittstelle erstellen","research.interface.generation.in.practice":"Schnittstellengenerierung in der Praxis über die VersionAI Tmall-Website","home.award9Title":"Silbermedaille des IAI Global Design Award","products.official.website.introduction.paragraph11":"KI-freundliche semantische Regeln","products.official.website.introduction.paragraph12":"Diese Website bietet Nutzern zwei Möglichkeiten, die Tmall-Design-Spezifikationen in KI-Tools aufzurufen: den MCP-Server und die Kontexteinbindung. Durch die einstufige Konfiguration des MCP-Servers in der IDE-Toolumgebung erfolgt automatisch die Abhängigkeit von der Wissensdatenbank für Tmall-Design-Spezifikationen. Die in MCP eingebetteten API-Funktionen verarbeiten automatisiert Benutzereingaben in natürlicher Sprache und liefern entsprechende Ergebnisse. Zu den konkreten Funktionen gehören unter anderem Suchvorgänge und das Ausführen von Workflows. Alternativ können Nutzer auf bestimmten Seiten mit Wissenseinheiten auf «Kopieren» oder «Herunterladen» klicken, um semantische Regeln, Mapping-Schemata und Codeimplementierungs-Paketkörper für ausgewählte Wissensfragmente zu erhalten. Diese Elemente lassen sich direkt in das Befehls-Eingabefeld einfügen, um lokale Anpassungen vorzunehmen und neue Inhalte zu generieren.","awards.taobaoInteractiveGame.Contributors":"Autor","banner.titleCreativity":"Kreativität","products.official.website.introduction.paragraph10":"Menschheitsfreundliche semantische Regeln","careers.internJob4Years":"Praktikum","research.sidebar.consistent.with.the":"Sidebar entspricht der Wissensstruktur des Designsystems","careers.socialJob2Desc":"Verantwortlich für die visuelle Gestaltung und innovative Designkonzepte in mehreren Markenmarketing-Szenarien, darunter Mobile Tmall, 10-Milliarden-Subventionen, Taobao PC, Taobao Vision, offizielle Taobao-Designwebsite sowie Taobao-Design-Agenten. Die Aufgaben umfassen unter anderem die Entwicklung eines einheitlichen Markenvisualsystems, Online- und Offline-Marketingmaterialien sowie dynamische Videos und andere kanalübergreifende visuelle Inhalte. Ziel ist es, das Nutzererlebnis und den Einfluss des Teams zu steigern. Dabei kombinieren wir traditionelle Ansätze und Fähigkeiten der visuellen Gestaltung mit AIGC-generierten Technologietools, um hochwertige, anspruchsvolle visuelle Werke zu schaffen und gleichzeitig sowohl die Effizienz als auch die Kreativität im Designprozess zu steigern.","research.economic.aesthetics.title11":"Hauptobjekt | Gegenständlichkeit über Abstraktion, Wiedergabe vertrauter Dinge","research.economic.aesthetics.title10":"Farben | Natürliche Farbpalette, emotionale Abbildung","research.economic.aesthetics.title15":"Ökonomisch-ästhetisches Designmodell","research.economic.aesthetics.title14":"Animation: Gamifiziertes dynamisches Design","research.economic.aesthetics.title13":"Typografie | Sättigende Informationsvermittlung","research.economic.aesthetics.title12":"Text | Ein lebensnahes Sprachsystem","research.economic.aesthetics.title18":"Zwei Richtungen aufteilen: Volkskundliche Objekte, allgemeine Objekte","research.economic.aesthetics.title17":"Zwei Richtungen aufteilen: Lebensrealität, kleine Straßenwerbung","banner.titleFreedom":"Freiheit","research.economic.aesthetics.title16":"Aufteilung in drei Richtungen: Marketing-Explosion, Verkaufsargument-Aufkleber-Style und versiegelte Kleinwaren","products.official.website.introduction.paragraph28":"Liste der Beschränkungen","products.official.website.introduction.paragraph29":"Geben Sie direkt an, was möglich ist und was auf keinen Fall getan werden darf, um klare Grenzen für den Generierungsprozess von KI zu ziehen.","products.official.website.introduction.paragraph26":"Szenen-Kompositionierung","products.official.website.introduction.paragraph27":"Definieren Sie, wie Komponenten in gängigen Geschäftsszenarien zusammengesetzt und in welcher Reihenfolge angeordnet werden sollten, um zu vermeiden, dass KI-Elemente isoliert nebeneinander gestapelt werden.","products.official.website.introduction.paragraph24":"Strukturcodierung","products.official.website.introduction.paragraph25":"Nicht nur das Erscheinungsbild wird angegeben, sondern auch die innere Struktur der Komponenten, Code-Attribute und Interaktionszustände werden ergänzt, sodass Designparameter direkt an die Entwicklung angebunden werden können.","products.official.website.introduction.paragraph22":"Regeln konkretisieren","products.official.website.introduction.paragraph23":"Entfernen Sie subjektive Beschreibungen und ersetzen Sie sie durch eindeutige Zahlenwerte, feste Stufenbereiche und klare Grenzwerte.","careers.socialJob9Date":"2026.01.29","products.official.website.introduction.paragraph20":"Die KI-Designrichtlinien für die B2B-Händlerplattform sind ein Satz standardisierter Dokumente, der speziell auf KI-gestützte Designwerkzeuge ausgerichtet ist. Frühere Designrichtlinien waren hauptsächlich für Menschen gedacht und beruhten auf visuellen Referenzen sowie auf erfahrungsbasierten Entscheidungen. Doch wenn KI auf Beschreibungen wie «angemessener Weißraum» oder «klare visuelle Hierarchie» stößt, kann es leicht zu Missverständnissen kommen, was zu chaotischen Layouts, unterschiedlichen Stilen oder einer unklaren Priorisierung führt. Unter der Voraussetzung, dass die ursprünglichen Designprinzipien unverändert bleiben, haben wir die Logik hinter den Richtlinien umfassend überarbeitet. Dadurch kann die KI Anforderungen präzise verstehen und direkt Schnittstellen liefern, die sowohl der Geschäftslogik als auch den Markenstandards entsprechen.","products.official.website.introduction.paragraph21":"Anpassung in vier Bereichen:","header.team":"Team","careers.internJob4Location":"Peking / Hangzhou","research.all.the.articles.name46":"Jiacheng Zhong","research.all.the.articles.name45":"Yige Zhou","research.all.the.articles.name48":"Shi You","research.all.the.articles.name47":"Ying Long","research.all.the.articles.name49":"Le Xiang","products.official.website.introduction.paragraph39":"Verwendung eines 24-Raster-Systems. Der Abstand zwischen Spalten beträgt fest 16px oder 24px. Der Seiteninhaltbereich weist einen Rand von 48px auf; der Abstand zwischen Karten ist einheitlich 24px, und der Abstand innerhalb von Modulen beträgt 16–24px.","products.official.website.introduction.paragraph37":"Verwenden Sie einheitlich Alibaba Sans 102 (Ziffern müssen gleich breit sein). Die Grundschriftgröße beträgt 12 px; die Zeilenhöhe entspricht genau der Schriftgröße plus 8 px (z. B. 12 px entspricht 20 px). Gewichtsstufen: 500 (Überschriften/Emphase), 400 (Textkörper), 300 (zusätzliche Hinweise).","products.official.website.introduction.paragraph38":"Abstand und Raster","products.official.website.introduction.paragraph35":"Kontinuierliche Werte erhöhen die Unsicherheit bei der KI-generierten Gestaltung. Die Normen diskretisieren Schriftarten, Zeilenhöhen, Abstände und Ausrichtungsregeln und binden sie an eine Leseverlauf-Logik. Bei der KI-Generierung werden direkt Schriftgrößenstufen, Zeilenhöhenformeln und Ausrichtungsregeln abgerufen; in Kombination mit dem F-förmigen Leseverlauf wird automatisch eine Gewichtung der Informationen zugewiesen, um eine Überladung des Inhalts oder eine Verschiebung des Schwerpunkts zu vermeiden.","home.award7Desc":"Hauptinteraktion für den 11.11.2024","products.official.website.introduction.paragraph36":"Schriftart und Zeilenhöhe","research.semantic.consistency.marketing.themes":"{{bold}}Semantische Konsistenz{{/bold}} – Marketingthemen sollten visuell durch Symbole verkörpert werden, deren Bedeutungen mit dem beabsichtigten Konzept übereinstimmen und universell erkennbar bleiben.","products.official.website.introduction.paragraph33":"Typografie und Layout","products.official.website.introduction.paragraph34":"Kontinuierliche numerische Werte erhöhen die Unsicherheit bei der KI-generierten Gestaltung. Die Normen diskretisieren Schriftarten, Zeilenhöhen, Abstände und Ausrichtungsregeln und binden sie an eine Leseverlauf-Logik. Bei der KI-Generierung werden direkt Schriftgrößenstufen, Zeilenhöhenformeln und Ausrichtungsregeln abgerufen; in Kombination mit dem F-förmigen Leseverlauf wird automatisch eine Gewichtung der Informationen zugewiesen, um eine Überladung des Inhalts oder eine Verschiebung des Schwerpunkts zu vermeiden.","research.workflow.and.knowledge.integrated":"Workflow- und Wissensintegriertes Ingenieurpaket","products.official.website.introduction.paragraph31":"Stilistische semantische Bindung","research.all.the.articles.name51":"Chen Dong","products.official.website.introduction.paragraph32":"Die Farben entsprechen direkt dem Geschäftsstatus und den Interaktionsrückmeldungen und dienen nicht als visuelle Dekoration. Wenn die KI Befehle wie «Rückgang der Conversion-Rate» oder «Hochprioritätseinreichung» analysiert, ruft sie automatisch die entsprechenden Variablen mithilfe einer semantischen Zuordnung auf, um semantische Fehler zu vermeiden, die durch zufällige Farbwahl entstehen könnten. Alle Farbwerte werden hierarchisch nach Funktionsbereichen deklariert und mit klaren Anwendungshinweisen versehen.","research.all.the.articles.name50":"Fei Fei","research.all.the.articles.name53":"Yu Shi","products.official.website.introduction.paragraph30":"Künstliche Intelligenz-Übersetzung mit Stilrichtlinien","research.all.the.articles.name52":"Ke Po","research.all.the.articles.name55":"Tao Xi","research.all.the.articles.name54":"Fei Yun","research.all.the.articles.name57":"Chenyang Wang","research.all.the.articles.name56":"Zhu Xiao","header.research":"Forschung","research.all.the.articles.name59":"Penglei Zhang","research.all.the.articles.name58":"Yuhang He","careers.internJob1Team":"Alibaba Group","careers.socialJob13Desc":"Einsicht in geschäftliche Anforderungen und präzise Definition von Forschungsaufträgen: Unabhängig mit den jeweiligen Verantwortlichen aus den Abteilungen Operations, Produkt und Technologie der Kundenbetriebsabteilung kommunizieren, um die Anforderungen an die Geschäftsentwicklung zu verstehen; proaktiv über aktuelle kritische Probleme bei Produkten sowie geschäftliche Chancen nachdenken und auf dieser Grundlage konkrete Forschungsthemen präzise definieren und planen. Unter Einsatz professioneller Forschungsmethoden Forschungsprojekte effizient umsetzen und qualitativ hochwertige Forschungsberichte erstellen: Versierte Kenntnisse verschiedener Forschungstypen wie Segmentierung und Profilierung von Verbrauchergruppen, Ermittlung von Nutzerbedürfnissen und -problemen, Untersuchungen zur Produkt用户体验, Nutzerwachstumsforschung, Test- und Optimierungsphasen für Produktkonzepte etc.; Fachkompetenz in verschiedenen Forschungsmethoden wie qualitativen Studien (Tiefeninterviews/Fokusgruppen etc.), quantitativen Studien (Fragebogenumfragen), Analyse von Geschäftsdaten im Hintergrund, Desk Research/Zweitquellenforschung etc.; kontinuierliche Iteration und Optimierung von Forschungsansätzen und -methoden sowie Entwicklung effizienter Forschungsmethodologien und -systeme; Förderung der praktischen Umsetzung von Forschungsergebnissen und Erreichung konkreter geschäftlicher Ergebnisse.","careers.socialJob6Desc":"Verantwortlich für die visuelle Gestaltung von Produkten, einschließlich Markenelementen, individueller Produktanpassungen, Inhalts-Communities und Lieferkettenmanagement; auf Basis multimodaler Inhalte wie Texte, Bilder, Videos und 3D-Inhalte erforscht und entwickelt innovative Anwendungen von AIGC in den Bereichen individuelle Produktanpassung und kreatives Produktdesign; entsprechend den geschäftlichen Anforderungen übernimmt die Person die gesamte Design-Prozesskette – von der Konzeptentwicklung bis zur Umsetzung – und stellt sicher, dass die Ergebnisse den Markttrends und geschäftlichen Zielen entsprechen.","banner.titleHumanistic":"Menschlich","products.official.website.introduction.paragraph48":"Redundanz entfernen","products.official.website.introduction.paragraph49":"Entfernen Sie Adjektive und Adverbien, die die Funktionalität nicht beeinflussen. Wenn die Kopfzeile bereits Felder kennzeichnet, ist in den Zellen eine Wiederholung des Präfixes verboten.","products.official.website.introduction.paragraph46":"Funktionalität zuerst","products.official.website.introduction.paragraph47":"Der Text dient direkt dem jeweiligen Handlungsziel (z. B. „Bestellung absenden“ anstelle von „Hier klicken, um den Kauf abzuschließen“).","products.official.website.introduction.paragraph44":"Regeln für die Erstellung von Texten","research.all.the.articles.name60":"Yaxi Miao","products.official.website.introduction.paragraph45":"KI-generierte Texte neigen leicht dazu, langatmig, sich wiederholend oder semantisch unklar zu sein. Durch die Implementierung standardisierter Textverarbeitungsregeln während der Generierung wird automatisch folgender Prozess durchgeführt: «Entfernung von Beschreibungen, Extraktion der Kerninformationen, Ersetzung von Wörtern durch Zahlen sowie Vereinheitlichung fachspezifischer Begriffe», um sicherzustellen, dass der Inhalt den Standards für effizientes Lesen in Mittel- und Hintergrundsystemen entspricht.","products.official.website.introduction.paragraph42":"Leseverkehrsbeschränkung","research.all.the.articles.name62":"Teng Shao","products.official.website.introduction.paragraph43":": Folgen Sie dem F-Modell des Scrollens. Die Kerninformationen, der Haupttitel und der wichtigste Status werden oben links platziert; ergänzende Informationen werden mittig oder abgeschwächt dargestellt; die Eingabe für zentrale Aktionen befindet sich rechts. Horizontal angeordnete Einzeilige Informationen werden nach dem Muster «links (hoch) – mitte (niedrig) – rechts (mittig)» verteilt.","research.all.the.articles.name61":"Shu Wang","products.official.website.introduction.paragraph40":"Ausrichtungsprinzip","research.all.the.articles.name64":"Dan Liu","products.official.website.introduction.paragraph41":": Zahlen/Beträge rechtsbündig ausrichten; Texte/Überschriften linksbündig ausrichten; Formularbeschriftungen rechtsbündig oder oben ausrichten. Informationen derselben Art müssen stabile rechteckige Kanten bilden; visuelle Zickzackmuster sind verboten.","research.all.the.articles.name63":"Wenliang Li","careers.socialJob5Date":"2026.02.25","research.all.the.articles.name66":"Yishu Liang","research.all.the.articles.name65":"Cheng Zhang","research.all.the.articles.name68":"Yi Wei","research.all.the.articles.name67":"Ying Jiang","research.all.the.articles.name69":"Yao Yi","research.human.friendly.semantic.rules":"Menschengerechte semantische Regeln","research.structural.composition.integrating.textual":"{{bold}}Strukturelle Gestaltung{{/bold}}: Die Integration von Textlayout und visuellen Elementen zu einer kohärenten grafisch-textlichen Struktur, die es den Nutzern ermöglicht, die Botschaft direkt wahrzunehmen und zu verstehen.","careers.socialJob8Date":"2026.02.04","products.official.website.introduction.paragraph59":"Geeignet für kontinuierliche Inhalte wie Formulare, Tabellen und lange Texte. Verzichtet auf Kartoncontainer und setzt stattdessen auf Leerzeichen und Abstände zur Trennung; zwischen den Modulen werden lediglich 0,5-Pixel-Haardrähte oder leere Bereiche verwendet.","products.official.website.introduction.paragraph57":"Die Spezifikation zerlegt den Gestaltungsstil in ausführbare Layoutregeln. Durch die Erstellung eines Entscheidungsbaums für Containerwege werden die jeweiligen Containerformen für unterschiedliche Inhaltstypen präzise definiert, und es wird verhindert, dass KI rekursive Verschachtelungen oder freie Layouts durchführt.","careers.socialJob1Years":"3 Jahre","products.official.website.introduction.paragraph58":"Minimalistischer Stil","products.official.website.introduction.paragraph55":"Der vollständige Anleitungstext ist standardmäßig als Symbol oder als Link «Mehr erfahren» zusammengeklappt und wird erst beim Hovern oder Anklicken erweitert.","research.all.the.articles.name71":"Huanshuai Kong","products.official.website.introduction.paragraph56":"Layout-Stil und Container-Routing","research.all.the.articles.name70":"Xiaoyuan Gu","products.official.website.introduction.paragraph53":"Alle systemweit festgelegten Fachbegriffe und Branchenabkürzungen dürfen nicht synonym verwendet werden. Bei erstmals auftretenden Abkürzungen ist ein Tooltip-Eintrag bereitzustellen.","research.all.the.articles.name73":"Hao Yang","products.official.website.introduction.paragraph54":"Dynamische Hinweise","research.all.the.articles.name72":"Chuan Hu","research.taobaoInteractiveGame.caseStudies":"Praktische Fälle","products.official.website.introduction.paragraph51":"Lange Texte werden in punktuelle Kurzsätze aufgeteilt; Zahlen werden bevorzugt anstelle von Wörtern verwendet (z. B. «15 ungelesene» statt «Sie haben fünfzehn ungelesene Nachrichten»).","products.official.website.introduction.paragraph52":"Begriffseinheitlichkeit","products.official.website.introduction.paragraph50":"Strukturierte Darstellung","research.design.principles":"Entwurfsprinzipien","products.official.website.introduction.paragraph70":"Mittelgewicht (nicht modal)","research.color.code.implementation.excerpt":"Farbcodierungsumsetzung (Auszug)","careers.internJob2Location":"Hangzhou","products.official.website.introduction.paragraph68":"Leichtgewicht (ohne Unterbrechung)","products.official.website.introduction.paragraph69":": Nachricht. Dient zur sofortigen Statusrückmeldung nach einer Operation und verschwindet automatisch (z. B. „Speichern erfolgreich“).","products.official.website.introduction.paragraph66":"Graduierte interaktive Rückmeldung","research.note.the.design.to":"Hinweis: Der Ansatz zur Codeumwandlung und zur Generierung von Zuordnungsschemata im Rahmen von Design-to-Code (D2C) gilt einheitlich für alle Wissensobjekttypen. Abweichungen bestehen lediglich in der Vorlagenstruktur entsprechend der Objektkategorie und werden in den nachfolgenden Abschnitten nicht erneut erwähnt.","products.official.website.introduction.paragraph67":"Das Feedback-Komponente passt sich an die Betriebsrisikostufe und den asynchronen Zustand an und verbietet Aufrufe über mehrere Stufen hinweg:","careers.socialJob5Location":"Hangzhou","products.official.website.introduction.paragraph64":"Komponenten- und Interaktions-AI-Strukturierung","careers.socialJob3Desc":"Verantwortlich für die Untersuchung wichtiger Nutzerprodukte auf Taobao (wie Startseitenempfehlungen, Fragen, Bewertungen und Kaufmöglichkeiten), einschließlich Analysen zu Shopping-Anleitungen, Nutzererfahrungen, Wahrnehmung der Zielgruppe und Steigerung der Conversion-Rate. Durch Monitoring und spezifische Studien identifiziert man zentrale Nutzerprobleme sowie Potenziale für Verbesserungen und Optimierungen, um die Nutzererfahrung zu steigern und die allgemeine Produktwettbewerbsfähigkeit sowie die Nutzerbindung von Taobao zu erhöhen. Zudem ist in der Lage, erfahrungsbezogene Projekte teams- und abteilungsübergreifend zu integrieren und voranzutreiben.","products.official.website.introduction.paragraph65":"Komponenten sind die grundlegenden Einheiten der Benutzeroberfläche. Am Beispiel der Button-Komponente wird erläutert, wie traditionelle Komponentendokumentationen in eine Struktur umgewandelt werden können, die von KI direkt aufgerufen werden kann.","products.official.website.introduction.paragraph62":"Harte Bindung","products.official.website.introduction.paragraph63":"Es ist verboten, andere Karten innerhalb einer Karte zu verschachteln; es ist verboten, am unteren Rand leere Bereiche zu belassen, um das Raster auszurichten; Inhalte desselben Typs müssen in einem einzigen Container zusammengefasst werden; die Höhe des Containers richtet sich nach dem Inhalt; eine obligatorische Ausrichtung auf das Raster ist nicht vorgeschrieben.","products.official.website.introduction.paragraph60":"Kartenstil","products.official.website.introduction.paragraph61":"Geeignet für einzelne Module wie Datenindikatorkarten und Tool-Sets. Verwenden Sie einen 0,5 px starken Rahmen in #E4E6ED, eine leichte Schlagschatten-Effekt sowie abgerundete Ecken mit 6 px; beim Hover ändert sich die Rahmenfarbe in die Themefarbe.","home.award8Desc":"Hauptinteraktion zum Frühlingsfest 2025","products.official.website.introduction.paragraph80":"Die Spezifikation ordnet visuelle Parameter eindeutig den Code-Attributen zu, um zu vermeiden, dass Stil und Logik bei der KI-generierten Erstellung auseinanderfallen. Es wird eine einseitige Zuordnungstabelle erstellt, die Designparameter → CSS-Variablen → Komponenten-Props abbildet. Die KI kann diese Tabelle direkt lesen, um präzisen Komponentencode oder Designparameter zu generieren und so sicherzustellen, dass die visuelle Darstellung mit der Interaktionslogik übereinstimmt.","research.all.the.articles.name02":"Wei Jiang","products.official.website.introduction.paragraph81":"Szene","research.all.the.articles.name01":"Quan Zheng","research.all.the.articles.name04":"Xiaoyuan Gu","research.all.the.articles.name03":"Wenqi Yin","research.all.the.articles.name06":"Baoyu Qin","home.product3Title":"Designsystem","research.all.the.articles.name05":"Yufeng Duan","research.all.the.articles.name08":"Dong Chen","research.all.the.articles.name07":"Xiangle Tang","research.all.the.articles.name09":"Xiduo Luo","home.award5Title":"A'-Designpreis","footer.downloadSuccessful":"Download erfolgreich","products.official.website.introduction.paragraph79":"Struktur-, Stil- und Attributzuordnung","products.official.website.introduction.paragraph77":"Klare Definition und Verwendung von Grenzen","products.official.website.introduction.paragraph78":"Geben Sie direkt an, wozu die Komponente dient sowie in welchen Szenarien sie geeignet und in welchen nicht geeignet ist. Beispielsweise wird der Button verwendet, um geschäftliche Aktionen auszulösen (Absenden, Bestätigen, Batch-Verarbeitung) und eignet sich nicht für reine Darstellungen oder zur Anzeige von Navigationspfaden. Definieren Sie die Struktur in Zweck → Szenario → Ausschlussbedingungen, um KI die schnelle Entscheidung über den richtigen Einsatzzeitpunkt zu erleichtern.","products.official.website.introduction.paragraph75":": Warnung/Ergebnis. Wird für dauerhaft angezeigte Hinweise auf der Seite oder für globale Ergebnisanzeigen verwendet (z. B. Wartungshinweise oben, Zahlungserfolgsseite).","research.code.generation.agent.configuration":"Konfiguration des Codegenerierungsagents (Auszug)","products.official.website.introduction.paragraph76":"Komponentenstrukturierung","products.official.website.introduction.paragraph73":"Modal/Popconfirm. Wird für die Bestätigung wichtiger Aktionen oder für dringende Unterbrechungen verwendet (z. B. „Möchten Sie wirklich löschen?“).","products.official.website.introduction.paragraph74":"Seitenbasiert (persistierend)","products.official.website.introduction.paragraph71":"Benachrichtigung: Wird für Systembenachrichtigungen oder Hinweise auf den Abschluss asynchroner Aufgaben verwendet und muss vom Benutzer nachträglich überprüft werden (z. B. „Der Exportauftrag ist abgeschlossen“).","research.all.the.articles.name11":"Shu Liu","products.official.website.introduction.paragraph72":"Schwerlast (Modus/Blockierung)","research.all.the.articles.name10":"Yu Xiang","products.official.website.introduction.paragraph91":"Blockiert nicht standardmäßige Schriftgrößen (z. B. 13px), Farben (z. B. #123456) oder erfundene Komponentennamen und ersetzt sie automatisch durch den nächstgelegenen Standardwert.","research.all.the.articles.name13":"Daizong Liang","products.official.website.introduction.paragraph92":"Strukturtiefe überschreitet den zulässigen Wert","research.all.the.articles.name12":"Baoyu Qin","research.all.the.articles.name15":"Zhiwei Cui","products.official.website.introduction.paragraph90":"Gefälschte Komponenten/Token","research.all.the.articles.name14":"Han Yu","research.all.the.articles.name17":"Minlong Wu","research.all.the.articles.name16":"Jing Wang","research.all.the.articles.name19":"Qunjian Jie","research.all.the.articles.name18":"Yufeng Duan","products.official.website.introduction.paragraph88":"Liste der strengen AI-Vorgaben","research.component":"Komponente","products.official.website.introduction.paragraph89":"Um sicherzustellen, dass die generierten Ergebnisse den technischen Standards entsprechen, sind in den Vorschriften hochfrequente Regelverstöße eingebaut. Vor der Ausgabe führt die KI eine schrittweise Selbstprüfung durch; sobald die Grenzwerte überschritten werden, wird die Generierung abgebrochen und Korrekturvorschläge zurückgegeben.","products.official.website.introduction.paragraph86":"Direkt aufrufbarer Codeausschnitt","products.official.website.introduction.paragraph87":"Am Ende der Spezifikation werden Aufrufbeispiele für React und Low-Code-Plattformen bereitgestellt, einschließlich vollständiger Attributkonfigurationen und Layoutstrukturen. KI kann diese Fragmente direkt zur Generierung von Ausgangscode heranziehen oder als Kontexteingabe verwenden, um wiederholte Beschreibungen zu reduzieren.","products.official.website.introduction.paragraph84":"Zwingende Regeln und Einschränkungen","research.all.the.articles.name20":"Yuxia Sun","products.official.website.introduction.paragraph85":"Ein klar definierter Entscheidungsbaum: Mithilfe einer logischen Struktur aus Bedingungen und Ergebnissen kann die KI automatisch die richtige Anordnung entsprechend der aktuellen Situation auswählen, um zu vermeiden, dass Haupt- und Nebenfunktionen vertauscht oder die Layouts durcheinandergebracht werden. Die Richtlinien enthalten direkt unverzichtbare Regeln, die nicht verletzt werden dürfen. Beispiele hierfür sind: In einem einheitlichen Bedienbereich ist nur jeweils ein primärer Button zulässig; die Standardanordnung lautet «rechts primär, links sekundär» – der primäre Button befindet sich ganz rechts, und seine Wichtigkeit nimmt nach links hin ab. Ausnahmen von dieser Regel sind zulässig für folgende Szenarien: Eingänge zu Sekundärinformationseinheiten, häufig genutzte Funktionen in Tertiärinformationseinheiten sowie parallel angeordnete Werkzeugbereiche. Wenn die Anzahl der Buttons 4 überschreitet, müssen Operationen mit niedriger Priorität in Gruppen von Textbuttons zusammengefasst werden.","products.official.website.introduction.paragraph82":"Die B-Seiten-Oberfläche besteht in der Regel aus einer Kombination mehrerer Komponenten. Die Spezifikation ergänzt die Kombinationsweise für typische Geschäftsszenarien und bietet eine dreistufige Anweisungsvorlage in der Reihenfolge Szenario → Komponentenkombination → Layoutreihenfolge. Die KI versteht die logischen Zusammenhänge zwischen den Komponenten im tatsächlichen Geschäftsumfeld und ruft nicht isoliert einzelne Elemente auf.","research.all.the.articles.name22":"Liyuan Wu","research.human.ai.co.design":"Mensch-KI-Co-Design-Produktschnittstellen als aufkommender Arbeitsmodus","research.all.the.articles.name21":"Fan Feng","careers.socialJob7Date":"2026.02.24","home.research2Title":"Aufbau eines internen Design-Konsenses innerhalb des Teams, um Informationen in Marketing-Szenarien anschaulich darzustellen.","research.all.the.articles.name24":"Hui Zhao","research.all.the.articles.name23":"Songhui Huang","research.at.this.point.an":"An dieser Stelle vervollständigt ein integriertes Systempaket – das eine Wissensdatenbank für Designsystem-Spezifikationen mit einer Workflow-Engineering-Pipeline zur Schnittstellengenerierung kombiniert – den Aufbau von KI-freundlichem internem Schnittstellendesign-Wissen für Unternehmen. Es lässt sich flexibel in IDE-basierten Generierungsumgebungen sowie in Agentenmodus-Umgebungen in Designwerkzeugen einsetzen, entweder über MCP oder durch Kontextinjektion.","awards.all.the.articles.paragraph1":"Das Gesamtprojekt zur Markenkonzeption für den Tmall Double 11 2025 erhält die Goldmedaille des London Design Awards.","research.all.the.articles.name26":"Zhixiang Wu","awards.all.the.articles.paragraph2":"Preisurkunde, Pokal, Etikett","research.all.the.articles.name25":"Ben Zhang","awards.all.the.articles.paragraph3":"Projektpräsentation","research.all.the.articles.name28":"Yu Zhou","research.design.system.specification.title1":"Der vollständige Generierungsprozess lautet wie folgt:","awards.all.the.articles.paragraph4":"Informationen zur Preisverleihung abrufen","research.all.the.articles.name27":"Yutao Yang","research.design.system.specification.title2":"Benutzer gibt Anforderungen in natürlicher Sprache ein","awards.all.the.articles.paragraph5":"Werktitel: Gesamtkonzept für Marken bei Tmall Double 11 2025","awards.all.the.articles.paragraph6":"Designteam: Taobao Design","research.all.the.articles.name29":"Youtao Wang","awards.all.the.articles.paragraph7":"Wettbewerbskategorie: Kommunikationsdesign – Veranstaltung/Werbung","research.design.system.specification.title5":"Zum Wissenssuchagenten wechseln","awards.all.the.articles.paragraph8":"Beschreibung des Designprojekts:","research.design.system.specification.title6":"Durch RAG werden aus den Spezifikationen des externen Plug-in-Designsystems auf Anfrage kontextbezogene Informationen abgerufen, die eng mit der aktuellen Absicht verbunden sind.","awards.all.the.articles.paragraph9":"Vor dem Hintergrund verschärfter Wettbewerbsbedingungen im E-Commerce und der fortschreitenden Verbesserung des Konsumerlebnisses trägt der Tmall Double 11 2025 die doppelte Mission, die Markenpräsenz fortzuführen und gleichzeitig neue Innovationshorizonte zu erschließen. Die zentrale Gestaltungsstrategie konzentriert sich auf die Einheitlichkeit der Markenwahrnehmung und die Harmonisierung des Verbrauchererlebnisses. Erstmals wird dabei auch die visuelle Darstellung von Tmall und Taobao in den Key Visuals einheitlich gestaltet – mit dem Ziel, den Verbrauchern in unterschiedlichen Kontexten unmittelbar die Atmosphäre des Double 11 zu vermitteln. Das Hauptvisual behält die Tonalität «bunt, durchsichtig und jugendlich» bei und setzt den Katzenkopf, der in dekonstruierte geometrische Formen in allen Farbtönen zerlegt ist, vor einem rot strahlenförmig verlaufenden Farbverlaufshintergrund. Ergänzt durch divergierende Elemente wie Einkaufstaschen im Vordergrund schafft es eine lebendige und begeisterte Atmosphäre. Die Bildkomposition gliedert sich in drei klar voneinander abgesetzte Ebenen: eine zentrale Ebene, die Botschaften prägnant vermittelt; eine flexible Ebene mit visuellen Elementen, die sich flexibel an verschiedene Geschäftsbereiche anpassen lässt; sowie eine nach vorne strahlende «Visuelle Hammer»-Ebene, die das Markenimage nachhaltig stärkt und festigt. Diese einheitliche visuelle Sprache zieht sich durch alle Kanäle – von Pressekonferenzen über Werbekampagnen und App-Transaktionen bis hin zu Unternehmensbereichen – und sorgt für einen kohärenten Auftritt, der die Reichweite und Wirkung der Marke erheblich steigert.","careers.socialJob4Desc":"Beteiligung an der Produktgestaltung für Funktionen wie Mitgliederbindung in Taobao-Shops, Händler-Arbeitsplatz und Anwendung von KI-Tools; Verantwortung für die gesamte Arbeitsabwicklung – von der Geschäftsanbindung über Strategieentwicklung, Designkonzeption, Lösungsausarbeitung und Umsetzung bis hin zur Datenerfassung. Fähigkeit, Informationsarchitektur zu strukturieren, Stilrichtungen festzulegen, visuelle Schnittstellen zu erstellen sowie Komponentenstandards zu definieren. Fundiertes ganzheitliches Verständnis und Urteilsvermögen hinsichtlich des Geschäfts; Fähigkeit, gemeinsam mit Teams aus den Bereichen Business, Nutzerforschung und Entwicklung entlang der Wertschöpfungskette Design-Chancen zu identifizieren und durch tiefgreifende Zusammenarbeit Mehrwert zu schaffen.","research.design.system.specification.title3":"Intelligentes Agentenmodul zur Erkennung von Eingabeabsichten","research.design.system.specification.title4":"Die unscharfen Anforderungen werden zu klar formulierten Designzielen ausgebaut, die vom System verstanden werden können; es wird eine strukturierte Anforderungsbeschreibung erstellt, die als Randbedingungen für nachfolgende Entscheidungen dient.","research.design.system.specification.title9":"Zum Codegenerierungs-Intelligenten Agent wechseln","research.design.system.specification.title7":"Zum intelligenten Agenten für die Entwurfsplanung wechseln","research.design.system.specification.title8":"Unter Berücksichtigung der Randbedingungen werden die abgerufenen normativen Kontexte ausgewählt, kombiniert und gefüllt, um ein Zwischenzustandsdatenschema Schema* zu erzeugen – ein strukturiertes Designkonzept, das die Struktur von Seiten, Komponenten, Stilen und Inhalten eindeutig beschreibt.","products.official.website.introduction.paragraph99":"Es sind ausschließlich Flex-Dokumentströme zulässig; CSS-Grid-, Table- und Float-Layouts sowie dynamische Einheiten wie vw, calc und Prozent sind deaktiviert; für Größenparameter müssen zwangsweise Pixelwerte verwendet werden.","products.official.website.introduction.paragraph97":"Automatische Ersetzung von Platzhaltertexten wie „Schaltfläche“ und „Beispieldaten“, Überprüfung der Zufälligkeit der Daten sowie deren Übereinstimmung mit dem branchenspezifischen Kontext.","products.official.website.introduction.paragraph98":"Layout-Untergrundbeschränkungen","research.extreme.emphasis.on.the":"{{bold}}Extreme Betonung des Hauptthemas{{/bold}} – Hebe zentrale Informationen hervor und schwäche bewusst sekundäre Elemente ab, um eine klare Hierarchie zu gewährleisten, in der Schlüsselelemente sofort erkennbar sind.","products.official.website.introduction.paragraph95":"Die Zahlen und Beträge werden zwingend rechtsbündig ausgerichtet; innerhalb eines einzelnen Moduls dürfen maximal drei Schriftgrößenarten verwendet werden; die Hierarchie der Überschriften erfolgt nach der Logik «Kern/Haupt/Unterstützend».","research.all.the.articles.name31":"Xuejun Xuan","products.official.website.introduction.paragraph96":"Inhaltverzerrung und Platzhalter","research.all.the.articles.name30":"Zhiyu Guo","bottom.link.title":"Verwandte Artikel","products.official.website.introduction.paragraph93":"Überprüfung der Einzigartigkeit des Primär-Buttons; bei zerstörerischen Operationen wie Löschen oder Leeren wird die Zuweisung einer Fehlerfarbe sowie eine zweite Bestätigungsmethode zwingend vorgeschrieben.","research.all.the.articles.name33":"Kexiao Chen","products.official.website.introduction.paragraph94":"Ausrichtungs- und Hierarchieverstöße","research.all.the.articles.name32":"Wei Qi","research.all.the.articles.name35":"Jia Huang","team.publish.a.book.paragraph19":"«Geschichten voller Geister: Augen, Mund und Magen», 2024","team.publish.a.book.paragraph9":"Warum Film?","research.all.the.articles.name34":"Keran Li","team.publish.a.book.paragraph8":"Jeden Winter seit 2016 erhält jeder Designer im Team von Taotian ein Geschenk. Die Ideen für diese Geschenke entstehen aus tiefgehenden Einblicken in die Arbeit und das Leben der Kollegen – etwa indem sie ihre jeweiligen Reiseziele als Neujahrskalender gestalten, Kollegen auf humorvolle Weise in Figuren berühmter historischer Gemälde verwandeln, jedem einzelnen Kollegen einen individuellen Pantone-Farbwert zuweisen, unsere beruflichen Lieblingsphrasen in einem mitreißenden Manga zusammenfassen oder die Traum-Kindershop-Idee aus unserer Kindheit in eine utopische Kleinstadt umsetzen... Diese Einsichten setzen sich Jahr für Jahr fort – bis wir 2022 begannen, etwas Neues auszuprobieren: einen Film zu drehen.","research.all.the.articles.name37":"Jie Zuo","team.publish.a.book.paragraph17":"«Auf Wiedersehen, Kitty – HelloKitty», 2023","team.publish.a.book.paragraph7":"Wenn du diesen Artikel liest, dauert die traditionelle jährliche Geschenkaktion von Taotian Design bereits das zehnte Jahr an.","research.all.the.articles.name36":"Xinping Liang","team.publish.a.book.paragraph18":"Dies ist unser erster Langfilm. Der Film versucht, die Handlung anhand eines stark genregeprägten Erzählkonzepts – des Zeitzyklus – zu strukturieren und schildert die Geschichte eines mittelalten Mannes, der in eine gescheiterte Ehe und finanzielle Schwierigkeiten geraten ist. Er schwebt am Rande von Familienverlust und Selbstverachtung, gerät dann jedoch unerwarteterweise in einen Zeitzyklus und vollzieht schließlich einen entscheidenden Wandel. Im ständigen Kreislauf der Zeit erkennt der Protagonist allmählich: Was man tatsächlich nicht entfliehen kann, ist nicht etwa die Zeit des Lebens selbst, sondern vielmehr die Verantwortung, die jeder Einzelne für seine eigenen Entscheidungen trägt. Wenn das Schicksal einem unzählige Gelegenheiten zum Neuanfang bietet, muss man endlich den Mut aufbringen, etwas zu verändern.","team.publish.a.book.paragraph6":"Jeder der Zeitzeugen in diesem Buch wird dir eine unmittelbare und authentische Antwort liefern.","research.all.the.articles.name39":"Yihan Mei","team.publish.a.book.paragraph15":"Jeden Herbst versammeln sich Produzenten und Regisseure mit dem Kernteam, um zu besprechen: «Was möchten wir dieses Jahr ausdrücken? Wenn wir anfangen, eine Geschichte zu schreiben, müssen wir uns zunächst klar darüber werden: Was möchtest du am allermeisten sagen?»","research.all.the.articles.name38":"Sirui Long","team.publish.a.book.paragraph16":"Ang Lee beschäftigt sich mit kulturellen Konflikten und der Unterdrückung der menschlichen Natur; Jia Zhangke widmet sich den individuellen Schicksalen inmitten historischer Umbrüche; Peter Chan schreibt häufig über die Trennungen zwischen Menschen; Yasujiro Ozu konfrontiert uns direkt mit den Brüchen innerhalb von Familien; die Coen-Brüder zeichnen Absurdität und Schicksal, Chaos und Sinnlosigkeit. Ob es um Einsichten in die menschliche Natur, die Komplexität menschlicher Beziehungen oder um gesellschaftlich größere Themen geht – all dies bildet den Kern der Drehbücher und entspringt zugleich dem ursprünglichsten Antrieb der Schöpfer. Und wir?","team.publish.a.book.paragraph13":"Deshalb drehen wir Filme. Hinter der Kamera lernen wir uns neu kennen, erzählen in Filmen unsere eigene Selbstausdrucksweise neu – von individueller Kreation bis hin zur gemeinsamen Betrachtung im Kollektiv, sodass eine Gruppe gemeinsam eine bestimmte Zeit erlebt.","team.publish.a.book.paragraph14":"Worauf deuten wir hin?","team.publish.a.book.paragraph11":"Der Film ist eine Erweiterung des Lebens – diese ganzheitliche Kunst erfordert von den Schöpfern eine Einheit von visuellem und auditivem Ausdruck, Erzählweise und Emotionen sowie eine hohe Konsequenz in der künstlerischen Ausdrucksweise. Damit ein Film fesselnd wirkt, müssen alle Szenen und kreativen Elemente sorgfältig und aufrichtig gestaltet sein. Ist das, was du schaffst, wirklich das, was du aus tiefstem Herzen ausdrücken möchtest? Und drückst du tatsächlich weiterhin ehrlich und ständig Fragen über das Leben aus? Selbst im Zeitalter der KI bleibt der Ausdruck der ursprünglichste menschliche Bedarf. Es ist die Aufgabe eines Gestalters, seine Wahrnehmung des Lebens und seine Fragestellungen niemals ruhen zu lassen und stets weiterzuentwickeln.","team.publish.a.book.paragraph12":"Noch entscheidender ist, dass ein Film Dutzende von Berufsfeldern erfordert – es handelt sich somit um die am stärksten industrialisierte Kunstform. Der Drehprozess, an dem Hunderte von Menschen zusammenarbeiten, ermöglicht es dem Team, eine umfassende Zusammenarbeit in simulierter Form zu erleben. Zudem können wir in einem experimentellen Film auf künstlerische Weise untersuchen, wie sich hochmoderne Technologien aus dem Bereich der Wissenschaft und Technologie miteinander verbinden lassen.","team.publish.a.book.paragraph10":"Im Jahr 1895 erfanden die französischen Brüder Lumière den Cinématographen, und damit begann die Geschichte des Weltkinos. Die von ihnen geschaffenen und gedrehten Filme nahmen und dokumentierten auf authentische Weise Momentaufnahmen aus dem realen Leben, sodass die Menschen das echte Leben um sie herum und vertraute Menschen in ihrem Alltag zu sehen bekamen.","research.shopping.guide.case.mapping":"Shopping-Guide-Fall-Mapping-Schema (Auszug)","team.publish.a.book.paragraph1":"Die Erfahrungen und Praktiken von Taobao-Design im realen Geschäft komprimiert darstellen,","research.all.the.articles.name40":"Jiahong Wu","research.all.the.articles.name42":"Zhining Wang","team.publish.a.book.paragraph5":"Wenn du dich gerade mit dem täglichen Lernen im Bereich Experience Design, dem Bewerbungsprozess bei großen Unternehmen oder der Entscheidung über deine berufliche Zukunft beschäftigst …","research.all.the.articles.name41":"Shunan He","team.publish.a.book.paragraph4":"Welchen Sprung und welche Weiterentwicklung durchläuft das Design Thinking in der KI-Ära?","research.all.the.articles.name44":"Junchao Ye","team.publish.a.book.paragraph3":"Welche gestalterischen Fähigkeiten sind erforderlich, um reale Arbeitsumgebungen aus der praktischen Arbeit an vorderster Front authentisch wiederzugeben?","research.all.the.articles.name43":"Yujia Wang","team.publish.a.book.paragraph2":"Wir erweitern ständig die Grenzen des Designs und konzentrieren uns stärker auf Tiefe und Wert des Designs.","team.publish.a.book.paragraph28":"Modulare Aufgabenteilung im Team","team.publish.a.book.paragraph29":"In der Vorbereitungsphase stehen vor allem die Weltanschauung und die Drehbuchentwicklung im Mittelpunkt. Wir führen Drehbuchbesprechungen durch, in denen mehrere Themen geordnet und ausgewählt werden; während dieser Phase treffen die Produktionsfirma und der Produzent wichtige Entscheidungen. Die Kernmitarbeiter wählen die Darsteller aus und identifizieren Studierende aus dem Design-Team, die gut zu den jeweiligen Rollen passen. Da die Drehorte auf die Region um Hangzhou beschränkt sind, finden bereits während der Drehbuchbesprechung parallel dazu Ortsbegehungen für die Ausstattung statt – die Gestaltung der Schauplätze und die Art und Weise, wie die Handlung abläuft, sind eng miteinander verknüpft. Die mittlere Produktionsphase, die Dreharbeiten, ist die intensivste Phase: Der Regisseur erstellt täglich Storyboards, und die Mitarbeiter für Kamera, Licht, Requisiten, Bühnenbetrieb, Schauspieler und Inszenierung arbeiten eng mit diesen Storyboards zusammen, um jede einzelne Szene umzusetzen. In der abschließenden Postproduktion setzen wir zahlreiche visuelle Effekte, Sounddesign, Mischung und Farbkorrektur ein und integrieren auch KI-gestützte Videotechnologien. In dieser Phase entstehen außerdem das künstlerische Design des Films, Plakate, Einladungen, Werbematerialien sowie Merchandise-Geschenke.","careers.socialJob11Team":"Taotian Group (Alimama)","products.aiagent.title3":"Spezialaufgabe auswählen","team.publish.a.book.paragraph26":"Das Besondere am Filmemachen liegt gerade darin, dass es stets unter strengen Einschränkungen hinsichtlich Zeit, Budget und realistischer Bedingungen stattfindet. Die Schöpfer müssen ihre Vorstellungskraft ständig anstrengen, um präzisere, einzigartigere und kreativere Wege zu finden, künstlerische Herausforderungen zu bewältigen und innovative, stilistisch geprägte Ausdrucksformen zu entdecken. Und genau das ist auch das Faszinierendste an der künstlerischen Schaffung.","products.aiagent.title4":"Unterstützung für multimodale Eingaben und freie Frage-Antwort-Interaktion","research.enter.interface.generation.instructions":"Geben Sie Schnittstellengenerierungsanweisungen in natürlicher Sprache ein","team.publish.a.book.paragraph27":"Wir optimieren den Veröffentlichungsprozess für industriell gefertigte Filme und schaffen so ein kompaktes Team, das dennoch alle wesentlichen Funktionen abdeckt. Mit einem Gesamtproduktionszeitraum von nur etwas mehr als drei Monaten – beginnend mit der Vorbereitung Ende Oktober jedes Jahres – durchlaufen wir folgende Schritte bei der Entstehung unseres Films.","products.aiagent.title1":"TDA (Taobao Design Agent) ist ein integrierter, KI-gestützter Design-Agent und virtueller Experte auf Unternehmensebene, der speziell für das Taotian-Designteam entwickelt wurde. Aufbauend auf dem gesammelten Designwissen, den Methoden und der Erfahrung des Teams unterstützt TDA User Experience Designer während des gesamten Arbeitsprozesses – von der Analyse bis zur Bereitstellung der Lösung. Seine Fähigkeiten umfassen eine breite Palette von Aufgaben, darunter freie Frage-Antwort-Interaktionen, Nutzerforschungsanalysen, Wettbewerbsanalysen und Fallstudien, Spezifikationsanfragen, Strategieentwicklung, Schnittstellengenerierung, Designüberprüfungen und Usability-Tests. Die wesentlichen Unterscheidungsmerkmale von TDA liegen in seiner unternehmensspezifischen privaten Design-Wissensbasis, seinen Multi-Task-Unteragenten-Funktionen sowie in seiner kontinuierlichen Weiterentwicklung, die durch das große Sprachmodell Tongyi Qianwen ermöglicht wird. Derzeit dient TDA hauptsächlich Nutzern aus dem Taotian-Designteam und kooperierenden Bildungseinrichtungen.","team.publish.a.book.paragraph24":"Dies ist ein krimineller Film mit schwarzem Humor, der von einem Autor geprägt ist. Im Mittelpunkt des Films steht der Machtkampf um den verwaisten Nachkommen eines japanischen Yakuza-Chefs in China – ein versehentliches Entführungsverbrechen und ein plötzlicher Autounfall sorgen dafür, dass sich die wahren und falschen Protagonisten in der Erzählung auf raffinierte Weise gegenseitig ablösen und die Wahrheit hinter dieser Geschichte ständig neu geschrieben wird, während zahlreiche Machtgruppen sie verfolgen. Identität, Schicksal und Erzählung verschlingen sich miteinander – ganz wie das Netzwerk, das unsere heutige Welt bildet, ständig benannt, ersetzt oder ausgenutzt wird. Wann befinden wir uns selbst mitten im Geschehen, und wann stehen wir außerhalb, um all dies zu beobachten?","products.aiagent.title2":"Startseite","team.publish.a.book.paragraph25":"Wie kreieren wir?","products.aiagent.title7":"Fallansicht","team.publish.a.book.paragraph22":"Die drei Kurzfilme unterscheiden sich in ihrem Stil, stehen jedoch alle im Zentrum eines gemeinsamen Kernthemas: Wie findet der Mensch seinen Platz zwischen Realität und Illusion, wenn er mit Unbekanntem, Einsamkeit oder Unterdrückung in der Gesellschaft konfrontiert wird?","products.aiagent.title8":"Wissensdatenbank-Backend","team.publish.a.book.paragraph23":"«Außenseiter – Ich werde überleben», 2025","footer.downloadAndScanWithWeChat":"Herunterladen und mit WeChat scannen","header.careers":"Rekrutierung","products.aiagent.title5":"Forschungsanalyse","team.publish.a.book.paragraph20":"Der Film ist eine dreiteilige Kurzfilm-Anthologie, bestehend aus drei voneinander unabhängigen Geschichten, die jedoch in ihrem Charakter aufeinander eingehen. Jede Geschichte verwischt die Grenzen zwischen Realität und Fantasie und untersucht die Grenzbereiche von Menschlichkeit, Erinnerung und Existenz.","products.aiagent.title6":"Normierte Abfrage","team.publish.a.book.paragraph21":"Die erste Episode, «Der Mensch auf dem künstlichen Hügel», wird in Form eines pseudo-dokumentarischen Films präsentiert und begleitet eine Gruppe von Reisenden, die auf der Suche nach einem Medium sind. Erst am Ende der Reise verlagert sich der Blickpunkt ins Off-Bild, und erst jetzt wird dem Zuschauer bewusst, dass er selbst jener Geist ist, den die Reisenden so verzweifelt suchen. Die zweite Episode, «Stein·Granatapfel», ist ein psychologischer Thriller, der Angst und Machtverzerrung in Zeiten des Internets thematisiert: Eine taubstumme junge Frau gerät unter den Druck von Kapitalstrukturen und Datenflüssen und nutzt künstliche Intelligenz, um ihre Fantasien in die Realität umzusetzen – doch allmählich versinkt sie immer tiefer in Halluzinationen und Gewalt. Die dritte Episode, «Sonnenschein», ist eine herzerwärmende Fantasy-Geschichte: An Silvester begegnet die verstorbene Mutter für kurze Zeit der besten Freundin ihrer Tochter, die als Geist in ihr eintaucht, um in der begrenzten Zeit wieder in die Familie zurückzukehren und zu versuchen, ihre Tochter zu beruhigen, die in einer Gesellschaft voller Einsamkeit und Depression keinen Halt findet.","products.aiagent.title9":"Wissensspektrum-Zweige hinzufügen","research.taobaoInteractiveGame.motionGraph":"Atlas für interaktive Spielbewegungseffekte","home.joinUsTitle":"Schließen Sie sich uns an\nGestalten Sie noch bessere Designs","research.all.the.articles.paragraph122":"Authentizität: Die Materialien der generierten Objekte sollten den Gesetzen der Realität entsprechen.","research.all.the.articles.paragraph121":"Diese Abweichungen können zu Fehlern bei der Erzeugung von Bildern durch KI führen und erschweren es, Details der realen Welt präzise nachzuahmen.","research.all.the.articles.paragraph120":"Künstliche Intelligenz-Modelle selbst weisen Bias auf und neigen bei der Erzeugung von Texturen dazu, bestimmte Stile oder Merkmale leichter nachzuahmen. Wenn ein Modell beispielsweise lernt, Landschaftsbilder zu erzeugen, und dabei tendenziell Bilder mit blauem Himmel und weißen Wolken generiert, könnten die Ergebnisse an Vielfalt mangeln und lediglich bestimmte Perspektiven oder Vorurteile aus den Trainingsdaten widerspiegeln.","research.all.the.articles.paragraph126":"Rauhe Textur: Die Oberfläche ist uneben, Licht wird leicht gestreut und erzeugt einen sanften Effekt – typisch für Materialien wie Holz oder Zement.","research.all.the.articles.paragraph125":"Glatter Textur: Die Oberfläche ist glatt, reflektiert das Licht leicht und erzeugt einen glänzenden Effekt – typisch für Materialien wie Metall oder Glas.","research.all.the.articles.paragraph124":"In der realen Welt weisen Materialien zahlreiche unterschiedliche Texturen auf; diese Unterschiede machen Objekte optisch realistischer und lebendiger. Zu den gängigen Texturentypen gehören die folgenden fünf:","research.all.the.articles.paragraph123":"Materialeffekte: Die Materialeffekte und deren Zuordnungen müssen den realen Materialeffekten entsprechen, um Materialanomalien zu vermeiden. In E-Commerce-Szenarien können angemessene Materialien die Realitätsnähe und Objektivität der generierten Bilder erhöhen. Materialien können physikalische Eigenschaften und Beschaffenheitsmerkmale von Objekten vermitteln; Objekte sollten den jeweils passenden Materialien entsprechen – beispielsweise Umgebungsbeschaffenheiten (Simulation natürlicher Umgebungen und Lichtverhältnisse) oder Hautbeschaffenheiten menschlicher Modelle (Darstellung von Materialität und Details). Es gilt, Materialanomalien zu vermeiden, die zu unnatürlichen oder ungenauen visuellen Darstellungen führen könnten.","research.all.the.articles.paragraph129":"Harte Beschaffenheit: Verleiht ein hartes und solides Gefühl, etwa bei Materialien wie Stein oder Stahl.","footer.sloganTechnology":"Technik","research.all.the.articles.paragraph128":"Weiche Textur: Verleiht ein weiches und angenehmes Gefühl, ähnlich wie Materialien wie Baumwolle oder Seide.","research.all.the.articles.paragraph127":"Transparente Textur: Lichtdurchlässig, mit einem klaren, durchsichtigen Effekt, ähnlich wie bei Materialien wie Wasser oder Glas.","team.publish.a.book.paragraph39":"Das Drehbuch legt den Schwerpunkt auf die Geschichte selbst – auf die Entwicklung der Handlung, die Dialoge der Figuren, die Motivationen und Beziehungen der Charaktere sowie auf eine durchdachte Logik. Das Storyboard wird die Geschichte erneut strukturieren und die Inhalte des Drehbuchs auf audiovisuelle Weise neu zerlegen und gestalten.","team.publish.a.book.paragraph37":"In der Vorbereitungsphase stehen vor allem die Weltanschauung und die Drehbuchentwicklung im Mittelpunkt. Wir führen Drehbuchbesprechungen durch, in denen mehrere Themen geordnet und ausgewählt werden; während dieser Phase treffen Produzenten und Produktionsleiter wichtige Entscheidungen. Die Kerncrew wählt die Darsteller aus und identifiziert Studierende aus dem Design-Team, die gut zu den jeweiligen Rollen passen. Da die Drehorte auf die Region um Hangzhou beschränkt sind, erfolgt bereits in der Drehbuchbesprechungsphase parallel dazu die künstlerische Standortrecherche – die Gestaltung der Schauplätze und die Art und Weise, wie die Handlung abläuft, sind eng miteinander verknüpft. Die mittlere Produktionsphase, die Dreharbeiten, ist die intensivste Phase: Der Regisseur erstellt täglich Storyboards, und die für Kamera, Licht, Requisiten, Bühnenmanagement, Schauspieler sowie Inszenierung zuständigen Mitarbeiter setzen diese Storyboards konsequent um, um jede einzelne Szene umzusetzen. In der abschließenden Postproduktion nutzen wir zahlreiche visuelle Effekte, Sounddesign, Mischung und Farbkorrektur sowie innovative KI-Technologien für Videos. Auch das Kunstwerk des Films, Plakate, Einladungen, Werbematerialien und Merchandise-Geschenke werden in dieser Phase fertiggestellt.","team.publish.a.book.paragraph38":"Von der Drehbuchschreibung bis zum Storyboard","team.publish.a.book.paragraph35":"Wir optimieren den Veröffentlichungsprozess für industriell gefertigte Filme und schaffen so ein kompaktes Team, das dennoch alle wesentlichen Funktionen abdeckt. Mit einem Gesamtproduktionszeitraum von nur etwas mehr als drei Monaten – beginnend mit der Vorbereitung Ende Oktober jedes Jahres – durchlaufen wir folgende Schritte während der Filmproduktion.","team.publish.a.book.paragraph36":"Modulare Arbeitsteilung im Team","team.publish.a.book.paragraph33":"Wie kreieren wir?","team.publish.a.book.paragraph34":"Das Besondere am Filmemachen liegt gerade darin, dass es stets unter strengen Einschränkungen hinsichtlich Zeit, Budget und realistischer Bedingungen stattfindet. Die Schöpfer müssen ihre Vorstellungskraft ständig anstrengen, um präzisere, einzigartigere und kreativere Wege zu finden, künstlerische Herausforderungen zu bewältigen und innovative, stilistisch geprägte Ausdrucksformen zu entdecken. Und genau das ist auch das Faszinierendste an der künstlerischen Schaffung.","team.publish.a.book.paragraph31":"Das Drehbuch legt den Schwerpunkt auf die Geschichte selbst, auf die Entwicklung der Handlung, die Dialoge der Figuren, die Motive und Beziehungen der Charaktere sowie auf eine durchdachte Logik. Das Storyboard wird die Geschichte erneut strukturieren und die Inhalte des Drehbuchs auf audiovisuelle Weise neu aufgliedern und gestalten.","team.publish.a.book.paragraph32":"Geschichtsgestaltung bei der Fortführung des Drehbuchs von «Der Fremde»","team.publish.a.book.paragraph30":"Von der Drehbuchschreibung bis zum Storyboard","careers.socialJob10Years":"3 Jahre","research.all.the.articles.paragraph111":"Hell-Dunkel-Beziehung: Die Farben der Produkte müssen mit denen der Umgebung übereinstimmen, und das Hauptmotiv sollte gut zur Szene passen. In den von KI generierten Produktbildern beeinflussen helle und dunkle Farbtöne durch ihre Verteilung im Bild sowie durch die Betonung von Lichtpunkten und Schatten das Gesamtbild und die Atmosphäre. In der Ästhetik der generierten Bilder ist es wichtig, eine einheitliche Abstimmung zwischen hellen und dunklen Tönen sowohl beim Hauptmotiv als auch im Hintergrund zu gewährleisten, um eine aufgespaltete Hell-Dunkel-Relation zu vermeiden. Hell getönte Bilder schaffen häufig eine klare und entspannte Atmosphäre, eignen sich gut zur Darstellung positiver und lebhafter Gefühle, helfen, Details hervorzuheben, machen Objekttexturen und -formen deutlicher erkennbar und erzeugen einen luftigen, transparenten Eindruck. Dunkel getönte Bilder hingegen vermitteln ein ruhiges und geheimnisvolles Gefühl und sind ideal für ernste Produktthemen. Ihr Vorteil liegt darin, dass sie Schattenpartien besonders betonen, hohe Kontraste und Tiefe erzeugen sowie die Farbsättigung verstärken können und in bestimmten Situationen einen starken visuellen Eindruck hinterlassen. Auf Basis des Verständnisses für unterschiedliche Hell-Dunkel-Töne sollte man sorgfältig beurteilen, ob die Hell-Dunkel-Relation in den KI-generierten Bildern stimmig ist, um so den gewünschten visuellen Effekt für die Produktbilder zu erzielen.","research.taobaoInteractiveGame.uiGraph":"Interaktiver Spiel-UI-Atlas","research.all.the.articles.paragraph115":"Datenverzerrung","research.all.the.articles.paragraph114":"In der ästhetischen Gestaltung von KI-generierten Bildern sollten passende Farbtöne entsprechend den Produktmerkmalen ausgewählt und die kühle/warme Beziehung zwischen Hauptmotiv und Hintergrund harmonisch abgestimmt werden, um die gewünschten Emotionen und die Atmosphäre effektiv zu vermitteln. KI-generierte Bilder basieren in der Regel auf Trainingsdaten, die aus einer großen Anzahl realer Bilder stammen; aufgrund von Unvollständigkeiten bei Datenerfassung, Modellauswahl und menschlicher Annotationen können die Trainingsresultate jedoch folgende Abweichungen aufweisen.","research.all.the.articles.paragraph113":"Textur","research.all.the.articles.paragraph112":"Kalt-warm-Verhältnis: Das kalt-warme Verhältnis der Farben im Bild muss ausgewogen sein. In KI-generierten Produktbildern für den E-Commerce bezieht sich das kalt-warme Verhältnis auf die dominierende Verteilung der Farben im Bild. Die Produktbilder müssen sicherstellen, dass das gesamte Farbspektrum harmonisch kalt oder warm ist, um ein abgetrenntes Erscheinungsbild zu vermeiden. Kalte Farbtöne vermitteln häufig eine ruhige Stimmung und eignen sich gut für kaltes Wetter oder kühle Atmosphären; ihre Fähigkeit, Distanz zu erzeugen, kann die Tiefenwirkung zwischen Vordergrund und Hintergrund verstärken und so effektiv einen tiefen und räumlichen Eindruck erzeugen – sie passen besonders gut zu Produkten mit einem Thema der Besinnung oder Ruhe. Warme Farbtöne hingegen vermitteln oft Wärme und Lebendigkeit, ziehen leichter die Aufmerksamkeit des Betrachters auf sich und eignen sich gut, um das Hauptthema hervorzuheben oder die visuelle Attraktivität zu steigern. Bei menschlichen Modellen wirken sie in der Regel sympathischer und sind daher ideal, um Leidenschaft und Vitalität auszudrücken.","research.all.the.articles.paragraph119":"Modellbias","research.all.the.articles.paragraph118":"Bei der Datenannotation können Fehler oder Ungenauigkeiten aufgrund subjektiver Faktoren entstehen. Wenn Objekte in Bildern falsch markiert werden, treten entsprechende Fehler auch bei von KI generierten Bildern auf.","research.all.the.articles.paragraph117":"Anmerkungsabweichung","footer.sloganFuturistic":"Zukunft","research.all.the.articles.paragraph116":"Die Trainingsdatensätze für KI-Modelle stammen größtenteils aus der realen Welt, und die reale Welt selbst weist bereits Verzerrungen auf. Zum Beispiel ist der Anteil weißer Menschen in der Realität höher; solche Verzerrungen übertragen sich auf die Trainingsdaten, sodass KI bei der Generierung von menschlichen Figuren eher weiße Menschen hervorbringt und andere Bevölkerungsgruppen oder Szenarien vernachlässigt.","team.publish.a.book.paragraph48":"Die Herstellung von Film-Accessoires stellt eine weitere physische Ausdrucksform der Geschichtenerzählung dar. Wenn die Geschichte fiktiv ist, was kann der Zuschauer dann mitnehmen?","team.publish.a.book.paragraph49":"In den drei Jahren, in denen wir Filme produziert haben, haben wir auch Merchandise-Produkte und Geschenke hergestellt, die auf interessanten oder entscheidenden Requisiten aus den Filmhandlungen basieren, um bei den Zuschauern vor Ort nostalgische Erinnerungen wachzurufen. So verwendete beispielsweise im ersten Jahr «Goodbye Kitty» den eisernen Essensbehälter aus dem Film – ein Gegenstand, der eng mit den Erinnerungen an die 1980er Jahre verbunden ist. Mit diesem Behälter wurde ein Kalender mit Dialogen der Figuren gefüllt: Wenn die Mitglieder des Teams den Behälter öffneten, entfaltete sich nicht nur die warmherzige Atmosphäre des Films, sondern auch lebendige Szenen und tiefe Lebensweisheiten, die man noch deutlich im Gedächtnis hatte. In «Ghost Stories» wiederum wurde der Dampfkorb für Fleischbrötchen aus der dritten Episode als Symbol für eine herzliche Wiedervereinigung interpretiert. Dass chinesische, typisch chinesische Gegenstände als Träger verwendet werden, bedarf kaum weiterer Erklärung – diese narrativen Träger bringen eine zusätzliche Bedeutungsebene mit sich, die über gewöhnliche Pappschachteln oder Geschenkboxen hinausgeht. Für «The Outsider» gestalteten wir ein Brettspiel mit Figuren, das Handlungsstränge und vielfältige Konflikte aus dem Film in die Regeln des klassischen Kinderspiels Fliegenpferd integrierte. Wenn alle nun mit diesem Fliegenpferd-Spiel ins neue Jahr starten, können sie gemeinsam mit Familie und Freunden neue Momente erleben.","team.publish.a.book.paragraph46":"Konzeptplakat für das Film-Design von «Geistergeschichten»","team.publish.a.book.paragraph47":"Konzeptplakat für das Film-Design von «Der Fremde»","team.publish.a.book.paragraph44":"Filmwerbung und Herstellung von Merchandise-Produkten","team.publish.a.book.paragraph45":"Obwohl es sich um einen Film für das interne Team handelt, haben wir dennoch die Erstellung und Veröffentlichung eines Konzeptplakats sowie eines offiziellen Kinoplakats beibehalten. Das Konzeptplakat zeichnet sich durch eine stärkere Autorenpersönlichkeit aus und veranschaulicht anhand von Szenen oder Bildern das ursprünglich intendierte Konzept des Films; das offizielle Plakat hingegen ist eher kommerziell ausgerichtet und dient während der Filmvorführung als Einstimmung für das Publikum, bevor es in die Handlung eintaucht.","team.publish.a.book.paragraph42":"Die Gestaltung von Film-Effekten erfolgt in der Postproduktionsphase, nach Abschluss der Dreharbeiten. Bei aufwendigen Aufnahmen planen Regie und Kameraführung bereits im Voraus die benötigten Greenscreen- oder Vor-Ort-Effekt-Materialien für die Effektgestaltung, die dann in der Nachbearbeitung gemeinsam umgesetzt werden – beispielsweise große Szenen mit Explosionen, Greenscreen-Compositing sowie die Zusammenstellung von Charakterpositionen.","team.publish.a.book.paragraph43":"Referenz für die visuelle Gestaltung von «Der Fremde»","team.publish.a.book.paragraph40":"Filmkunst","careers.internJob3Team":"Taotian-Gruppe","careers.socialJob6Date":"2026.02.24","team.publish.a.book.paragraph41":"Die Abteilung für Set-Design im Film gliedert sich hauptsächlich in zwei Hauptfunktionen: Umgebungsdesign und Charakterdesign. Das Umgebungsdesign greift bereits in der frühen Phase der Drehbuch- und Storyboard-Erstellung ein, wo der Art Director gemeinsam mit Regisseur und Drehbuchautor plant, wo und wann die Handlung stattfinden soll. Die Auswahl der Drehorte muss nicht nur den bildlichen Anforderungen der Handlung gerecht werden, sondern auch dem Regisseur genügend Raum für die dramaturgische Gestaltung und die Bewegung der Schauspieler bieten. Je nach Stimmung des Filmszenarios wird entschieden, zu welchem Zeitpunkt die Szenen aufgebaut und gestaltet werden. Das Charakterdesign tritt erst bei der Besetzung sowie während der konkreten Umsetzung der Storyboards hinzu und umfasst Kostümdesign und Charakterstyling. Der Look eines Charakters richtet sich nach dessen Persönlichkeit und seiner Rolle innerhalb der Handlung; auch die Herstellung und Beschaffung von Requisiten stellt einen wichtigen Übergang zur Authentizität von Charakter und Szene dar. So wurde beispielsweise beim männlichen Hauptcharakter von «Goodbye Kitty» durch das Design seines alten Jackens, seiner Fahrradwerkzeuge sowie durch die Darstellung seiner Freunde als sozial abgestoßene Jugendliche dessen Platz in der Gesellschaft visualisiert. In «Ghost Stories» wiederum wurde für die Figur Li Mo, einer gehörlosen und stummen Influencerin, eine ordentlich geschnittene rosa Kurzhaarfrisur entworfen, ergänzt durch Kopfhörer, die den Ton dämpfen – all dies sollte ihre innere Widersprüchlichkeit zum Ausdruck bringen. In «The Outsider» hingegen betonen die kontrastierenden Kleidungsstücke und Frisuren von Xiao Ju und Rin ko, wie sich ihre Identitäten nach der Verwandlung unterscheiden.","careers.title":"Position","research.all.the.articles.paragraph140":"Stilmodell","research.taobaoInteractiveGame.artGraphApplication":"Interaktiver Spielkunststil-Atlas in der Praxis","products.aiagent.title12":"Wissensbereinigung","research.all.the.articles.paragraph144":"382,0 MB","products.aiagent.title13":"Unterstützung mehrerer Formattypen","research.all.the.articles.paragraph143":"Gome x Alibaba – Ästhetische Richtlinien für Produkte","products.aiagent.title10":"Neues Wissen unter dem neuen Zweig","research.all.the.articles.paragraph142":"D20 Forum und Ausstellungsort","research.all.the.articles.paragraph141":"Szenenerzeugung","careers.socialJob1Location":"Hangzhou","careers.socialJob5Desc":"Verantwortlich für das Experience-Design in Schlüsselbranchen von Xianyu: Aufbau branchenspezifischer Handelserlebnisse und Geschäftsvalue-Ausdrücke, die auf den charakteristischen Merkmalen des jeweiligen Branchenhandels basieren, um zur Stärkung der Markenwahrnehmung in diesen Branchen beizutragen. Vertiefte Kenntnisse des Geschäftsbereichs, strategische Designansätze aus Nutzersicht, kombiniert mit Daten und Produktstrategien, um präzise Designlösungen zu entwickeln und so einen konkreten Beitrag zum Erreichen der Gesamtziele zu leisten. Konzentration auf Trends und Veränderungen im externen Umfeld, kontinuierliche Beobachtung und Analyse der Wettbewerber sowie die Fähigkeit, im Kontext von Xianyu noch bessere innovative Designs zu entwickeln.","careers.internJob3Years":"Praktikum","home.award7Title":"MUSE-Platinpreis & Berliner Designpreis-Goldmedaille","team.publish.a.book.paragraph59":"Dieser Workshop stellt eine aktive Erweiterung der Grenzen der Designausbildung dar und zielt darauf ab, die nächste Generation von Designinnovatoren zu formen, die mit Komplexität umgehen und zukünftige Erfahrungen prägen können. Die Struktur des Kurses zeigt eine ausgefeilte Verbindung zwischen strenger akademischer Ausbildung und fortschrittlicher branchenspezifischer Praxis.","home.award6Desc":"Gesamtkonzept für Marken bei Tmall Double 11 2025","team.publish.a.book.paragraph57":"Architekturebene (Framing the Intervention): Auf der Grundlage tiefgreifender Erkenntnisse leitet dieser Ansatz die Studierenden bei der Entwicklung eines Rahmenkonzepts für Erfahrungstrategien an. Dazu gehören die Definition zentraler Design-Prinzipien, die Planung eines Ökosystems von Service-Kontaktpunkten sowie die Festlegung von Messgrößen für Erfahrungen. Der Kurs legt besonderen Wert auf Logik, Kohärenz und Skalierbarkeit von Erfahrungen, um sicherzustellen, dass das Designkonzept keine isolierte Idee bleibt, sondern vielmehr als systematische Lösung in bestehende Geschäftsabläufe integriert werden kann und neue Werte schafft.","team.publish.a.book.paragraph58":"Validierungsebene (Nachweis des Wertes): Den Übergang vom Designkonzept hin zu einem nachweisbaren Wert fördern. Die Studierenden lernen, hochfidele interaktive Prototypen zu erstellen und mithilfe kontextualisierter Storyboards, datengestützter Simulationen sowie Nutzertests und -feedbacks die Usability, Akzeptanz und kommerzielle Tragfähigkeit ihrer Designlösungen vorab zu überprüfen – und damit den entscheidenden Schritt von der «Konzeptidee» zur «Wertannahme» zu vollziehen.","team.publish.a.book.paragraph55":"Mit den drei zentralen digitalen Geschäftsszenarien «Livestreaming, Mitgliedschaften und Interaktion» als tiefgreifenden Einstiegspunkt zielt die Gestaltung des Lehrinhalts darauf ab, über die traditionelle optische Aufwertung oder bloße Funktionserweiterung hinauszugehen und eine geschlossene Lehr- und Forschungskette aufzubauen, die «vom Phänomen zur Essenz und von der Strategie zur Validierung» führt. Die Gestaltung des Lehrinhalts gliedert sich in drei eng miteinander verbundene Ebenen:","footer.sloganCreative":"Kreativität","team.publish.a.book.paragraph56":"Einsichtsebene (Das System sehen): Die Schüler werden angeleitet, hinter die Oberfläche von Daten und Verhalten zu blicken und mithilfe von Instrumenten wie Nutzerreise-Karten, Analyse von Verhaltensmotiven und Business-Canvas systematisch die verflochtenen kognitiven Modellierungen der Nutzer, die Geschäftslogik der Plattform sowie die sozialen Interaktionsbeziehungen hinter jedem Szenario zu dekonstruieren. Beispielsweise wird in der «Livestream»-Szenario nicht nur die Klickrate der Interaktionsbuttons analysiert, sondern auch die kognitiven Mechanismen und emotionalen Zusammenhänge hinter dem Gefühl der «Immersion» und dem «sofortigen Konsumimpuls» erforscht.","home.research1Title":"Aufbau eines unternehmensinternen Designwissens zur Erzeugung von Produktschnittstellen, die den Vorschriften entsprechen.","products.aiagent.title14":"Jetzt ausprobieren","team.publish.a.book.paragraph53":"Wir wussten nie, wie lange eine Sache halten würde. In den vergangenen Jahren haben wir ein bildliches Archiv der gemeinsamen Entwicklung hinterlassen. Vielleicht werden wir in naher Zukunft unsere Visionen mit neuen künstlerischen Formen und technischen Möglichkeiten verwirklichen – doch eines wird sich nicht ändern: Wir werden weiterhin ausdrucksstark bleiben und nicht aufhören, das Leben aufrichtig zu hinterfragen. Diese Leidenschaft werden wir bewahren und all jene, die mit uns unterwegs sind, an unserer Seite zusammenhalten.","team.publish.a.book.paragraph54":"Kooperation zwischen Hochschule und Unternehmen: Guomei × Taobao Design","team.publish.a.book.paragraph51":"Geschenkbild für Filmserie","careers.socialJob3Title":"Senior User Research Specialist – Taobao","team.publish.a.book.paragraph52":"Nachwort","team.publish.a.book.paragraph50":"Geschenkbild für «Geistergeschichten in Folge»","research.all.the.articles.paragraph133":"Lichtbedingungen: Das Licht beeinflusst die Wiedergabe der Textur; unterschiedliche Lichtverhältnisse führen zu Veränderungen in der Wahrnehmung der Materialbeschaffenheit. Unter starkem Licht tritt die Textur deutlicher hervor, während sie unter schwachem Licht sanfter wirkt.","research.design.system.specification.paragraph":"Das Wissenssystem für Design-Systeme besteht aus zwei Arten von Wissensobjekten und drei Dateitypen. {{bold}}Die beiden Wissensobjekttypen gliedern sich in «Stile» und «Seiten»{{/bold}}, wobei die Stile wiederum in vier Kategorien unterteilt sind: Elemente, Layout, Komponenten und Assets. Jede dieser Wissensobjektkategorien enthält {{bold}}drei Dateitypen: semantische Regeln, Zuordnungsschemata und Codeimplementierungen{{/bold}}.","research.all.the.articles.paragraph132":"Oberflächentextur: Die Oberflächentextur ist eine wichtige Ausdrucksform der Beschaffenheit; unterschiedliche Texturen erzeugen verschiedene visuelle und haptische Empfindungen. Eine glatte Oberfläche vermittelt oft ein Gefühl von Glätte und Eleganz, während eine raue Oberfläche einen robusten und materiellen Eindruck hinterlässt.","research.all.the.articles.paragraph131":"Physikalische Eigenschaften: Verschiedene Materialien weisen unterschiedliche physikalische Eigenschaften auf (wie Dichte, Härte, Glanzgrad usw.). Die Form und Beschaffenheit eines Objekts stimmen mit seinem Standort und seiner Umgebung überein, um eine einheitliche Wahrnehmung zu gewährleisten. Beispielsweise sollte die Form eines Objekts auf einer ebenen Oberfläche glatt und symmetrisch sein; auf einer reliefartigen Oberfläche hingegen müssen Erhebungen oder Vertiefungen berücksichtigt werden, um sich optimal an die Umgebung anzupassen.","research.all.the.articles.paragraph130":"Bei der Textur, die realistischen Materialien entsprechen soll, sind folgende drei Aspekte zu berücksichtigen","research.all.the.articles.paragraph137":"Texturdetailgenauigkeit: Je näher der Texturanteil an 100 % liegt, desto vollständiger und genauer sind die Details im Texturbild.","research.all.the.articles.paragraph136":"Texturklarheit: Je näher der Texturanteil an 100 % liegt, desto klarer erscheint die Texturbildung auf der Oberfläche des Objekts.","research.all.the.articles.paragraph135":"Das Texturverhältnis beeinflusst folgende Aspekte der Textur des generierten Bildes","research.all.the.articles.paragraph134":"Materialverhältnis: Das Verhältnis zwischen dem Objekt und seiner Textur muss abgestimmt werden, um dem Betrachter zu helfen, eine korrekte Wahrnehmung der tatsächlichen Größe des Objekts zu entwickeln. Das Materialverhältnis der Textur bezieht sich auf das Verhältnis zwischen Breite und Höhe des Texturbilds und den Abmessungen der Oberfläche des Objekts. Eine korrekte Darstellung des Materialverhältnisses verleiht dem Objekt mehr Realismus und Natürlichkeit; ein zu kleines Verhältnis führt zum Verlust feinster Texturdetails, während ein zu großes Verhältnis zu einer Verzerrung der Textur führen kann.","research.using.color.as.an":"Am Beispiel der Farbe veranschaulicht die nachstehende Abbildung die Umwandlung von Designartefakten in die drei Dateitypen: semantische Regeln, Zuordnungsschemata und Codeimplementierungen.","research.all.the.articles.paragraph139":"Das harmonische Verhältnis der Textur eines Objekts spielt eine wichtige Rolle für das Gesamterscheinungsbild und die Wahrnehmung seiner Proportionen. Bei der Wahrnehmung von Objekten nutzt das menschliche visuelle System die Textur, um deren Größe zu beurteilen. Wenn beispielsweise die Holzmaserung des Holzbechers in der Abbildung fein ist, wird der Betrachter das Objekt als kleiner wahrnehmen; im Gegenteil, wenn die Holzmaserung des Bodens grob ist und nicht mit dem Texturverhältnis übereinstimmt, könnte der Betrachter eine falsche Vorstellung von der tatsächlichen Größe des Objekts erhalten. Das Verhältnis der Objekttextur ist ein entscheidender Faktor für die visuelle Wirkung; daher müssen die Materialverhältnisse der verschiedenen Objekte abgestimmt werden, damit sie den tatsächlichen Maßen entsprechen. In der praktischen Anwendung sollte die Darstellung des Texturverhältnisses je nach spezifischem Szenario und den jeweiligen Anforderungen festgelegt werden.","research.all.the.articles.paragraph138":"Texturvisuelle Wirkung: Je näher die Texturproportion an 100 % liegt, desto realistischer wirkt die Textur auf der Oberfläche des Objekts.","research.all.the.articles.name019":"Yujian Wen","research.all.the.articles.name018":"Yang Qian","careers.socialJob12Location":"Hangzhou","team.publish.a.book.paragraph68":"Mit zunehmender Komplexität und Homogenisierung von Produkten verlagert sich der Kern des Designs von «visueller Wettbewerbsfähigkeit» hin zu «erlebnisbestimmender Qualität» – in einer Zeit, in der Nutzer zahlreiche Auswahlmöglichkeiten haben, wird das Erlebnis selbst zum entscheidenden Unterschiedsfaktor. Angesichts eines fragmentierten Aufmerksamkeitsumfelds bleibt die Frage, «wie man Informationen auf einfachere, klarere und intuitivere Weise vermittelt», für Designer eine ständige Herausforderung.","team.publish.a.book.paragraph69":"In den vielfältigen Geschäftsszenarien von Taotian wird dieses Konzept in konkrete Praktiken umgesetzt:","research.all.the.articles.name011":"Yunfei Zheng","team.publish.a.book.paragraph66":"Diese Vorbereitung ist nicht nur eine Projektreflexion, sondern auch ein Perspektivenwechsel: von «Lernender» zu «angehender kommerzieller Designer», von der Schaffung eigenständiger Werke hin zu einer entscheidenden Rolle innerhalb der kommerziellen Wertschöpfungskette.","research.all.the.articles.name010":"Zongyan Huang","team.publish.a.book.paragraph67":"Aus der historischen Perspektive der Entwicklung des Designs zeigt Qi Wei die stetige, wechselseitige Symbiose zwischen Design und Technologie – von den Anfängen bei Xerox über die Weiterentwicklung durch Apple und Microsoft bis hin zur Gründung der ersten professionellen Designteams in China bei Kingsoft und Tencent. Dies markiert den Übergang des Internet-Designs von einer reinen «Optimierung der Benutzeroberfläche» zu einem systematischen und professionellen Ansatz.","research.all.the.articles.name013":"Zhengyang Shi","team.publish.a.book.paragraph64":"«Was bedeutet eigentlich Schönheit auf E-Commerce-Plattformen in der Ära der AIGC?», fragte Professor Zheng Chao bei seiner Rückblick-Überprüfung.","research.all.the.articles.name012":"Yijing Liu","team.publish.a.book.paragraph65":"Das Forschungsteam verzichtete auf die mechanische Bildbeschriftung und wandte sich stattdessen der Entwicklung eines ästhetischen Logiksystems zu, das von KI erlernt werden kann – von der Farbkomposition über die Beziehungen zwischen Elementen bis hin zur visuellen Erzählweise – und transformierte so subjektive Ästhetik in eine iterierbare algorithmische Sprache.","research.all.the.articles.name015":"Zhenyu Liao","team.publish.a.book.paragraph62":"Der Kern des Workshops besteht darin, dass die Teilnehmer nicht nur mit Interaktionsparadigmen und visueller Kommunikation vertraut sein müssen, sondern auch ein tiefes Verständnis für Plattformökonomie, Konsumpsychologie, Spielgestaltung und Mechanismen der sozialen Kommunikation entwickeln sollen.","research.all.the.articles.name014":"Xulei Peng","team.publish.a.book.paragraph63":"Am 9. Dezember 2025 führte Professor Zheng Chao die Studierenden durch eine Rückblicksphase auf das gemeinsam mit dem Taotian-Konzern entwickelte Forschungsthema «Ästhetische Richtlinien für KI-generierte Bilder». Dies war keine bloße technische Anpassung, sondern vielmehr eine philosophische Reflexion darüber, ob Schönheit definiert und von Maschinen verstanden werden kann.","research.all.the.articles.name017":"Zhenyu Niu","team.publish.a.book.paragraph60":"In dem dreiwöchigen immersiven Studienprogramm durchlaufen die Teilnehmer drei aufeinander aufbauende Phasen: «Entdeckung und Definition, Exploration und Design, Vertiefung und Lieferung», um den Prozess der sichtbaren Ausübung des Design Thinking und der kognitiven Umstrukturierung abzuschließen. Wir legen besonderen Wert auf die Fähigkeit zur «Problemformulierung» unter realen geschäftlichen Randbedingungen und leiten die Teilnehmer an, Methoden wie User Experience, Verhaltenslogik und Interaktionsanalyse zu nutzen, um über die Oberfläche von Daten tiefere Nutzermentalmodelle und Verhaltensmotivationen zu erfassen.","research.all.the.articles.name016":"Qi Sun","team.publish.a.book.paragraph61":"Beispielsweise muss bei der These «Rote Umschläge für jugendliche Anwesenheitsbestätigungen» das Verhaltensdesign mit der Motivierungstheorie integriert werden, um einen nachhaltigen Teilnahmeloop zu konstruieren. Bei der Thematik «Neugestaltung von Livestreams» hingegen gilt es, das klassische Dreifachparadoxon aus immersiver Erzählung, realzeitlicher sozialer Präsenz und Effizienz bei der Transaktionsumsetzung auszugleichen.","careers.socialJob10Team":"Taotian-Gruppe","team.publish.a.book.paragraph70":"Im Livestream ein professionelles Mindset aufbauen,","careers.socialJob12Title":"Experience Designer – Livestream-E-Commerce-Design","team.publish.a.book.paragraph002":"Unter Berücksichtigung der Erfahrungen und Praktiken von Taobao-Design im realen Geschäftsbetrieb erweitern wir ständig die Grenzen des Designs und konzentrieren uns verstärkt auf Tiefe und Wert des Designs. Aus den konkreten, alltäglichen Einsatzsituationen an vorderster Front lässt sich ableiten, welche Designfähigkeiten tatsächlich erforderlich sind. Und wie erlebt das Designdenken in der KI-Ära gerade einen tiefgreifenden Wandel und eine fortschrittliche Weiterentwicklung? Wenn du dich aktuell im täglichen Lernen im Bereich Experience Design befindest, dich auf Bewerbungen bei großen Unternehmen vorbereitest oder dich beruflich entscheiden musst – jeder einzelne Beteiligte in diesem Buch wird dir praxisnahe und authentische Antworten liefern.","article.wreading.time":"min. Lesezeit","research.for.enterprise.design.teams":"Für Unternehmens-Designteams ist das primäre Ziel, Produktinterfaces zu schaffen, die den internen Designstandards getreu entsprechen. Allerdings weisen die derzeitigen Lösungen in wesentlichen Aspekten Defizite auf. Die erste Kategorie verfügt nicht über Zugang zu proprietärem, nicht quelloffenem Wissen über Unternehmens-Designsysteme sowie zu den entsprechenden Zuordnungsregeln von Design zu Code. Die zweite Kategorie hingegen, obwohl sie mit Komponenten und Design-Tokens verbunden ist, fehlt es an der Fähigkeit, umfassendere semantische Richtlinien, kuratierte Designfälle und nachfrageorientierte benutzerdefinierte Arbeitsabläufe zu unterstützen – Funktionen, die es ermöglichen, Designwissen durch KI umfassender abzurufen, zu verstehen und anzuwenden. Gleichzeitig weisen die meisten Unternehmens-Designorganisationen häufig unvollständige oder schlecht gepflegte Zuordnungen zwischen Design und Code auf. Ihre Richtlinien sind in der Regel für menschliche Leser geschrieben und getrennt von den Design-Quelldateien gespeichert, was es KI-Systemen erschwert, sie vollständig zu erfassen, zu analysieren und zu nutzen. Infolgedessen entsprechen KI-generierte Ergebnisse häufig nicht den Erwartungen.","products.official.website.introduction.paragraph6":"Startseite","products.official.website.introduction.paragraph7":"Seitenleiste, die mit der Wissensstruktur des Designsystems übereinstimmt","products.official.website.introduction.paragraph8":"Wissenseinheit","team.publish.a.book.paragraph79":"Bei ihrem Beitrag über Markenmarketing-Design wies Xiaobing darauf hin, dass der Kern des Designs darin besteht, von einem «studentischen Denken» zu einem «geschäftlichen Denken» überzugehen – also von einer Ausdrucksweise, die sich hauptsächlich auf das persönliche ästhetische Empfinden konzentriert, hin zu einer Kommunikation, die sich aus der Perspektive des Produkts und des Nutzers richtet.","products.official.website.introduction.paragraph9":"Regelumschaltung für KI","team.publish.a.book.paragraph77":"In der Praxis wird empfohlen, Erfahrungsprobleme durch eine gründliche Diagnose mittels Wettbewerbsanalyse, Nutzererfahrungsbegutachtung und Meinungsforschung zu identifizieren. Dabei wird der Ablauf «Analyse → Strategie → Darstellung» konsequent eingehalten, sodass Designinnovationen stets auf der Grundlage von Respekt gegenüber Nutzergewohnheiten und geschäftlichem Konsens basieren.","team.publish.a.book.paragraph78":"Ein hervorragendes Design zeigt sich letztlich in der Angemessenheit und logischen Strenge des Links, anstatt nur an der visuellen Oberfläche zu verweilen.","team.publish.a.book.paragraph75":"Die dreidimensionale Rahmenstruktur «Benutzer, Verbindung, Knoten» wird vorgeschlagen, um das Design von der reinen Gestaltung der Benutzeroberfläche auf die Ebene des Aufbaus eines ganzheitlichen Systemerlebnisses zu heben.","team.publish.a.book.paragraph76":"Diese Methodologie geht stets von der Frage «Was möchten die Nutzer?» aus, betont, durch Analyse der Zugangspunkte Erkenntnisse über die Erwartungen zu gewinnen und darauf aufbauend die Seitenpräsentation dynamisch zu planen. Auf Grundlage klar definierter Nutzerpfade gilt es, klare und fließende Hauptaufgaben zu strukturieren sowie Nebenaktivitäten wie Rabattcodes und Anleitungen maßvoll zu gestalten und gleichzeitig eine sinnvolle Anordnung der Informationsarchitektur an allen Knotenpunkten sicherzustellen.","team.publish.a.book.paragraph73":"Qi Wei betont stets, dass das Wesen des Designs darin besteht, die Bedenken der Nutzer zu verstehen und zu beseitigen sowie ein Gleichgewicht zwischen geschäftlichen Zielen und erlebbarer Wertigkeit zu finden, denn «Verbraucher treten nicht auf Plattformen ein, um das Design zu bewundern, sondern um Inhalte zu erhalten».","research.knowledge.retrieval.agent.configuration":"Konfiguration des Wissensabfrageagents (Auszug)","team.publish.a.book.paragraph74":"Dies ist sowohl eine Reife des Design-Denkens als auch eine Vertiefung der geschäftlichen Weisheit.","team.publish.a.book.paragraph71":"In einem Mitgliedschaftssystem ein Gefühl von Prestige schaffen,","team.publish.a.book.paragraph72":"Integriere spielerische Erzählungen in die Interaktion.","team.publish.a.book.paragraph80":"Geschäftliches Design ist nicht nur eine visuelle Darstellung, sondern vielmehr ein fortlaufender Dialog mit den Nutzern, dessen Ziel es ist, das Nutzerverhalten durch effektives Design zu steuern und klare geschäftliche Ziele zu erreichen. In der praktischen Umsetzung erfordert dies von Designern die Fähigkeit zur schnellen Iteration und Echtzeit-Validierung – etwa bei großen Aktionen wie dem «Double-11»-Tag: Hier gilt es, einen geschlossenen, durchgängigen Prozess aufzubauen, der von der Markenstrategie über die visuelle Kommunikation und Medienplatzierung bis hin zur Datenrückmeldung reicht. Dabei muss sich jeder einzelne Schritt eng darauf konzentrieren, wie der Nutzer wahrnimmt und wie er handelt – damit das Design tatsächlich im geschäftlichen System wirksam wird.","team.publish.a.book.paragraph81":"«Früher gestalteten wir Suchanfragen, indem wir eine Seite mit Ergebnissen entwarfen; heute, bei der KI-gestützten Suche, gestalten wir vielmehr die Regeln für die gesamte von der KI generierte Inhaltsausgabe.» Diese Aussage von Qunjian bringt den grundlegenden Wandel im Design der Taotian-KI-Suche auf den Punkt: Von der Gestaltung einer «Oberfläche» hin zur Gestaltung von «Regeln». Dazu hat das Team die Absicht des Nutzers fein in vier Typen unterteilt – Wissen, Anleitungen, Vergleiche und Empfehlungen – und für jeden dieser Typen einen spezifischen «Antwort-Template» entwickelt.","products.button.restrictions":"Demnächst zugänglich","research.machine.interpretable.design.system":"Maschineninterpretierbare Spezifikationskenntnisse für Designsysteme","careers.socialJob4Location":"Hangzhou","research.page.knowledge.is.organized":"Seitenwissen ist in Einheiten wie Kernreisen, Shopping-Guide-Kanäle, interaktive Produkte, Marketingkampagnenorte und B2B-Erlebnisse gegliedert. Es kann weiter in zweitrangige Seitentypen unterteilt werden. Als übergeordnetes Gliederungsobjekt liefert es eine klare Seitenstruktur, die Zusammensetzung von Komponenten sowie die Logik zur Inhaltsbevorratung. Seine semantischen Regeln umfassen Seitendefinition, Zielnutzer, Benennungskonventionen, strukturelle Hierarchie, Seitenzustände (Interaktion und Visualisierung), obligatorische Regeln sowie funktionale Nutzungsmöglichkeiten. Das Seitenwissen erfordert keine Code-Implementierungen; vielmehr wird es durch das LLM erstellt, indem Komponenten-, Asset- und Elementcodes miteinander kombiniert werden. Das Zuordnungsschema besteht aus ID-Symbolen, Semantik (Name, Definition, Beschreibung), Regeln, Struktur sowie Einschränkungen (Nutzungsszenarien, zwingende Verbote und andere). Am Beispiel einer Shopping-Guide-Seite zeigt die nachfolgende Abbildung die Ergebnisse der Umwandlung von Designartefakten in zwei Dateitypen: semantische Regeln und Zuordnungsschema.","banner.cameraPleaseAllow":"Bitte wählen Sie in Ihrem Browser die Zustimmung.","products.official.website.introduction.paragraph2":"Zum VersionAI Tmall","products.official.website.introduction.paragraph3":"VersionAI Tmall ist ein Design-System, das speziell für die Tmall-App entwickelt wurde – und zwar nicht nur für menschliche Designer, sondern auch für Künstliche Intelligenz. Die Inhaltsstruktur und Ausdrucksform wurden so umgesetzt, dass KI-Modelle dieses Design-System lesen, abfragen und anwenden können. Mit Unterstützung der KI können Nutzer auf Basis dieser Wissensdatenbank Benutzeroberflächen erstellen, die den Designvorgaben von Tmall entsprechen, sowie Designbewertungen durchführen und Fragen stellen.","research.intent.recognition.agent.configuration":"Konfiguration des Intent-Erkennungsagents (Auszug)","products.official.website.introduction.paragraph4":"Durch den Aufbau einer Wissensdatenbank für Designsystem-Spezifikationen sowie durch die Generierung von Multi-Agenten-Workflows für Schnittstellen wurde ein vollständiges, KI-freundliches Designsystem auf Unternehmensniveau geschaffen. Dieses System kann flexibel in IDE-Umgebungen sowie in verschiedenen Designwerkzeugen eingesetzt werden, die den Agentenmodus unterstützen, entweder über MCP oder durch Kontextinjektion.","products.official.website.introduction.paragraph5":"Wie man es benutzt","products.official.website.introduction.paragraph1":"Vorstellung von VersionAI Tmall","careers.socialJob8Years":"3 Jahre","team.publish.a.book.paragraph88":"Besonders wichtig ist es, narrative Elemente als emotionale Hebel zu nutzen und Funktionen in warmherzige Geschichten zu verwandeln: So macht der «Wunschlaternentag» zum Frühlingsfest den Wunsch konkret, indem er thematische Laternen zum Leuchten bringt; die «Taojin-Goldmünzen-Übung» zum Double-11-Tag hingegen verpackt das Sparen in eine kraftvolle Kampfkunst-Praxis. Indem man Handlungen mit Bedeutung und Emotionen ausstattet, gelingt es dem Interaktionsdesign nicht nur, geschäftliche Ziele zu erreichen, sondern auch, die Nutzererfahrung auf eine höhere Wertebene zu heben.","team.publish.a.book.paragraph89":"Im Rahmen ihres Beitrags zur Branchenmarketing-Design-Praxis erläuterte Xuan'er anhand des Leitfadens «Lebensinspiration», wie Design zu einem intelligenten Bindeglied zwischen Geschäft, Nutzern und Plattform werden kann. Sie betonte, dass effektives Design auf der Ausgewogenheit vielfältiger Anforderungen beruht und den Denkprozess von der Funktion einzelner Produkte hin zu einer Weiterentwicklung des Lebensstils fördert. Das Team unterteilt das Marketing in drei Ebenen: reguläre Kategorien, die sich auf Verkaufsargumente konzentrieren; räumliche Konzepte, die Szenarien gestalten; sowie thematische Erzählungen, die Ästhetik vermitteln.","team.publish.a.book.paragraph86":"In seinem Beitrag zur Gestaltung interaktiver Spiele erläuterte You Shijie ausführlich die Design-Philosophie «leicht, aber süchtig machend». Er stellte klar: Interaktion ist keine isolierte Funktion, sondern das entscheidende Bindeglied, das «Besuch, Surfen, Teilnahme, Gewinn und Kauf» miteinander verbindet.","team.publish.a.book.paragraph87":"Um dieses Ziel zu erreichen, hat Taotian ein interaktives System aufgebaut, das alle Szenarien abdeckt: Marketing-Interaktionen sorgen für große Aufmerksamkeit und Reichweite, alltägliche Interaktionen fördern Nutzergewohnheiten, interne Produktinteraktionen unterstützen den Betrieb von Kanälen, und das Ökosystem kleiner Spiele ermöglicht den Austausch von Traffic. Am Beispiel des Anwesenheitsprodukts zeigt sich eine klare dreistufige Logik: Die Hauptlinie konzentriert sich auf den Kernpfad, Aufgaben erweitern die Handlungsgrenzen, und Nebenstränge befriedigen individuelle Szenarien – so lässt sich ein ausgewogenes Tempo der Teilnahme gestalten.","team.publish.a.book.paragraph84":"Die Teamstrategie passt sich flexibel an das wirtschaftliche Umfeld an: 2024, angesichts eines konsumbedingten Rückgangs, setzte man auf ein «Plakat-ähnliches» Design, das starke Vorteile wie «85 % Rabatt auf alle Artikel» hervorhob und dabei besonderen Wert auf Informationseffizienz und Wahrnehmungsgeschwindigkeit legte. 2025, mit der wirtschaftlichen Erholung, wurde die Strategie aufgewertet zu dem Motto «Voll und ganz dabei – ein farbenfrohes Leben», integrierte KI und ökologische Kompetenzen und wandte sich verstärkt der emotionalen und mentalen Verbindung zur Marke zu.","team.publish.a.book.paragraph85":"Das zentrale, durchgängige Markeninstrument ist der «visuelle Hammer» – etwa das Symbol aus dem Hauptvisual des Double-11-Events, bestehend aus einem «Katzenschnabel plus divergierenden geometrischen Formen». Dieses Symbol zeichnet sich durch Einzigartigkeit, Anpassungsfähigkeit an unterschiedliche Szenarien und klare semantische Aussage aus und lässt sich in drei atmosphärische Varianten unterteilen: stark, mittel und schwach. Auf flexible Weise findet es Anwendung von der großflächigen Startseite bis hin zu Produktkarten und durchdringt so jedes einzelne Szenario. In einem komplexen System ermöglicht es eine einheitliche und zugleich elastische Markenexpression.","home.award8Title":"Silbermedaille des IAI Global Design Award & Platinmedaille des MUSE","team.publish.a.book.paragraph82":"Der Schlüssel zum Design liegt darin, dass die Breite oder Schmalheit der Absicht die Art und Weise bestimmt, wie Informationen organisiert werden: Bei weit gefassten Fragen helfen visuelle Elemente und Kategorienaggregationen, Inspiration zu wecken; bei präzisen Suchanfragen hingegen stehen Kernfaktoren wie Preis und technische Parameter im Vordergrund, die entscheidend für die Entscheidung sind. Gleichzeitig unterscheidet das Team durch Farben die Gesprächsrollen, integriert unterhaltsame Bewegungsanimationen, um die Angst vor dem Warten zu mildern und macht den ursprünglich unsichtbaren «Denkprozess» der KI spürbar. So verwandelt sich die technische «Black Box» in ein nahtloses und aufregendes intelligentes Erlebnis.","team.publish.a.book.paragraph83":"Stellen Sie sich der zentralen Widersprüchlichkeit im E-Commerce-Design: «Der Verbraucher sieht auf den ersten Blick nur den Preis – wie lässt sich verhindern, dass das Design die Preiswahrnehmung beeinflusst?» Aus einer ganzheitlichen, durchgängigen Perspektive erläutert Jason, wie Markendesign an jedem Berührungspunkt – von externen Werbeanzeigen bis hin zur erfolgreichen Zahlung – eine konsistente Ausdrucksweise bewahren kann. In einem Super-Traffic-Umfeld wie dem Double-11-Markt muss das Design einen ausgewogenen Kompromiss zwischen Atmosphärenschaffung und Transaktionseffizienz finden – es darf weder die Kernbotschaft überdecken noch die Markenwärme verlieren.","team.publish.a.book.paragraph91":"Um die herausragenden Leistungen und innovativen Ergebnisse der Teilnehmer im Rahmen des Projekts angemessen zu würdigen, hat dieser Workshop speziell ein Belohnungsprogramm eingerichtet, das nach der abschließenden Bewertung ausgezeichnete Arbeiten mit Anerkennungen und Sachpreisen auszeichnet. Insgesamt gibt es drei Preiskategorien: Der erste Preis (2 Personen) erhält eine DJI-Gimbal-Kamera; der zweite Preis (3 Personen) bekommt hochwertige Sony-Kopfhörer; der dritte Preis (4 Personen) erhält ein klassisches Marshall-Audio-System.","research.design.demand.distribution.chart":"Diagramm zur Verteilung der Designnachfrage","team.publish.a.book.paragraph92":"Die Ausgestaltung dieser Auszeichnungen zielt darauf ab, die klare Botschaft zu vermitteln, dass «Design Wert schafft und Innovation belohnt wird», und die Motivation der Studierenden zu stärken, «Gelerntes praktisch anzuwenden und mit Innovationen Erfolge zu erzielen». Wir hoffen, dass diese Preise, die von handwerklichem Können und modernster Technologie geprägt sind, den ausgezeichneten Teilnehmern auf ihrem zukünftigen Designweg stets als Begleiter dienen werden, um weiterhin Inspirationen zu sammeln, ihre Stimme zu verbreiten und kreative Ideen festzuhalten.","team.publish.a.book.paragraph90":"Um diesen Wandel zu realisieren, hat das Team eine «Marketing-Design-Formel» entwickelt: Form und Farbe tragen Lebensimpressionen, Struktur und Komposition übersetzen räumliche Wahrnehmung, und Elemente sowie Szenarien verwandeln Inhalte in unterhaltsame Erlebnisse. Dank KI-Unterstützung wurde dieses kreative System weiter zu einem umfassenden «Accelerator» auf der gesamten Wertschöpfungskette ausgebaut: Mithilfe des trainierten Lora-Modells lassen sich stilisierte Bilder in Serie generieren; durch den Einsatz der «Drei-Frames-Methode» entstehen flüssige, menschenähnliche Bewegungsanimationen; zudem wurden Funktionen wie «Das Must-Have für Zuhause» eingeführt, mit denen Nutzer mit nur einem Klick echte Szenenrenderings erleben können. Die KI hat sich von einem unterstützenden Werkzeug zu einem kreativen Partner und Effizienz-Treiber gewandelt. Sie befreit Designer von wiederkehrenden Arbeiten und ermöglicht ihnen, sich stärker auf strategisches Denken und emotional geprägte Kreativität zu konzentrieren – so wird tatsächlich eine neue Ära des intelligenten Marketings erreicht, in der «Inspirationen umsetzbar, Erfahrungen spürbar und Effizienz sprunghaft steigbar sind».","research.spacing.mapping.schema.excerpt":"Abstandsmapping-Schema (Auszug)","careers.internJob2Team":"Taotian-Gruppe","research.color.mapping.schema.excerpt":"Farbzuordnungsschema (Auszug)","careers.socialJob7Location":"Hangzhou","research.all.the.articles.name022":"Bin Zhu","team.publish.a.book.paragraph99":"Hauptplakat und Szenenbilder aus dem Film «Goodbye, Katie»","home.award5Desc":"HEYLIVE – Zuhause für Musikfans am Meer","research.all.the.articles.name021":"Yao Xiao","research.all.the.articles.name024":"Meixuan Liu","research.this.research.does.not":"Diese Forschung beschränkt sich nicht auf stilistische Optimierungen oder lokal begrenzte Effizienzsteigerungen. Vielmehr versucht sie, eine professionelle methodische Grundlage für das Marketingdesign von Taobao zu schaffen – eine Grundlage, die akkumulativ, übertragbar und überprüfbar ist. Wir schlagen das Kernkonzept der Symbolischen Erzählung vor: Dabei dienen universelle visuelle Symbole als kognitive Anker, strukturierte Darstellung als Weg zum Verständnis, und ein hohes Maß an Einheit zwischen semantischer Bedeutung und visueller Form als ultimativer Maßstab. Dieser Ansatz verfolgt nicht die Neuheit um ihrer selbst willen, sondern zielt darauf ab, kognitive Übersetzungskosten zu senken. Er legt nicht den Schwerpunkt auf die Akkumulation visueller Elemente, sondern konzentriert sich stattdessen auf die organische Integration von Informationen. Er dient nicht dem Ausdrucksbedürfnis des Designers, sondern bleibt der Wahrnehmungslogik und dem Verhaltensfluss des Nutzers treu.","team.publish.a.book.paragraph97":"Designprojekt 3: Umschlag-Check-in","research.all.the.articles.name023":"Xiaobing Han","team.publish.a.book.paragraph98":"Die filmische Philosophie von Taotian – jene Bildarchive, in denen wir gemeinsam aufgewachsen sind.","research.all.the.articles.name026":"Yichen Zeng","team.publish.a.book.paragraph95":"Entwurfsprojekt 1: Überarbeitung des Livestream-Raums","research.all.the.articles.name025":"Chao Zheng","team.publish.a.book.paragraph96":"Designprojekt 2: Großmitglied","research.all.the.articles.name028":"Bingkun Qiu","team.publish.a.book.paragraph93":"Die Preisverleihung bildet nicht nur einen feierlichen Abschluss dieses Workshops, sondern markiert auch den Beginn eines neuen Anfangs – wir freuen uns darauf, dass alle Teilnehmer diese Anerkennung und diese Erwartungen in sich tragen und fortan auf der breiteren Bühne von Design und Wirtschaft weiterhin strahlen und die Zukunft mitgestalten werden.","research.all.the.articles.name027":"Yuanzhi Ma","team.publish.a.book.paragraph94":"Schülerarbeiten","research.the.solution.design.agent":"Der Lösungsdesign-Agent nimmt die Wissens-Gliederungsdatei als Eingabe an. Er trifft Designentscheidungen und erstellt Gliederungsinstruktionen für Seitenstruktur, Komponententypen und -eigenschaften, Stilelemente, Interaktionsmuster sowie Daten- und Inhaltsanforderungen. Er gibt ein Lösungsdesignschema/Gliederung aus und leitet es an den nächsten Agenten weiter.","research.icon.mapping.schema.excerpt":"Icon-Zuordnungsschema (Auszug)","research.all.the.articles.name020":"Chenhuan Liu","research.price.design.excerpt":"Preisgestaltung (Auszug)","careers.socialJob2Title":"Markenmarketing-Designer – Erfahrungsgestaltung","research.price.mapping.schema.excerpt":"Preismapping-Schema (Auszug)","research.taobaoInteractiveGame.coinEmotionalExperienceDesign":"Tao Goldmünzen: Emotionales Erlebnisdesign","banner.blowOrApplaud":"Versuche es mal zu pusten.","research.knowledge.modules":"Wissensmodule","research.design.strategy.symbolic.narrative":"Designstrategie: „Symbolische Erzählung“ — Form als Symbol, Text als Bedeutung","research.the.knowledge.retrieval.agent":"Der Wissensabfrage-Agent nimmt die Anforderungs-Checklistendatei als Eingabe an. Er fragt ab, filtert und ruft den entsprechenden Inhalt aus der Wissensdatenbank der Designsystem-Spezifikation ab und gibt eine Wissensübersicht aus – d. h., er füllt die in der Checkliste referenzierten Wissenspunkte aus – und leitet anschließend an den nächsten Agenten weiter.","research.layout.knowledge.is.divided":"Das Layoutwissen ist in vier Einheiten unterteilt – Raster, Abstand, Container und Ausrichtung –, die die grundlegenden Abhängigkeiten für die Anordnung von Komponenten, Assets und Seiten bilden. Die semantischen Regeln, Codeimplementierungen und Zuordnungsschemata folgen denselben Vorlagen wie jene, die für Elemente definiert sind. Am Beispiel des Abstands zeigt die nachfolgende Abbildung die Umwandlung von Design-Artefakten in die drei Dateitypen: semantische Regeln, Zuordnungsschemata und Codeimplementierungen.","team.section.paragraph2":"Die Seitenstruktur der VersionAI Tmall-Website entspricht der Wissensstruktur des Designsystems und ist in eine baumartige Navigation aus Stilen, Seiten sowie deren untergeordneten Wissenseinheiten gegliedert. Auf jeder Wissenseinheitseite können Nutzer zwischen Regeln für Menschen und Regeln für KI umschalten; außerdem besteht die Möglichkeit, Ausschnitte aus dem Wissen zu kopieren oder herunterzuladen. Eine Bereitstellungsseite bietet Anleitungen dazu, wie die Spezifikationen für die Schnittstellengenerierung aufgerufen werden können.","careers.socialJob9Team":"Taotian-Gruppe","careers.socialJob13Title":"Benutzerforschungsexperte – Kundenbetrieb","research.all.the.articles.name_custom12":"Wanxing Gao","research.all.the.articles.name_custom13":"Duo Shi","research.all.the.articles.name_custom10":"Tang Hei","research.all.the.articles.name_custom11":"Jin Zhi","research.when.mapped.to.the":"Bei der Zuordnung zu den fünf wichtigsten Nachfrageszenarien – Kernnutzerreisen, Inhaltsentdeckungskanäle, interaktive Produkte, Marketingveranstaltungen und B2B-Erlebnis – zeigt eine ganzjährige Analyse ein beständiges Muster: Innerhalb von Kernreisen, Entdeckungskanälen und B2B-Erlebnis machen Gestaltungsaufgaben, bei denen bestehende Komponenten auf Modul- oder Einzelseiten-Ebene zusammengesetzt oder modifiziert werden, fast 48 % aller Anfragen aus.","careers.socialJob7Years":"1 Jahr","research.taobaoInteractiveGame.paragraph7":"Basierend auf Erkenntnissen junger Nutzer und einer professionellen Designperspektive deckt und bündelt diese Forschung systematisch vielfältige künstlerische Ausdrucksformen und Methoden, die über die bestehenden Designkonventionen von Taobao hinausgehen. Durch angewandte Exploration und kleinräumige Validierung in den Kerngeschäftsszenarien von Taobao werden unterschiedliche Kunststile anhand quantifizierbarer praktischer Ergebnisse bewertet – ihre geschäftliche Passgenauigkeit, Umsetzungspfade und Skalierbarkeit werden analysiert – und schließlich ein wiederverwendbares Rahmenwerk für einen interaktiven Spielkunststilatlas etabliert.","research.taobaoInteractiveGame.paragraph8":"In einem Kontext paralleler Multi-Geschäftstätigkeiten und häufiger Produktiterationen birgt die Stabilität, die durch ein einheitliches Designsystem gewährleistet wird, gleichzeitig das Risiko einer visuellen Homogenität. Um die Frische der Nutzer zu bewahren und die Wachstumselastizität zu fördern, müssen innerhalb eines kontrollierten Rahmens stark differenzierte Experimente durchgeführt werden – wobei effektive Ansätze validiert und als wiederverwendbare Assets konsolidiert werden.","research.taobaoInteractiveGame.paragraph9":"Ohne an die visuellen Sprach- und Ausdrucksparadigmen des bestehenden UI-Systems von Taotian gebunden zu sein, konzentriert sich diese Initiative auf zentrale Geschäftsszenarien (wie Baba Farm, Tmall Farm, Red Packet Flip und Catch-the-Cat Red Packet), um in kleinem Maßstab hochgradig differenzierte UI-Stil-Explorationen und Anwendungsvalidierungen durchzuführen – wobei wiederverwendbare UI-Stil-Assets und -Standards abgeleitet und ein UI-Stil-Atlas erstellt werden.","research.taobaoInteractiveGame.paragraph4":"Die Unterschiede zwischen herausragenden interaktiven Spielen liegen selten in der «Form» an sich, sondern vielmehr darin, wie mechanische Strukturen und narrative Verpackungen miteinander kombiniert werden. Damit Designer externe Referenzen in wiederverwendbares Designwissen umwandeln können, müssen fragmentierte Fälle strukturiert und systematisch organisiert werden, um sie zu umsetzbaren, lernbaren Erkenntnissen zu verdichten.","research.design.system.specification.title11":"Die folgenden Abschnitte werden die verschiedenen Arten von Wissensobjekten ausführlich erläutern.","research.taobaoInteractiveGame.paragraph5":"Auf der Grundlage dieses Ansatzes stellt die Forschung bewährte, herausragende interaktive Spielbeispiele zusammen, die vom Markt bestätigt wurden. Dabei werden Spieltypen ausgewählt, die relativ gut auf E-Commerce-Szenarien anwendbar sind, um eine Referenzbibliothek für zukünftige Anwendungen zu bilden. Jedes Spiel wird über mehrere Dimensionen hinweg analysiert – darunter Quelle und Hintergrund, Übersicht über die Erfahrung, Mechaniken und Weltanschauung –, um einen grundlegenden Typologieatlas zu erstellen. Dieser Atlas soll Designern helfen, diese Beispiele zu entdecken, zu erleben und daraus zu lernen. Der aktuelle Atlas enthält bereits über 100 Spiele.","research.design.system.specification.title10":"Anhand des Schemas werden erneut die Spezifikationen des Designsystems überprüft und abgerufen. Mithilfe von Grep wird das entsprechende Code-Repository durchsucht und abgerufen, wobei die tatsächlichen, verwendbaren Komponenteneigenschaftswerte, Stilvariablen und Ressourcenpfade abgeglichen werden, um die endgültige UI zu generieren.","research.taobaoInteractiveGame.paragraph6":"Vor dem Hintergrund einer zunehmenden Inhaltshomogenisierung und wachsender ästhetischer Ermüdung reagieren junge Nutzer immer sensibler auf Neuheiten, emotionalen Wert und stilistische Differenzierung. Die fortgesetzte alleinige Abhängigkeit von bestehenden visuellen Konventionen wird den Raum für Innovationen verengen und es schwierig machen, nachhaltige Stilressourcen und wiederverwendbare Designsysteme aufzubauen.","banner.rulerTryReconnect2":"Die Freude an der Forschung spüren","home.award4Desc":"Die vierte Karte","careers.socialJob11Years":"5 Jahre","careers.socialJob9Title":"Senior Designer für visuelle Erlebnisse – Handtao AI","home.joinUsBtn":"Schließen Sie sich uns an","home.award6Title":"Goldmedaille des London Design Awards","awards.new.article3":"Silbermedaille des IAI Global Design Award & Platinmedaille des MUSE","research.source.files.for.icons":"Quelldateien für Symbole (Auszug)","awards.new.article2":"Link zum Projekt, das den Berliner Designpreis in der Kategorie Gold erhalten hat","awards.new.article1":"MUSE-Platinpreis & Berliner Designpreis-Goldmedaille","awards.new.article4":"Silbermedaille des IAI Global Design Awards","home.bookFlipTitle":"Wir glauben an\nden Wert des Wissens","research.asset":"Vermögenswert","research.economic.aesthetics.title":"Ökonomische Ästhetik: Gestaltung und Anwendung","research.interactiveGame2025.intro.paragraph2":"Diese Forschung wird in Zusammenarbeit mit der China Academy of Art durchgeführt und zielt darauf ab, die fachliche Autorität der Studie zu stärken und die Formen ihrer Ergebnisse zu diversifizieren – so entstehen Forschungsergebnisse, die sowohl internen Umsetzungswert als auch industrieübergreifende Benchmark-Charakter haben. Die Forschung wird die berufliche Weiterentwicklung und die Innovationsfähigkeit bei den interaktiven Spielen von Taobao systematisch unterstützen: Durch kontinuierliche Verfolgung von Markttrends im Bereich des interaktiven Gamings im E-Commerce und durch das Aufdecken aufkommender Designmöglichkeiten soll sie die zukunftsorientierten Kompetenzen von Taobao im Bereich Experience Design umfassend fördern und deren Kernkompetenz inmitten des rasanten Branchenwachstums stärken.","research.how.it.works":"Wie es funktioniert","home.award3Desc":"Die dritte Karte","research.interactiveGame2025.intro.paragraph1":"Ausgehend von den entscheidenden Meilensteinen in der Entwicklung der interaktiven Spielebranche im E-Commerce bis 2025 legt diese Studie den Schwerpunkt auf das «Design interaktiver Spiele» und konzentriert sich auf die Entwicklungen in der Nutzerstruktur sowie auf die Veränderung von Verhaltensgewohnheiten. Sie dekonstruiert systematisch das methodische Rahmenwerk für interaktive Erlebnisse, untersucht eingehend die Erfahrungsanforderungen und -trends junger Nutzer und erschließt so mögliche Wege zur Nutzerakquise durch interaktive Spiele.","research.taobaoInteractiveGame.babaFarmSurrealismArtStyleApplication":"Baba Farm: Anwendung im surrealistischen Kunststil","research.all.the.articles.paragraph100":"Kontrastverhältnis: Der Kontrast zwischen Hauptmotiv und Hintergrund sollte effektiv aufeinander abgestimmt sein; die Kontrastbeziehungen zwischen den Objekten im Bild müssen einheitlich gehalten werden. Hochkontrastige Farbtöne und niedrigkontrastige Farbtöne beeinflussen das Gesamtkontrasterlebnis, indem sie den Unterschied zwischen hellen und dunklen Bildbereichen regulieren. Wenn der Kontrast des Hauptmotivs stark ausgeprägt ist, sollte auch der Kontrast des Hintergrunds entsprechend verstärkt werden. Ein zu großer Unterschied im Kontrastverhältnis zwischen Hauptmotiv und Hintergrund kann zu einem deutlichen Bruch führen. Hochkontrastige Farbtöne sind oft mit starken Schwarz-Weiß-Effekten verbunden; durch helle Lichter und tiefdunkle Schatten entsteht ein kräftiger Kontrast, der Formen und Texturen der Objekte besonders hervorhebt. Niedrigkontrastige Farbtöne hingegen reduzieren den Unterschied zwischen Hell und Dunkel und erzeugen so einen sanften, natürlichen Eindruck.","careers.socialJob4Title":"Experience Designer – Produktgestaltung für B2B-Plattformen","careers.socialJob8Team":"Taotian-Gruppe (M&T)","research.all.the.articles.label3":"Expertenberater","research.all.the.articles.label2":"Produktverantwortlicher","research.all.the.articles.label1":"Wissensdatenbankaufbau","research.copy.or.download.a":"Wissensteil kopieren oder herunterladen","research.all.the.articles.label7":"Designmitglied","research.component.knowledge.is.composed":"Die Komponentenkenntnisse bestehen aus geschäftlich-semantischen Einheiten wie Avatare, Abzeichen, Asset-Slots, Schaltflächen, Inhaltsströme, Countdowns, Gutscheine, Filter, Beacons, Onboarding-Leitfäden, Karussells, Eingaben, Nachrichten, schwebende Fenster, Dialoge, Preise, Produktkarten, Fortschrittsbalken, rote Pakete, Selektoren, Überlagerungen, schwebende Balken, Schalter, Tableisten, Tabs, Textströme, Tooltipps, Blasen und Oberleisten. Diese Komponenten dienen als entscheidende wiederverwendbare Einheiten für die Erzeugung von Benutzeroberflächen. Die semantischen Regeln für Komponenten umfassen Komponentendefinitionen, Stilkompositionen, Attributvariablen, Komponentenzustände (Interaktion und visuell), obligatorische Regeln sowie funktionale Nutzungsmöglichkeiten. Die Codeimplementierungen werden als Komponentenstrukturen (TSX) und Komponentenstile (SCSS) innerhalb eines React-basierten Technologiestacks realisiert. Aufbauend auf der bestehenden Zuordnungsschema-Struktur führen die Komponenten-Zuordnungsschemata zusätzlich ein Eigenschaftsschema (Props-Schema) ein, das den Attributen entspricht, die von jeder Komponente in dem auf Seiten-Ebene generierten Komponentenschema während der Lösungsdesign-Phase benötigt werden. Am Beispiel der Preis-Komponente veranschaulicht die nachfolgende Abbildung die Umwandlung von Design-Artefakten in die drei Dateitypen: semantische Regeln, Zuordnungsschemata und Codeimplementierungen.","research.all.the.articles.label6":"Designverantwortlicher","research.all.the.articles.label5":"Design","research.the.entire.interface.generation":"Der gesamte Prozess der Schnittstellengenerierung ist nachvollziehbar, reproduzierbar und evolvierbar, wobei die Ergebnisse innerhalb des sich kontinuierlich weiterentwickelnden Unternehmensdesignsystems und der Codebasis weiterhin steuerbar bleiben. Die folgenden Abschnitte erläutern detailliert aus zwei Perspektiven: dem Aufbau des Wissens zur Design-System-Spezifikation sowie dem Entwurf des Multi-Agenten-Workflows.","banner.micPleaseAllow":"Bitte wählen Sie in Ihrem Browser die Zustimmung.","research.all.the.articles.label4":"Forschung und Entwicklung","research.price.code.implementation.excerpt":"Preiscode-Implementierung (Auszug)","research.all.the.articles.label9":"Konzeptvideo","research.all.the.articles.label8":"Website-Design und -Entwicklung","team.section.paragraph":"Taobao Design ist ein Designteam, das sich der Erfüllung der Bedürfnisse von Milliarden von Verbrauchern weltweit widmet. Wir leiten die Nutzererfahrung, schaffen Designs, die emotional resonieren, und machen Handel schön und einfach.","careers.internJob4Team":"Taotian-Gruppe","research.official.website.introduction.label8":"Technisch bedingte Unterstützung","research.all.the.articles.paragraph59":"Die Stimmung ist das intuitive Empfinden, das von Objekten ausgeht – etwa die Wärme oder Kälte von Farben, die Weichheit oder Härte von Gegenständen sowie die Beschaffenheit und Struktur von Materialien. Der visuelle Stil einer Szene sollte mit der Stimmung des Produkts übereinstimmen. Von dem eigentlichen Produkt bis hin zur Hintergrundszene spiegeln sich darin subjektive Urteile und psychologische Implikationen wider. Die Szene auf einem Produktbild kann eine bestimmte Atmosphäre schaffen, die Verbraucher an ihre eigenen Nutzungssituationen erinnert und sie dazu anregt, sich Vorstellungen von einer verbesserten Lebensqualität oder einem besseren äußeren Erscheinungsbild zu machen. Dadurch wird das Verlangen nach dem Produkt gestärkt und die Kaufentscheidung gefördert.","research.all.the.articles.paragraph58":"Tonart","research.all.the.articles.paragraph57":"Die Szeneninhalte dienen den Produkten; die räumlichen Inhalte sollten mit dem Charakter der Produkte übereinstimmen und umfassen vor allem inhaltliche Einheit sowie visuelle Einheit. Die Umgebungsszenen von Produktbildern spielen eine entscheidende Rolle bei der Darstellung von Nutzungsszenarien. Durch sorgfältig gestaltete Hintergründe helfen Szenen den Verbrauchern nicht nur, den Zweck des Produkts zu verstehen, sondern heben auch dessen wesentliche Merkmale und Funktionen hervor. Insgesamt können angemessene Umgebungsszenen die Produktinformationen effektiv vermitteln, das Verständnis der Verbraucher für Funktionen und Einsatzmöglichkeiten des Produkts steigern und somit die Kaufentscheidung fördern.","research.all.the.articles.paragraph56":"Beziehung zwischen Bildthemen","research.all.the.articles.paragraph55":"In der Gestaltung von Produktbild-Szenen bringt uns die KI-Technologie bisher unbekannte Bequemlichkeit und Kreativität. Szenen können auf effektive Weise den Hauptgegenstand hervorheben, die Markenidentität stärken, emotionale Bindungen schaffen und wichtige Informationen zum Produktnutzung bereitstellen – sie erfüllen also mehrere Funktionen gleichzeitig. In diesem Abschnitt werden die Erstellung von Produktbild-Szenen anhand verschiedener Aspekte analysiert: Szenenkategorien, Auswahlkriterien, Rolle der Szenen, Ordnung der Szenen sowie Qualitätsstandards.","research.all.the.articles.paragraph54":"Szene","research.all.the.articles.paragraph53":"Anteile je nach ethnischen und altersbedingten Unterschieden: Das Design der KI-Modellanteile sollte eine gewisse Differenzierbarkeit aufweisen. Bei der Umstellung von Modellen aus dem Westen auf solche aus dem Osten oder bei der Umstellung zwischen verschiedenen Altersgruppen sollten körperliche Unterschiede berücksichtigt werden, um schnell die Persönlichkeit der Personen und ihre Passgenauigkeit zum Produkt zu verdeutlichen.","research.all.the.articles.paragraph52":"Gesamtproportionen: Das Kopf-Körper-Verhältnis von AI-generierten menschlichen Modellen sollte ausgewogen sein, und die Proportionen der Gliedmaßen sollten harmonisch abgestimmt sein (zum Beispiel beträgt das Verhältnis bei Asiaten in der Regel 7 bis 7,5 Köpfe, bei Europäern und Amerikanern hingegen 8 Köpfe). Das Erscheinungsbild sollte natürlich und visuell ansprechend wirken und die Gesundheit sowie Schönheit der Figur widerspiegeln.","careers.socialJob1Title":"Senior User Research Specialist – Händler-Einblicke","research.all.the.articles.paragraph51":"Proportionen: Körperproportionen der Figuren","research.all.the.articles.paragraph50":"Die von KI generierten menschlichen Haltungen sollten natürlich, bequem und harmonisch sein, Gelenksteifigkeit vermeiden und den Prinzipien der Biomechanik entsprechen. Bei Haltungen, die mit Objekten interagieren, muss die korrekte Kräfteverteilung gewährleistet sein. In ihrer Haltung sollte das von der KI generierte Modell eine angemessene Anpassung von Skelett und Muskulatur widerspiegeln; die Proportionen der Gliedmaßen sollten natürlich wirken, die Frisur sollte dynamisch mit der Körperbewegung übereinstimmen, und die Bewegungsamplitude der Kleidung sollte stimmig sein.","home.award1Title2":"Red Dot Design Award","home.award1Title1":"IF-Designpreis","research.element.mapping.schema.template":"Elementzuordnungsschema-Vorlage","careers.socialJob10Date":"2026.01.12","home.award1Title3":"Apple Design Award","careers.socialJob6Years":"5 Jahre","research.icon.design":"Ikonenentwurf","home.browseVideosTitle":"Wir streben nach\nglücklicher Arbeit","home.research3Title":"Forschung zu Trends im Design interaktiver Spiele auf Taobao","research.taobaoInteractiveGame.members":"Mitwirkender","research.taobaoInteractiveGame.artGraph":"Atlas für interaktive Spielgrafikstile","research.all.the.articles.paragraph69":"Vermeiden Sie das Eindringen von irrelevantem Inhalt: KI-generierte Bilder sollten Elemente ausschließen, die nichts mit dem Produkt zu tun haben, um zu verhindern, dass sie die Aufmerksamkeit des Betrachters ablenken und die Aufmerksamkeit auf das Produkt verringern.","research.all.the.articles.paragraph68":"Vermeiden Sie ungewollte Ausschnitte des Hauptmotivs: Bei von KI generierten Bildern sollte sichergestellt werden, dass das Hauptmotiv des Produkts stets an einer geeigneten Stelle im Bild liegt, um Schnitte aufgrund falscher Positionierung zu vermeiden.","research.all.the.articles.paragraph67":"Vermeiden Sie es, dass der Hauptgegenstand aus dem Bildausschnitt herausfällt und dadurch geschnitten wird, was den assoziativen Raum außerhalb des Bildes verliert. Bei der Erzeugung von Produktbildern mithilfe KI hat die Gewährleistung der Vollständigkeit des Hauptinhalts des Produkts oberste Priorität. Dies betrifft nicht nur die Verhinderung eines unbeabsichtigten Ausschneidens des Hauptgegenstands, sondern auch die Ausblendung störender, irrelevanten Inhalte sowie die Vermeidung einer weitflächigen Abdeckung der Hauptelemente.","research.all.the.articles.paragraph66":"Umgang mit der Darstellung von Szenenempfindungen: Wenn es darum geht, die Atmosphäre einer gesamten Szene zu vermitteln, muss die Komposition sicherstellen, dass die menschlichen Figuren und die Umgebung in ihrer Ganzheit erhalten bleiben. In diesem Fall dienen Produkte in der Regel als Bestandteil der Szene, kooperieren harmonisch mit der Umgebung und tragen gemeinsam dazu bei, die Situation oder die Erzählung aufzubauen.","footer.downloadFailed":"Download fehlgeschlagen","research.all.the.articles.paragraph65":"Behandlung bei der Darstellung der Objektform selbst: Wenn der Schwerpunkt auf der Darstellung der formellen Merkmale des Produkts liegt, kann die Szene entsprechend zugeschnitten werden.","research.all.the.articles.paragraph64":"Stellen Sie sicher, dass die Komposition vollständig ist, und vermeiden Sie willkürliche Ausschnitte, die zu Informationsverlust führen könnten. Es gilt zu unterscheiden, ob es darum geht, das Produkt selbst oder die Stimmung der Szene zum Ausdruck zu bringen. Bei ersterem können menschliche Modelle gegebenenfalls zugeschnitten werden; bei letzterem sollte hingegen die Vollständigkeit von Mensch und Umgebung gewahrt bleiben.","banner.cameraTryTurnOn":"Versuchen Sie, die Kamera zu öffnen.","research.all.the.articles.paragraph63":"Kompositionsganzheit","careers.socialJob6Location":"Hangzhou","research.all.the.articles.paragraph62":"Bei der Entwicklung ästhetischer Standards für künstlich generierte Produktbilder bilden Kompositionseinhaltung, Subjektivität und perspektivische Beziehungen in der Produktfotografie gemeinsam die entscheidenden Elemente für hochwertige Produktabbildungen. Diese drei Aspekte fügen sich zu einer komplexen und fein abgestimmten visuellen Sprache zusammen. Im Wesentlichen besteht die Komposition darin, in der natürlichen Chaoslage eine innere Ordnung zu finden, die unorganisierten Kompositionselemente zu einem leicht verständlichen Ganzen zu organisieren und so die Bildabsicht und -stimmung vollständig zum Ausdruck zu bringen. Diese ganzheitliche visuelle Strategie steigert nicht nur die ästhetische Qualität der Bilder, sondern stärkt auch die Wettbewerbsfähigkeit der KI-generierten Produktbilder auf dem Markt.","research.all.the.articles.paragraph61":"Komposition","banner.rulerTryReconnect":"Versuchen Sie, das Lineal erneut anzuschließen.","research.all.the.articles.paragraph60":"Bei der Erzeugung von Produktbildern mithilfe von KI ist es erforderlich, sich auf die eigene Denk- und Wahrnehmungsfähigkeit des Betrachters zu stützen. Im menschlichen Unterbewusstsein weisen verschiedene Objekte unterschiedliche emotionale Tendenzen auf; die warme oder kalte Farbgebung kann Emotionen aktivieren, und Veränderungen in Form und Beschaffenheit von Objekten tragen zudem tiefere metaphorische Bedeutungen in sich. Die ausgewählten Hintergrundelemente, Formen, Texturen und die atmosphärische Umgebung können die Haltung und die Botschaft der Marke vermitteln und den Verbrauchern ermöglichen, sich vorzustellen, welche Glückseligkeit und Verbesserung der Lebensqualität mit dem Kauf des Produkts verbunden sein könnten. Gleichzeitig trägt die Schaffung einer bestimmten Bildstimmung zur Steigerung des ästhetischen Erlebnisses des Produktbildes selbst bei und verbindet Kommerzielles mit Kunsthaftem: So fördert dies nicht nur den Verkauf, sondern bereitet den Verbrauchern zugleich auch ästhetische Freude. Bei der Generierung von Bildern sollte der Gesamtstimmung oberste Priorität eingeräumt werden; sie dient dabei dem Hauptprodukt und regt durch indirekte emotionale Stimmungen und Atmosphären die psychologische Identifikation der Verbraucher mit der Marke an.","careers.intern":"Praktika","careers.internJob1Date":"2026.03.17","careers.socialJob13Location":"Hangzhou","research.machine.interpretable.design.system1":"Wissen über Designsystem-Spezifikationen","research.all.the.articles.paragraph29":"Die Richtlinien können sich je nach Anwendungsbereich und Anforderungen ändern und anpassen; daher ist in der konkreten Anwendung eine gezielte und effektive Anpassung erforderlich.","research.all.the.articles.paragraph28":"Textur","research.natural.and.expressive.motion":"{{bold}}Natürliche und ausdrucksstarke Bewegung{{/bold}} – Setzen Sie Motion Design angemessen ein und folgen Sie dabei einer natürlichen Logik, damit die Animation eine narrative Bedeutung trägt und die visuelle Lebendigkeit steigert.","research.all.the.articles.paragraph38":"Immersive Perspektive: Es sollte eine eintauchende 360°-Betrachtungsperspektive bereitgestellt werden, die es Kunden ermöglicht, das Produkt virtuell zu umrunden und aus verschiedenen Blickwinkeln zu betrachten. Solche virtuellen Erkundungen tragen dazu bei, das visuelle Erlebnis der Kunden zu verbessern und sie bei einer fundierteren Entscheidungsfindung zu unterstützen.","research.immediate.structural.clarity.establish":"{{bold}}Unmittelbare strukturelle Klarheit{{/bold}} — Schaffen Sie eine klare und einfache visuelle Struktur, in der grafische Symbole und textliche Informationen effektiv integriert sind und idealerweise einen einheitlichen Ausdruck bilden.","research.all.the.articles.paragraph37":"Auswahl der Perspektiven: Bei der KI-gestützten Bildgenerierung sollten Produkte aus mehreren Perspektiven erfasst werden. Die Perspektive beeinflusst maßgeblich die Wirkung des Produktbildes. Entsprechend den spezifischen Eigenschaften des Produkts eignen sich vor allem Ansichten von vorn oder perspektivische Aufnahmen aus einem 3/4-Winkel; die Horizontlinie befindet sich in der Regel in der Mitte oder etwas unten im Bild.","home.award2Desc":"Tmall-Multimodales Produktausdruckssystem","research.all.the.articles.paragraph36":"Auswahl des Blickwinkels: Warenpräsentation und Betrachtungsperspektive","research.all.the.articles.paragraph35":"Wiedergabequalität: Die Darstellung sollte die tatsächliche Struktur des Produkts widerspiegeln, einschließlich Formaufbau, Material und Farbe. Sie kann von Umweltfaktoren beeinflusst werden, muss jedoch der natürlichen Wahrnehmungslogik entsprechen und darf nicht von der ursprünglichen Form des Produkts abweichen. In Bezug auf visuelle Treue und Wiedergabequalität müssen künstlich erzeugte Produktbilder das Erscheinungsbild, die Proportionen und die detaillierten Merkmale des Produkts präzise wiedergeben. Darüber hinaus sollten die Bilder, neben einer möglichst originalgetreuen Abbildung des Produkts selbst, möglichst hohe Auflösung aufweisen und die Produkt-Details sorgfältig ausgearbeitet sein, um mit herausragender Klarheit feine handwerkliche Details, Materialstrukturen und komplexe Designelemente einzufangen und somit das handwerkliche Können sowie die visuelle Attraktivität des Produkts vollständig zur Geltung zu bringen.","research.all.the.articles.paragraph34":"Produktform: Der Zustand des Produkts ist der Kern bei der Bewertung der Qualität von KI-generierten Bildern. Es muss gewährleistet sein, dass die generierten Produktformen einwandfrei sind und keine Mängel oder unangemessene Strukturen aufweisen. Gleichzeitig sollte die Ausschneidung präzise erfolgen, um Phänomene wie raue Kanten, weißliche Bereiche oder violette Randeffekte zu vermeiden und sicherzustellen, dass die generierten Produktbilder den Erwartungen der Kunden entsprechen.","research.all.the.articles.paragraph33":"Objektivität: Darstellung des Zustands und der Echtheit der generierten Ware.","research.all.the.articles.paragraph32":"Wenn wir Modelle mit Text oder Bildern als Eingabedaten versorgen, können die Ergebnisse, die von Diffusionsmodellen durch einen Entrauschungsprozess generiert werden, als eine Erweiterung der Semantik der ursprünglichen Daten betrachtet werden. Diese Modelle bewahren die konzeptuelle Ähnlichkeit und ermöglichen gleichzeitig reichhaltige Variationen; sie erweitern nicht nur die technischen Möglichkeiten der Inhaltserstellung, sondern senken auch erheblich die zeitlichen Kosten der manuellen Erstellung. Daher ist es notwendig, für die von AIGC generierten Objektformen eine einheitliche Definition zu etablieren. Für AIGC-Bilder, die auf E-Commerce-Plattformen eingesetzt werden (einschließlich Produkten, Modellen von Personen usw.), sollten entsprechende ästhetische Richtlinien für die Generierung festgelegt werden, um die Entstehung eines neuen Inhaltsproduktionsparadigmas in einem Kontext zu fördern, in dem digitale und physische Elemente miteinander verschmelzen.","research.all.the.articles.paragraph31":"Im Bereich des E-Commerce durchlaufen die Elemente Mensch, Ware und Handelsplatz ständig einen Prozess der Dekonstruktion und Rekonstruktion. Waren strömen in schier unendlichen Mengen auf E-Commerce-Plattformen ein, was zu einem enormen Bedarf an der Verarbeitung von Produktbildern führt. Dieser Bedarf ist nicht nur immens groß, sondern entwickelt sich auch äußerst schnell weiter – eine Entwicklung, mit der traditionelle Bildproduktions- und Designprozesse kaum noch Schritt halten können. Angesichts dieser gewaltigen Arbeitslast sind herkömmliche Abläufe nicht nur kostspielig, sondern lassen sich aufgrund realer Einschränkungen wie begrenzter physischer Räumlichkeiten oft auch nur schwer skalieren. Von der Aufnahme über die Bildbearbeitung bis hin zur endgültigen Veröffentlichung sind sämtliche Arbeitsschritte relativ ineffizient und können den Anforderungen des E-Commerce, der schnelle Iterationen und hohe Effizienz erfordert, nicht gerecht werden. Mit der stetigen Erweiterung des Warenangebots und dem zunehmenden Wettbewerb auf dem Markt treten diese Probleme immer deutlicher hervor; es besteht dringender Bedarf, durch technologische Innovationen eine flexiblere und kostengünstigere Massenverarbeitung von Produktbildern zu ermöglichen, um den Anforderungen der modernen E-Commerce-Entwicklung gerecht zu werden. Die Fortschritte und Anwendungen der AIGC-Technologie leisten hierzu bereits einen wichtigen Beitrag: Künstliche Intelligenz gestaltet allmählich den Bildproduktionsprozess sowie die Nutzergewohnheiten auf E-Commerce-Plattformen neu.","research.all.the.articles.paragraph30":"Gegenstandsform - Ware","research.taobaoInteractiveGam.topic":"Forschungsthemen","careers.socialJob7Team":"Taotian Group (1688)","research.design.synthesis.output.excerpt":"Entwurfs-Synthese-Ausgabe (Auszug)","careers.socialJob9Location":"Hangzhou","research.this.website.provides.two":"Diese Website bietet Nutzern zwei Möglichkeiten, die Tmall-Designspezifikation innerhalb von KI-Tools aufzurufen: einen MCP-Server und eine Kontextinjektion. Durch die einstufige Konfiguration des MCP-Servers in einem IDE-Tool greift das System automatisch auf die Tmall-Design-Wissensbasis zu. Die MCP-verpackten APIs führen automatisierte Verarbeitungen durch und liefern Ergebnisse basierend auf den natürlichsprachlichen Anweisungen des Nutzers; unterstützte Funktionen umfassen (aber beschränken sich nicht darauf) Suchvorgänge und das Ausführen von Workflows (runWorkflow). Alternativ können Nutzer auf einer spezifischen Wissensmodul-Seite auf «Kopieren» oder «Herunterladen» klicken, um ein Snippet-Paket zu erhalten, das semantische Regeln, Zuordnungsschemata und Codeimplementierungen enthält, und dieses direkt in das Anweisungseingabefeld einfügen, um lokale Änderungen vorzunehmen und neue Elemente zu generieren.","research.all.the.articles.paragraph39":"Artikelzustand: Die Kleidung weist angemessene Falten auf; der Artikel fühlt sich harmonisch und vollständig an.","research.all.the.articles.paragraph49":"Haltung: Körperbewegungen und Verhalten der Person","research.all.the.articles.paragraph48":"Augenblick: Die Augen sind fokussiert, die Mimik wirkt natürlich, und der Blick stimmt mit den Körperbewegungen überein. Vielfältige Gesichtszüge und Ausdrucksformen können Produktabbildungen interessanter und attraktiver machen und sich an unterschiedliche Produktkategorien sowie Zielgruppen anpassen. Solche emotionalen Verbindungen können die Wahrnehmung und Kaufentscheidung der Kunden beeinflussen und das Empfinden von Resonanz verstärken.","research.all.the.articles.paragraph47":"Ausdrucksmangement: Optisch sollte eine ästhetische Ästhetik der Kamera geschaffen werden; die generierten menschlichen Gesichtsausdrücke müssen entspannt und natürlich wirken, zum Charakter des Produkts passen und negative Ausdrücke wie Wut oder Starre vermeiden.","home.research7Title":"Prinzipien des User Experience Designs für Handtao","research.all.the.articles.paragraph46":"Objektiv: Ausdruck und Blick des Menschen vor der Kamera","research.all.the.articles.paragraph45":"Geschlecht und ethnische Merkmale: Entsprechend dem Produktstil und der ästhetischen Ausrichtung sollte die KI Gesichtszüge generieren, die zur Zielgruppe und zum kulturellen Kontext passen. Dabei sind unterschiedliche ästhetische Stile zu berücksichtigen, um einen Bruch zwischen Menschendarstellung und Szene zu vermeiden. Bei der Generierung von Menschenmodellen sind Hautfarbe, Haarbeschaffenheit, Frisur sowie Gesichtszüge der Zielgruppe zu beachten. Die Gesichtszüge sollten geschlechtsspezifische Unterschiede widerspiegeln und sich harmonisch in den Produktstil einfügen; dabei ist auf ungewöhnliche Geschlechterdarstellungen zu verzichten.","research.all.the.articles.paragraph44":"Proportionen und Temperament: Die Proportionen der Gesichtszüge sollten der anatomischen Struktur des menschlichen Körpers entsprechen, natürliche und realistische Formen aufweisen sowie eine harmonische Struktur aufweisen – einschließlich Details wie Gesichtsproportionen, knöcherne Struktur und Ausdruck. Insgesamt sollte das Erscheinungsbild eine harmonische Ästhetik vermitteln und Verzerrungen oder pathologische Eindrücke vermeiden. Darüber hinaus müssen bei derselben Modell in unterschiedlichen Szenarien die Gesichtszüge konstant bleiben; dies ist ein wesentlicher Aspekt, der bei AI-generierten Bildern besonders berücksichtigt werden muss.","research.all.the.articles.paragraph43":"Sinnesorgane: Die fünf wichtigsten Gesichtszüge eines Menschen","research.all.the.articles.paragraph42":"Gegenstandsform - Menschenmodell","research.all.the.articles.paragraph41":"Barrierefreies Design: Von KI generierte Produktinhalte müssen gesichtet und angepasst werden, um sicherzustellen, dass die Algorithmen den Grundsätzen der Inklusivität folgen. Beispielsweise sollten ausreichende Farbkontraste für Nutzer mit Farbsehschwäche oder Farbenblindheit bereitgestellt werden, um möglichst allen Nutzern einen einfachen Zugang zu den Produktinformationen zu gewährleisten.","research.all.the.articles.paragraph40":"Passung zwischen Produkt und Objekt: AI-generierte Bilder sollten den ursprünglichen Zustand des Produkts präzise wiedergeben. Bei Bekleidungsprodukten müssen Falten natürlich wirken; beim Tragen durch das Model sollte die Kleidung der Körperform genau folgen. Bei hängenden Kleidungsstücken muss die Aufhängung sinnvoll erfolgen, um unnatürliche Biegungen oder Verformungen zu vermeiden. Die Produkte sollten im Verhältnis zur Umgebung und zu anderen Gegenständen stimmig sein, damit Nutzer die Größe korrekt einschätzen und Verbraucher nicht irreführt werden können.","research.all.the.articles.paragraph0010":"Bei der Erzeugung von Bildern mithilfe KI sollte die Produktform aus mehreren Blickwinkeln erfasst werden. Der Blickwinkel beeinflusst direkt die Wirkung des Produktbildes. Entsprechend den spezifischen Eigenschaften des Produkts eignen sich vor allem Frontalansichten oder Perspektivkompositionen aus einem 3/4-Winkel; die Horizontlinie befindet sich in der Regel in der Mitte oder etwas unten im Bild.","research.all.the.articles.paragraph0012":"Es sollte eine immersive 360°-Betrachtungsmöglichkeit bereitgestellt werden, die es Kunden ermöglicht, das Produkt virtuell zu umrunden und aus verschiedenen Blickwinkeln zu betrachten. Solche virtuellen Erkundungen tragen dazu bei, das visuelle Erlebnis der Kunden zu verbessern und sie bei einer fundierteren Entscheidungsfindung zu unterstützen. Zustand des Produkts: Die Kleidungsfalten sind angemessen, und das Produkt wirkt haptisch harmonisch und vollständig.","research.all.the.articles.paragraph0011":"Immersive Perspektive:","research.all.the.articles.paragraph0014":"AI-generierte Bilder sollten den ursprünglichen Zustand des Produkts genau widerspiegeln. Bei Bekleidungsprodukten müssen Falten natürlich wirken; beim Tragen durch das Model sollten die Kleidungsstücke der Körperform gut anliegen. Bei hängenden Kleidungsstücken ist die Aufhängung sinnvoll zu gestalten, um unnatürliche Biegungen oder Verzerrungen zu vermeiden. Die Produkte sollten im Verhältnis zur Umgebung und zu anderen Gegenständen stimmig sein, damit Nutzer die Größe präzise einschätzen und Verbraucher nicht irreführt werden können.","research.all.the.articles.paragraph0013":"Die Passung zwischen Ware und Objekt:","careers.socialJob8Title":"Senior Experience Designer – Taogongchang","research.all.the.articles.paragraph0016":"Produktinhalte, die von KI generiert werden, müssen gesichtet und angepasst werden, um sicherzustellen, dass die Algorithmen den Grundsätzen der Inklusivität folgen. Beispielsweise sollte für Nutzer mit Farbsehschwäche oder Farbenblindheit eine ausreichende Farbkontrastierung gewährleistet sein, um möglichst allen Nutzern einen einfachen Zugang zu Produktinformationen zu ermöglichen.","research.all.the.articles.paragraph0015":"Barrierefreies Design:","research.all.the.articles.paragraph16":"Bildvideo","research.all.the.articles.paragraph15":"Teilzeitraum","research.all.the.articles.paragraph14":"Grundlegende Charaktereinstellungen","research.strategy.breakdown.theme.content":"Strategieaufschlüsselung: Thema, Inhalt und Form sollten nicht isoliert voneinander existieren. Das Thema stellt die Kernbedeutung dar, der Inhalt bildet die informatorische Substanz, und die Form definiert die Darstellungsweise. Der symbolische narrative Ausdruck bezieht sich darauf, geeignete visuelle Symbole zu verwenden, um die semantische Bedeutung eines Themas abzubilden und so einen kognitiven Rahmen für die Nutzer zu schaffen. Priorität hat, dass die Nutzer zunächst verstehen, was die Botschaft ausdrückt, und anschließend durch die unterstützenden Informationen ein detailliertes Verständnis erlangen.","careers.internJob4Title":"AIGC-Designer","research.all.the.articles.paragraph13":"Diese Studie konzentriert sich auf Themen wie dynamische AI-Produktionsprozesse, Ausdrucksstabilität sowie kreative Ideen für Produkte und Videos mit digitalen Avataren. Sie erforscht AI-gestützte Designmethoden für dynamische Bildmedien, die speziell auf E-Commerce-Szenarien zugeschnitten sind, um die Gestaltungseffizienz und die Nutzererfahrung zu steigern. Gleichzeitig wird in Zusammenarbeit mit der Chinesischen Akademie für Kunst und Design die Fachkompetenz und branchenübergreifende Relevanz der Forschung gestärkt, um die fortlaufende Spitzenposition von Taotian in der Entwicklung dynamischer AI-Designfähigkeiten zu fördern.","research.all.the.articles.paragraph12":"Mit der raschen Entwicklung der dynamischen KI-Produktionstechnologie erkunden Marken und Internetplattformen ständig neue Anwendungen von KI in Produkten und im Marketing-Kommunikationsbereich, um das Markenimage zu stärken und Geschäftsmodelle zu innovieren. Für E-Commerce-Designteams stellt der Aufbau von Fähigkeiten zur Erzeugung dynamischer KI-Bilder sowohl eine entscheidende Maßnahme zur Bewältigung des Trends hin zur Videoformatierung von E-Commerce-Inhalten dar als auch eine wichtige Richtung für die Erforschung zukünftiger Formen von E-Commerce-Inhalten.","research.all.the.articles.paragraph11":"Projekthintergrund","research.all.the.articles.paragraph10":"Forschung zu dynamischen Bildern von digitalen Avataren des Typs «TAO»AI","research.this.intuitive.information.expression":"Diese Designinitiative «Intuitive Informationsausdruck» begann mit einer ehrlichen Reflexion über den aktuellen Stand des Marketingdesigns. Wenn beim Start einer App Bildschirmblitze kurz vor den Augen der Nutzer aufleuchten, wenn während der Interaktion plötzlich Pop-ups erscheinen und wenn Werbeüberschriften ständig kommerzielle Absichten an der Spitze der Startseite tragen, sind wir nicht länger damit zufrieden, lediglich zu fragen, ob Design überhaupt existiert. Stattdessen stellen wir tiefere Fragen: Können Nutzer es auf einen Blick verstehen? Können sie die Botschaft intuitiv erfassen? Wird es auf natürliche Weise zu einer Handlung führen?","products.official.website.introduction.paragraph":"Die Seitenstruktur und das Designsystem der VersionAI Tmall-Website entsprechen der Wissensstruktur und sind als eine baumartige Navigation gegliedert, die aus Stilen, Seiten sowie deren Untereinheiten besteht. Auf jeder Wissenseinheitseite können die Regeln für menschliche Nutzer und die Regeln für KI umgeschaltet werden; außerdem unterstützt die Seite die Funktion, Teile des Wissens zu kopieren oder herunterzuladen. Zudem gibt es eine Bereitstellungsseite, die den Nutzern Anleitungen dazu liefert, wie sie diese Spezifikation aufrufen können, um Oberflächen zu generieren.","research.spacing.semantic.rules.excerpt":"Semantische Regeln für die Abstandseinstellung (Auszug)","careers.socialJob9Years":"3 Jahre","research.all.the.articles.paragraph0022":"Die ästhetischen Richtlinien für KI-generierte Bilder betreffen mehrere Bereiche wie Kunst, Design und Mensch-Computer-Interaktion. Im Folgenden werden die ästhetischen Richtlinien für Bildgenerierung auf der Plattform Taobao vorgestellt; dabei liegt der Schwerpunkt auf der Qualität der einzelnen Bilddetails sowie auf den Beziehungen zwischen diesen Elementen und deren gegenseitigen Einflüssen. Diese Richtlinien tragen dazu bei, die Qualität und Attraktivität der generierten Bilder zu gewährleisten. Die ästhetischen Richtlinien für Produkte gliedern sich in fünf Hauptkategorien: 1. Form des Objekts, 2. Szene, 3. Komposition, 4. Licht und Schatten, 5. Textur. Je nach Anwendungsfall und spezifischen Anforderungen können diese Richtlinien variieren und angepasst werden; daher ist es in konkreten Anwendungen erforderlich, gezielt und effektiv darauf einzugehen.","research.component.semantic.rule.template":"Komponenten-semantische Regelvorlage (Auszug)","home.award1Desc":"Taobao ANSICHT","research.all.the.articles.paragraph19":"Mit der zunehmenden Anwendung von KI in den Bereichen Kunst, Design und Kultur wird die Ästhetik der KI zu einem stark beachteten Forschungsfeld. Ihre Anwendung in der künstlerischen Schaffung führt zu einem neuen Verständnis des Zeitalters der AIGC. Die ästhetischen Richtlinien für KI betreffen die Frage, wie menschliche Kreativität und maschinelle Lernalgorithmen miteinander verbunden werden können, um faszinierende, intelligente Erlebnisse zu schaffen. Ästhetische Richtlinien müssen darauf achten, ob Werke Vielfalt und Inklusion widerspiegeln und Vorurteile oder Diskriminierung gegenüber bestimmten Gruppen vermeiden. Zudem gilt es zu berücksichtigen, wie Werke Emotionen auslösen und vermitteln, um tiefgründige und bewegende Kunstwerke hervorzubringen. Gleichzeitig ist zu prüfen, ob in von KI generierten Werken gesellschaftliche und kulturelle Werte zum Ausdruck kommen und ob ethische Richtlinien eingehalten werden.","research.final.interface.code.generation":"Ausgabe der endgültigen Schnittstellen-Codegenerierung (Auszug)","research.all.the.articles.paragraph18":"Ästhetische Prinzipien beziehen sich auf die Elemente und Kriterien, die sowohl beim Schaffen als auch beim Betrachten von Werken eine Rolle spielen. In der Ästhetik gibt es seit jeher einen kontroversen Diskurs darüber, ob Schönheit ein objektiv existierendes Merkmal ist oder das Ergebnis subjektiver psychischer Empfindungen und emotionaler Ausdruckskraft. Einige ästhetische Theorien betonen die Bedeutung von Symmetrie und Ausgewogenheit, während andere Theorien den Reiz asymmetrischer und unregelmäßiger Formen hervorheben. Aus der Perspektive von Kunst und alltäglichem Leben wird Schönheit teilweise als eigenständiger Bereich betrachtet, der Kunst und Alltag voneinander trennt; andere Theorien dagegen vertreten die Ansicht, dass Kunst und Leben eng miteinander verbunden sind. Zusammenfassend lässt sich sagen, dass in verschiedenen Epochen und Kulturen unterschiedliche Schönheitsstandards herrschen und sich auch die Art und Weise, wie Schönheit verstanden und ausgedrückt wird, unterscheidet. Folglich zeigen sich ästhetische Prinzipien vielfältig und wandelbar.","research.all.the.articles.paragraph17":"Die Ästhetik ist die Disziplin, die sich mit den Gesetzmäßigkeiten ästhetischer Aktivitäten befasst. Sie ist der philosophische Zweig, der sich mit Schönheit, Kunst und ästhetischen Erfahrungen beschäftigt und von metaphysischen Bestrebungen sowie einem starken spekulativen Charakter geprägt ist. Ästhetische Prinzipien befassen sich mit Fragen wie dem Wesen der Schönheit, den Kriterien für Schönheit sowie der Bewertung von Werken – es handelt sich dabei um ein weitreichendes und tiefgehendes Gebiet.","banner.punchedTapePlaceholder2":"Erleben Sie das klassische Lochstreifen-System.","research.all.the.articles.paragraph0018":"Die Falten der Kleidung sind angemessen, und das Produkt wirkt harmonisch und vollständig.","research.all.the.articles.paragraph27":"Licht und Schatten","research.all.the.articles.paragraph0017":"Produktzustand:","research.all.the.articles.paragraph26":"Komposition","research.all.the.articles.paragraph25":"Szene","research.all.the.articles.paragraph24":"Gegenstandsform","research.the.intent.recognition.agent":"Der Intent-Erkennungsagent nimmt die Abfragezeichenkette des Benutzers als Eingabe an (z. B. «Erstellen Sie einen neuen Produkt-Shopping-Guide-Kanal»). Er gibt eine Checkliste mit Anforderungen für die Wissensabfrage aus, etwa: «Anforderungstyp (zusammengesetzte Wiederverwendung bestehender Module), Seitentyp (Shopping-Guide-Seite), Informationsstruktur (Produktkarten), Interaktionsbeschränkungen (filterbar oder nicht), Inhaltsanforderungen (Nutzen-/Angebotsinformationen) usw.», und leitet sie an den nächsten Agenten weiter.","research.all.the.articles.paragraph23":"Die ästhetischen Richtlinien auf Basis von Produkten gliedern sich in fünf Kategorien:","research.all.the.articles.paragraph22":"Die ästhetischen Richtlinien für KI-generierte Bilder betreffen mehrere Bereiche wie Kunst, Design und Mensch-Computer-Interaktion. Im Folgenden werden die ästhetischen Richtlinien für Bildgenerierung auf der Plattform Taobao vorgestellt; dabei liegt der Schwerpunkt auf der Qualität der einzelnen Bildelemente sowie auf den Beziehungen zwischen diesen Elementen und deren gegenseitiger Beeinflussung. Diese Richtlinien tragen dazu bei, die Qualität und Attraktivität der generierten Bilder zu gewährleisten.","careers.socialJob1Team":"Taotian-Gruppe","research.all.the.articles.paragraph21":"Ästhetische Standards für KI-Produkte","research.all.the.articles.paragraph20":"Diese Studie wurde 2024 gemeinsam von Taotian Experience Design und dem Team von Professor Zheng Chao von der Fakultät für Visuelle Kommunikation der Chinesischen Akademie der Künste an einem Forschungsprojekt zur Ästhetik von KI-Produkten durchgeführt. Das Projekt dauerte ein Jahr und führte in einer ersten Phase durch die kooperative Zusammenarbeit zwischen Hochschule und Unternehmen zu wirksamen Leitlinien für die Ästhetik von KI-Produkten. Ziel ist es, die Entwicklung der künstlichen Intelligenz (KI) im praktischen E-Commerce-Bereich der Plattform Taobao zu lenken und sicherzustellen, dass sie auf kommerziellen Plattformen kreativ und führend agiert sowie einen positiven und herausragenden Beitrag zu menschlichen Werten und zur ästhetischen Wahrnehmung leistet.","research.taobaoInteractiveGam.paragraph3":"Ausgehend von der Typologie der interaktiven Spiele im E-Commerce von Taobao und unter Berücksichtigung aktueller Markttrends führt diese Forschung eine professionelle Dekonstruktion aus gestalterischer Perspektive durch. Die Studie gliedert sich in modulare Untersuchungen entlang vier Dimensionen – Spielmechaniken, Kunststil, UI-Design und Bewegungseffekte –, um ein vollständiges Set an Forschungsthemen zu bilden und schließlich in einer abschließenden Forschungsarbeit zu münden.","research.taobaoInteractiveGame.farmMapLevelDesign":"Zhongdiba: Atlas- und Level-basiertes Design","research.all.the.articles.new.label9":"Taotian Design","careers.internJob1Location":"Hangzhou","research.all.the.articles.new.label8":"Eigenes Design","research.all.the.articles.new.label7":"Markenmarketing-Design für Tmall-Händler","research.all.the.articles.new.label6":"Marketingdesign für Taotian-Marken und Händler","research.all.the.articles.new.label5":"Multiplattform-Innovations-Erlebnisdesign","research.all.the.articles.new.label4":"Partnerhochschulen","research.all.the.articles.new.label3":"Gute Preise bei Taobao gestalten","research.all.the.articles.new.label2":"Benutzer- und Interaktionsdesign","research.color.semantic.rules.excerpt":"Farbsemantische Regeln (Auszug)","research.this.substantial.volume.of":"Dieser umfangreiche Bestand an sich wiederholender und strukturell ähnlicher Entwurfsarbeit erfordert dringend automatisierte, künstliche Intelligenz gestützte Methoden zur Entwurfsgenerierung, um sowohl die Effizienz als auch die Outputqualität deutlich zu verbessern.","research.multi.agent.workflow":"Multi-Agenten-Workflow","research.next.we.engineer.the":"Als Nächstes gestalten wir den Arbeitsablauf für das Schnittstellendesign und die Generierung. Ein mehragentenbasierter, von oben nach unten kooperativer Prozess besteht im Wesentlichen aus der Definition und Konfiguration jedes Unteragenten sowie seiner Verkettungslogik. Jeder Agent umfasst vorgelagerte Eingaben, ein Basismodell, einen Speicher, Systemaufforderungen (Rolle und Aufgabe), eine Wissensbasis (oder Datenbank), Tools (MCP, Plugins) sowie nachgelagerte Ausgaben. Es ist entscheidend sicherzustellen, dass Zugriffspfade, Objektnamen und Input-/Output-Verträge, auf die in den Aufforderungen der Unteragenten verwiesen wird, kohärent und widerspruchsfrei bleiben.","research.taobaoInteractiveGame.caseStudies1":"Anwendung zur Typologie interaktiver Spielgenres","research.taobaoInteractiveGame.conclusion":"Schlussfolgerung","careers.socialJob2Years":"2 Jahre","careers.socialJob6Team":"Taotian Group (1688)","research.economic.aesthetics.paragraph21":"Typografische Prinzipien","research.economic.aesthetics.paragraph22":"Die kalte Plattform-Prämienmechanik in vertraute sensorische Reize und emotionale Belohnungen für die Nutzer umwandeln – so wird das Produkterlebnis nicht zu einer Maschine, die der Nutzer erst erlernen muss, sondern zu einem «Spielzeug», das sofortige Freude und Sicherheit bringt und somit das Ziel der Steigerung der Nutzerbindung erreicht.","awards.taobaoInteractiveGame.link2":"Red Dot Design Award 2025 ansehen","research.economic.aesthetics.paragraph23":"Prinzipien der Bewegungsanimation","awards.taobaoInteractiveGame.link3":"Apple Design Award 2025 anzeigen","research.economic.aesthetics.paragraph24":"Hauptobjekt + Farbe + Text + Layout + Animation = die fünf Elemente des ästhetischen Modells.","research.economic.aesthetics.paragraph20":"Der Kern liegt darin, wichtige Informationen zu extrahieren und zu verstärken, sie über mehrere Sinneskanäle – wie Sehen, Hören und Berühren – wiederholt zu präsentieren und eine reichhaltige und vielfältige Inhaltsauswahl bereitzustellen.","research.building.internal.design.consensus":"Aufbau eines internen Designkonsenses für eine intuitive Informationsdarstellung in Marketing-Szenarien","awards.taobaoInteractiveGame.link1":"IF Design Award 2025 ansehen","research.economic.aesthetics.paragraph29":"02 Straßenästhetik","research.taobaoInteractiveGame.babaFarmFullSceneMotionDesignExcerpt":"Baba Farm: Anwendung im surrealistischen Kunststil","research.economic.aesthetics.paragraph26":"Durch die kombinierte Anwendung verschiedener Gestaltungsmethoden unter den fünf Elementen lassen sich zahlreiche ästhetische Stile erreichen, die gut auf die Vorlieben der Bewohner kleiner Städte abgestimmt sind.","footer.contactXiaohongshu":"Xiaohongshu","research.economic.aesthetics.paragraph27":"01 Supermarkt-Anreiz","research.economic.aesthetics.paragraph28":"Der Supermarkt ist ein alltäglicher Lebensraum, ohne den die Menschen in der kleinen Stadt nicht auskommen können. Durch die Extraktion und Neugestaltung von Elementen aus dem Supermarkt wird die vertraute Umgebung authentisch wiedergegeben und löst emotionale Resonanz aus.","research.economic.aesthetics.paragraph10":"Übersicht über die Straßen der kleinen Stadt","research.economic.aesthetics.paragraph11":"Wir streben nicht übermäßig nach abstrakter Theorie, sondern legen mehr Wert auf eine unmittelbare Darstellung von Funktionen und positive Bedeutungen; wir verwenden gern lebendige, alltagsnahe Metaphern. Wir achten nicht auf die Einheitlichkeit des Sprachsystems – traditionelle Totems, Internetjargon, sprichwörtliche Redewendungen und Regierungsparolen kommen in derselben Dialogszene vor.","research.economic.aesthetics.paragraph12":"Übersicht über die verschiedenen Arten von Texten im Alltag","research.economic.aesthetics.paragraph13":"Als Farbgrundlage die Farben der Lebensumgebung verwenden und Sättigung sowie Helligkeit optimieren, um eine augenfreundliche Wiedergabe der Bildschirmfarben zu gewährleisten. Die Wahrnehmung farbiger Stimmungen übernehmen und deren Anwendung im Online-Umfeld erweitern.","careers.internJob3Date":"2026.03.17","research.element":"Element","awards.tmall.products.title1":"Tmall Multimodales Produktausdruckssystem","awards.tmall.products.title3":"Das multimodale Produkt-Ausdruckssystem von Tmall erhielt 2022 den IF Design Award in der Kategorie User Experience.","awards.tmall.products.title2":"Das multimodale Produkt-Ausdruckssystem von Tmall erhält den IF Design Award.","research.regardless.of.whether.a":"Unabhängig davon, ob ein Designsystem Open Source ist oder ein Tool funktionsfähig ist – jede Unternehmens-Design-Team steht heute vor derselben wesentlichen Aufgabe: die Klärung und den Aufbau eines KI-freundlichen Design-Wissenssystems, das mit Design-Tools oder großen Modellen verbunden werden kann.","careers.internJob2Years":"Praktikum","footer.copySuccess":"Kopieren erfolgreich","careers.socialJob2Team":"Taotian-Gruppe","awards.tmall.products.title9":"Miaoman #Schatzduft# Muse-Goldmedaille","research.economic.aesthetics.paragraph18":"Konvertieren Sie abstrakte Preise/Parameter in alltägliche, den Nutzern vertraute Begriffe (Zeit, Essen, Handlungen, kleine Ausgaben), um die Entscheidungsschwelle zu senken.","awards.tmall.products.title8":"Link zum MUSE-Platinpreis-Projekt","research.economic.aesthetics.paragraph19":"Prinzipien der Textbeschreibung","awards.tmall.products.title5":"Entwurfsessenz des multimodalen Produktdarstellungssystems","research.economic.aesthetics.paragraph14":"Ästhetisches Farbsystem für kleine Städte","awards.tmall.products.title4":"IF Design Award 2022 ansehen","research.economic.aesthetics.paragraph15":"Farbemotionenverteilung","awards.tmall.products.title7":"Katzen-Super-Glückseimer MUSE Platin-Auszeichnung","research.economic.aesthetics.paragraph16":"Verwenden Sie möglichst echte Produkte und simulieren Sie reale Konsumszenarien, um bei den Nutzern Assoziationen zu wecken, die Distanz zu verringern und das Verhaltensgedächtnis zu aktivieren.","awards.tmall.products.title6":"Dieses Projekt ist eine Produktmatrix, die auf der E-Commerce-Plattform des Alibaba-Konzerns basiert und darauf abzielt, das Online-Einkaufserlebnis zu verbessern. Es richtet sich insbesondere an die Anforderungen zur Darstellung der vielfältigen Eigenschaften von Millionen von Produkten. Auf Grundlage langjähriger Erfahrungen mit Verbraucherverhaltensmustern sowie mit den hochentwickelten Technologien von Tmall bieten wir ein immersives und intelligentes Online-Einkaufserlebnis. Dabei können Verbraucher direkt mit den Produkten interagieren; zudem ermöglicht KI die schnelle Generierung dynamischer Inhalte. So können Verbraucher auch von zu Hause aus ein umfassenderes Erlebnis mit den Produkten genießen.","research.economic.aesthetics.paragraph17":"Grafik- und Texturprinzip","footer.download":"Herunterladen","research.switch.to.ai.facing":"Zu AI-orientierten Regeln wechseln","research.all.the.articles.name_custom9":"Jiong Hao","research.all.the.articles.name_custom6":"Wen Yu","research.all.the.articles.name_custom5":"Ming Kong","research.all.the.articles.name_custom8":"Qi Wen","research.all.the.articles.name_custom7":"Kong Shen","research.all.the.articles.name_custom2":"Le Fu","research.all.the.articles.name_custom1":"Ye Ru","research.all.the.articles.name_custom4":"Li Ye","research.all.the.articles.name_custom3":"Li Ji","research.asset.knowledge.consists.of":"Das Asset-Wissen besteht aus Einheiten wie Bildern, Symbolen, Logos und Tags und dient als primäre Materialquelle für die Bevorratung von Seiteninhalten. Die semantischen Regeln für Assets umfassen Asset-Definitionen, Attributvariablen, obligatorische Regeln sowie funktionale Verwendungen. Je nach spezifischem Asset-Typ kann das Asset-Wissen Code-Implementierungen erfordern oder auch nicht – beispielsweise erfordern Symbole durchaus Code-Implementierungen, während Bilder typischerweise keine benötigen. In solchen Fällen nehmen die Implementierungen die Form von Quell-Asset-Dateien (z. B. SVG oder PNG) an, deren Benennungskonventionen mit denen übereinstimmen, die in den semantischen Regeln definiert sind. Das Zuordnungsschema für Assets folgt demselben Muster wie das für Elemente. Am Beispiel von Symbolen veranschaulicht die nachfolgende Abbildung die Umwandlung von Design-Artefakten in die drei Dateitypen: semantische Regeln, Zuordnungsschemata und Code-Implementierungen.","research.symbolization.translating.the.core":"{{bold}}Symbolisierung{{/bold}}: Die Übersetzung der grundlegenden semantischen Bedeutung von Marketinginformationen in konkrete visuelle Darstellungen mithilfe allgemein erkennbarer Symbole oder Bildwelten.","banner.clearAll":"Alle löschen","awards.taobaoInteractiveGame.paragraph2":"Während Taobao Vision umfassende Einkaufsfunktionen bietet, nutzt es vollständig die Funktionen des Apple Vision Pro aus, wie etwa räumliches Computing, gemeinsam genutzter Raum, 3D-Inhalte sowie Augen- und Handverfolgung, um den Nutzern ein intuitiveres, immersiveres, umfassenderes und angenehmeres Einkaufserlebnis zu bieten. Gleichzeitig unterstützt es Zehntausende Marken dabei, ihre Produkte, Inhalte und Geschichten mithilfe von Mixed-Reality-Räumen direkt in die Wohnzimmer der Nutzer zu bringen.","awards.taobaoInteractiveGame.paragraph1":"Das UX-Design von Taobao Vision erhielt 2025 den Apple Design Award in der Kategorie Interaktionsdesign. Daraufhin folgten weitere Auszeichnungen: der IF Design Award in der Kategorie User Experience sowie der Red Dot Design Award in der Kategorie Interface & User Experience Design.","footer.allRightsReserved":"Alle Rechte vorbehalten","home.research4Title":"Kunstästhetik der KI","research.the.complete.generation.pipeline":"Die vollständige Generierungs-Pipeline verläuft wie folgt: 1. {{bold}} Der Benutzer gibt eine Anforderung in natürlicher Sprache ein.{{/bold}} 2. {{bold}} Die Anfrage wird an den Intent-Erkennungs-Agenten weitergeleitet,{{/bold}} der mehrdeutige Eingaben in systeminterpretierbare Designintentionsformen erweitert und eine strukturierte Anforderungsbeschreibung ausgibt, die explizite Randbedingungen für die nachfolgende Entscheidungsfindung liefert. 3. {{bold}} Anschließend gelangt der Prozess zum Wissensabruf-Agenten,{{/bold}} der mithilfe von Retrieval-Augmented Generation (RAG) selektiv hochrelevante kontextuelle Informationen aus extern abgerufenen Design-System-Spezifikationswissen basierend auf dem aktuellen Intent abruft. 4. {{bold}} Danach arbeitet der Design-Synthese-Agent{{/bold}} innerhalb der definierten Randbedingungen, um den abgerufenen Spezifikationskontext zu bewerten, zusammenzusetzen und zu instanziieren und erstellt so einen zwischengeschalteten strukturierten Datenentwurf (Schema\\*). Dieser Schema beschreibt explizit die Seitenstruktur, Komponenten, Stile und Inhalte und bildet somit eine vollständig strukturierte Designlösung. 5. {{bold}} Schließlich fragt der Codegenerierungs-Agent{{/bold}} das Design-System-Spezifikationswissen erneut auf Basis des Schemas ab und verwendet grep-basierten Abruf, um die entsprechenden Codebasis-Artefakte zu lokalisieren und aufzurufen. Dabei richtet er sich nach produktionsbereiten Komponenteneigenschaften, Stilvariablen und Ressourcenpfaden, um die endgültige UI zu generieren.","research.minimal.necessary.hierarchy.reduce":"{{bold}}Minimale notwendige Hierarchie{{/bold}} – Reduzieren Sie die informatorische Hierarchie auf das wesentliche Minimum. Vermeiden Sie übermäßigen Gebrauch von typografischer Skalierung, Segmentierung oder geschichteter Strukturierung, um die kognitive Belastung zu verringern.","careers.internJob1Desc":"Verantwortlich für den Aufbau und die Wartung der KI-Designplattform des Teams: Durch die Integration von Designwissen, Arbeitsabläufen und KI-Fähigkeiten steigern wir kontinuierlich die Produktivität, Qualitätskonsistenz und Wissenswiederverwendungsrate des Designteams. Als zentraler Baumeister einer intelligenten Designarchitektur verbinden wir die drei Bereiche «Design», «Engineering» und «KI-Designwerkzeuge», um sicherzustellen, dass KI im Team praktisch einsetzbar, iterierbar und kontrollierbar ist. Sie sind in der Lage, eigenständig intelligente Designsysteme aufzubauen und zu optimieren, verstehen Architektur- und Arbeitsflussmechanismen und leiten die Weiterentwicklung der intelligenten Designarchitektur sowie die plattformübergreifende Integration von Arbeitsabläufen. Sie bauen eine intelligente Designplattform für das gesamte Team auf und ermöglichen so skalierbare Förderung. Zudem sind Sie verantwortlich für den Aufbau des intelligenten Systems, inklusive der Konstruktion und Wartung der Architektur der Design-Agenten innerhalb des Teams. Außerdem kümmern Sie sich um die Pflege des Wissenssystems und des RAG-Ansatzes sowie um den Aufbau und die Weiterentwicklung der Design-Wissensdatenbank. Darüber hinaus sind Sie zuständig für die Intelligentisierung von Arbeitsabläufen, die Integration von Tools sowie für die Überwachung und Bewertung der Leistungsfähigkeit der Design-Agenten.","careers.social":"Soziale Rekrutierung","research.generated.interface.preview":"Generierte Schnittstellenvorschau","products.design.specifications.new.paragraph08":"Stellen Sie sich der zentralen Widersprüchlichkeit im E-Commerce-Design: «Der Verbraucher sieht auf den ersten Blick nur den Preis – wie lässt sich verhindern, dass das Design die Preiswahrnehmung beeinträchtigt?» Aus einer ganzheitlichen, durchgängigen Perspektive erläutert Jason, wie Markendesign an jedem Berührungspunkt – von externen Werbeanzeigen bis hin zur erfolgreichen Zahlung – eine konsistente Ausdrucksweise bewahren kann. In einem Super-Traffic-Umfeld wie dem Double-11-Tag muss das Design einen ausgewogenen Kompromiss zwischen Atmosphäregestaltung und Transaktionseffizienz finden – es darf weder die Kernbotschaft überdecken noch die Markentemperatur verlieren. Die Teamstrategie passt sich flexibel an die wirtschaftliche Lage an: 2024, in Zeiten eines konsumbedingten Rückgangs, setzte man auf ein «Plakat-artiges» Design, das starke Vorteile wie «85 % Rabatt auf alle Artikel» hervorhob und dabei auf Informationseffizienz und Wahrnehmungsgeschwindigkeit abzielte; 2025, mit der wirtschaftlichen Erholung, wurde das Konzept aufgewertet zu einem Thema mit dem Slogan «Voll und ganz dabei – ein vielfältiges Leben», das KI und ökologische Kompetenzen integriert und sich auf die emotionale und mentale Verbindung zur Marke konzentriert.","careers.socialJob12Team":"Taotian-Gruppe","products.design.specifications.new.paragraph09":"In seinem Beitrag zur Gestaltung interaktiver Spiele erläuterte You Shi ausführlich die Design-Philosophie «leicht, aber süchtig machend». Er stellte von vornherein klar: Interaktion ist keine isolierte Funktion, sondern das entscheidende Bindeglied, das «Besuch, Surfen, Engagement, Gewinn und Kauf» miteinander verknüpft. Um dieses Ziel zu erreichen, hat Taotian ein interaktives System aufgebaut, das sämtliche Szenarien abdeckt: Marketing-Interaktionen sorgen für enorme Aufmerksamkeit, alltägliche Interaktionen fördern Nutzergewohnheiten, interne Produkt-Interaktionen unterstützen den Kanalbetrieb, und das Ökosystem kleiner Spiele ermöglicht den Austausch von Traffic. Am Beispiel des Anmeldeprodukts zeigt sich eine klare dreischichtige Logik: Die Hauptlinie konzentriert sich auf den Kernpfad, Aufgaben erweitern das Handlungsrepertoire, und Nebenstränge befriedigen individuelle Szenarien – so lässt sich ein ausgewogenes Tempo des Engagements gestalten.","research.versionai.tmall.is.an":"VersionAI Tmall ist eine auf KI ausgerichtete Website mit Design-Spezifikationen. Sie enthält sämtliches oben beschriebene Designwissen und unterstützt Nutzer dabei, Benutzeroberflächen zu erstellen, die den Tmall-Designspezifikationen entsprechen, Designüberprüfungen durchzuführen sowie Fragen und Antworten zu beantworten. Die Seitenstruktur der Website entspricht der Wissensstruktur des Designsystems und ist als Baumnavigation von Stilen, Fallbeispielen und ihren darunterliegenden Wissensmodulen organisiert. Auf jeder Wissensmodul-Seite kann zwischen Regeln für Menschen und Regeln für KI umgeschaltet werden; zudem lassen sich Wissensausschnitte kopieren oder herunterladen. Eine Bereitstellungsseite führt Nutzer schrittweise an die Nutzung der Spezifikation zur Erzeugung von Oberflächen heran. Der Blogbereich dokumentiert zudem die wichtigsten Erkenntnisse aus dem Projekt; neben diesem Artikel enthält er zwei Praxisbeiträge: «Konzeptvideo für eine KI-gestützte Startseite» und «KI-gestütztes Webdesign und -entwicklung».","products.design.specifications.new.paragraph02":"Am 9. Dezember 2025 ließ Professor Zheng Chao gemeinsam mit den Studierenden die Forschungsarbeit «Ästhetische Richtlinien für KI-generierte Bilder», die er gemeinsam mit dem Taotian-Konzern entwickelt hatte, noch einmal Revue passieren. Dies war keine bloße technische Anpassung, sondern vielmehr eine philosophische Reflexion darüber, ob «Schönheit definiert und von Maschinen verstanden werden kann». «Was bedeutet eigentlich ‚Schönheit‘ auf E-Commerce-Plattformen in der Ära der AIGC?», fragte Professor Zheng Chao bei der Nachbesprechung.","products.design.specifications.new.paragraph03":"Das Forschungsteam verzichtete auf die mechanische Bildbeschriftung und wandte sich stattdessen der Entwicklung eines ästhetischen Logiksystems zu, das von KI erlernt werden kann – von der Farbkomposition über die Beziehungen zwischen Elementen bis hin zur visuellen Erzählweise. So wird subjektive Ästhetik in eine iterierbare algorithmische Sprache übersetzt. Diese Vorbereitungsphase ist nicht nur eine Rückblick auf das Projekt, sondern auch ein mentaler Wandel: von einem «Lernenden» zu einem «angehenden kommerziellen Designer», von der Schaffung eigenständiger Werke hin zu einer Schlüsselrolle innerhalb der kommerziellen Wertschöpfungskette.","products.design.specifications.new.paragraph01":"In dem dreiwöchigen immersiven Studiengang durchlaufen die Teilnehmer drei aufeinander aufbauende Phasen – «Entdeckung und Definition, Exploration und Design, Vertiefung und Lieferung» – und absolvieren so einen sichtbaren Übungsaufwand sowie einen kognitiven Umgestaltungsprozess im Bereich des Design Thinking. Wir legen besonderen Wert auf die Fähigkeit zur «Problemformulierung» unter realen geschäftlichen Einschränkungen und leiten die Teilnehmer an, Methoden wie User Experience, Verhaltenslogik und Interaktionsanalyse zu nutzen, um über die Oberfläche von Daten tiefere Modelle des Nutzerdenkens und Motive hinter deren Verhalten zu erfassen. Der Kern des Workshops besteht darin, dass die Teilnehmer nicht nur mit Interaktionsparadigmen und visueller Kommunikation vertraut sein müssen, sondern auch ein tiefes Verständnis für Plattformökonomie, Konsumpsychologie, Spielgestaltung und Mechanismen der sozialen Verbreitung entwickeln sollen.","products.design.specifications.new.paragraph06":"Die dreidimensionale Rahmenstruktur «Benutzer, Verbindung, Knoten» wird vorgeschlagen, um das Design von der reinen optischen Verschönerung auf die Ebene des Aufbaus eines ganzheitlichen Systemerlebnisses zu heben. Diese Methodologie geht stets von der Frage aus: «Was möchte der Benutzer?», betont, durch eine eingehende Analyse der Zugangspunkte Erwartungen zu erkennen und darauf aufbauend die Darstellung der Seiten dynamisch zu planen. Auf Grundlage klar definierter Nutzerpfade gilt es, klare und fließende Hauptaufgaben zu strukturieren sowie Nebenaktivitäten wie Rabattcodes und Anleitungen maßvoll zu gestalten und gleichzeitig für eine sinnvolle Anordnung der Informationsarchitektur an allen Knotenpunkten zu sorgen. In der Praxis wird empfohlen, Erfahrungen durch Wettbewerbsanalysen, Usability-Tests und Meinungsforschung tiefgehend zu diagnostizieren, und zwar konsequent nach dem Ablauf «Analyse → Strategie → Ausdruck», damit designorientierte Innovationen stets auf der Grundlage respektvoller Nutzergewohnheiten und geschäftlicher Konsensbildung beruhen. Ein hervorragendes Design zeigt sich letztlich in der Angemessenheit und logischen Stringenz der Verbindungen – und nicht allein in oberflächlicher Optik.","research.page":"Seite","products.design.specifications.new.paragraph07":"In ihrem Vortrag über Markenmarketing-Design wies Xiaobing darauf hin, dass der Kern des Designs darin besteht, den Perspektivwechsel von einem «studentischen Denken» zu einem «geschäftlichen Denken» vorzunehmen – also von einer Ausdrucksweise, die sich hauptsächlich auf das persönliche ästhetische Empfinden konzentriert, hin zu einer Kommunikation, die sich ganz auf Produkt und Nutzer ausrichtet. Geschäftliches Design ist nicht nur eine visuelle Darstellung, sondern vielmehr ein fortlaufender Dialog mit den Nutzern, dessen Ziel es ist, durch Design das Nutzerverhalten effektiv zu steuern und klare geschäftliche Ziele zu erreichen. In der praktischen Umsetzung erfordert dies von Designern die Fähigkeit zur schnellen Iteration und zur Echtzeitvalidierung – etwa bei großen Aktionsprojekten wie dem «Double-11»-Tag: Hier gilt es, einen geschlossenen Kreislauf aufzubauen, der von der Markenstrategie über die visuelle Kommunikation und Medienplatzierung bis hin zur Datenrückmeldung reicht und sicherstellt, dass jeder einzelne Schritt eng darauf ausgerichtet ist, wie der Nutzer wahrnimmt und handelt – damit das Design im geschäftlichen System tatsächlich wirksam wird.","research.all.the.articles.paragraph99":"Farbtonneigung und Farbreinheit sollten einheitlich sein; die Farben im Bild müssen harmonisch aufeinander abgestimmt sein, um ein chaotisches Zusammenspiel zu vermeiden. Bei der ästhetischen Gestaltung von Produktbildern in der KI-E-Commerce-Branche muss die Tonübereinstimmung unter Berücksichtigung verschiedener Dimensionen wie Kontrastverhältnisse, Hell-Dunkel-Beziehungen sowie Warm-Kalt-Verhältnisse ganzheitlich betrachtet werden. Nur wenn die farblichen Beziehungen in allen Dimensionen ausgewogen und harmonisch sind, kann das Bild Authentizität und Ausdruckskraft vermitteln.","products.design.specifications.new.paragraph04":"Aus der historischen Perspektive der Entwicklung des Designs zeigt Qi Wei die stetige, wechselseitige Beziehung zwischen Design und Technologie – von den Anfängen bei Xerox über die Weiterentwicklung durch Apple und Microsoft bis hin zur Gründung der ersten professionellen Designteams in China bei Kingsoft und Tencent. Dies markiert den Übergang des Internet-Designs von einer reinen «Optimierung der Benutzeroberfläche» zu einem systematischen und professionellen Ansatz. Mit zunehmender Komplexität und Standardisierung von Produkten verlagert sich der Kern des Designs von der «visuellen Wettbewerbsfähigkeit» hin zur «Erlebnisentscheidung» – in einer Zeit, in der Nutzer zahlreiche Auswahlmöglichkeiten haben, wird das Erlebnis selbst zum entscheidenden Unterschiedsfaktor. Angesichts eines fragmentierten Aufmerksamkeitsumfelds bleibt es für Designer eine ständige Herausforderung, Informationen auf einfachere, klarere und intuitivere Weise zu vermitteln.","research.all.the.articles.paragraph98":"Farbtonbeziehung: Übereinstimmung des farblichen Grundtons des Bildes","products.design.specifications.new.paragraph05":"In den vielfältigen Geschäftsszenarien von Taotian wird dieses Konzept in konkrete Praktiken umgesetzt: Im Livestream baut man professionelle Mentalitäten auf, im Mitgliedschaftssystem schafft man ein Gefühl von Exklusivität, und in der Interaktion integriert man spielerische Erzählweisen. Qi Wei betont stets, dass das Wesen des Designs darin besteht, die Bedenken der Nutzer zu verstehen und zu lösen sowie ein Gleichgewicht zwischen geschäftlichen Zielen und erlebbarer Wertigkeit zu finden – denn «Verbraucher treten nicht auf eine Plattform ein, um das Design zu bewundern, sondern um Inhalte zu erhalten». Dies ist sowohl eine Reifung des Design-Denkens als auch eine Vertiefung geschäftlicher Weisheit.","research.all.the.articles.paragraph97":"Außenbeleuchtung: Bei der Verwendung von Außenbeleuchtung können unterschiedliche Lichtquellen verschiedene atmosphärische Stimmungen für Produkte auf E-Commerce-Plattformen erzeugen. Dabei ist ebenfalls auf ein angemessenes Verhältnis zwischen Lichtfarbe, -winkel und Projektion zu achten, um sicherzustellen, dass die resultierenden Bildergebnisse natürlich und authentisch wirken.","research.all.the.articles.paragraph96":"Außenlicht des Mondes: In der Nacht wirkt das Mondlicht sanft und schafft eine dezente, kühle Farbstimmung, die harte Schatten in der Szene mildert. Dieses sanfte und ruhige Licht verleiht den Produkten eine edle und geheimnisvolle Ästhetik.","research.spacing.design.excerpt":"Abstandsgestaltung (Auszug)","research.all.the.articles.paragraph95":"Außenbereich bei Schneewetter: In einer schneebedeckten Umgebung fällt das Licht gleichmäßig auf die Oberfläche des Produkts und erzeugt eine sanfte, gleichmäßige Beleuchtung. Dabei werden harte Schatten auf der Produktoberfläche reduziert, sodass Details und Texturen besser zur Geltung kommen. Zum Beispiel verleiht die Präsentation von Weihnachtsartikeln in einem schneebedeckten Ambiente der Szene zusätzliche festliche Stimmung.","research.all.the.articles.paragraph94":"Im Freien bei Regen: Unter regnerischen Bedingungen erscheinen die Motive klarer und die Farben lebendiger, was für Produkte einen frischen und lebendigen visuellen Effekt erzeugen kann. Dabei ist es wichtig, die Spiegelung von Wasser auf den Straßen zu berücksichtigen, um eine harmonische Spiegelwirkung mit dem Hauptmotiv zu erzielen. So können beispielsweise feuchtigkeitsspendende Gesichtsmasken durch die Reflexion im Regen den visuellen Eindruck von Feuchtigkeit verstärken.","research.all.the.articles.paragraph93":"Bewölkter Außenbereich: In einem bewölkten Umfeld ist das Licht gleichmäßig und sanft, was dazu beiträgt, den Kontrast auf der Oberfläche von Waren zu verringern und die Farben und Texturen der Produkte realistisch wiederzugeben. Die Schattenverhältnisse unter diesem Licht sorgen für ein angenehmes und natürliches Seherlebnis und wirken äußerst einladend.","research.all.the.articles.paragraph92":"Innenraumlicht: Die Intensität des Innenraumlichts nimmt in der Regel mit zunehmender Ausbreitungsstrecke ab. Das Innenraumlicht stammt meist aus künstlichen Lichtquellen, natürlichem Licht von Fenstern oder einer Kombination beider Quellen. Das Licht ist relativ sanft und erzeugt kaum starke Schatten; daher sollten bei KI-generierten Bildern von Innenräumen möglichst keine zu harten Schatten entstehen. Darüber hinaus sorgen unterschiedliche Lampentypen und Lichtfarben für unterschiedliche Atmosphären: Die Farbe der Schatten muss mit der Lichtfarbe harmonieren und sich zudem an die Reflexionen im Umfeld anpassen.","research.all.the.articles.paragraph91":"Schattenrückmeldung/Licht-Schatten-Konsistenz: Die Schattendirektion im Bild muss mit der Lichtquellenrichtung übereinstimmen; die Schattenfläche sollte der Fläche des Objekts entsprechen, und auch die Beleuchtungs- und Schattenseitenverhältnisse der einzelnen Objekte müssen einheitlich sein.","research.all.the.articles.paragraph90":"Die Gesamtlichtquelle im Bild sollte einheitlich gehalten werden, und die Anordnung von Haupt- und Nebenlichtern sollte sinnvoll sein; dabei sollte vor allem helle, sanfte Tageslichtquellen verwendet werden. Die Abstimmung der Lichtwirkung ist ein wesentlicher Bestandteil für die Realitätsnähe eines Bildes. Zahlreiche Faktoren wie Lichtrichtung, Objektbeschattung und Umgebungsreflexionen stehen in engem Zusammenhang miteinander. Nur wenn Licht- und Schattenverhältnisse von Objekten und Szene harmonisch aufeinander abgestimmt sind und widersprüchliche Licht-Schatten-Beziehungen vermieden werden, lässt sich ein Produktbild mit ausreichender emotionaler Wirkung erzeugen.","footer.scanWithWeChat":"Mit WeChat scannen","careers.socialJob3Team":"Taotian-Gruppe","awards.tmall.products.title15":"Projektpräsentation","research.configure.the.tmall.design":"Konfigurieren Sie das tmall-design MCP in der IDE.","awards.tmall.products.title16":"Beschreibung des Designprojekts:","awards.tmall.products.title17":"Die Gesamtkampagne «HEYLIVE – Das Fanshaus am Meer», die Tmall Xiao Hei He im Zusammenarbeit mit dem Anaya Xiami-Musikfestival 2024 entwickelt hat, integriert die Marke durch eine szenische Marketingstrategie in den kulturellen Kontext des Musikfestivals. Die Hauptvisualität, der Würfel von Tmall Xiao Hei He, wird als «Scheinwerferlicht» dekonstruiert und bringt so die glitzernde Bühne sowie die verlaufende Küstenlinie aufleben. Auf diese Weise wird eine emotionale Verbindung zwischen der Marke und jungen Nutzern geschaffen. Gleichzeitig bündelt das Projekt Ressourcen von fünf führenden Marken wie DeLonghi und Haier, um ein vielschichtiges, online- und offline-vernetztes Marketing-Ökosystem zu schaffen, das mehrdimensionale Ziele wie Markenpräsenz, Nutzeransprache und kulturelle Resonanz verwirklicht.","footer.scanToFollow":"Scan den Code, um zu folgen","footer.contactEmail":"E-Mail-Adresse","awards.tmall.products.title10":"Link zum MUSE-Goldpreisprojekt","awards.tmall.products.title11":"Das Projekt «HEYLIVE – Das Haus der Musikfans am Strand» von Tmall Xiaohexie × Xiami Music Festival hat den Grand Prix des italienischen A'Design Award für internationale Designleistungen erhalten.","app.check":"success","awards.tmall.products.title12":"Preislogo","awards.tmall.products.title13":"Preisurkunde, Pokal","awards.tmall.products.title14":"Informationen zur Preisverleihung abrufen","research.spacing.code.implementation":"Implementierung des Abstandscodes","careers.socialJob5Title":"Experte für Experience-Design – Xianyu","products.design.specifications.paragraph18":"Vorschau der Komponenten des Qianniu-Designsystems","products.design.specifications.paragraph17":"Das System steht ganz im Zeichen des Designkonzepts «pragmatisch und effizient», das die Rückkehr zur eigentlichen Natur von B2B-Geschäftsmanagementsystemen betont: In der Informationsarchitektur strebt es nach äußerster Klarheit und Einfachheit, um sicherzustellen, dass Händler sofort verstehen, was zu tun ist und wie es zu tun ist, und somit die Kosten für das Verstehen senken. In puncto visueller Gestaltung verfolgt es den Ansatz, nicht übertrieben aufzufallen, sondern angemessen und natürlich zu wirken – durch maßvolle und schlichte Verwendung von Farben und abstrakten Symbolen werden visuelle Elemente eliminiert, die möglicherweise zu kognitiven Verwirrungen führen könnten. In der Interaktionslogik legt es Wert auf Einfachheit und Schnelligkeit und unterstützt Händler mit möglichst kurzen Bewegungswegen bei häufigen Aktionen und Wechseln.","products.design.specifications.paragraph19":"Spezifikationen des Tmall-Designsystems","footer.contactTitle":"Kontakt","products.design.specifications.paragraph14":"Vorschau der Systemkomponenten von Taobao","products.design.specifications.paragraph13":"Das Design von Taobao orientiert sich ganzheitlich am Nutzer und zeichnet sich durch eine zurückhaltende, streng durchdachte Gestaltung der Produktfunktionen aus. Die umfassende und komplexe Systemarchitektur zielt darauf ab, den Nutzern ein einfaches, benutzerfreundliches und unterhaltsames Erlebnis zu bieten. Ressourcen von Designern, Produktmanagern und Entwicklern schaffen eine gemeinsame Sprache rund um die Produkte von Taobao und ermöglichen es, das Anwendungserlebnis von Taobao auf höchstem Niveau und mit größter Sorgfalt zu pflegen.","products.design.specifications.paragraph16":"Qianniu Design ist ein Design-System, das speziell für die Qianniu-Händler-Arbeitsumgebung entwickelt wurde. Es legt den Schwerpunkt auf Effizienz und passt sich an häufige und komplexe Geschäftsszenarien an, um sicherzustellen, dass zentrale Daten und Aufgaben effizient kommuniziert werden und somit die grundlegenden Bedürfnisse der Händler im täglichen Betrieb und bei der Shop-Verwaltung erfüllt werden.","products.design.specifications.paragraph15":"Systemvorschriften für das Qianniu-Designsystem","careers.socialJob11Location":"Peking/Shanghai","products.design.specifications.paragraph10":"Vision: Ein neues Paradigma für intelligente Produktion definieren","products.design.specifications.paragraph12":"Taobao Design ist ein Design-System, das speziell für die Taobao-App entwickelt wurde. Das Taobao-Design-System zielt darauf ab, eine einheitliche Designsprache zu schaffen, die sicherstellt, dass das gesamte Produkterlebnis von Taobao sowie die Unterstützung verschiedener Nutzerrollen gemeinsam ein einfaches und benutzerfreundliches Geschäftsökosystem ermöglichen.","products.design.specifications.paragraph11":"Spezifikationen des Designsystems von Taobao","research.all.the.articles.name_new10":"Wangli Dong","research.all.the.articles.name_new02":"Yong Wang","careers.internJob2Date":"2026.03.17","research.all.the.articles.name_new01":"Kaile Kong","research.all.the.articles.paragraph79":"Perspektivische Beziehung","research.all.the.articles.name_new06":"Zhou Zhou","research.all.the.articles.paragraph78":"Zum Beispiel sollte zwischen dem menschlichen Modell und dem Bildrand ausreichend negativer Raum verbleiben. Durch angemessenes Weißraumhalten wird verhindert, dass das Bild überfüllt wirkt, was den Eindruck von Luftigkeit verstärkt und zur Ausgewogenheit und Natürlichkeit der gesamten Komposition beiträgt. Die Einhaltung eines angemessenen Abstands zwischen dem Hauptmotiv der Komposition und dem Bildrand zielt darauf ab, eine harmonische Beziehung zwischen dem menschlichen Modell und den Produkten zu gewährleisten und gleichzeitig die visuelle Attraktivität und Ästhetik des Bildes zu steigern.","research.all.the.articles.name_new07":"Yan Wang","research.all.the.articles.paragraph77":"Bei der Verwendung einer menschlichen Modellfigur als Hauptmotiv im Bild liegt der Schlüssel darin, durch die Bildkomposition die Proportionen und Position des Modells effektiv hervorzuheben, um das Produkt optimal in Szene zu setzen. Die Platzierung des Modells genau in der Bildmitte zieht nicht nur direkt den Blick des Betrachters an und verstärkt seine zentrale Rolle, sondern entspricht auch der natürlichen Sehgewohnheit des Betrachters, bei der Betrachtung von Bildern zunächst den Mittelpunkt zu fokussieren.","research.all.the.articles.name_new04":"Xiang Liu","research.all.the.articles.paragraph76":"Ein Layout, das den visuellen Gewohnheiten entspricht, betont, dass die Komposition den Gesetzen der menschlichen visuellen Wahrnehmung und ästhetischen Präferenzen folgen sollte. Dabei werden klassische Kompositionsprinzipien angewendet, um eine natürliche und ansprechende visuelle Wirkung zu erzielen. Die Goldene Schnitt-Regel und die Drittel-Regel sind die klassischsten und am häufigsten verwendeten Richtlinien in der Komposition; ihre anhaltende Lebendigkeit beruht auf ihrer Übereinstimmung mit dem instinktiven menschlichen Verständnis für visuelle Ausgewogenheit und Harmonie. So empfiehlt etwa die Goldene-Schnitt-Regel, wichtige visuelle Elemente an bestimmten Schnittpunkten des Bildes anzusiedeln – in der Regel nahe den Bildrändern. Solche Layouts ziehen nicht nur den Blick des Betrachters an, sondern schaffen zugleich optisch ein Gefühl von Ausgewogenheit und Dynamik.","research.all.the.articles.name_new05":"Haojiong Yang","research.all.the.articles.paragraph75":"Diese Norm befasst sich damit, wie durch die Bildgestaltung gewährleistet werden kann, dass der Hauptgegenstand eines Produkts hervorgehoben wird. Der Kern der Hauptdarstellung besteht darin, das Produkt im Bild zentral zu platzieren und mithilfe einer organischen Anordnung visueller Elemente dessen Eigenschaft als bildbestimmender Fokus zu verstärken.","research.all.the.articles.paragraph74":"Subjektivität","research.all.the.articles.paragraph73":"Gleichgewicht und Abstimmung des gesamten Bildes: Bei der Gestaltung von visuellen Bewegungsabläufen ist es ebenfalls wichtig, das Gleichgewicht und die Abstimmung des gesamten Bildes zu berücksichtigen. Die Anordnung aller Elemente muss nicht nur der visuellen Führung dienen, sondern auch eine innere Harmonie der Komposition bewahren.","research.all.the.articles.name_new08":"Yuhan Wen","research.all.the.articles.paragraph72":"Berücksichtigung des Blickraums: Wenn ein menschliches Abbild in einem Bild enthalten ist und deutliche Augenbewegungen zeigt, ist die Flexibilität der Blickrichtung besonders wichtig. Vor dem Blick des menschlichen Abbilds sollte ausreichend Platz vorgesehen werden, um die Dynamik des Bildes zu verstärken und den visuellen Fluss zu lenken.","research.all.the.articles.name_new09":"Zijun Liu","research.all.the.articles.paragraph71":"Einsatz von Linien, Formen und Licht: Durch sinnvolle Anordnung von Linien und Formen lässt sich ein Pfad schaffen, der die Aufmerksamkeit des Betrachters lenkt und ihn ganz natürlich auf das Produkt hinleitet. Diese visuellen Elemente sollten zu einem fließenden visuellen Leitsystem organisiert werden, das letztlich ganz auf das Produkt selbst ausgerichtet ist.","research.design.method.literal.visualization":"Entwurfsmethode: Wörtliche Visualisierung","research.all.the.articles.paragraph70":"Wenn die menschliche Figur einen Blick ausdrückt, ist darauf zu achten, dass der Blickrichtung eine gewisse Weiterführung verliehen wird, und auf der Seite, in die die Figur blickt, entsprechenden Raum vorzusehen.","careers.internJob1Title":"KI-Ingenieurdesigner","research.economic.aesthetics.paragraph32":"Volkskultur ist die spirituelle Ankerstelle für die Menschen in kleinen Städten; durch die schönen Segnungen der Volkskultur und deren Übertragung auf entsprechende Träger gewinnen diese Menschen ein Gefühl der Zugehörigkeit.","research.economic.aesthetics.paragraph33":"Unabhängig von Höhen und Tiefen streben auch die Märkte der unteren Schicht nach Ästhetik – angefangen bei Kleidung, Essen und Gebrauchsgegenständen bis hin zu Architektur und Innenausstattung. Selbst in kleinen Städten verändert sich die ästhetische Wahrnehmung der Menschen mit dem Lauf der Zeit. Indem wir Inspiration aus dem Alltag schöpfen und das Wesentliche wilder Gestaltung herausarbeiten, verleihen wir unseren Produkten mehr Wärme und bringen selbst kleine Güter zu großem Wert zum Leuchten. Das Design hört nie auf, und die ökonomische Ästhetik befindet sich ständig im fortlaufenden Wandel ...","research.economic.aesthetics.paragraph30":"Die willkürlich zusammengestellten kleinen Werbeanzeigen auf den Straßen einer Kleinstadt spiegeln das lebendige Alltagsleben der dortigen Menschen wider. Indem wir ihre formale Ästhetik herausarbeiten, erschaffen wir eine einzigartige, wild gemischte Ästhetik für die Kleinstadt.","research.economic.aesthetics.paragraph31":"03 Volkskultur vermittelt Bedeutung","products.design.specifications.paragraph21":"Das System basiert auf dem Designkonzept des «White Papers» und legt besonderen Wert darauf, dass der Inhalt wie aus einer leeren Leinwand hervorspringt. Durch Vereinfachung von Abläufen und Strukturen werden alle Elemente entfernt, die möglicherweise stören oder verwirren könnten.","products.design.specifications.paragraph20":"Tmall Design ist ein Design-System, das speziell für die Tmall-Einkaufsapp entwickelt wurde und Konzepte, Prinzipien, Stile, Komponenten sowie Assets umfasst. Das Erlebnisziel besteht darin, den Inhalt ins Zentrum zu stellen, Aufgabenvereinfachung zu gewährleisten, eine effiziente Informationsübermittlung sicherzustellen und einen äußerst minimalistischen Designstil zu präsentieren – alles mit dem Ziel, den Produktpositionierungen und den Bedürfnissen der Zielnutzer gerecht zu werden.","research.versionai.tmall":"VersionAI Tmall","products.design.specifications.paragraph22":"Vorschau der Systemkomponenten von Tmall","research.all.the.articles.paragraph89":"Lichtquellenbeziehung: Einheitlichkeit der Lichtquellen für alle Objekte im Bild","banner.cameraMoveBody":"Versuche, deinen Körper zu bewegen.","research.all.the.articles.paragraph88":"Einheitliche Belichtung: Der Grad der Belichtung des Kerninhalts sollte konstant gehalten werden. Die Anpassung an unterschiedliche Szenarien ist ein weiterer wichtiger Aspekt bei der Belichtungsanpassung von Produktbildern. Innerhalb der gesamten Produktpalette trägt eine einheitliche Belichtungsebene dazu bei, die Markenidentität zu stärken, das Produkt für Nutzer leichter erkennbar und besser im Gedächtnis zu behalten sowie die Gesamtkonsistenz der Marke zu festigen.","research.all.the.articles.paragraph87":"Gesamtbelichtung: Bei unterbelichteten Bildern erscheinen die Objekte zu dunkel, was die Erkennung ihrer Form beeinträchtigt; überbelichtete Bilder hingegen wirken übermäßig weiß und führen zum Verlust von Details. In der Regel wird eine helle Belichtungseinstellung bevorzugt. Bei Produktfotos ist auch die Belichtungskontrolle des Hintergrunds von großer Bedeutung. Durch Anpassung der Belichtung lässt sich der Kontrast zwischen Produkt und Hintergrund besser steuern – dies ist besonders entscheidend, wenn Produkt und Hintergrundfarbe ähnlich sind, um das Produkt hervorzuheben und es deutlich hervortreten zu lassen.","research.all.the.articles.paragraph86":"Belichtungsbasis: Die Belichtung sollte sich an den Hauptinhalten des Bildes orientieren und auf eine angemessene Belichtung achten. In der ästhetischen Bildgenerierung für E-Commerce-Produkte mit KI spielt nicht nur das äußere Erscheinungsbild eine Rolle, sondern vor allem die präzise Anpassung der Belichtung, um alle Details hervorzuheben. Eine angemessene Belichtung betont die Oberflächentextur, das Material und die Farbe des Produkts und stellt sicher, dass potenzielle Käufer die Produktmerkmale klar erkennen können, wodurch die Kaufattraktivität gestärkt wird.","research.all.the.articles.paragraph85":"Belichtung: Helligkeit und Dunkelheit des Bildes sowie Belichtungskonsistenz","research.element.knowledge.is.divided":"Die Elementkenntnisse sind in vier irreduzible Einheiten unterteilt – {{bold}}Farbe, Typografie, Eckenradius und Bewegung{{/bold}} –, die als grundlegende Abhängigkeiten für alle Designstile dienen. Ihre semantischen Regeln bestehen aus Elementdefinitionen, Stilkompositionen, Attributvariablen (Design-Tokens), zwingenden Regeln sowie funktionalen Nutzungsmöglichkeiten. Die Codeimplementierungen nehmen die Form globaler Styles (SCSS) an; diese werden automatisch aus Designartefakten rekonstruiert und durch Aufrufe der MCP-Dienste der Designsoftware von IDE-Tools als Code generiert. Das Zuordnungsschema besteht aus ID-Symbolen, Semantiken (einschließlich Name, Definition und Beschreibung), rules_refs, implementations_refs sowie Einschränkungen (wie Nutzungsszenarien, zwingende Verbote und andere Beschränkungen). Dieses Schema wird automatisch von KI gemäß schema-basierten Aufforderungsregeln erzeugt*.","research.all.the.articles.paragraph84":"Licht und Schatten","careers.socialJob13Team":"Taotian Group (Taobao-Plattform)","research.all.the.articles.paragraph83":"Schärfentiefe gestalten: Bei der Erzeugung von E-Commerce-Bildern mithilfe von KI ist die Steuerung der Schärfentiefe eines der entscheidenden Elemente der Bildkomposition. Durch die Simulation der Kamera-Brennweite und der Blende lässt sich die Schärfentiefe regulieren, wodurch ein unscharfer Hintergrund erzielt wird, der das Produkt visuell hervorhebt und es zum Mittelpunkt des Bildes macht. Bei der KI-generierten Darstellung von E-Commerce-Produkten müssen Brennweite, Blende und Objektabstand präzise gesteuert sowie der Verlauf von Schärfe und Unschärfe in Vorder- und Hintergrund sinnvoll angeordnet werden, um sicherzustellen, dass das resultierende Bild sowohl den kommerziellen Anforderungen entspricht als auch einen künstlerischen Wert besitzt. Durch solche Verarbeitungsschritte kann die KI Produkte in Bildern schaffen, die sowohl professionell als auch visuell ansprechend sind und somit die Präsentation der Produkte effektiv verbessern.","research.all.the.articles.paragraph82":"Raumperspektive: Die Raumperspektive ist eines der wichtigsten visuellen Elemente bei von KI generierten E-Commerce-Bildern und erfordert eine konsistente perspektivische Beziehung zwischen menschlichen Modellen, Produkten und der räumlichen Struktur. Eine korrekte perspektivische Beziehung gewährleistet, dass die Position und Größe von menschlichen Modellen und Produkten im Raum mit der Umgebung harmonieren.","research.design.synthesis.agent.configuration":"Konfiguration des Design-Syntheseagents (Auszug)","research.all.the.articles.paragraph81":"Die Licht- und Schattenbearbeitung ist ein weiterer entscheidender Faktor, der die Darstellung von Form und Textur eines Produkts direkt beeinflusst. Durch die Simulation unterschiedlicher Lichteffekte (wie Schatten, die durch einseitige Beleuchtung entstehen) lässt sich der dreidimensionale Eindruck des Produkts verstärken. Eine präzise Licht- und Schattensimulation macht die Produkte nicht nur lebendiger, sondern verleiht dem Bild auch reiche Schichtungen und Texturen.","careers.master":"Master","research.all.the.articles.paragraph80":"Bei der perspektivischen Komposition von E-Commerce-Produktbildern, die von KI generiert werden, besteht die Kernherausforderung darin, auf einer zweidimensionalen Fläche effektiv das Gefühl eines dreidimensionalen Raums zu simulieren. Diese Herausforderung berührt mehrere grundlegende Prinzipien der bildenden Kunst, insbesondere die Perspektive, den Umgang mit Licht und Schatten sowie die Steuerung der Tiefenschärfe. Die Perspektive hat in der bildenden Kunst eine lange Tradition; sie nutzt die Anordnung von Linien und Formen, um visuelle Tiefe und Entfernungsempfindungen zu simulieren. Bei der KI-generierten Erstellung von Produktbildern können mithilfe des Aufbaus von Fluchtpunkten und Fluchtperspektiven optische Effekte erzeugt werden, die den Eindruck vermitteln, dass das Produkt sich in die Ferne erstreckt. Diese Methode verstärkt nicht nur den plastischen Charakter der Produkte, sondern verleiht dem Bild auch Tiefe und dynamische Ausdruckskraft."}}