parent: 8f11df46 | patch | commit | show whitespace
Ariver
2026-05-18 db6aabfb7aa4460c8858fec0a51534ebe34786f7 
design: refine selected icon B shadow
2 files modified
2 files added
72 ■■■■■ changed files
TODO.md 2 ●●●●● patch | view | raw | blame | history
VoiceSnapGo/design/icon-candidates/voicesnap_icon_B_shadow_preview.png patch | view | raw | blame | history
VoiceSnapGo/design/icon-candidates/voicesnap_icon_B_shadow_preview.svg 52 ●●●●● patch | view | raw | blame | history
VoiceSnapGo/design/icon-candidates/voicesnap_icon_B_thin-blue-glyph.svg 18 ●●●●● patch | view | raw | blame | history 
 TODO.md


@@ -11,7 +11,7 @@




- [2026-05-18] 重做 VoiceSnap macOS 图标为 SVG 矢量母版。


  - 目标: 白色圆角方形底、蓝色麦克风，风格参考 TagLauncher，避免毛边、截图白边和尺寸忽大忽小。


  - 当前调整: 先生成 5 个 SVG 矢量候选和一张对比预览图，用户选定后再替换进 App 并打包。


  - 当前调整: 用户最终选择 B，先给 B 的中间麦克风加入轻微层次阴影并生成预览，确认后再替换进 App 并打包。


  - 已输出: `VoiceSnapGo/design/icon-candidates/voicesnap_icon_candidates_preview.png`


  - 已输出: `VoiceSnapGo/design/icon-candidates/voicesnap_icon_[A-E]_*.svg`






 VoiceSnapGo/design/icon-candidates/voicesnap_icon_B_shadow_preview.png




 VoiceSnapGo/design/icon-candidates/voicesnap_icon_B_shadow_preview.svg


New file


@@ -0,0 +1,52 @@


<svg xmlns="http://www.w3.org/2000/svg" width="552" height="418" viewBox="0 0 552 418">


  <rect width="100%" height="100%" fill="#F5F5F7"/>


  <rect x="40" y="54" width="472" height="260" rx="42" fill="#262628"/>


  <g transform="translate(170 82) scale(0.20703125)">


  <defs>


    <linearGradient id="vBtile" x1="160" y1="118" x2="820" y2="900" gradientUnits="userSpaceOnUse">


      <stop offset="0" stop-color="#FFFFFF"/>


      <stop offset="0.62" stop-color="#FBFDFF"/>


      <stop offset="1" stop-color="#F8FBFF"/>


    </linearGradient>


    <linearGradient id="vBblue" x1="340" y1="200" x2="700" y2="830" gradientUnits="userSpaceOnUse">


      <stop offset="0" stop-color="#24D8FF"/>


      <stop offset="0.46" stop-color="#0A91FF"/>


      <stop offset="1" stop-color="#0057D8"/>


    </linearGradient>


    <linearGradient id="vBblue2" x1="300" y1="320" x2="760" y2="780" gradientUnits="userSpaceOnUse">


      <stop offset="0" stop-color="#48C9FF"/>


      <stop offset="1" stop-color="#0067E8"/>


    </linearGradient>


    <linearGradient id="vBsoft" x1="272" y1="184" x2="760" y2="804" gradientUnits="userSpaceOnUse">


      <stop offset="0" stop-color="#EAFBFF" stop-opacity="0.88"/>


      <stop offset="1" stop-color="#FFFFFF" stop-opacity="0"/>


    </linearGradient>


    <filter id="vBglyphShadow" x="-20%" y="-20%" width="140%" height="150%">


      <feDropShadow dx="0" dy="8" stdDeviation="10" flood-color="#0069DA" flood-opacity="0.10"/>


      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#003E8F" flood-opacity="0.08"/>


    </filter>


    <filter id="vBmicShadow" x="-35%" y="-35%" width="170%" height="175%">


      <feDropShadow dx="0" dy="12" stdDeviation="12" flood-color="#006BDA" flood-opacity="0.18"/>


      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#003E8F" flood-opacity="0.10"/>


    </filter>


    <clipPath id="vBclip"><rect x="96" y="96" width="832" height="832" rx="184" ry="184"/></clipPath>


  </defs>


  <rect x="96" y="96" width="832" height="832" rx="184" ry="184" fill="url(#vBtile)"/>


  <rect x="98" y="98" width="828" height="828" rx="182" ry="182" fill="none" stroke="#E5EDF7" stroke-width="4"/>




      <g clip-path="url(#vBclip)"><circle cx="512" cy="544" r="330" fill="#EAF7FF" opacity="0.72"/><circle cx="282" cy="258" r="154" fill="#DDF8FF" opacity="0.62"/></g>


      


  <g>


    <g filter="url(#vBmicShadow)">


      <path d="M512 214c-58 0-105 47-105 105v190c0 58 47 105 105 105s105-47 105-105V319c0-58-47-105-105-105Z" fill="none" stroke="url(#vBblue)" stroke-width="42" stroke-linecap="round" stroke-linejoin="round"/>


      <path d="M470 354h84M470 409h84M470 464h84" fill="none" stroke="url(#vBblue)" stroke-width="18" stroke-linecap="round" opacity="0.9"/>


    </g>


    <g filter="url(#vBglyphShadow)">


    <path d="M317 472v55c0 108 87 195 195 195s195-87 195-195v-55" fill="none" stroke="url(#vBblue)" stroke-width="46" stroke-linecap="round"/>


    <path d="M512 722v112" fill="none" stroke="url(#vBblue)" stroke-width="46" stroke-linecap="round"/>


    <path d="M388 844h248" fill="none" stroke="url(#vBblue)" stroke-width="48" stroke-linecap="round"/>


    </g>


  </g></g>


  <text x="276" y="362" text-anchor="middle" font-family="-apple-system, BlinkMacSystemFont, SF Pro Display, Helvetica, Arial" font-size="28" font-weight="750" fill="#1D1D1F">B</text>


  <text x="276" y="392" text-anchor="middle" font-family="-apple-system, BlinkMacSystemFont, SF Pro Text, Helvetica, Arial" font-size="16" font-weight="560" fill="#6E6E73">Thin Blue Glyph · subtle mic shadow</text>


</svg>




 VoiceSnapGo/design/icon-candidates/voicesnap_icon_B_thin-blue-glyph.svg


@@ -18,9 +18,13 @@


      <stop offset="0" stop-color="#EAFBFF" stop-opacity="0.88"/>


      <stop offset="1" stop-color="#FFFFFF" stop-opacity="0"/>


    </linearGradient>


    <filter id="vBinnerShadow" x="-20%" y="-20%" width="140%" height="150%">


      <feDropShadow dx="0" dy="14" stdDeviation="15" flood-color="#0069DA" flood-opacity="0.20"/>


      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#003E8F" flood-opacity="0.16"/>


    <filter id="vBglyphShadow" x="-20%" y="-20%" width="140%" height="150%">


      <feDropShadow dx="0" dy="8" stdDeviation="10" flood-color="#0069DA" flood-opacity="0.10"/>


      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#003E8F" flood-opacity="0.08"/>


    </filter>


    <filter id="vBmicShadow" x="-35%" y="-35%" width="170%" height="175%">


      <feDropShadow dx="0" dy="12" stdDeviation="12" flood-color="#006BDA" flood-opacity="0.18"/>


      <feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#003E8F" flood-opacity="0.10"/>


    </filter>


    <clipPath id="vBclip"><rect x="96" y="96" width="832" height="832" rx="184" ry="184"/></clipPath>


  </defs>


@@ -29,10 +33,14 @@




      <g clip-path="url(#vBclip)"><circle cx="512" cy="544" r="330" fill="#EAF7FF" opacity="0.72"/><circle cx="282" cy="258" r="154" fill="#DDF8FF" opacity="0.62"/></g>


      


  <g filter="url(#vBinnerShadow)">


  <g>


    <g filter="url(#vBmicShadow)">


    <path d="M512 214c-58 0-105 47-105 105v190c0 58 47 105 105 105s105-47 105-105V319c0-58-47-105-105-105Z" fill="none" stroke="url(#vBblue)" stroke-width="42" stroke-linecap="round" stroke-linejoin="round"/>


      <path d="M470 354h84M470 409h84M470 464h84" fill="none" stroke="url(#vBblue)" stroke-width="18" stroke-linecap="round" opacity="0.9"/>


    </g>


    <g filter="url(#vBglyphShadow)">


    <path d="M317 472v55c0 108 87 195 195 195s195-87 195-195v-55" fill="none" stroke="url(#vBblue)" stroke-width="46" stroke-linecap="round"/>


    <path d="M512 722v112" fill="none" stroke="url(#vBblue)" stroke-width="46" stroke-linecap="round"/>


    <path d="M388 844h248" fill="none" stroke="url(#vBblue)" stroke-width="48" stroke-linecap="round"/>


    <path d="M470 354h84M470 409h84M470 464h84" fill="none" stroke="url(#vBblue)" stroke-width="18" stroke-linecap="round" opacity="0.9"/>


    </g>


  </g></svg>