[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"i-lucide:arrow-up-right":3,"i-lucide:menu":8,"template-detail-0004":10,"i-lucide:chevron-right":199,"i-lucide:loader-circle":201,"i-lucide:sparkles":203},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10v10M7 17L17 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"templateItem":11,"contentBlocks":33,"related":151},{"skillId":12,"slug":13,"name":14,"title":15,"description":16,"category":17,"categoryLabel":18,"tags":19,"source":24,"visibility":25,"version":26,"kind":27,"contentSha256":28,"artifactSha256":29,"author":26,"core":6,"favorited":6,"cover":30,"preview":31,"previewScriptsAllowed":32},"01a13a8f-9848-717f-b25c-104afbf0e15a","0004","dark-style-keynote-speech","深色风格主题演讲","大会演讲与产品路演的演示页面。深色高对比舞台，一屏一页、纵向滚动播放，含章节编号、议程、论据卡片、前后对比与大数字页，页数可自由增减。","presentation","演示",[20,21,22,23],"演示文稿","演讲","深色风格","滚动播放","official","public","","WEB_TEMPLATE","0ada04a1ed75d93795eebc47b5a61a35aaec1e17d42d49b0449c8d09f95c6ca7","7a188e15e140b97b16e4166219ce43ed208ff2db224e5e874c68e01e8ccf7402","\u002Fstarstuff\u002Fchat\u002Fskills\u002Ftemplates\u002F01a13a8f-9848-717f-b25c-104afbf0e15a\u002Fcover?v=8cfec30927482134","\u002Fstarstuff\u002Fchat\u002Fskills\u002Fcatalog\u002F01a13a8f-9848-717f-b25c-104afbf0e15a\u002Fpreview\u002F?v=7a188e15e140b97b",true,[34,37,41,43,45,47,49,51,53,56,58,60,62,64,66,68,70,72,73,75,77,78,79,81,83,85,87,89,90,93,95,96,98,100,101,103,105,107,109,111,118,120,126,128,131,133,135,137,139,141,143,145,147,149],{"type":35,"text":36},"paragraph","UXConf 2026 · Shanghai · Keynote",{"type":38,"level":39,"text":40},"heading",1,"界面之后： 当 UI 学会倾听",{"type":35,"text":42},"从「人适应界面」到「界面适应人」——生成式交互时代的设计系统重建。",{"type":35,"text":44},"顾行舟 某头部产品设计平台 · 设计 VP",{"type":35,"text":46},"许清和 人机交互实验室 · 研究员",{"type":35,"text":48},"2026.09.18 · 09:30",{"type":35,"text":50},"Main Stage · Hall A",{"type":35,"text":52},"Agenda · 今天讲三件事",{"type":38,"level":54,"text":55},2,"界面正在从「命令」 转向「对话」。",{"type":35,"text":57},"01",{"type":35,"text":59},"静默的成本：我们把复杂度留给了谁",{"type":35,"text":61},"20 min",{"type":35,"text":63},"02",{"type":35,"text":65},"意图驱动：下一代交互的三个支点",{"type":35,"text":67},"25 min",{"type":35,"text":69},"03",{"type":35,"text":71},"重建设计系统：从组件到语义",{"type":35,"text":67},{"type":35,"text":74},"04",{"type":35,"text":76},"现场问答与开源工具发布",{"type":35,"text":61},{"type":35,"text":57},{"type":35,"text":80},"Part One · 静默的成本",{"type":38,"level":54,"text":82},"每一个「高级选项」， 都是一次设计的欠账。",{"type":35,"text":84},"过去二十年，我们用层级菜单、设置面板、隐藏手势，把系统的复杂度转嫁给了用户。用户学会了，也习惯了——直到他们遇到一个不需要学习的对手。",{"type":35,"text":86},"Evidence · 我们调研了 4,200 名用户",{"type":38,"level":54,"text":88},"复杂度没有消失， 只是被用户吃下去了。",{"type":35,"text":57},{"type":38,"level":91,"text":92},3,"68% 的设置项从未被触碰",{"type":35,"text":94},"在 12 款主流效率软件中，超过三分之二的偏好设置自安装起就保持默认值——它们只服务于文档，不服务于人。",{"type":35,"text":63},{"type":38,"level":91,"text":97},"用户平均每周花 47 分钟找功能",{"type":35,"text":99},"「我记得有这个功能，但找不到它」是可用性测试中复现率最高、解决率最低的挫败时刻。",{"type":35,"text":69},{"type":38,"level":91,"text":102},"83% 的人放弃后不再回来",{"type":35,"text":104},"第一次找不到入口的用户中，绝大多数不会求助帮助文档——他们直接换一个更简单的工具。",{"type":35,"text":106},"Part Two · 意图驱动",{"type":38,"level":54,"text":108},"不是把按钮藏起来， 是让按钮去该去的地方。",{"type":35,"text":110},"Before · 2019 的设计系统",{"type":112,"ordered":6,"items":113},"list",[114,115,116,117],"组件即终点：交付一套 Button、Input、Modal","一致性 = 所见即所得的像素复用","交互路径写死在流程图里","个性化只是「换个主题色」",{"type":35,"text":119},"After · 2026 的设计系统",{"type":112,"ordered":6,"items":121},[122,123,124,125],"语义即起点：组件只是意图的可选渲染","一致性 = 意图识别与响应的稳定","交互路径由上下文动态生成","个性化是「为每个人重排界面」",{"type":35,"text":127},"“",{"type":129,"text":130},"blockquote","最好的界面，不是被学会的， 是被忘记的。 当你不需要想起工具本身， 工具才真正开始工作。",{"type":35,"text":132},"Don Norman · The Invisible Computer · 1998",{"type":35,"text":134},"Part Three · 重建设计系统",{"type":38,"level":54,"text":136},"我们把 3,200 个组件， 蒸馏成了 46 条语义。",{"type":35,"text":138},"46",{"type":35,"text":140},"条核心语义，覆盖原有 3,200 个组件 94% 的调用场景。",{"type":35,"text":142},"Thank You · 现场问答",{"type":38,"level":54,"text":144},"界面之后， 是人。",{"type":35,"text":146},"SEMANTIC-UI · 开源工具今日发布",{"type":35,"text":148},"@顾行舟 · uxconf.design\u002Fafter-ui",{"type":35,"text":150},"Hall A · 11:20 · 展位 D12 现场答疑",[152,169,182],{"skillId":153,"slug":154,"name":155,"title":156,"description":157,"category":158,"categoryLabel":159,"tags":160,"source":24,"visibility":25,"version":26,"kind":27,"contentSha256":165,"artifactSha256":166,"author":26,"core":6,"favorited":6,"cover":167,"preview":168,"previewScriptsAllowed":32},"01a13a8e-66c8-7936-8fb7-2700a164ed30","0003","card-style-data-report","卡片风格数据报告","问卷调研与行业观察的数据报告长页。每个论点独占一张卡片，以「结论式小标题 + 副说明 + 图表 + 数据来源」组织，图表由纯 HTML\u002FCSS 绘制，数值与标签可直接编辑。","report","报告",[161,162,163,164],"数据报告","调研","图表","行业观察","17c7f8d072ed105131f649944208d9fdb6a98e2ed7873c6b0d5ae74c4d8637cc","1fb31fd67a879d23fd6f7ea2d6a6679e0d5c977876a8e5c85334c9b6f0284dd5","\u002Fstarstuff\u002Fchat\u002Fskills\u002Ftemplates\u002F01a13a8e-66c8-7936-8fb7-2700a164ed30\u002Fcover?v=51061c92429e5988","\u002Fstarstuff\u002Fchat\u002Fskills\u002Fcatalog\u002F01a13a8e-66c8-7936-8fb7-2700a164ed30\u002Fpreview\u002F?v=1fb31fd67a879d23",{"skillId":170,"slug":171,"name":172,"title":173,"description":174,"category":158,"categoryLabel":159,"tags":175,"source":24,"visibility":25,"version":26,"kind":27,"contentSha256":178,"artifactSha256":179,"author":26,"core":6,"favorited":6,"cover":180,"preview":181,"previewScriptsAllowed":32},"01a13a8c-d09b-7cee-bf7a-1f7d98429de0","0002","warm-paper-style-project-proposal","暖纸风格项目提案","项目提案与合作方案的单页文档。暖纸色系配衬线字层级，通篇以关键指标、双栏论述、实施时间线与预算表展开。",[176,177],"项目提案","方案文档","ba48732ec942096203c0325170821bb5b7fed7a23185fac2430ce6d3844c3d86","02ed920fbc801f966f1842102f62667e51264a980a3593bed9e3bcb565df75f7","\u002Fstarstuff\u002Fchat\u002Fskills\u002Ftemplates\u002F01a13a8c-d09b-7cee-bf7a-1f7d98429de0\u002Fcover?v=ca632d5c32e10426","\u002Fstarstuff\u002Fchat\u002Fskills\u002Fcatalog\u002F01a13a8c-d09b-7cee-bf7a-1f7d98429de0\u002Fpreview\u002F?v=02ed920fbc801f96",{"skillId":183,"slug":184,"name":185,"title":186,"description":187,"category":188,"categoryLabel":189,"tags":190,"source":24,"visibility":25,"version":26,"kind":27,"contentSha256":195,"artifactSha256":196,"author":26,"core":6,"favorited":6,"cover":197,"preview":198,"previewScriptsAllowed":32},"01a13a8b-3eb4-7a1c-8142-b9a583ccdcf3","0001","magazine-style-brand-site","杂志风格品牌官网","品牌与产品的单页官网。杂志式排版：超大标题、严格网格、浅色纸面配单一强调色；分章叙述，统计条、型号对比、场景引语与规格总览等模块可按内容需要增减。","website","官网",[191,192,193,194],"品牌官网","产品介绍","杂志排版","网站","654b573e2be7e0902cc48665daf54dea017cd900ca3d3563fd5451e1ec1237ac","46cc097376fae57cb20f7023341a755794d76b747856cf98bcf6d9255135b235","\u002Fstarstuff\u002Fchat\u002Fskills\u002Ftemplates\u002F01a13a8b-3eb4-7a1c-8142-b9a583ccdcf3\u002Fcover?v=2a1a3746df2e6ce2","\u002Fstarstuff\u002Fchat\u002Fskills\u002Fcatalog\u002F01a13a8b-3eb4-7a1c-8142-b9a583ccdcf3\u002Fpreview\u002F?v=46cc097376fae57c",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":200},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 18l6-6l-6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":202},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 1 1-6.219-8.56\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":204},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4\"\u002F>\u003Ccircle cx=\"4\" cy=\"20\" r=\"2\"\u002F>\u003C\u002Fg>"]