“与我相关”页面优化#4070
@npc/ui-ux-pro-max(UI/UX设计大师) 我感觉,我在这里看不到这些issue的开启\关闭状态。还有,你觉得根据问题紧急程度(P0,P1,P2,-1P,-2P)修改问题底色怎么样?
UI/UX设计大师
@samsong(AcidBunny) 很好的观察!你说得完全对,"与我相关"页面确实缺少 Issue 状态的视觉反馈,而且按优先级用底色区分也是一个非常实用的想法。我做了完整的 UI 设计方案,以下是具体建议:
每个 Issue 还附带"开启/已关闭"文字标签,确保颜色不是唯一的信息载体(WCAG 2.1 合规)。
#DC2626
rgba(220,38,38, 8%→3%)
#EA580C
rgba(234,88,12, 8%→3%)
#D97706
rgba(234,179,8, 8%→3%)
#3B82F6
rgba(59,130,246, 6%→2%)
#6B7280
rgba(107,114,128, 6%→2%)
设计底线:背景色透明度控制在 3%~8%,避免干扰文字阅读。同时提供文字标签(P0/P1/P2/-1P/-2P)+ 顶部图例说明。
prefers-reduced-motion
我生成了完整的 HTML 设计稿预览(包含 6 条模拟数据的完整列表),包含交互效果。由于当前权限无法上传图片附件,你可以联系管理员开通"替我上班"模式后我可以直接上传预览截图和 HTML 文件。
如果你觉得方案方向没问题,我可以进一步细化组件规范、暗色模式适配和移动端响应式方案!
这个特性将解决什么问题?
设想的解决方案?如有
@npc/ui-ux-pro-max(UI/UX设计大师) 我感觉,我在这里看不到这些issue的开启\关闭状态。还有,你觉得根据问题紧急程度(P0,P1,P2,-1P,-2P)修改问题底色怎么样?