jim800121chen 50a3f73acd feat(local-tool): 品牌視覺設計 + 內建模型首次啟動 seed
#8 首次啟動 seed 內建模型:
- app.go 新增 seedUserDataDir() 在 server spawn 之前執行
- 若 user data-dir 缺 models.json,從 locateBundleDataDir() 複製
  models.json + nef/ 預置模型過去
- 新增 locateBundleDataDir() / copyFile() / copyDirRecursive() helper
- user 第一次開 app 會看到 8 個 Kneron 預置 .nef 模型(kl520×5 + kl720×3)

#5 #6 #7 品牌視覺:
- 新增 branding/ 目錄存放設計資產與生成工具
  - logo.svg(向量原始稿)
  - icon-{16,...,1024}.png(10 種尺寸)
  - icon.ico(Windows 多解析度 ICO,PNG-in-ICO 格式)
  - icon.icns(macOS)
  - tools/gen_icon.go + gen_ico.go(純 Go 生成工具,未來調整 logo 用)
  - README.md + 色票表
- 部署:
  - visiona-local/build/appicon.png → Wails build 會嵌入 exe
  - visiona-local/frontend/icon.png → splash 使用
  - frontend/src/app/favicon.ico + icon.png → Next.js App Router favicon
- splash page 升級:加 logo icon + 品牌名 visionA Local + tagline Edge AI Workspace
- Wails window title: "visionA Local — Edge AI Workspace"
- wails.json productName: "visionA Local"
- Next.js metadata title + icons
- i18n: en/zh-TW 把殘留的 "Edge AI 平台" 字串改為 visionA Local 品牌
- .iss: SetupIconFile 指向 branding/icon.ico + UninstallDisplayIcon +
  ArchitecturesAllowed 改 x64compatible 修掉之前的 deprecation warning

品牌色票:
- 主色 #4F7EFF(電子藍)
- 輔色 #6EF3C5(mint 點綴)
- 深色背景漸層 #1A1F36 → #0E1222
- 警示 #FF6B6B

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-12 04:42:41 +08:00
..

visionA Local — Branding Assets

此目錄存放 visionA Local 的品牌視覺資產。

檔案

檔案 用途
logo.svg 向量原始設計稿1024×1024
icon-1024.png Wails build 的 appicon會被 Wails 複製到 visiona-local/build/appicon.png
icon-512.png / icon-256.png / icon-128.png 各尺寸 PNG 備用
icon.ico Windows 多解析度 ICO16/24/32/48/64/96/128/256PNG-in-ICO 格式)
icon.icns macOS .app bundle icon
  1. logo.svg 或改 gen_icon.go 的繪圖函數
  2. go run gen_icon.go <output-dir> 產出各尺寸 PNG
  3. go run gen_ico.go icon.ico <png-dir> 16,24,32,48,64,96,128,256 產 Windows ICO
  4. macOS icns 用 iconutil
    mkdir icon.iconset
    cp icon-16.png icon.iconset/icon_16x16.png
    cp icon-32.png icon.iconset/icon_16x16@2x.png
    cp icon-32.png icon.iconset/icon_32x32.png
    cp icon-64.png icon.iconset/icon_32x32@2x.png
    cp icon-128.png icon.iconset/icon_128x128.png
    cp icon-256.png icon.iconset/icon_128x128@2x.png
    cp icon-256.png icon.iconset/icon_256x256.png
    cp icon-512.png icon.iconset/icon_256x256@2x.png
    cp icon-512.png icon.iconset/icon_512x512.png
    cp icon-1024.png icon.iconset/icon_512x512@2x.png
    iconutil -c icns icon.iconset -o icon.icns
    
  5. 部署:
    • cp icon-1024.png ../visiona-local/build/appicon.png — Wails build
    • cp icon-256.png ../visiona-local/frontend/icon.png — splash page
    • cp icon.ico ../frontend/src/app/favicon.ico — Next.js favicon
    • cp icon-256.png ../frontend/src/app/icon.png — Next.js App Router icon
  6. 重 buildmake clean-all && make exeWindowsmake clean-all && make dmgmacOS

設計理念

  • 圓角方形背景(符合現代 app icon 容器標準)
  • 深藍漸層底(#1A1F36#0E1222)傳達專業、科技感
  • 雙層同心圓環 = 相機鏡頭 / 視覺感測器隱喻
  • 中央「V」字形 = vision 首字母
  • 三個 pixel 點 + 右上 active indicator = Edge AI / pixel-level 運算的視覺語彙
  • 主色 #4F7EFF(電子藍)搭配 #6EF3C5mint點綴避免純藍的冰冷

色票

用途 HEX
主色 #4F7EFF
主色亮色 #6EA8FF
點綴 #6EF3C5
深色背景頂 #1A1F36
深色背景底 #0E1222
警示 #FF6B6B
中性灰 #8890B0