2

我给客户设计logo的全过程

 3 years ago
source link: https://www.shejidaren.com/gei-kehu-sheji-logo-de-quan-guocheng.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

我给客户设计logo的全过程

4月 5, 2021 发表于: 视觉设计. 评论

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设计交流群,分享经验、接单、求职、聊设计。
赞助商链接

赞助商链接

喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK