网页设计 » 视觉设计 » 我给客户设计logo的全过程

我给客户设计logo的全过程

发表于: 视觉设计. 评论
Sponsor

前言:学习一位拥有多年UI经验设计师的LOGO设计方法,从0开始到完稿的创作思路,如果是LOGO设计小白,本文也是不错的速成LOGO设计入门,精简版LOGO创作过程,简单易懂,一起来学习吧。

最近的品牌设计一共两个,我选一个说吧,这个品牌的名称比较可爱,叫做:羞甜,是一个卖圣女果得商家,希望给自己做一个logo。然后,这个羞甜的logo就这样逐渐诞生了……

先看一下最终的LOGO效果图:

我给客户设计logo的全过程

  • 目录

    01.客户的需求整理

  • 02.根据需求消化进行关键词总结
  • 03.用手绘秒抓创意灵感
  • 04.用AI具象草图的灵魂
  • 05.LOGO定色及上色
  • 06.最终调整形态变化
  • 07.且慢,灵感创意加细节
  • 08.进磨具,走起!
  • 09.总结

01.客户的需求整理

这个标题含义其实并不只针对logo,可以说只要是商业对接和交易往来,就一定存在需求的问题,而渴望盈利的那一方就必须了解到客户方得需求与痛点,只有这样才能稳稳的进行服务。当我们拿到客户提供的一堆材料和元素时,其实比较挠头的就是内容梳理与重点抓取。

我给客户设计logo的全过程

(由于客户资料不便泄露,所以给大家画图展示步骤逻辑)

一般情况下,我建议可以在大致浏览完材料后,对内容先进行大致的归类,比如分为:基础文本类、市场调查类、想法创新类、产品目标类,等等(这里指的归类不是文章才可以归类,而是任何内容都可以,小到一个关键词,大道一张图,都可以归类),当我们把这些做完以后如果还需要一些细致的产品线索或确认,那就可以二次再找客户进行沟通确认了,这样做的好处如下:

第一:不会使客户反感(你什么都没看呢就来找我,我这儿也挺忙);

第二:是你可以通过客户二次提供得线索很快的得出整个产品得焦点;

第三:你这样就知道该问什么了,如果不做整理就去问客户,极其容易导致问题的宏观化,你问的问题越宏观,客户反馈也就越不准确,毕竟客户不懂产品,你需要做的是引导客户进行正确的产品需求剖析。

我给客户设计logo的全过程

这个羞甜同样的是按照这样的思路完成的,首先我对客户提供的一个文档进行了归类,由于类型不多,当时只分了:基础文本类和产品目标类,然后通过文档没提到得问题进行了汇总,比如客户希望产品的创意定位是什么(客户需求:可爱一些,看起来活跃的logo,以羞字进行创意设计,等等),然后我去通过二次沟通弥补了一下。

02.根据需求消化进行关键词总结

当我们对需求进行分类和细节处理后,就可以开始进入到第二步消化沉淀了,在这一步可能大家比较迷惑,我简单来说一下,这一步的消化主要指对用户需求细节进行推敲,对理性和感性进行双向不同的理解,而沉淀就是开始去网上寻找自己消化过的东西,寻找相关的灵感和创意,目的是为了寻找到那个可以碰撞出创意火花的那个点。

我给客户设计logo的全过程

按照当时的文档需求进行的消化,最终得出的几个关键词就是:可爱、活跃、超前、年轻、水果范儿、圆润,然后通过关键词的定位,我开始在各大设计平台去大批量的浏览了有关关键词的形状案例,这里重点提一下,寻找灵感源泉不要只局限单纯只在logo里寻找,而是应该全方位寻找,只要能想到的,就都会应该去看一下。

03.用手绘秒抓创意灵感

在网上寻找灵感创意的同时,记得手边要准备一个本子和笔,这是用来在看到有用的创意时能快速的记录下来,不管是看到了偏旁部首,还是看到了一个好看的形状样式,都应该记录下来,并且,笔和纸还有一个更重要的作用就是,你可以一边浏览网页,一边有的没得在纸上画画,这样也是为了摸索灵感的方向,这一点,有点感觉像是在盲抓,其实不然,有时候设计的一丝感觉就是那么微妙,光从理性的角度你是不能完全分辨透彻的,反而带着那么一丢丢感性的感觉,会更快的找到品牌设计给人带来的那种美妙。

我给客户设计logo的全过程

(这里需要说明一下,客户当前需求要将“羞”字以图文的形式进行展示,也就是说汉子变为图形,所以我才会更多查找文字设计)

在这一步,羞甜logo的草图是比较零碎的,当时我翻阅查看了很多的案例和不同的类型内容,有文字设计、水果图片、手绘插画、图形logo,等等。

04.用AI具象草图的灵魂

当你在纸上进行了基础的logo灵感绘制后,你就可以通过手机拍照的方式将草图logo上传到电脑上了,这里需要注意一点的是,拍照的角度应该是正俯视图才对,同时草图也应该是已经成型且具象的一种图形,而上传到AI软件的作用就是为了将草图先临摹出来,通过整齐的线条对草图进行完善。

我给客户设计logo的全过程

我在将草图拍照传到AI软件后,我先是对基础的线条用钢笔进行了描绘,这个时候不需要太考虑修改完善,而只需要先将草图描绘到软件上即可。当绘制完后,你就可以将轮廓拖出草图,单独去查看整体logo形态变化,然后适当在做线条的调整与粗细确定。

05.logo定色及上色

走到这一步,几乎已经可以看出你创意的logo形态了,但目前还只是轮廓状态,接下来我们需要做的就是要确定一个logo的基础色,这个基础色的确立还是需要根据第二步骤里的关键词来确定的,或者也可以再次询问一下客户这边进行对接。

我给客户设计logo的全过程

羞甜品牌的色彩定位是根据关键词和产品主体进行的确定,从橘黄色、粉红色、深红色、金黄色、等众多颜色中,我最终根据活跃、年轻、产品主体进行了确立,使用了较为艳丽且明度较高的红色,其实这里有一个用色顺序,那就是定位颜色时不要考虑颜色纯度和明度领域,而是先要确定色彩给用户的心理差异和情感变化,当确定了色相之后,再从纯度和明度上进行着手筛选,用这样的方式将一个大问题经过拆分后,就可以逐次突破了。

06.最终调整形态变化

当进行到这一步,其实几乎整体看上去就已经差不多了,但是草图终究是草图,按照草图绘制的整体形态和轮廓多少还是有些瑕疵,所以,我们还是需要稍微细致的修改一下整体logo的样式,比如:调整内容的结构位置、调整线条的流畅度、调整角度的方向,等等…

我给客户设计logo的全过程

当前羞甜品牌logo在填充完颜色之后,由于整体较为稀疏,缺乏聚焦感,所以,我对这两方面进行了整体的调整和修改,并且由于手绘的线条不流畅,也对线条进行了微调,并最终以较为柔和,精巧的形象做最终展示。

07.且慢,灵感创意加细节

如果走到刚才那一步交稿,虽说整体没什么问题,但如果说精细高端,还差点一次,大家还记得我开头的关键词里有个“圆润”么?这一步就是对这个关键词的关键刻画,目前通过形体表现来体现圆润已经没有什么问题了,但如果附增一个辅助,那就更是再好不过了。

我给客户设计logo的全过程

在羞甜的品牌logo上,为了添加圆润,我想到了光溜的大苹果和紫葡萄,由于我之前是美术专业,当时在画水彩画时,如果我们想让一个物体变光润和通透,最简单的办法就是用白色颜料画两个小撇体现物体的高光,所以,在这里我沿用了同样的手法,用小撇做高光来强化圆润的感觉。

08.进磨具,走起!

好了,走到这,一个logo基本上已经诞生了,但是,交稿的话突兀的只给一个平面稿多少有点寒酸,而且为了对过稿率增加筹码,最好的办法就是在上个场景样机,这个样机最好是能和真实产品一致,这样才能让客户产生logo与产品的连带感。并且,复用logo作为插画背景样式,也是一种装饰性的手法。展示如下:

我给客户设计logo的全过程

最后我们看一下真题的效果~

我给客户设计logo的全过程

我给客户设计logo的全过程

我给客户设计logo的全过程

我给客户设计logo的全过程

我给客户设计logo的全过程

我给客户设计logo的全过程

09.总结

以上就是一款logo的诞生过程,其实这种手法对人物、抽象、无严格算法的品牌较为实用,如果说客户要求整体对称美观且富有平衡感,那这个技法就不太适用了,而是应该使用黄金分割和井字分割等手法去对品牌logo进行设计。说到底,技法虽说看起来较为简单,逻辑路径较为直线且没有太多的曲折,但是真正使用起来大家就会发现,单一个步骤而言,都会出现很多问题,比如灵感找不到,大脑没有具体的灵感轮廓,需求抓不准,定位不准确,等等一系列问题。解决办法之只有一个,那就是多去尝试多去练!加油吧!

作者 | 西瓜的设计,公众号 | 西瓜的设计

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }