OK 大学 logo 与校徽设计小记
从豆包到 PS，零基础也能搞出像样的视觉标识
一切从那个「OK」开始
OK 大学从创立之初就只有一个明确的气质定位：轻松、自嘲、够用就行。
校训 OMNIA SATIS SUNT — 万物皆足，一切刚刚好——早就放在那里了。但 logo 和校徽一直用的是 placeholder（一个 AcademicCap 图标），总感觉缺了点灵魂。
直到最近，终于下定决心搞一套像样的视觉标识。
第一步：豆包生图 — 从剪刀手到 OK 手势
我没有设计基础，也买不起设计师，唯一能用的就是豆包。
一开始的想法很简单：用 OK 手势作为 logo。 因为「OK」既是域名（ok.edu.kg），也是大学名称（OK University），还是我们推崇的生活态度——刚刚好就是最好。
但豆包似乎对我的描述有点困惑——它老是生成剪刀手（✌️），而不是 OK 手势。
上图的 IMG_6659 就是豆包生成的剪刀手版本，手指比着 V，看起来莫名有种部落酋长的气质。为了纠正它，我找了一张参考图（IMG_6655），反复调整 prompt，强调"拇指和食指指腹相贴、呈 O 形，其余三指自然伸展"——最后 IMG_6661 终于生出了正确的 OK 手势。
定稿的是蓝线稿风格——一个用蓝色线条勾勒的 OK 手势，指尖和拇指形成一个类似兔子耳朵的造型，袖口加入格子纹样点缀，整体是干净利落的线稿，留白多、有呼吸感。
第二步：在线 PS 抠图
豆包生成的图好看是好看，但背景太乱——有的带渐变底色，有的有一堆无关要素，直接当 logo 用是不行的。
这时候就需要抠图了。
我没有装 Photoshop，用的是一个在线 PS 工具（Photopea，免费、浏览器运行、支持 PSD）。操作流程大概是这样：
- 把豆包生成的图拖进去
- 用魔棒 + 快速选择工具选中背景区域
- 反选选区，保留主体
- 调整边缘（尤其是手指间的缝隙），精细化蒙版
- 导出为透明背景的 PNG
这一步其实最费时间。OK 手势的缝隙多（拇指和食指之间的洞、手指缝），抠图时稍不注意就把主体部分也修掉了。反复调整了几轮才得到一个边缘干净、透明背景的版本。
第三步：校徽设计 — 从轮廓到掌纹细节
logo 搞定后，下一步就是校徽。
我翻了很多大学校徽的参考——大部分都是圆形徽章样式，顶部放校训，中间放核心图案，底部写校名。OK 大学的校徽也沿用了这个结构。
设计过程也经历了好几轮迭代：
- IMG_6656 ~ IMG_6658：反复调整校徽的轮廓和版式——底色、边框粗细、丝带位置，来回改了多版
- IMG_6662：第一版相对完整的初稿，整体结构定位下来
- IMG_6665：在初稿基础上微调掌纹细节——OK 手势中间的手指纹路、线条走势都重新梳理了一遍
- IMG_6666：最终定稿
IMG_6656 ~ IMG_6658 是轮廓版式探索，IMG_6662 是初稿，IMG_6665 修掌纹，6666 是终稿。
最终校徽参数：
- 底色：深红色（#8B1A1A 附近），显得稳重正式一些
- 顶部：拉丁文校训 OMNIA SATIS SUNT
- 中间：OK 手势图案（从 logo 线稿上提取的核心元素）
- 底部丝带：OK UNIVERSITY + 年份 2026
- 圆形边框：双圈结构，外圈粗内圈细
工具和成本
| 工具 | 用途 | 费用 |
|---|---|---|
| 豆包 | AI 生图（主视觉生成） | 免费 |
| Photopea | 在线 PS（抠图、精修、排版） | 免费 |
| macOS 预览 | 格式转换、裁剪 | 内置 |
全部成本为零。唯一投入的是时间——刷 prompt、抠图、反复调整边缘。
过程文件都放在哪
设计过程的各个版本都放在了 /images/Blog-img/VI/ 下：
# OK 手势进化
IMG_6655.jpg → 参考图
IMG_6659.jpg → 豆包生成的剪刀手（跑偏了）
IMG_6661.png → 正确的 OK 手势（抠图精修后）
site-logo-beta.png → 手势 logo 定稿 beta
# 校徽进化
IMG_6656.jpg ~ 6658.jpg → 多版轮廓和版式探索
IMG_6662.jpg → 第一版初稿
IMG_6665.jpeg → 微调掌纹细节
IMG_6666.jpeg → 最终定稿
university-crest-beta.png → 校徽定稿 beta
最终上线文件在 /images/ 下：
site-logo.png— 网站 header logo + favicon 源university-crest.png— 校徽（about 页面展示 + 文章封面使用）favicon.ico— 浏览器标签图标（从 site-logo.png 转换生成）
一些感想
回头来看，这套视觉设计谈不上专业——线条不够流畅、抠图边缘不够完美、配色也只有蓝和深红两色。
但我觉得够了。
「OMNIA SATIS SUNT」不是白写的。
用豆包出图、在线 PS 修图，不花一分钱、不找任何人，一个零基础的普通人也能搞出一套像样的 logo 和校徽。这个过程本身就很「OK」——不完美，但足够。
把这次的尝试记录下来，希望能给同样想做个人站、又没钱请设计师的你一点启发。