LOGO UI设计7大要点

2018-4-8    蓝蓝

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

大部分视觉设计师在工作中都会遇到logo UI设计,每个UI设计师都有自己独特的思路和方法。在设计过程中有理性的方法也有感性的发挥,我接下来讲的理性的部分比较多,因为感性的东西跟个人平时的积累、经验、生活阅历等等相关。不是什么大神,写的都是自己慢慢沉淀下来的方式方法。Logo的意义和重要性,在这不再赘述,我主要讲logo设计的每个阶段个人觉得比较重要的几点。我做logo UI大体有以下几个过程:

  1. 前期准备

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

  3. 灵感素材搜集

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

  5. 甄选 细化阶段

  6. 提案准备

  7. 设计完善

一、前期准备

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

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

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

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

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

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

问以上4个问题的目的:

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

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

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

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

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

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

LOGO UI设计7大要点

Ui设计

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

LOGO UI设计7大要点

Ui设计

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

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

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

LOGO UI设计7大要点

UI设计

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

LOGO UI设计7大要点

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

LOGO UI设计7大要点

UI设计

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

LOGO UI设计7大要点

UI设计

三、灵感素材搜集

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

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

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

LOGO UI设计7大要点

UI设计

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

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

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

LOGO UI设计7大要点

UI设计

五、甄选 细化阶段

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

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

LOGO UI设计7大要点

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

LOGO UI设计7大要点

UI设计

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

LOGO UI设计7大要点

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

LOGO UI设计7大要点

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

LOGO UI设计7大要点

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

六、提案准备

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

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

1、方案释义

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

LOGO UI设计7大要点

2、严谨制图

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

LOGO UI设计7大要点

3、贴图效果

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

LOGO UI设计7大要点

LOGO UI设计7大要点

4、后期延展

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

LOGO UI设计7大要点

LOGO UI设计7大要点

5、视频

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

LOGO UI设计7大要点

6、语言组织

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

七、设计完善

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

1、严谨制图

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

LOGO UI设计7大要点

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

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

LOGO UI设计7大要点

3、后期使用过程的细化

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

LOGO UI设计7大要点

LOGO UI设计7大要点

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


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档