[{"data":1,"prerenderedAt":86},["ShallowReactive",2],{"work-uiux-app":3},{"id":4,"title":5,"body":6,"category":62,"client":63,"cover":64,"description":65,"draft":66,"duration":63,"extension":67,"featured":68,"gallery":63,"meta":69,"navigation":70,"path":72,"publishedAt":73,"role":74,"seo":75,"services":77,"sort":80,"stem":81,"tags":82,"updatedAt":63,"year":84,"__hash__":85},"works\u002Fworks\u002Fuiux-app.md","UI\u002FUX App ",{"type":7,"value":8,"toc":54},"minimark",[9,16,20,23,26,42,45,48,51],[10,11,12],"blockquote",{},[13,14,15],"p",{},"Demo 内容：这是用于验证页面结构的虚构练习，不代表真实客户或上线成果。",[17,18,19],"h2",{"id":19},"项目背景",[13,21,22],{},"这个示例项目模拟一个信息密度较高的移动应用。模板重点验证项目摘要、设计过程、关键界面和复盘内容能否在同一篇案例中保持清晰节奏。",[17,24,25],{"id":25},"设计目标",[27,28,29,33,36,39],"ul",{},[30,31,32],"li",{},"建立清楚的任务优先级；",[30,34,35],{},"减少关键操作中的认知负担；",[30,37,38],{},"让视觉语言和交互反馈保持一致；",[30,40,41],{},"为后续功能扩展保留稳定结构。",[17,43,44],{"id":44},"过程",[13,46,47],{},"首先整理核心场景和信息架构，再用低保真流程验证主要路径。界面阶段以有限的颜色、字号与间距层级建立系统，不依赖过量装饰制造重点。",[17,49,50],{"id":50},"复盘",[13,52,53],{},"正式案例可以在这里补充真实约束、设计取舍、验证方式与上线后的观察。避免填写未经验证的数据。1",{"title":55,"searchDepth":56,"depth":56,"links":57},"",2,[58,59,60,61],{"id":19,"depth":56,"text":19},{"id":25,"depth":56,"text":25},{"id":44,"depth":56,"text":44},{"id":50,"depth":56,"text":50},"UI\u002FUX",null,"\u002F4b0e98110079163.5fe325a0e4583.jpg","用于验证移动产品案例页结构、信息层级和长内容阅读体验的示例项目。",false,"md",true,{},{"icon":71},"i-mdi:paintbrush","\u002Fworks\u002Fuiux-app","2026-07-01","UI\u002FUX Designer",{"title":76,"description":65},"UI\u002FUX App Project",[78,79],"Product Design","UI Design",20,"works\u002Fuiux-app",[83,78,79],"Mobile App",2026,"aRCHKnRyqBSz0lJGLDpV-ALF1tKp6f-z-Us24ZjZBUQ",1784571990441]