crazy-macs/private-voice.git

parent: 8f11df46 | patch | commit | ignore whitespace

Ariver

2026-05-18 db6aabfb7aa4460c8858fec0a51534ebe34786f7

design: refine selected icon B shadow

2 files modified

2 files added

	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	20 ●●●●● 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)">
    <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"/>
  <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>

			@@ -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`

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>

			@@ -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)">
			<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"/>
			<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>