当前位置:首页 >教程首页 > U I 设计 > AI+UX设计大师班 >LOGO设计图形如何延伸?

LOGO设计图形如何延伸?

发布时间:2020-09-17 09:26:25

在正式开始前,我们先复习一下上次分享的LOGO设计高效流程法,可以看到其中能辅助我们出多种方案最重要的一步是思维发散。而我们今天的方法则是从图形本身出发,从一个变出十个甚至更多的不同方案。那 LOGO设计图形如何延伸?

0.webp.jpg

进入这次教程的主题~

LOGO设计图形延伸法

既然是从图形本身出发,那么我们可以试着思考一下,影响到LOGO图形本身最大的两个关键因素是什么?

1.图形本身的造型(比如几何极简造型、基础外轮廓造型、正负形造型....);

2.图形的风格形式(比如线构成、面构成、渐变风格、趣味卡通、手绘风格...)

0-2.webp.jpg

基于图形造型的加减法和基于风格形式的变化这个两个角度出发,我们以一个案例实操来示范一下,如何运用这两个思路中最常用的9个方法,来用一张图片衍伸出9个LOGO。

一、基础造型提炼

我们先来做一个最基础的,今天我们用线条切割的方法来生成第一个基础造型提炼的LOGO。先来看一下今天的主角~蜂鸟图~

1.webp.jpg

我们依旧是需要注意,在前期找参考图片的时候,元素或者动物本身的造型一定要美观、协调!巧妇难为无米之炊,前期找参考千万不能忽视。

2.webp.jpg

接下来我们用圆形或者椭圆形去切割出LOGO的基础造型,用圆形切割出LOGO的方法有利有弊。利在于图形更加标准化、秩序化,所以图形感更强。但是弊端也是明显,线条可能不流畅、造型的局限性较大……

3.webp.jpg

在用圆形去切割的时候很多同学看来密密麻麻的线条就晕了,其实切割的时候注意两个点就好了。

1.先有大造型,类似上图左侧,我先把蜂鸟的整体大轮廓给切割出来;

2.而后专注于局部,大造型有了后,我们切割局部的时候不要被其他的线条影响。比如就专注的切割出尾巴这个局部。

4.webp.jpg

线条切割基本确定后,我们可以运用形状生成器工具,直接框选中所有线条生成蜂鸟的基础造型。

5.webp.jpg

大造型出来后,如果觉得细节不够丰富也可以继续添加一些细节。这样我们第一个通过基础造型提炼的LOGO方案就出来了,难度很小。建议大家都可以尝试练一练!~

二、创意元素加法

做加法在LOGO设计中经常出现,加法能让图形的表达内容更加丰富。这类的方法在之前的教程中有详细讲解,常用的就是元素替换或者正负形结合。

6.webp.jpg

我们先尝试一种最简单的,直接增加部分元素进来,不用考虑结合关系。这边为了让增加的绿叶线条在整体中更加协调,所以我将蜂鸟肚子部分的面转化为线的形式。

7.webp.jpg

如果能够考虑元素与整体的创意结合,那自然会好些。这边我取了蜂鸟翅膀部分,替换为了绿叶的形式,这种绿叶的结合是相对多一些创意的成分在内。

8.webp.jpg

其实这个方向能看出来更多还是基于第一个基础造型来做一些加法和变形,是一个做加法后自然得到的结果。

三、几何造型简化

前面两个方案都是基于基础造型提炼刻画,那么我们也可以用第一个方法结合更加简洁的几何造型来进行切割。

9.webp.jpg

同样的我们用圆形进行初步的切割划分,但是这次很多细节我们不进行刻画,而是用尽可能简洁的造型去表达。

10.webp.jpg

整体造型线条能连接的地方都进行了连接,比如从嘴巴部分一直贯穿到尾部都只用了一个圆形线条。翅膀、尾巴都是用了尽可能概括的方式去刻画。

11.webp.jpg

为了跟前面的方案做开更大的区分,在基于图形造型的基础上,我又尝试把风格形式与现代渐变配色进行了结合。最后呈现出来与第一个方案截然不同的视觉感受。

四、面与线的转化

面与线之间的相互转化能让LOGO的变化可能性增加许多,很多情况下。同样的造型用面和线表达是完全不同的两种方向。

12.webp.jpg

我们先来看一下,这两者之间线和面的造型关系基本是完全一致的。假设我们基于上面的线构成关系,用更加简洁并且几何化的形式进行深入。

13.webp.jpg

基于整体最核心的身体部分的造型,我尝试用极简的几何造型来概括。视觉上呈现大感觉的一致性,所以我尝试用这个基础几何线造型拼凑出蜂鸟的其他部分。

14.webp.jpg

基于上面概括出的基础几何造型,拼凑出翅膀和身体部分,最后再尝试进行整体的结合。

15.webp.jpg

由面到线,再由简洁的线构成到极简的线构成,我们得到了一个新的方向。

五、基础几何轮廓

同样的,我们尽量让整个思路保持连贯性。既然上面是不断精简的一个过程,接下来我们将尝试更加几何化和抽象化的表达手法。

16.webp.jpg

依旧是基于右侧提炼出的最基础的几何造型,我想尝试用最少的几何图形来抽象化表达LOGO图形。

17.webp.jpg

整个造型极其简洁、抽象概括。之所以尝试这个方向主要是告诉大家,很多时候看似简洁的LOGO可能是有一个由繁到简的过程,而看似复杂的造型也有可能是由简到繁。无非是设计师根据项目的实际需求在寻求匹配度最高的表达方式。

六、正负形结合

正负形结合是经常在LOGO中出现的设计手法,本质上还是基于LOGO造型的一种创意性加法。我们可以基于上面的方向,进行一个正负形加法的尝试。

18.webp.jpg

方案的主题是蜂鸟和速度,所以我们尝试选择飞机和之前的简洁几何风格进行一个结合。这次我们尽量做的稍微丰富一些。

19.webp.jpg

这边我们依旧用切割的方法得到正负形结合的造型,有了这个基础造型后,我们尝试把内部的造型进行丰富。

20.webp.jpg

我们把造型内部的切割细碎的小局部进行合并,得到右边的不同色块构成的完整图形。这一步为后面的渐变上色奠定了基础。

21.webp.jpg

基于切割得到的内部造型曲线是能够刚好契合整体的造型,这个时候我们加入渐变形式的配色,内部的曲线才能跟整体更好的融合为整体。

七、趣味插画风

趣味插画风最核心的还是造型和配色部分,通常来说,插画LOGO风格近段时间流行的都是粗描边多配色的画风。

22.webp.jpg

我们先按照找的参考图形把整体的LOGO造型以描边的形式勾勒出来,这个时候整体大的造型就基本出来了。如果遇到局部难描绘的部分可以去找一些对应的参考。

23.webp.jpg

确定出合适的配色后,尝试对造型进行上色。上色的时候需要注意好配色的比重关系以及层次关系。

24.webp.jpg

结合配色后,我们根据造型情况在蜂鸟周围稍微点缀一下小的绿叶和色块做底。这个方案也就基本完成了。

八、质感手绘风

粗糙手绘风格你可以选择直接用钢笔工具凭感觉直接去描摹,也可以借助软件工具去生成,比如我们往期中的(人像LOGO真的很简单)教程中就有非常详细的如何运用阈值工具生成造型。

25.webp.jpg

在这边我们直接尝试使用画笔描摹的形式来做,勾勒的时候可以随意一些。但是整体的造型一定要符合垫底图片。

26.webp.jpg

把勾勒得到的基础造型重新结合配色或者排版,一个粗糙质感的手绘风格LOGO就基本完成了。

图形延伸法思路总结

我们稍微总结一下几个方案的延伸思路,我们全部都是基于一张图片在做造型的加减法和风格形式的变化。

基于造型的加减法:

基础造型提炼、创意元素加法、几何造型简化、基础几何轮廓、正负形结合...

基于风格形式的变化:

面与线的转化、现代渐变配色、趣味卡通形式、质感手绘风格

27.webp.jpg

原文地址:胡晓波工作室(公众号)

作者:刺猬

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
×

确定