图标寓意
这个图标既是对 p
i
d
三个字符的表示,也是对射箭 🏹 的象形。
在箭发射后的过程中,箭将受到空气阻力、重力、初速度、外形等影响,可以看作经历了一个未知系统,然后射中一个位置。
想要射中目标,就需要控制好发射的角度。根据之前的与目标的误差距离来
决策下一次射箭的方向(负反馈 Negative feedback
)基本遵从哪偏往哪调
(比例控制 Proportional
)。
但是只有这个还是不够的,还要对抗恒定误差, 比方说,
箭在运动中恒定受到重力的影响,总会像一条抛物线斜向下,
使用误差累计的经验来确定需要恒定的向一个方向偏移(积分控制 Integral
)。
但是 这样的话容易产生震荡,箭的终点会在目标上下震荡,所以我们需要一个东西
加速震荡的衰减,使用这一次比上一次更接近目标值的程度作为衰减的因素
(微分控制 Derivative
)。
PID ICON
中每一符号有其象形
p
:箭矢的箭头,主要确定箭矢方向
∫
:弓箭的弓,极有弹性,起到积分的作用
d
:箭矢的羽毛,起到稳定的作用
嘿嘿,没想到吧,这个图标是我拿钢笔工具画的 :)
PID ICON

PID ICON
是对 PID
的表示,可用于大尺寸图标,但从视觉上看不如 PID LOGO
简单美观。
PID ICON
由三个符号组成
p
:比例符号,表示比例控制 Proportional
∫
:积分符号,表示积分控制 Integral
d
:微分符号,表示微分控制 Derivative
将 p
顺时针旋转 60°,d
顺时针旋转 30°,平移到 ∫
的中心。
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g>
<rect width="40" height="40"></rect>
<path d="M25 6.10901C24 3.13236 17 0.155719 18 8.09341C19 16.0311 20.5116 20.0919 22 31.9065C23 39.8443 16 36.8676 15 33.891" stroke="#0095ff" stroke-linecap="round" stroke-width="2"></path>
<path d="M30.9415 11.6C27.3735 13.66 21.5935 16.9971 16.9119 19.7M16.9119 19.7C13.4123 21.7205 10.6766 23.3 9.11772 24.2C7.55885 25.1 6 26 4.8 23.9215C3.6 21.8431 4.55887 19.9038 6.11772 19.0038C7.67656 18.1038 9.75503 16.9038 16.9119 19.7Z" stroke="#0095ff" stroke-linecap="round" stroke-width="1.5"></path>
<path d="M9.05847 26.4C12.6265 24.34 18.4065 21.0029 23.0881 18.3M23.0881 18.3C26.5877 16.2795 29.3234 14.7 30.8823 13.8C32.4412 12.9 34 12 35.2 14.0785C36.4 16.1569 35.4411 18.0962 33.8823 18.9962C32.3234 19.8962 30.245 21.0962 23.0881 18.3Z" stroke="#0095ff" stroke-linecap="round" stroke-width="1.5"></path>
</g>
</svg>
PID LOGO

PID LOGO
是对 PID ICON
的简化,更为简单圆润,但是已经看起来和 PID
没有太多关系了,适应于小尺寸的图标。
修改细节:
- 将符号
p
和 d
的描线 stroke
替换为fill
- 加粗积分符号
∫
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g>
<rect width="40" height="40"></rect>
<path d="M25 6.10901C24 3.13236 17 0.155719 18 8.09341C19 16.0311 20.5116 20.0919 22 31.9065C23 39.8443 16 36.8676 15 33.891" stroke="#0095ff" stroke-linecap="round" stroke-width="4"></path>
<path d="M30.9415 11.6C27.3735 13.66 21.5935 16.9971 16.9119 19.7M16.9119 19.7C13.4123 21.7205 10.6766 23.3 9.11772 24.2C7.55885 25.1 6 26 4.8 23.9215C3.6 21.8431 4.55887 19.9038 6.11772 19.0038C7.67656 18.1038 9.75503 16.9038 16.9119 19.7Z" fill="#0095ff" stroke-linecap="round"></path>
<path d="M9.05847 26.4C12.6265 24.34 18.4065 21.0029 23.0881 18.3M23.0881 18.3C26.5877 16.2795 29.3234 14.7 30.8823 13.8C32.4412 12.9 34 12 35.2 14.0785C36.4 16.1569 35.4411 18.0962 33.8823 18.9962C32.3234 19.8962 30.245 21.0962 23.0881 18.3Z" fill="#0095ff" stroke-linecap="round"></path>
</g>
</svg>