SNAPTILER — VISUAL IDENTITY / 2026.09
有序,也有一点个性。
窗多多品牌视觉系统 · A5 双点字标 / O4 柔光渐层
01 / 双窗口 · 轻角色02 / 柔光紫底 · 白蓝图形03 / 双点窗字 · 柔角几何
01 / LOGO SYSTEM
一个标志,多种场景。
彩色用于屏幕;单色与反白用于印刷、深色底和特殊材质。
02 / SIGNATURE LETTERING
字,也是一种辨识度。
宽厚的中文笔画、双圆角方点与几何英文,共享柔角、光学间距和约 15° 的上扬方向。
加厚「窗」的顶横与围合框,内芯使用两个齐平的圆角方点,不含嘴部曲线。两个「多」共用同一份曲线路径。
保持 S、T 大写结构,统一直笔与小写高度,校正 T–i–l 字距。i 的字点采用精确 15° 上扬,呼应窗口边缘。
交付的是两组专用品牌字标,所有文字均已转成路径,可任意缩放,不需要安装字体。它们不是一套完整的中英文字库。A5 字形基于已确认方案做矢量重建,组合共用同一套路径;生成源文件、参数与校样收录在品牌包中。
03 / COLOR & MATERIAL
柔光做底,鲜蓝点睛。
标志背景与柔和氛围
品牌图形与鲜明识别
窗口表面与留白
字标与正文
界面背景
看得见层次,感受不到负担。
左上方的漫射光缓慢过渡至右下方。蓝色窗口只有一条细亮边,白色窗口保留极轻的暖调。图标不加粗颗粒、不叠加额外立体厚度。
渐层基底 #B8B0FF → #ABA2FF → #968CFA。避免把渐层色当作正文文字色;界面主按钮使用更深的 #285BE7,以保证可读性。
04 / IN USE
统一,也要用得合适。
安全留白
以图标边长 D 为基准,四周至少留出 ¼D。组合中的图文比例、间距和对齐关系直接使用母版。
小尺寸适配
彩色图标建议不小于 32 px;16 px favicon 仅作识别。18 pt 菜单栏保留主标交叠轮廓与放大眼睛。展示用中文组合建议宽度 ≥ 180 px,英文与双语 ≥ 240 px。导航和 App 侧栏采用紧凑组合,需在实际尺寸单独检查清晰度。
背景与反白
反白稿使用透明底,在深色背景上呈现。单色稿以实心与轮廓区分窗口,不使用灰色渐层代替。
避免的处理
- 不要单独拉宽或压扁图形。
- 不要给字标加描边、阴影或发光。
- 不要改变白蓝窗口的前后关系。
- 不要将主标志放在杂乱图片上。
- 不要用展示图截图代替 SVG 或透明 PNG。
05 / READY TO USE
从 App 图标到品牌签名。
22 个独立 SVG 品牌资产、对应透明 PNG、4 张设计校样,以及字形源文件、参数和使用说明。当前下载为 A5 双点版。