idealjs/stack
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design: 脱靶提醒改图形标记——竖抖即入口、无容器，读者追随图形进入阅读

Browse Source
This commit is contained in:
cqh963852 committed 2026-10-05 01:31:52 +08:00
1 parent 4a5c8a5c40
commit f8f6bc731f
6 files changed
+22 -19
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

design-refs/mockup/design-system/02-symbols.html
+3 -3
View File
@@ -122,7 +122,7 @@
<div class="shapechip">
<div class="box"><svg width="30" height="28"><path d="M 15 26 L 10 21 L 20 16 L 10 11 L 20 6 L 15 2" fill="none" stroke="#ff6b6b" stroke-width="3" stroke-linejoin="round" stroke-linecap="round"/></svg></div>
<div class="sn">⌇ 脱靶</div>
<div class="sm">竖立颤抖——此处可能脱靶<br>要重点关注</div>
<div class="sm">竖立颤抖——图形入口<br>追随图形进入阅读</div>
<div class="src">skill · 脱靶提醒</div>
</div>
<div class="shapechip">
@@ -144,7 +144,7 @@
</tr>
<tr style="border-bottom:1px solid #ececea;"><td style="padding:6px 8px 6px 0; font-weight:700; color:#1a1a1a; width:130px;">密度 ≤ 8 / 屏</td><td style="padding:6px 8px 6px 0;">散落形状总数控制，避免噪化。</td></tr>
<tr style="border-bottom:1px solid #ececea;"><td style="padding:6px 8px 6px 0; font-weight:700; color:#1a1a1a;">只在空白</td><td style="padding:6px 8px 6px 0;">永不压字、压卡、压线；与内容保持 ≥ 8px 间距。</td></tr>
<tr style="border-bottom:1px solid #ececea;"><td style="padding:6px 8px 6px 0; font-weight:700; color:#1a1a1a;">语境相关</td><td style="padding:6px 8px 6px 0;">页面里的散落形状应与附近内容语义呼应（脱靶注附近放 ⌇）。</td></tr>
<tr style="border-bottom:1px solid #ececea;"><td style="padding:6px 8px 6px 0; font-weight:700; color:#1a1a1a;">语境相关</td><td style="padding:6px 8px 6px 0;">页面里的散落形状应与附近内容语义呼应（脱靶内容旁放 ⌇）。</td></tr>
<tr><td style="padding:6px 8px 6px 0; font-weight:700; color:#1a1a1a;">尺寸阶梯</td><td style="padding:6px 8px 6px 0;">主标记 28-44px；装饰散落 16-24px；线内标记跟随线规格。</td></tr>
</table>
</div>
@@ -158,7 +158,7 @@
<tr><td class="k">○ 圆环</td><td>预期结果</td><td>可核对的样子</td></tr>
<tr><td class="k">～ 横波</td><td>代理区</td><td>交给 agent</td></tr>
<tr><td class="k">▬ 实心条</td><td>价值区</td><td>就地写过程</td></tr>
<tr><td class="k">⌇ 竖抖</td><td>脱靶警示</td><td>重点关注</td></tr>
<tr><td class="k">⌇ 竖抖</td><td>脱靶警示</td><td>图形入口</td></tr>
<tr><td class="k">＋ 十字</td><td>指派学习</td><td>位置/预期/场景</td></tr>
</table>
</div>