[{"data":1,"prerenderedAt":179},["ShallowReactive",2],{"works":3},[4,77,131],{"id":5,"title":6,"body":7,"category":52,"client":53,"cover":54,"description":55,"draft":56,"duration":53,"extension":57,"featured":58,"gallery":53,"meta":59,"navigation":60,"path":62,"publishedAt":63,"role":64,"seo":65,"services":68,"sort":71,"stem":72,"tags":73,"updatedAt":53,"year":75,"__hash__":76},"works\u002Fworks\u002Fscreen.md","智慧燃气综合管理平台",{"type":8,"value":9,"toc":46},"minimark",[10,17,21,24,27,43],[11,12,13],"blockquote",{},[14,15,16],"p",{},"Demo 内容：这是用于验证页面结构的虚构练习，不代表真实客户或上线成果。",[18,19,20],"h2",{"id":20},"项目背景",[14,22,23],{},"这个示例项目模拟一个信息密度较高的移动应用。模板重点验证项目摘要、设计过程、关键界面和复盘内容能否在同一篇案例中保持清晰节奏。",[18,25,26],{"id":26},"设计目标",[28,29,30,34,37,40],"ul",{},[31,32,33],"li",{},"建立清楚的任务优先级；",[31,35,36],{},"减少关键操作中的认知负担；",[31,38,39],{},"让视觉语言和交互反馈保持一致；",[31,41,42],{},"为后续功能扩展保留稳定结构。",[18,44],{"id":45},"",{"title":45,"searchDepth":47,"depth":47,"links":48},2,[49,50,51],{"id":20,"depth":47,"text":20},{"id":26,"depth":47,"text":26},{"id":45,"depth":47,"text":45},"UI\u002FUX",null,"\u002Fimage7213.jpg","智慧燃气大屏UI，深色调为主",false,"md",true,{},{"icon":61},"i-mdi:paintbrush","\u002Fworks\u002Fscreen","2026-07-01","UI\u002FUX Designer",{"title":66,"description":67},"UI\u002FUX App Project","用于验证移动产品案例页结构、信息层级和长内容阅读体验的示例项目。",[69,70],"Product Design","UI Design",22,"works\u002Fscreen",[69,70,74],"Blender",2026,"O6-mkFIWHiAOfLgawMOLbZqJPah_iuSYN1AgXB3LAlE",{"id":78,"title":79,"body":80,"category":52,"client":53,"cover":120,"description":67,"draft":56,"duration":53,"extension":57,"featured":58,"gallery":53,"meta":121,"navigation":122,"path":123,"publishedAt":63,"role":64,"seo":124,"services":125,"sort":126,"stem":127,"tags":128,"updatedAt":53,"year":75,"__hash__":130},"works\u002Fworks\u002Fuiux-app.md","UI\u002FUX App ",{"type":8,"value":81,"toc":114},[82,86,88,90,92,102,105,108,111],[11,83,84],{},[14,85,16],{},[18,87,20],{"id":20},[14,89,23],{},[18,91,26],{"id":26},[28,93,94,96,98,100],{},[31,95,33],{},[31,97,36],{},[31,99,39],{},[31,101,42],{},[18,103,104],{"id":104},"过程",[14,106,107],{},"首先整理核心场景和信息架构，再用低保真流程验证主要路径。界面阶段以有限的颜色、字号与间距层级建立系统，不依赖过量装饰制造重点。",[18,109,110],{"id":110},"复盘",[14,112,113],{},"正式案例可以在这里补充真实约束、设计取舍、验证方式与上线后的观察。避免填写未经验证的数据。1",{"title":45,"searchDepth":47,"depth":47,"links":115},[116,117,118,119],{"id":20,"depth":47,"text":20},{"id":26,"depth":47,"text":26},{"id":104,"depth":47,"text":104},{"id":110,"depth":47,"text":110},"\u002F4b0e98110079163.5fe325a0e4583.jpg",{},{"icon":61},"\u002Fworks\u002Fuiux-app",{"title":66,"description":67},[69,70],20,"works\u002Fuiux-app",[129,69,70],"Mobile App","aRCHKnRyqBSz0lJGLDpV-ALF1tKp6f-z-Us24ZjZBUQ",{"id":132,"title":133,"body":134,"category":164,"client":53,"cover":120,"description":165,"draft":56,"duration":53,"extension":57,"featured":58,"gallery":53,"meta":166,"navigation":58,"path":167,"publishedAt":168,"role":169,"seo":170,"services":171,"sort":173,"stem":174,"tags":175,"updatedAt":53,"year":75,"__hash__":178},"works\u002Fworks\u002Fdemo-3d-visual.md","Demo 3D Visual Project",{"type":8,"value":135,"toc":159},[136,141,144,147,150,153,156],[11,137,138],{},[14,139,140],{},"Demo 内容：本项目用于模板测试，没有真实客户、商业委托或成果数字。",[18,142,143],{"id":143},"视觉方向",[14,145,146],{},"尝试使用克制的色彩、柔和材质和清晰轮廓建立一组可延展的视觉语言。作品详情页需要容纳过程草图、材质测试和最终画面。",[18,148,149],{"id":149},"构图与材质",[14,151,152],{},"构图强调大块面关系和留白，避免把科技感等同于高饱和霓虹。材质保持统一的光照逻辑，让不同画面仍然属于同一系列。",[18,154,155],{"id":155},"模板用途",[14,157,158],{},"正式内容可以替换顶部占位视觉，并通过 MDC 组件增加全宽图片、图片网格、视频或过程时间线。",{"title":45,"searchDepth":47,"depth":47,"links":160},[161,162,163],{"id":143,"depth":47,"text":143},{"id":149,"depth":47,"text":149},{"id":155,"depth":47,"text":155},"3D Visual","用于验证大图叙事、视觉实验说明和多类型作品混排方式的 3D 示例项目。",{},"\u002Fworks\u002Fdemo-3d-visual","2026-06-20","Visual Designer",{"title":133,"description":165},[172,164],"Art Direction",10,"works\u002Fdemo-3d-visual",[176,172,177],"3D","Visual Design","yp-UKmkMrFMCPgPOwtzap9Xk8WxmynUvTpjqzwTh9wo",1784571990436]