02 产品构思

产品构思

这是示例知识库,可以自由编辑、体验产品。试着修改脑图,或在白板上补充一个想法。
开发深度笔记时,我会把读到的资料写成设计,再通过代码验证。实践中遇到的问题,又成为下一轮学习的起点。
我希望这份知识库,能留下一个问题从不懂到理解、从理解到解决的过程。
# 深度笔记 ## 表达理解 ### 用自己的话写清楚 ### 用白板画出想法 ## 联结知识 ### 脑图梳理关系 ### 表格比较方案 ## 实践验证 ### 代码检验思路 ### 任务与甘特图安排实践 ## 复盘积累 ### 保存设计取舍 ### 从结果发现新问题

工作台草图

左边找到内容,中间专注表达,右边记录待办。这是我的布局构思,不是当前界面的截图。可以打开白板,移动卡片或补充自己的想法。
{"scene":{"elements":[{"id":"nav","type":"rectangle","x":20,"y":20,"width":160,"height":220,"angle":0,"strokeColor":"#334155","backgroundColor":"#f1f5f9","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":113,"version":1,"versionNonce":1,"isDeleted":false,"boundElements":null,"updated":1789171200000,"link":null,"locked":false},{"id":"navtitle","type":"text","x":35,"y":42,"width":130,"height":28,"angle":0,"strokeColor":"#334155","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":283,"version":1,"versionNonce":1,"isDeleted":false,"boundElements":null,"updated":1789171200000,"link":null,"locked":false,"text":"知识库","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"originalText":"知识库","autoResize":true,"lineHeight":1.5},{"id":"navbody","type":"text","x":35,"y":95,"width":130,"height":96,"angle":0,"strokeColor":"#334155","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":252,"version":1,"versionNonce":1,"isDeleted":false,"boundElements":null,"updated":1789171200000,"link":null,"locked":false,"text":"产品构思\n技术设计\n开发计划","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"originalText":"产品构思\n技术设计\n开发计划","autoResize":true,"lineHeight":1.5},{"id":"editor","type":"rectangle","x":210,"y":20,"width":300,"height":220,"angle":0,"strokeColor":"#334155","backgroundColor":"#e7f5ff","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":396,"version":1,"versionNonce":1,"isDeleted":false,"boundElements":null,"updated":1789171200000,"link":null,"locked":false},{"id":"editortitle","type":"text","x":225,"y":42,"width":270,"height":28,"angle":0,"strokeColor":"#334155","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":566,"version":1,"versionNonce":1,"isDeleted":false,"boundElements":null,"updated":1789171200000,"link":null,"locked":false,"text":"正在写的方案","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"originalText":"正在写的方案","autoResize":true,"lineHeight":1.5},{"id":"editorbody","type":"text","x":225,"y":95,"width":270,"height":96,"angle":0,"strokeColor":"#334155","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":535,"version":1,"versionNonce":1,"isDeleted":false,"boundElements":null,"updated":1789171200000,"link":null,"locked":false,"text":"先把问题写清楚\n再放进图表与代码\n留下这次的决定","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"originalText":"先把问题写清楚\n再放进图表与代码\n留下这次的决定","autoResize":true,"lineHeight":1.5},{"id":"tasks","type":"rectangle","x":540,"y":20,"width":190,"height":220,"angle":0,"strokeColor":"#334155","backgroundColor":"#f1f5f9","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":695,"version":1,"versionNonce":1,"isDeleted":false,"boundElements":null,"updated":1789171200000,"link":null,"locked":false},{"id":"taskstitle","type":"text","x":555,"y":42,"width":160,"height":28,"angle":0,"strokeColor":"#334155","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":865,"version":1,"versionNonce":1,"isDeleted":false,"boundElements":null,"updated":1789171200000,"link":null,"locked":false,"text":"下一步","fontSize":22,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"originalText":"下一步","autoResize":true,"lineHeight":1.5},{"id":"tasksbody","type":"text","x":555,"y":95,"width":160,"height":96,"angle":0,"strokeColor":"#334155","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1,"strokeStyle":"solid","roughness":1,"opacity":100,"groupIds":[],"frameId":null,"roundness":null,"seed":834,"version":1,"versionNonce":1,"isDeleted":false,"boundElements":null,"updated":1789171200000,"link":null,"locked":false,"text":"完善示例内容\n检查编辑体验\n记录新的反馈","fontSize":16,"fontFamily":1,"textAlign":"left","verticalAlign":"top","containerId":null,"originalText":"完善示例内容\n检查编辑体验\n记录新的反馈","autoResize":true,"lineHeight":1.5}],"appState":{"viewBackgroundColor":"#ffffff"},"files":{}}}

这次的产品判断

示例知识库应该让用户直接看到内容的可能性,并找到一个可以立即修改的位置。
在白板上补充一个你常用的工作区域