The Basement Player
The Basement Player
TBP是算法模型构建的AI生成平台，旨在帮助设计师快速生成地下车库的方案图，拥有直观的用户界面，不需要成为AI专家，就能轻松生成符合用户需求的设计方案。在AI生成方案的同时还支持自由编辑，进行个性化的调整。
我在团队中担任产品的用户体验设计师，包括了UI、交互、VI、部分产品功能等方面的设计，产品团队有产品经理、设计师、前后端工程师、测试等共计30余人。
TBP是算法模型构建的AI生成平台，旨在帮助设计师快速生成地下车库的方案图，拥有直观的用户界面，不需要成为AI专家，就能轻松生成符合用户需求的设计方案。在AI生成方案的同时还支持自由编辑，进行个性化的调整。
我在团队中担任产品的用户体验设计师，包括了UI、交互、VI、部分产品功能等方面的设计，产品团队有产品经理、设计师、前后端工程师、测试等共计30余人。
角色
角色
UX/UI设计师
UX/UI设计师
工作内容
工作内容
0 → 1
0 → 1
用户体验设计
用户体验设计
图形交互
图形交互
视觉设计
视觉设计
时间
时间
2022 - 至今
2022 - 至今
TBP作为建筑与科技行业内的先锋产品，选用蓝绿作为主题色，圆角设计让产品更加现代，向用户传达出友好轻松感，亮色/暗色模式切换符合用户的使用习惯。
TBP作为建筑与科技行业内的先锋产品，选用蓝绿作为主题色，圆角设计让产品更加现代，向用户传达出友好轻松感，亮色/暗色模式切换符合用户的使用习惯。
TBP产品界面，界面的顶部集中了不同功能板块，以便用户快速访问；左侧是方案库区域，由于方案通常比较大加载需要一定时间，所以在这里设计了缩略图1:1还原了方案的重要图元，缩略图底部显示了重要的指标，方便用户快速浏览和选择所需内容；右侧展示了详细指标，根据指标的重要等级做了分类排序，确保用户能够随时获取关键信息。
我广泛参考了各类设计平台的布局，结合产品“迅速生成多种方案能力”的战略目标，这样的布局不仅有清晰的信息层次结构，也传达出产品的核心能力。
TBP产品界面，界面的顶部集中了不同功能板块，以便用户快速访问；左侧是方案库区域，由于方案通常比较大加载需要一定时间，所以在这里设计了缩略图1:1还原了方案的重要图元，缩略图底部显示了重要的指标，方便用户快速浏览和选择所需内容；右侧展示了详细指标，根据指标的重要等级做了分类排序，确保用户能够随时获取关键信息。
我广泛参考了各类设计平台的布局，结合产品“迅速生成多种方案能力”的战略目标，这样的布局不仅有清晰的信息层次结构，也传达出产品的核心能力。
亮色/暗色模式一键切换，满足用户个性化需求。初版的产品采用了浅色模式，随着更多用户使用并反馈，增加了深色模式的选择，在设计界面时也需要考虑更加全面，维护两套色彩系统的同时，中间画布的图元由于技术原因无法切换颜色，要使用同一套配色适用于两种模式。
亮色/暗色模式一键切换，满足用户个性化需求。初版的产品采用了浅色模式，随着更多用户使用并反馈，增加了深色模式的选择，在设计界面时也需要考虑更加全面，维护两套色彩系统的同时，中间画布的图元由于技术原因无法切换颜色，要使用同一套配色适用于两种模式。
生成的方案收集在方案库内，根据建筑方案图纸的总要指标，设计了多种筛选和分类的方式，协助用户更快浏览比对各项指标，迅速定位到理想方案。用户后续进一步的生成和编辑基于已有的某一个方案，所以设计了收藏、重命名、新建文件夹几种功能方便用户标记方案。
生成的方案收集在方案库内，根据建筑方案图纸的总要指标，设计了多种筛选和分类的方式，协助用户更快浏览比对各项指标，迅速定位到理想方案。用户后续进一步的生成和编辑基于已有的某一个方案，所以设计了收藏、重命名、新建文件夹几种功能方便用户标记方案。
随着用户增多，平台增加了权限管理功能页面，目的是对外部用户进行使用权限管理。希望延长试用的用户会提交绑定手机号/ID给客服人员，为了方便客服快速查询到目标用户，我提出了支持多种信息（用户名/手机号/ID）的搜索功能，上线后也得到了正面的使用反馈。有效期的管理设计了快捷选项，也支持自定义，同时底部有总时常提示，保持了信息清晰可见。
随着用户增多，平台增加了权限管理功能页面，目的是对外部用户进行使用权限管理。希望延长试用的用户会提交绑定手机号/ID给客服人员，为了方便客服快速查询到目标用户，我提出了支持多种信息（用户名/手机号/ID）的搜索功能，上线后也得到了正面的使用反馈。有效期的管理设计了快捷选项，也支持自定义，同时底部有总时常提示，保持了信息清晰可见。
深化编辑界面支持用户手动调整各图形元素，为了更好的贴合设计师的使用习惯，我们做了很多关于图形编辑的调研，主要针对建筑设计类工具(Autocad、Rhino、Revit...），包括底层操作逻辑、交互方式、常用快捷键、观察设计师的日常操作等，基础操作上用户可以做到上手即用，平台特有的编辑功能则有清晰的提示说明，方便用户快速学习适应。
对于“选择模式”我们发现不同用户也有很大的习惯差异，专注使用CAD的用户在类似的设计软件中，更习惯默认多选的选择方式；更多接触Adobe、3D类的产品的用户能更快适应默认单选的模式，所以后续也更新了选择模式的自定义功能。
深化编辑界面支持用户手动调整各图形元素，为了更好的贴合设计师的使用习惯，我们做了很多关于图形编辑的调研，主要针对建筑设计类工具(Autocad、Rhino、Revit...），包括底层操作逻辑、交互方式、常用快捷键、观察设计师的日常操作等，基础操作上用户可以做到上手即用，平台特有的编辑功能则有清晰的提示说明，方便用户快速学习适应。
对于“选择模式”我们发现不同用户也有很大的习惯差异，专注使用CAD的用户在类似的设计软件中，更习惯默认多选的选择方式；更多接触Adobe、3D类的产品的用户能更快适应默认单选的模式，所以后续也更新了选择模式的自定义功能。
Beta2.0的原型草图，已具备多维度生成多方案的能力 —— 作为团队的UX设计师，我主导了研发过程中界面的多次迭代升级。
Beta2.0的原型草图，已具备多维度生成多方案的能力 —— 作为团队的UX设计师，我主导了研发过程中界面的多次迭代升级。
产品已上线，欢迎体验：www.basementplayer.com
产品已上线，欢迎体验：www.basementplayer.com
