Logo更替完成：设计思路解析

今年4月份，网站更新了新版Logo标志。由写实向写意的风格转变。正巧朋友问起logo从哪抄的(震怒，两个logo明明都是自主设计的)，于是今天就专门写一篇来讲讲这logo背后的设计故事。

第一版

最初的logo设计思路是这样的：有点东西 ＝ 夸人厉害 ＝“666”= 手势“6”，于是采用svg图标作为logo主体，背景边框觉得Hexo官方图标的六边形不错，最后把两者结合产生了第一版logo。

hexo logo

第二版

再之后因为重写了Blog的页面模板(Theme)，感觉原Logo不太和谐，于是又重新设计了一版，设计思路如下：

1. 将名称逐字拆开，分别是“有”、“点”、“东”、“西”。
2. “有”谐音英文字母”U”，将”U”头部留空一部分，使其形似吸铁石图标，有吸引、链接的含义。
3. “点”被设计成一个小圆点，结合吸铁石”U”来看像是被吸引而来的物体，鲜艳的红色往往代表积极、热情和勇气。
4. “东”、“西”应该合起来为“东西”，而且小红点本身也有东西含义，但既然逐字设计了元素，这里其实也就将其单独设计了。

是不是没有看到“东”、“西”的元素在哪？其实它们被隐藏在U字下方的阴影部分，如果把阴影模糊去掉就会看到两个箭头指向东、西这两个方向。这时候整个Logo看起来就像一枚指南针了。

去除模糊效果后

那为啥要加上这层模糊效果？寓意着生活并不是一条既定的道路，没有办法预知行进方向（所以脚下的路是模糊的），结合人生的每一次选择（通过吸铁石引来的新物体）逐步去发现生活、享受生活。

另一个惊喜的地方是，第二版logo因为采用了SVG图形绘制工具，导致其元素虽然更复杂了，但是文件体积却比第一版小了**15.7%**。

结尾彩蛋

最初第一版Logo定的手势并不是“6”，而是大拇指（点赞）。最后放弃的原因有两个：

1. 大拇指Logo的成片效果太差（主因，背大锅，具体见下图）。
2. 觉得“666”可能更形似“有点东西”的含义，想着后续再做个“手势6摇摆”的动图Logo可能更有意思（谁曾想没有后续了哈哈）。

大拇指Logo最初为了独一无二，完全是自己拍的图片，经过亿点点PS修正完成的。可惜最后发现手太丑图标不好看Pass了哈哈哈。

这个点子还和朋友吹嘘了一番