微商城如何用心的设计一个logo？

现在logo趋势是极简，越简单的logo，影响力越大，所以忌讳logo设计的元素复杂化。这是大厂logo演变过程：

Apple：

哪个logo好看不必说了，如果你觉得那个彩虹色的苹果好看，说明你的审美还停留在20年前。带着这样的审美去设计logo，可能会逆潮流而动，无形中带来极大的破坏力。

microsoft：

这虽然是个软件大厂，但是设计能力毫不逊色，对设计的思考深度，甚至有些时候比苹果还要超前。2010年前后，当时所有的设计都是拟物，微软突然激进的提出了metro设计风格，这种风格相当于对那时主流设计的全部否定，但是否定的有理有据，所有人受到了这种设计思路的启发，设计风格开始扁平化，ios7在2013年也发布，也是行业全面扁平化设计的开始。

好好揣摩这样设计的作用。

传统大厂，例如制造业，看看他们logo的演进：

宝马：

汽车制造厂家MINI：上面是最新logo，下面是旧的logo：

好了，有了上面的分析，做什么的logo毋庸置疑了。

logo诉求

我们是一家微商城软件平台，给商家提供开店工具，让他们经营好自己的生意，我们希望logo能够传达我们的公司的服务理念：用心和专业。客户看到logo能够快速建立起对我们公司的认知和第一印象。

我们不想把logo设计的过于复杂化，就算非常复杂，也应该是由最简单的元素构成的，就像这个世界颜色那么多，只是用红绿蓝三种颜色调和而成的。

用心

心的图案是必不可少，所以logo有了第一个原型，##用AI制作，上面用椭圆工具，下面用钢笔工具。

因为我们旧的logo是一个花朵，新logo也不想有太大差异，自然而然我们有了一个花瓣的想法，##用ai的镜像，得到了第二个图形：

继续完善，用ai的图形合并功能得到了下面花瓣：

这是花瓣的原型，这将作为我们logo的基本组成部分。##ai复制4个花瓣并且旋转：

我们logo做好了，其实是由5个花瓣，10个心组成。 看起来很完美，很对称，很大气，很简洁。你以为logo就做完了吗？不是，只做了一半。

第二部分

既然是花朵，我们希望他是五颜六色的，而且还希望有个花苞开花，然后又变成花苞的过程。为什么这么设计呢？因为颜色可以获取用户关注，而动画更能引起客户关注，我们希望用户看到我们网站能够引起一种高端不同凡响的感觉。

点击下面gif，查看动画，文件有点大，最终效果：

制作过程：

图片动画一般用gif，但是gif画面粗糙，像素低，模糊，而且体积还太大，我们用到了svg的动画SMIL。

先在ai里面复制5个花瓣，每个重叠，保存成svg文件。

然后编辑里面的svg代码，用代码控制每个旋转：

每个path对应一个花瓣，用SMIL语法控制就可以了。不懂SMIL？看这里： A Guide to SVG Animations (SMIL) | CSS-Tricks，写的很详细。如果英语差可以看国内：超级强大的SVG SMIL animation动画详解，写的没有英文版本详细。

svg文件很小，而且是矢量的，也就是任意缩放都不会模糊。

实现相同的动画，gif用了18MB，svg只有16KB，是svg的1000多倍，而且gif动画不连贯，模糊了。

后记：

• ai指的是：adobe illustrator。设计用了ai，不懂ai的，可以看youtube的视频，比起国内视频教程领先不止10年。
• 用ai是因为可以得到矢量图形，矢量是趋势。
• 微观商城的开店工具，微商城和小程序商城已经完全矢量化，你看不到任何栅格像素图形，无论iphonex 还是千元机，浏览微观商城所有图片都是锐利逼真清晰，不模糊。也是国内唯一一家全面矢量化的微商城和小程序商城开店平台。
• 在线浏览和获取此logo的svg代码，请看微观商城官网首页右上角的logo。

微观商城， 小程序商城现在只需要2400每年，买三年只需要4800。微观商城的小程序商城功能和价格在行业非常出众。微观商城网址： http://www.cakra.me