微信扫码添加
密码管理精灵
账号密码按 APP、银行卡、游戏、生活、工作、学习六类归档；应用大全一键新增常用账号；开启隐私加强后，每次启动先验证身份。
蓝白 · 克制
密码工具首先要建立信任：品牌蓝仅用于可操作元素，其余交给白色卡片与留白。
情绪板MOODBOARD
安全|清晰|轻量
- 安全蓝色仅出现在可操作元素上，不制造多余视觉刺激
- 清晰六类平铺并显示条目数，分类归属无需猜测
字体TYPOGRAPHY
PingFang SC · 字重只用 Medium / Regular，标题靠字号拉开层级
- 密码管理
3650Medium页面标题 - 密码管理
3244Medium模块标题 - 密码管理
2840Regular正文 · 输入 - 密码管理
2636Regular分类名 - 密码管理
2432Regular辅助说明 - 密码管理
2230Regular导航文字
颜色COLOR
#3377FF#2693FF#383838#5D5E5F#949597#F3F4F9三个页面，三个设计决策
首页聚焦两个任务：检索与新增。列表页将敏感操作收进二级菜单，隐私页用一句话说明开启的影响。
检索优先，新增其次
密码工具的高频动作只有两个：找一条、存一条。首屏按这两个任务排布，付费入口退到悬浮层。
- 全局搜索按账号或标题检索，不依赖分类记忆
- 六类入口APP / 银行卡 / 游戏 / 生活 / 工作 / 学习，名称旁显示条目数
APP(0)
银行卡(0)
游戏(0)
生活(0)
工作(0)
学习(0) - 应用大全热门应用预置图标与网址，点「+」即新增
- 免费记密码悬浮入口常驻，付费转化不干扰主任务
默认掩码，按需显示
列表页的风险是误操作与旁人偷看：密码默认不可见，高频的复制放在行尾，删除这类不可逆操作多一层菜单。
- 账号行明文显示，行尾复制图标
- 密码行默认掩码，点击眼睛图标或菜单项切换明文
- 更多菜单分享 / 隐藏密码 / 修改 / 删除，删除项红色警示并置底
操作前先告知
该开关会改变每次启动的流程，不该藏在设置列表的一个开关里。独立成页，让用户看清代价再决定。
- 插画手机 + 密码框 + 盾牌，演示开启后的验证界面
- 说明文案「开启后，每次打开 APP 会进行验证身份」，同时交代成本与收益
- 单一主按钮「立即开启」；放弃即返回，不设次级按钮分散决策
新增密码
操作前告知，操作后确认：保存成功独立成页，明确反馈并指引后续路径。
界面总览
块对搜题
作业批改、语文作文、拍题识别三个核心工具置于首屏；「块块」助手承接开放式提问；学习记录沉淀全部使用历史。
蓝紫 · 明快
面向学生的产品需要活力：品牌蓝作为骨架，黄、绿、紫按功能区分，大卡片与 3D 图标将核心工具前置到首屏。
情绪板MOODBOARD
活力|亲和|直达
- 活力高饱和功能色，一个工具一种颜色，快速区分
- 直达首页即工具入口，无二级跳转
字体TYPOGRAPHY
PingFang SC · 功能卡标题 Medium 40，工具名与正文同档
- 块对搜题
4456Medium品牌标题 - 块对搜题
4052Medium功能卡标题 - 块对搜题
3446Medium模块标题 - 块对搜题
2840Regular正文 · 副标题 - 块对搜题
2432Regular辅助说明 - 块对搜题
2230Regular导航文字
颜色COLOR
#2A82E4#FFDF41#43CF7C#855CE6#1A1A1A#666666工具前置，结果可延续
首页以两张大卡前置核心工具；作文结果页在输出之后提供追问建议；会员页以日均价格呈现套餐。
两张大卡，三个小工具
付费转化靠作业批改与语文作文，免费留存靠三个小工具。卡片大小按商业权重分配，而不是按使用频次。
- 热门功能两张 3D 插画卡，蓝 / 绿区分，副标题写清覆盖科目
- 常用工具三个拟物工具图标，均为即开即用的轻量功能
- VIP 横幅限时活动置于工具之后，不与主任务争夺首屏
- 底部 Tab首页 / 问答 / 我的，仅三项，保持精简
结果之后，还有下一步
学生拿到作文后通常还要改一轮。结果页不把生成当终点，把下一步动作放在结果正下方。
- 标题 + 正文按作文结构输出，可直接阅读
- 操作栏复制 / 点赞 / 删除 / 重写，重写单独靠右
- 追问建议添加名言、推荐事例、更换文体，标注 VIP
- 输入框常驻无需返回即可继续追问
以日均价格呈现套餐
付费页要降低一次性决策的心理门槛：价格换算成日均，默认选中最划算的一档，用他人的购买记录做社会认同。
- 身份区头像 + 「未开通会员」+ VIP 手势插画
- 八项权益AI 写作、拍照答疑、免费提问、去广告等，图标化一屏呈现
- 购买动态「xxx 刚刚购买了永久会员」循环滚动
- 套餐与支付¥0.01 / 天永久会员默认选中，支付方式紧邻主按钮
拍一道题
免费次数通过激励视频获取，用尽后引导开通会员；每次使用均记入学习记录。
非主路径同样设计
空状态用插画替代纯文字提示，试用弹窗把免费与付费两条路径并列，挽留页以一次性优惠替代反复打扰。
界面总览
NBA 赛事
赛程以周为单位浏览，比赛卡片区分进行中、未开始、已结束三种状态；比赛详情与球员对比以双向条形图呈现数据，便于直接比较。
红蓝 · 对撞
赛事即对抗：红蓝斜切构成主视觉，金色仅用于会员；比分始终是页面上最大的文字。
情绪板MOODBOARD
对抗|速度|荣耀
- 对抗两队两色相向，数据条同样采用双向双色
- 荣耀金色与深色仅用于会员和冠军语境
字体TYPOGRAPHY
PingFang SC · 比分与统计数字使用 DIN 风格粗体，正文保持 Regular
- 102
5664Bold比分 - NBA 赛事
3650Medium页面标题 - NBA 赛事
3042Medium球队 · 球员名 - NBA 赛事
2840Regular正文 - NBA 赛事
2432Regular状态 · 时间 - NBA 赛事
2230Regular导航文字
颜色COLOR
#DB1A32#05418B#BC945C#0B1230#616162#F2F2F2数据一眼可比
赛程页用同一个比赛卡承载三种状态；比赛详情按终场、分节、球员逐层下钻；对比页以双向条形图呈现两队或两人的数值。
一张卡片，三种状态
一场比赛在一天里会经过三种状态，用户反复刷的是同一页。卡片不换布局只换信息，视线落点不漂移。
- 进行中红色状态条 · 实时比分 · 节次与剩余时间
- 未开始开赛时间 · 双方战绩 · 比分区占位「--」
- 已结束灰字状态 · 终场比分 · 「本场数据」入口
终场、分节、球员
看完终场比分的人，下一个问题是哪一节、谁打的。页面按这个追问顺序从上往下排，不让用户跳页。
- 头部客场蓝 / 主场红，终场比分 + WIN 标，状态「已结束」
- 分节表1 / 2 / 3 / 4 / 总分，两队各一行
- 球队切换独行侠 / 火箭分段控件，表格原位刷新
- 球员表头像 + 姓名 + 出场时间 / 得分 / 篮板
双向条形，相向而行
对比的本质是看差值。双向条形把两个数值压到同一根轴上，读图不用先读数字；蓝 / 红始终对应客 / 主。
- 球员对比得分 / 篮板 / 助攻，每组一个指标，头像 + 号码 + 位置
- 球队对比得分 / 篮板 / 助攻 / 抢断，四条双向条形，数值标注于条内
筛选赛程
选球队与选日期都在赛程页的弹层内完成，不离开当前页；球队数据页从球队弹层直达。
界面总览
清理大师
以一个分数概括手机状态。蓝 / 橙 / 红 / 绿四种主题色对应正常、待清理、有风险、已完成，状态切换即视觉切换。
四色 · 随状态
颜色即状态而非装饰：蓝为正常与检测中、橙为待清理、红为有风险、绿为已完成。功能页整屏换色，状态一眼可辨。
情绪板MOODBOARD
状态|信任|结果
- 状态主题色跟随检测结果切换，一屏一色
- 结果最大的视觉元素始终是一个数字：分数、温度、容量
字体TYPOGRAPHY
PingFang SC · 核心数字单独一档，其余沿用常规阶梯
- 98
120120Medium核心数字 - 清理大师
4052Medium页面标题 - 清理大师
3244Medium模块标题 · 按钮 - 清理大师
2840Regular功能名 - 清理大师
2432Regular状态说明 - 清理大师
2230Regular导航文字
颜色COLOR
#3377FF#43CF7C#FF8C3B#FF5733#313131#7A7A7A分数先于解释
每个页面最大的元素都是一个数字：分数、温度、容量。先呈现状态，再给出下一步操作。
98 分，状态良好
打开清理工具的人只想知道一件事：现在有没有问题。首屏先给结论，功能入口按使用频次分两行排在结论之后。
- 分数 + 结论「手机状态很好，请放心使用」，按钮仅保留「再测一次」
- 六个入口图标 + 名称 + 一句副标题，两行三列
- 实用工具微信专清 / 网络测速 / 重复文件 / 听筒清灰，列表式，带状态标签
每修复一项，+15 分
低分本身不促使行动，看得见的收益才会。修复收益直接写在按钮上，点一次分数就涨。
- 53 分橙红背景 + 「手机存在风险，建议修复」
- 清理 +15 分四条问题各配一个绿色动作按钮，分值直接写在按钮上
- 安全加固七项清单，通过项打勾、未通过项感叹号
- 完成绿色主按钮，颜色预告修复后的状态
温度表盘，红色预警
发热是用户亲手能感知的问题，页面要先证明自己知道原因。温度之下列出发热来源，再给一键操作，信任先于按钮。
- 38.7°C半圆表盘 + 「手机过烫，急需降温」
- 5 个运行中的部件CPU / 电池 / WiFi / 定位 / 蓝牙
- 12 个导致发热的应用图标网格，带角标
- 一键降温蓝色主按钮，与红色头部形成冷暖对比
状态驱动的主题色
页头为统一组件：核心数值 + 状态描述 + 单一主操作。主题色与检测状态绑定，蓝为正常与检测中、橙为待清理、红为有风险、绿为已完成，整页换色降低识别成本。
全面检测
分数驱动闭环：首页低分 → 全面检测 → 检测结果逐项修复 → 回到首页，分数与主题色一起回到蓝色。
安全检测
以安全检测为例：检测中（蓝）→ 发现问题（橙）→ 处理中 → 完成（绿）。病毒查杀、清理加速、手机降温都复用这四段，颜色随阶段切换。
界面总览
