Skip to content
J · 想画什么就画什么第 12 课⏱ 15 分钟

头像框、图标和 Logo

学完你能
  • 记住 logo 的第一原则:简单,缩小也认得出
  • 认得四种 logo 手法:扁平图形、单线条、负空间、吉祥物徽章
  • 会做风格统一的一套图标、头像框和徽章,设计一个 logo 拿到 70 分以上

社团要招新、小店要开张、自己做了个小游戏、想给 B 站或小红书换个头像框……这些都需要一个小而精的图形:logo、图标、头像框、徽章。

它们和前面画的插画正好相反:插画要丰富,logo 要简单。

同样是一家叫「夜猫咖啡」的小咖啡馆:

图片由 AI 生成(gpt-image-2)。点图片放大。

现在把两个都缩小:缩到 App 图标、网页标签、印章那么大:

图片由 AI 生成(gpt-image-2)。点图片放大。

这就是 logo 的第一原则:缩小也认得出。logo 会出现在很小的地方:手机图标、网页标签、衣服的角落、印章。

logo 的四条规矩 ​

  1. 一个想法:一个图形就表达一个意思。「夜猫 + 咖啡」就是热气变成猫,别再加月亮城市星星。
  2. 两三种颜色:颜色越少越好记,也方便印在各种地方(I4 配色)。
  3. 扁平、粗细统一:没有复杂的渐变和阴影,线条粗细一样。
  4. 白色背景、居中:方便之后抠图使用。

四种 logo 手法 ​

图片由 AI 生成(gpt-image-2)。点图片放大。

手法感觉适合
扁平图形清楚、现代、好用几乎所有场合
单线条轻盈、文艺、精致花店、咖啡馆、手作、个人品牌
负空间聪明、有巧思,看懂那一刻很有趣书店、设计工作室、社团
吉祥物徽章亲切、可爱、有温度小吃店、游戏、社团、周边

想不出图形?

把名字拆成两个东西再合在一起:「夜猫 + 咖啡」→ 热气变成猫;「书 + 鸟」→ 负空间里的书和鸟;「天文 + 社团」→ 望远镜指向一颗星。

一套图标:像一家人 ​

做 app、网站、PPT 时,常常需要一整套图标。好的一套图标像一家人:

图片由 AI 生成(gpt-image-2)。点图片放大。

让一套图标统一,就是统一规则:同样的外形(圆角方形 / 圆形)、同样的线条粗细、同样的配色方式、同样的风格(扁平 / 线条 / 3D)。在提示词里一次画一整套,把这些规则写清楚。

头像框和徽章 ​

图片由 AI 生成(gpt-image-2)。点图片放大。

  • 头像框:中间一定要留一个纯色的空位(写「正中间是一个纯浅灰色的圆形空位,里面什么都没有」),之后用修图软件把它抠掉、放进头像。
  • 徽章:一组徽章用同样的外框形状,用颜色(铜、银、金)区分等级,图形简单到一眼看懂是什么成就。

用 AI 做 logo 的注意事项 ​

三件事

  • 文字自己做:logo 里的名字用字体软件自己排,不要让 AI 写,AI 写的字很容易出错,也没法改。
  • AI 出的是位图:正式使用(印刷、做招牌)时,最好请人或用工具把它重新描成矢量图。
  • 别撞脸:不要照着现有品牌的 logo 改;做好后用搜图检查一下有没有和别人的 logo 很像,商用还要考虑注册商标。

配方卡 ​

text
【画风】Logo 设计,{扁平矢量 / 单线条 / 负空间 / 吉祥物徽章}风格,白色背景,居中。
画面内容:{社团 / 小店 / 游戏 / 个人}的 logo:{一个图形创意:把名字里的两个东西合在一起}。
只用{两三种颜色},造型简单,线条粗细统一,缩小也认得出来。画面里不要出现任何文字。

眼力小游戏 ​

👁 眼力练习第 1 / 4 题
看图回答

这个 logo 最大的问题是?

动手设计:一个 logo 或图标 ​

给一个社团、小店、游戏或你自己设计一个 logo。先把名字拆成两个东西,想一个把它们合在一起的图形,再选一种手法,两三种颜色。不用画文字。

🎨 动手画
恢复起始提示词
登录后画登录 HiveGPT 后每天有免费生图次数
示例:一个达标的答案示例 · AI 生成

示例提示词:【画风】Logo 设计,扁平矢量风格,白色背景,居中。画面内容:一个学校天文社的 logo:一个简洁的圆形,里面是一架指向天空的小望远镜,望远镜指向的地方有一颗用留白做出来的星星,下面有一道弧线代表地平线。只用深蓝和亮黄两种颜色,线条粗细统一,缩小也认得出来。

92/ 100
示例点评达标及格线 70 分 · AI 老师按下面几项打分
  • 简洁可认86圆形外框、望远镜和弧线轮廓清楚,缩小后细小星点会变乱。
  • 有想法92望远镜指向留白星星,配合地平线,天文主题表达得很直接。
  • 配色和风格94深蓝、亮黄、白色留白搭配统一,扁平效果很适合做图标。
  • 提示词96用途、主体、创意、颜色、背景和缩小要求都写得比较完整。

👍 望远镜指向留白星星的设计最有记忆点,主题一眼就能看懂。

✏️ 下一步:删掉或减少周围小星点,并让望远镜、星星和地平线更粗更大,缩小后主体会更清楚。

按建议改写的提示词

设计一个学校天文社的圆形 logo,扁平矢量风格,白色背景,居中构图。深蓝色圆形内部放一架指向右上方的简洁黄色小望远镜,望远镜指向处用深蓝留白做出一颗星星,下方用一道粗而统一的黄色弧线表示地平线。只用深蓝和亮黄两种主色,减少或取消其他小星点,避免细碎装饰,保证缩小后仍能清楚认出圆形、望远镜和星星。

画好以后,把图缩到很小(比如手机相册的缩略图)看看:还认得出来吗?

这节课记住三句话 ​

  • logo 第一原则:简单,缩小也认得出;一个想法、两三种颜色、扁平、白底居中。
  • 四种手法:扁平图形、单线条、负空间、吉祥物徽章;想不出就把名字拆成两个东西再合起来。
  • 一套图标靠统一规则;头像框中间留纯色空位;文字自己做,别撞别人的 logo。

恭喜你走完「想画什么就画什么」!十二个题材都有了配方卡,接下来可以去 K · 看懂好画 看看名画、动漫和游戏里的门道。

代码示例在页面里运行时使用 HiveGPT 的模型接口。延伸阅读来自 JavaGuide(Apache-2.0),版权归原作者。