专栏名称: 网易UEDC
网易UEDC,全称网易用户体验设计中心(User Experience Design Center),是网易设计的核心部门。负责网易旗下众多产品的用户体验设计,如网易云、网易云音乐、网易云课堂、严选、易信、邮箱大师、LOFTER、考拉海购等
目录
相关文章推荐
交互设计学堂  ·  4 种有效的设计项目时间估算策略 ·  5 天前  
字体设计  ·  2024 年 JAGDA 国际学生海报奖 ·  4 天前  
字体设计  ·  法国设计师 Jérémie Wostyn ... ·  5 天前  
庞门正道  ·  走啊,一起骑车兜风去! ·  1 周前  
字体设计  ·  一款新型的动态衬线体 ·  1 周前  
51好读  ›  专栏  ›  网易UEDC

LOGO设计私人笔记 | 设计基础07

网易UEDC  · 公众号  · 设计  · 2017-06-28 09:42

正文


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

 

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

 

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

  1. 前期准备

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

  3. 灵感素材搜集

  4. 草图绘制(手绘+快速矢量)

  5. 甄选+细化阶段

  6. 提案准备

  7. 设计完善



一、前期准备


前期准备包括产品信息了解和竞品分析两点,这些是最基本也是最重要的。

我一般会重点问一下需求方(或者客户,下面都统一为需求方)以下几个问题:

  • 颜色方面是怎么想的?——颜色

  • 想要表达的先后顺序?——寓意

  • 喜欢什么样式的logo,有没有喜欢的案例?——形式

  • 聊一下需求方对公司或者产品的未来的憧憬——整体气质


问以上4个问题的目的:

  1. 使需求方的需求更加具象一些(你有没有遇到过需求方只会告诉你需要高大上的?),分别从颜色、寓意、形式、整体气质进行的沟通;

  2. 预防后期无修止改稿,需求方失去对设计师的信任感。

  3. 即使需求方前期并没有明确的想法,也能从侧面促使他们去思考一下这些事情,如果他们在出方案阶段再去想这些事情,那对一个设计师来说是无比悲剧的!


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


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


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

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



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


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


  • 文字形式

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



  • 字母形式

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



  • 具象图形

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



  • 抽象图形

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



三、灵感素材搜集


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


例如你的设计方向里面有一个A字母的方案,那就要去找一些A字母的设计,或者有一个比较抽象的关键词“科技感”。那就去找网上搜一下科技感,看看你都能看到些什么,把有灵感的图片存下来,把每一个元素每一个关键词都找一些。

我们这么做得原因一是搜集灵感库,,二是避免撞衫,logo撞衫的事情很多,在这一步的就尽量了解清楚。



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


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


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



五、甄选+细化阶段


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


  • 颜色选择

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


 

  • 方案叠加

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


  • 更换表现形式

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



  • 中英文字体设计

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

  • 流行趋势

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


 

  • 设计细节调整

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


六、提案准备


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


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


1、方案释义

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



2、严谨制图

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



3、贴图效果

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




4、后期延展

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


5、视频

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


6、语言组织

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



七、设计完善


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


1、严谨制图

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


2、不同场景下的不同版本

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




3、后期使用过程的细化

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


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




 撰文 ✎ 川子

图片 ✎ 来源网络、页面截图



未 经 允 许 请 勿 转 载 到 其 他 公 众 号

请 给 该 公 众 号 留 言 获 取 内 容 授 权

··························································································


推荐文章
交互设计学堂  ·  4 种有效的设计项目时间估算策略
5 天前
字体设计  ·  2024 年 JAGDA 国际学生海报奖
4 天前
庞门正道  ·  走啊,一起骑车兜风去!
1 周前
字体设计  ·  一款新型的动态衬线体
1 周前
乐趣微生活  ·  小媳妇算命,笑掉大牙!【NO1】
7 年前
AIRPHOTO  ·  测测你的审美水平有多高?
7 年前
Python开发者  ·  用 Python 浅析股票数据
7 年前