商城logo 微观商城 登录 免费试用 案例 价格 案例 简介 帮助 客服 运营 产品
当前位置:微观商城首页微商城/小程序商城问答

微商城如何用心的设计一个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动画不连贯,模糊了。

后记:

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

上一篇:微商城的设计准则是什么?
下一篇:微商城如何设置价格数字、字号、颜色和位置
业务合作:hello@cakra.me
客服微信:18402140338
电话:18402140338/400-093-0501(容易占线)
上海市奉贤区联合北路215号第1幢3140室
沪ICP备15045479号
整合全球资源,让人人受益。
order the world resources and make it free.
商城微信二维码