LOGO作为UI设计和品牌推广有着重要的象征意义,是将产品成功推向市场的重要组成部分。
这一次是由 Tubik Studio 的设计师Arthur Avakyan分享为saily设计logo的过程
任务:设计一个从app到web端关于电子商务网站都适用的一个logo。
工具:手绘、AI(或着PS)
第一步:logo文字设计
Saily是当地社区的一个app,主要目的是用户进行邻里之间销售和购买自己使用过的东西。因此,它是电子商务类的app,并要求有良好的沟通功能,另外客户也提出:要更加深入的专注于设计和文化价值,这是他们所做的核心体现。对于这个app,Tubik Studio工作室提供了大多数UI设计的步骤流程,以及任务中强调客户端的体验中趣味性、娱乐性,在外观上体现出来。为此logo的设计需要遵守一些规则标准,这是设计原则:和谐统一。
在设计开始后,设计师Arthur Avakyan开始进行字体的变换,这是这个程序设计之初的基础,在以前的设计中,第一个字母S需要特别注意,因为它是被进一步手绘处理变形的基础。
尽管这种手绘字体看上去不错,设计师也尝试着保持形象的和谐统一,但是客户希望使得变的更加有趣一些、以及对用户友好,从远处看感觉很正规一些。所以设计师就尝试进行下一个版本新的字母的组合、连接以及风格的变体。
这里的字体使用了基于数学几何的标准方法,使得所有的字母由相当复杂和精细的线路,连接成一个整体图形的第二个版本。
在第二版基础上,提出文字与连接线条之间能再简洁些,由此设计师就用到最初提到的第一个字母,这个字母S作为一个单独的字母,被提取了出来,使得和其他字母分离开来。
最后上图就是客户决定的最终版本,使得可读性、清晰简单、灵活有趣作为解决方案。设计师也尝试了不同的颜色和大小,以确保字体在不同的环境中易于阅读和识别。
第二步:logo吉祥物设计
这是作为logo设计的第二步,这次的吉祥物是一个幽灵,它具有惊人的传奇背后有着解释目标用户作为搞笑和娱乐的目的。根据创始者最初创立saily的想法,这种友好的幽灵叫做Casper,它指的是杂乱的房间,以至于人们找不到睡觉的地方。所以用saily的用户可以推销自己不使用的东西,并释放一些屋子的空间,使得Casper开心一些。
了解了app的主要性质和要求,使得吉祥物越可爱越好,设计师在此基础上提供了第一版,圆润的形式和流畅的线条,与友好和可爱的样子,大大的眼睛和灿烂的笑容是最突出特征信息的,而身体和手被抽象化了,图像是被刻在方形的图标里面,这里面有使用各种颜色在背景和吉祥物上。
虽然总体的思路被梳理清晰了,客户也希望继续寻找其他的形式和选项来实现,不仅是可爱,还要有时尚的外观。最后进行一个变种来呈现其他形式和鬼魂的形象,消除了具体的手,使得图标看起来简单明了。
另外也尝试了一个的迭代,决定使用鬼魂的图标的其他形式。在这种情况下设计师也进行来其他颜色的选择,以及对其他类型面部表情的创作。
吉祥物还应该时尚又有趣,所以就有进行下一个的迭代,这个app的创始人表明:不仅仅是满足电子商务的功能,而且要有游戏化的元素和各种插图提供的乐趣,可爱和酷的品牌形象,考虑到这一点,设计师就再次进行迭代变形,并且尽可能的在不同的背景中呈现出来,以此满足不同的功能性目标和在娱乐中更加容易识别的形式。最后对这个幽灵进行了简化、扁平和圆形,加上更加美好时尚的内外图标,可以在不同的元素中表达,这种方案也被最为认可,可以最灵活的针对不同的目标用户。
为了确保吉祥物是有效率的,它尝试了不同的背景和颜色的填充。
为使得客户接受吉祥物中的设计方案,将它合成到了各种生活场景和游戏中,并进行了大量的图解说明。
在logo设计中我们看到了光影和样式的多样化变体,不仅将其多色彩的变化应用到了整个app中,而且也非常灵活使用到各种场景,对此,按照最新的设计趋势和原则,以使得app的品牌能够脱颖而出。
作者:by Marina Yalanska and Arthur Avakyan
http://tubikstudio.com/case-study-saily-design-logo/