2021 年 9 月 12 日,博客终于启用一款依靠纯代码实现的标识,作为头部展示使用。
由于代码兼容问题,IE10 以下版本不支持,当然了谁还会使用 IE 呢?


设计说明

框架
  • 比例 — 10 : 7
  • 双圆切割比例 — 1 : 10
  • 大小安全数值 — 双圆高度最低不小于 25px
  • 上下安全距离 — 双圆高度 × 30%
动画(平面非动态格式无动画)
  • 介质 — 透明色彩
  • 角度 — 135 度
  • 轨迹 — 循环渐进
  • 速度 — 4.5 秒
颜色使用(透明颜色会随背景发生些许变化)
  • rgba(238 77 80 / 70%)
    采用本站主题色 ee4d50 透明度 70%的红
  • rgba(255 105 0 / 30%)
    采用本站辅助色 ff6900 透明度 30%的黄

寓意含义

图形及颜色
  • 左圆形
    意为来到这里的人
    颜色上采用透明度 30%主题色,意为 3 分感受
  • 右圆形
    意为我
    颜色上采用透明度 70%辅助色,意为 7 分感恩
形状
  • 交错纵横
    依袁宏《三国名臣序赞》中“海纳百川”,取海纳之意。一切皆万象更新,而不变的是包容和互补
  • 各缺一方
    依苏轼《水调歌头·明月几时有》中“人有悲欢离合,月有阴晴圆缺” ,来以月喻人。虽“古难全”,但将人间世俗尽收圆形。相互融合之中,尝遍这人生百般滋味
动画
  • 相互辉映
    山野万里中我们或许是藏在微风中的欢喜,互相吸引与照耀
  • 循环渐进
    在你来我往的市井长巷中,聚拢来是烟火,摊开来是人间

衍生版本和更多类型的通稿

标准稿 - 彩色
标准稿 - 反白稿
标准稿 - 墨稿
线稿 - 彩色
线稿 - 反白稿

线稿 - 墨稿