围绕一个具体问题

应用场景

在页头、圆形头像、纸张印章和横向标签中选择合适图形。

同一logo在场景里受裁切、背景和距离影响。先固定图形安全区,再按可用宽度选择图形独立版或横向字图版。

适用读者:适合学习图形概括、准备课程作业或整理原创标识交付文件的读者。

阅读顺序

如何使用这一分类

先按用途和显示条件选择版本,再用指南里的步骤观察原图。

  1. 先写出目标载体与最小显示尺寸将这一步落实到原图。
  2. 对照本分类的实际SVG图解,删去与识别无关的装饰将这一步落实到原图。
  3. 在浅底、深底和单色输出中分别检查轮廓是否仍然成立将这一步落实到原图。

关联练习

本分类下的设计版本

全部为本站原创,请根据说明的应用条件查看。

资料已核对 3 个设计分类

SHAPE-03

删去内侧装饰线,只留下头部与肩部的大形。16px显示时文字不进入图标;本版可用作课程作业的图标简化参考。

视觉方向
轮廓方向
应用版本
小尺寸版本
角色语气
利落角色
设计编号
SHAPE-03

本站已创建的原创虚构设计练习;不是现实品牌核验、客户委托或真人肖像。

资料已核对 3 个设计分类

SHAPE-04

圆形头像需要给头頂与左右肩部留出缓冲。让人物主体处于中心,不让发型尖角贴近裁切边缘;图解用于规划安全区。

视觉方向
轮廓方向
应用版本
标准版本
角色语气
亲切角色
设计编号
SHAPE-04

本站已创建的原创虚构设计练习;不是现实品牌核验、客户委托或真人肖像。

资料已核对 3 个设计分类

SPACE-02

单色图中的脸部开口是透明区域,换背景后仍能显示下方颜色。导入矢量编辑器时要确认透明区域没有被白色矩形替代。

视觉方向
负形方向
应用版本
单色版本
角色语气
亲切角色
设计编号
SPACE-02

本站已创建的原创虚构设计练习;不是现实品牌核验、客户委托或真人肖像。

资料已核对 3 个设计分类

SPACE-03

尺寸减小时先扩展脸部负形,再移除不必要的转折。尺寸图按32、64、128px列出角色,帮助观察细线与留白的相对变化。

视觉方向
负形方向
应用版本
小尺寸版本
角色语气
利落角色
设计编号
SPACE-03

本站已创建的原创虚构设计练习;不是现实品牌核验、客户委托或真人肖像。

资料已核对 3 个设计分类

SPACE-04

深色底上使用浅色角色,可把背景当作负形。先检查图形轮廓,不依赖阴影或发光效果;实际投印仍需按输出条件确认线宽。

视觉方向
负形方向
应用版本
单色版本
角色语气
平静角色
设计编号
SPACE-04

本站已创建的原创虚构设计练习;不是现实品牌核验、客户委托或真人肖像。

资料已核对 3 个设计分类

TYPE-01

左侧图形与右侧完整短语分开排列,标题与副标之间留出行距。长名称优先放在横向载体,小图标则使用独立图形。

视觉方向
字图方向
应用版本
标准版本
角色语气
利落角色
设计编号
TYPE-01

本站已创建的原创虚构设计练习;不是现实品牌核验、客户委托或真人肖像。

资料已核对 3 个设计分类

TYPE-02

以图形为第一层、完整短语为第二层、虚构练习说明为第三层。副标比标题小,但仍是明确可读的项目性质说明。

视觉方向
字图方向
应用版本
标准版本
角色语气
亲切角色
设计编号
TYPE-02

本站已创建的原创虚构设计练习;不是现实品牌核验、客户委托或真人肖像。

资料已核对 3 个设计分类

TYPE-03

单色文件不嵌入第三方字体,中文标题用系统无衬线字体栈渲染。字宽可能随设备改变;需要固定外观时应在本机确认许可后转曲。

视觉方向
字图方向
应用版本
单色版本
角色语气
平静角色
设计编号
TYPE-03

本站已创建的原创虚构设计练习;不是现实品牌核验、客户委托或真人肖像。

资料已核对 3 个设计分类

TYPE-04

图标独立承担轮廓识别,附近的文字承担完整名称解释。让16px图标保持简洁,同时在页面标题和说明中完整保留检索短语。

视觉方向
字图方向
应用版本
小尺寸版本
角色语气
利落角色
设计编号
TYPE-04

本站已创建的原创虚构设计练习;不是现实品牌核验、客户委托或真人肖像。

同一维度

与这一问题相关的对照

比较说明帮助识别不同形状与文字比例的代价,不以未经观察的效果作承诺。

先比较图形选择,再查看适用条件
比较主题 关注点 选用建议 详情
细线与简化 用本站实际原创图解比较细线版与简化版的设计条件。 以实际载体和显示尺寸作为选择起点;保留清楚的头肩轮廓与项目性质说明,不把单一方案称为普遍标准。 阅读对照
彩色与单色 用本站实际原创图解比较标准彩色与单色轮廓的设计条件。 以实际载体和显示尺寸作为选择起点;保留清楚的头肩轮廓与项目性质说明,不把单一方案称为普遍标准。 阅读对照
横向与竖向 用本站实际原创图解比较横向字图与竖向字图的设计条件。 以实际载体和显示尺寸作为选择起点;保留清楚的头肩轮廓与项目性质说明,不把单一方案称为普遍标准。 阅读对照

常见误区

避免把形式当成身份

想解决应用场景的具体设计问题。查看这类设计时,先核实资料边界,再判断形状是否适合使用条件。

  • 把长名称硬塞进16px图标
  • 用渐变效果补救轮廓不清楚

常见问题

关于应用场景的问答

下载文件可以直接当商标用吗?

下载包中的CC0说明针对本站原创图形,不证明商标可注册、不提供真人肖像授权,也不覆盖第三方字体。现实项目仍需核实名称和所需权利。

图中的成年女性是真人吗?

不是。角色由本站原创抽象路径构成,没有真实姓名、照片或经历对应。平静、亲切、利落只是创作语气,也不代表某个国籍或年龄群体。

方法阅读

指南 设计练习说明

下载与许可怎么看

下载包实际提供SVG和README。CC0范围仅指本站有权提供的原创图形,第三方字体、商标与肖像不会因下载而获得授权。

包含 4 个可复现步骤

阅读指南
指南 设计练习说明

小尺寸怎么检查

16px图标优先保留头肩与面部开口,完整短语放在图标旁;本站尺寸图演示选择,不提供适用于所有图形的最小尺寸标准。

包含 4 个可复现步骤

阅读指南

继续扩展

设计分类 想解决文字与图形的具体设计问题

文字与图形

安排中文标题、英文logo字样和角色图形的视觉顺序。

适合学习图形概括、准备课程作业或整理原创标识交付文件的读者。

浏览这一分类
设计分类 想解决版本系统的具体设计问题

版本系统

把标准版、单色版和小尺寸版视为同一图形的不同输出条件。

适合学习图形概括、准备课程作业或整理原创标识交付文件的读者。

浏览这一分类