网易资深设计师:我用这7个流程做LOGO设计 - 优设-UISDC

网易资深设计师:我用这7个流程做LOGO设计

2017/06/28 15517

大部分视觉设计师在工作中都会遇到Logo设计,每个设计师都有自己独特的思路和方法。在设计过程中有理性的方法也有感性的发挥,我接下来讲的理性的部分比较多,因为感性的东西跟个人平时的积累、经验、生活阅历等等相关。不是什么大神,写的都是自己慢慢沉淀下来的方式方法。

Logo的意义和重要性,在这不再赘述,我主要讲logo设计的每个阶段个人觉得比较重要的几点。

我做Logo大体有以下几个过程:

  • 前期准备
  • 信息消化及设计方向分析
  • 灵感素材搜集
  • 草图绘制(手绘+快速矢量)
  • 甄选+细化阶段
  • 提案准备
  • 设计完善

一. 前期准备

前期准备包括产品信息了解和竞品分析两点,这些是最基本也是最重要的。
我一般会重点问一下需求方(或者客户,下面都统一为需求方)以下几个问题:

  • 颜色方面是怎么想的?——颜色
  • 想要表达的先后顺序?——寓意
  • 喜欢什么样式的logo,有没有喜欢的案例?——形式
  • 聊一下需求方对公司或者产品的未来的憧憬——整体气质

问以上4个问题的目的:

  • 使需求方的需求更加具象一些(你有没有遇到过需求方只会告诉你需要高大上的?),分别从颜色、寓意、形式、整体气质进行的沟通。
  • 预防后期无修止改稿,需求方失去对设计师的信任感。
  • 即使需求方前期并没有明确的想法,也能从侧面促使他们去思考一下这些事情,如果他们在出方案阶段再去想这些事情,那对一个设计师来说是无比悲剧的。

二. 信息消化及设计方向分析

这一步的名字有点长,说起来比较复杂,总结起来就是三个事:

1. 从搜集到的所有的信息中提取所有觉得有用的信息或者元素,并且把他们总结成关键词或者一句话,实体产品图片也要作为一个元素摆出来。例如一个美妆品牌,可能得到以下的关键词和元素,20-30岁女性、产品名称、年轻、美丽、活力、品质生活、现代女性、还有产品造型图片等等,依次把他们写下来。

2. 利用这些关键词,开动大脑做思维发散,把所有能想到的都写下来,如果是团队的话,这时候可以开一个脑暴会议。例如有一个关键词是“建筑”,可以联想到楼房、建筑材料、立方体、空间等等……把他们都写出来,甚至画一点草图。

3. 分析这些关键词能用什么形式表现出来,在脑子里稍微加工处理一下。当然在后面的设计阶段会逐个思考每个方向的设计方式。在这个时候就做一些大体形式的思考,以便于搜集灵感素材的方向更加明确。

大体的logo形式有这么几种:

文字形式

通常是利用产品名称或者公司名称的文字作为主体元素进行设计。

字母形式

以公司或者产品名称中的字母进行处理,通常对首字母进行设计。

具象图形

提炼特征形态符号,来传达企业的关键信息。可以是用一种动物,也可以是一个符号,把企业的理想和气质含蓄的表达出来,比较常见的设计方法。

抽象图形

通过抽象的符号,例如几何图形、点线面、空间、肌理等组合來体现想要表达的意思,唤起人们对于某一抽象意义、观念或情绪的记忆。

三. 灵感素材搜集

在研究阶段想出完美创意的几率并不高,但肯定已经有了很多选择的方向。接下来就要为每个方向找一些相关或者相似的灵感素材,并不仅限于好的logo,有时候摄影、绘画、广告设计、服装等等感觉有相关的图片都要搜集一些。

例如你的设计方向里面有一个A字母的方案,那就要去找一些A字母的设计,或者有一个比较抽象的关键词“科技感”。那就去找网上搜一下科技感,看看你都能看到些什么,把有灵感的图片存下来,把每一个元素每一个关键词都找一些。
我们这么做得原因一是搜集灵感库,二是避免撞衫,logo撞衫的事情很多,在这一步就尽量了解清楚。

四. 草图阶段(手绘+快速矢量)

接下来进入设计阶段了,把每一个自己觉得可能的方案都做成草图。我的习惯是快速手绘看效果,然后再快速做成简单的矢量方案,尽量多尝试几种方式,相关的元素也会绘制出来;即使还不是很成熟的方案,都会绘制出来放到旁边。一眼就看到全部方案,能让自己发现不同的组合方式。

有些方向可能不是很好表现,把灵感图找出来瞅瞅,也许就想到了,想想正负形、几个方向相加、几个元素相加、相同元素不同形式等等……目的就是把自己想到的方向具象起来。这时候的方案没必要是完美的,能表达自己想要的方向就可以了。

五. 甄选+细化阶段

从所有的草图中找出可以作为最终方案的去细化,从以下方面细化方案。

颜色选择

前期准备阶段应该想好了大体的颜色,对每个方案进行上色,配色方法可以参照相关配色文章。

方案叠加

有的方案看起来不成熟,但我们把两个方案进行结合,也许就是不错的方向了。

更换表现形式

有些方案看起来不完美,也许就是元素表现形式不合适。例如方案中有一个“熊”元素,方案整体看起来并不是很协调,这时候看看自己的灵感素材或者去网上找找熊的图片,尝试新的表现形式。

中英文字体设计

中英文名称是logo很重要的部分,一种方法是找一个相对合适的现成字体,在此基础上进行调整。一种自己设计字体。字重、倾斜度、衬线、间距所带来的力量感、运动感、优雅感等等必须与品牌形象相符合。

流行趋势

紧密关注当下设计趋势,当下流行的是否可以应用自己的设计里面,比如当下流行的彩色投影、双色调设计等等,考虑一下是否可以融合进去。

设计细节调整

多问自己几个问题,这个方案寓意是不是到了,颜色舒服么,形式有没有可能更完美等等。实在不行去找些设计的好的logo放到旁边进行一下对比。

六. 提案准备

经过这一系列的努力,手上有很多个方案了,接下来就是准备提案了。

把自己的方案进行排序,哪些是自己推荐的,哪些是陪标的,哪些是需求方要求做的,整理清楚。接下来就是让自己推荐的方案看起来更加高大上,提高他们被选中的几率。

方案释义

利用图来讲清楚你方案的由来,不要只靠语言,尽量让你的想法具象话,不要让客户或者需求方去自己脑补。

严谨制图

告诉需求方logo是按照一定的美学基础做的,不是随便几个元素凑起来,提案阶段的方案可能还不够细致,这时候的制图并不能达到最终要的程度,但放到提案里面可以为你的方案加分,并且需求方能更加了解你的设计思路。

贴图效果

告诉需求方在实际运用中的效果。

后期延展

如果有时间可以做一下logo的延展使用,例如品牌图案的设想,这么周全的方案,被选中的几率就更大大提升了。例如下图的方案,logo中的红条元素会作为设计元素贯穿到其他方面的设计中。

视频

如果你做完上面的那些你还有时间,并且恰巧你会做动效,把你的logo做成小视频更能打动你的需求方,例如陌陌的logo改版视频。

语言组织

组织好语言:1、把你的想法表达清楚;2、把你前期搜集的和跟需求方沟通的资料都找出来,想点能讲到他们心坎里的话吧。

七. 设计完善

经过提案确定了方案,但一个logo的设计并不是到此为止了,接下来还有工作要做。当然有些方面是在logo的使用过程中不断完善的,甚至最后做成一套完整的VI手册。

严谨制图

此时的严谨制图跟提案阶段的不一样,提案主要是为了让需求方更加了解你的设计思路,现在的主要是为了完善logo的每个细节,比例、间距、倒角、粗细等等调好每一个细节,让logo更加精致动人,logo制图当中的那些标注都是设计师的美学工具。

不同场景下的不同版本

为了适用不同的场景,你还要做不同的版本。例如浏览器标签的logo仅仅为16*16像素,缩小到这种程度会不会糊掉无法辨识?又例如导视系统上是不是需要竖版的logo?……所以你要根据使用场景制作相应的版本,并且要进行细节的调整。

后期使用过程的细化

在后期的使用过程中也许还会发现一些现在的logo并不太适合的地方,你就要做相应的调整,让产品的logo越来越完善。

到此一个logo基本成型,啰啰嗦嗦写了这些,希望对你们有点帮助!

欢迎关注作者「网易UEDC」的微信公众号:

「LOGO 好文全集」

  1. 风格:《没灵感?这里是最全的12个LOGO设计风格总结!》
  2. 趋势:《不用纠结!这三个正在流行的趋势为你指引LOGO设计》
  3. 灵感:《灵感知识两不误!10个提供LOGO设计灵感的创意网站》


【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/7-step-make-logo

sketch UI 界面设计 转场动效 平面设计 交互设计师 设计师 扁平化设计 设计师专访 排版布局 职场 用户体验设计 设计流程 视觉设计 素材下载 配色 web前端开发 海报设计 AI教程 设计理论 设计规范 产品设计 字体下载 神器下载 设计趋势 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里