pid iconpid logo

图标寓意

这个图标既是对 p i d 三个字符的表示,也是对射箭 🏹 的象形。

在箭发射后的过程中,箭将受到空气阻力、重力、初速度、外形等影响,可以看作经历了一个未知系统,然后射中一个位置。

想要射中目标,就需要控制好发射的角度。根据之前的与目标的误差距离来 决策下一次射箭的方向(负反馈 Negative feedback )基本遵从哪偏往哪调 (比例控制 Proportional )。

但是只有这个还是不够的,还要对抗恒定误差, 比方说, 箭在运动中恒定受到重力的影响,总会像一条抛物线斜向下, 使用误差累计的经验来确定需要恒定的向一个方向偏移(积分控制 Integral )。

但是 这样的话容易产生震荡,箭的终点会在目标上下震荡,所以我们需要一个东西 加速震荡的衰减,使用这一次比上一次更接近目标值的程度作为衰减的因素 (微分控制 Derivative )。

PID ICON 中每一符号有其象形

  • p:箭矢的箭头,主要确定箭矢方向
  • :弓箭的弓,极有弹性,起到积分的作用
  • d:箭矢的羽毛,起到稳定的作用

嘿嘿,没想到吧,这个图标是我拿钢笔工具画的 :)

PID ICON

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 没有太多关系了,适应于小尺寸的图标。

修改细节:

  • 将符号 pd 的描线 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>
ON THIS PAGE