平面LOGO设计的详细解析绘制过程

按照惯例,我们依然先回顾一下线构成的案例,了解一下我们今天继续探索的是哪种类型。

#1:几何提炼

#2:线条变化

#3:图案重复

#4:边框加持

#5:场景搭建

#6:丰富细节

……

案例较多,通过预览图先睹为快。

通过几何概括进行造型提炼相信大家不会陌生,毕竟这是我们一连三季讲到现在,这也表明了它是有多么的重要。可以直截了当的说,凡是具象标志都是基于造型概括出发,重中之重是对于特征的提炼,甚至是抽象,也是基于特征的基础上进行演变而赋予象征意义。

先易后难,我们还是先从简单的开始上手,通过三款昆虫的特征提炼来打下基础第一关。你以为吕布已经天下无敌了,谁的部将比他还勇猛?草蜢兄!

第一步,绘制草图。写了这么多篇,实在不知道还能用什么措辞跟大家表述这神来技巧。反正根据外形去勾画就好了,线构成,顾名思义是用线去概括。草猛兄虽然腿大,但不失苗条的优雅,身体虽然强壮,也不失柔情的胸膛。

好了,把大体的结构勾勒出来即可,生活就是这么简单,处处都是温柔的港湾。

说好是提炼,当然不能勾完就完,能够古稀相伴需要不停的做结合,身体跟翅膀的部位可以简化,既然是侧面,那采用单边原则即可,意思就是两边各一条腿,单边只需要画一条,翅膀、眼睛、触角同样如此。

提炼完成后,用平衡等粗的线段进行几何规范即可。到这里我们第一个案例简单的完成。放心,这份简单将会差点伴随到结束。

最后添加排版。整体线条等粗且添加了圆头端点及圆角连接,使用圆体字体搭配即可。

我们再来看一下第二个案例,同样的挑选出一只看起来就不是善哉的猛将,螳螂兄,上吧。

到第二个案例,现在我们绘制草图应该是会有下意识的做连笔的冲动,这就对了,这个技巧对于设计简约图形非常的凑效,也许我们一开始连得不一定对,但多画几遍是跑不掉的,即使第一稿很nice,又怎么知道后面的不会更完美呢,这是必然要经历的过程,多尝试多对比找出最优解。

螳螂兄的傲气昂扬的姿态我们不好掰直它,所以这一稿身体会保留一定的弧度,手上的镰刀与其呼应。对草图进一步优化以及做减法,那基本就差不多。

案例完成,我们贴个图看看效果。

设计思维最重要的是什么,是举一反三。所以我毫不客气的给你们准备了第三个案例,有了前面两个铺垫,这一个大家就很好看懂了。

这里面可以注意到,蜻蜓的身躯较小翅膀较大,所以在画草图的时候有意在翅膀内延申多一根线条以弥补留白空间过于空洞的问题。

但在最后出稿的过程中,选择了另外一种解决方法,避免翅膀过大过于厚重,这里将它适当的缩小即可。然后我们找到的参考图片是倾斜的,保持角度图形会不稳,所以重新调整了角度及重心。

不知道大家有没有发现,草图跟正稿之间除了翅膀上的大差别,还有尾部值得注意。如果尾巴单纯的一根线过去跟身体前驱对比会显得异常的单薄。所以添加一个交尾,不是,交叉来示意尾部的厚度。

最后调整了线条的粗细,让整体更加轻盈,再搭配大字距的排版保持透气感,案例完成。

回顾一下以上三个案例,关键点在于抓住了大体形态特征,而且具有主次之分。

蚱蜢:后腿>身躯>触角

螳螂:前臂>头部>身躯>后腿

蜻蜓:翅膀>头部>身躯>足部

重申一遍,简化并且采用了单边原则,单侧刻画只需要绘制单侧的特征数量即可,这样既不会影响识别同时保证简约。

线的形式有非常多的方式可以进行表现,线条的大小粗细;等粗亦或具有粗细渐变的变化;线条的数量,双线甚至多线;以何种细节呈现,直角,圆角,添加衬角装饰等等。上篇有提及,本篇再用一个简单的案例进行三种演变来探索其中的可塑性。

参考图片不一定是照片,可以是绘画,可以是雕塑等,只要是能够给到我们创作灵感即可。设计作品可以吗,可以,但我很害怕同鞋们不自觉的借鉴过渡,可以作为参考,很多时候也是需要学习前辈们的处理手法,提高审美跟学习技巧,进行参考分析很有必要,君子和而不同,抄意而不抄形,抄一不如抄百,说的就是举一反三的原理。

因为是绘画作品,身体结构已经非常的清晰,所以我们可以很轻松的勾勒出结构草图。有了大感觉,在细节上同样的可以进行反复的尝试对比,尤其是马头,是提炼马特征的关键。

进行结构优化,非常的简单,我们的第一稿就出来了,与前三稿不一样的是,这里希望呈现简练现代的感觉,同样是等粗线条但是选择平头端点,简单的变化就有不一样的感觉。

搭配等粗非衬线字型,加以手写体点缀,案例完成。

基于上一案例,希望增加分量感,不够分量感,这也是很多时候我们觉得线构成标志单薄的原因之一,最简单的方法便是加粗线条,整体的图形感就上来了,同样是线,粗线将呈现出类似面的感觉。

简单粗暴,直接的加粗线条,在图形黏糊的情况上保证一定的识别度为止。这个时候要做的就是继续简化,继续合并线条,继续几何化。

这里可以回到第一步绘制草图的部分,合并线条的草图反过来给到粗描边的案例以作做减法参考。

身体弧度部分分别与大腿以及前腿合并简化,同时减少前后腿关节的折角,以腾出更多的空间。大腿肌肉以正圆替代更加的几何化以及赋予记忆点。

可以看出,马造型的提炼根据第一稿的细线到第二稿粗线的变形,风格调性已经发生非常大的转变。

同理,细线既然能够转变为粗线,那粗线同样的能够转化为细线。

将上一方案线条轮廓化转变成面,再重新进行描边,那我们将得到一个双线处理的全新方案。

是否要考虑将线条进行合并连接,那就是根据喜好进行下一步操作啦。第六个案例完成,臭弟弟臭妹妹,你学会了马?

老子曰,一生二,二生三,三生万物。当客户爸爸向你撒币加钱,问还有没有新方案的时候,你还会捏着背后颤抖的西餐刀而发愁吗?

线的形式还有辣么多,各种粗细渐变、栅栏线等等,在这里就不再一一实操。下面收集了一些有意思的案例,大家可以自行分析,让你灵感如泉涌,文思如尿崩一般。相信聪明的你就像天上的星星,bulingbuling闪呀闪,我发誓,我绝对没有说你会秃头的意思。

图案过于简单导致单调,那还有什么方法解决呢?既然简单,那我们可以考虑复制粘贴,粘贴再粘贴,图案越简单那越有利于重复展示而不显繁琐,这就非常巧妙的将劣势转变为优势。

天色已晚,教程还没写完,工作台都开始长小猫咪了。看它那若隐若现的小舌头,憨憨的模样无法阻止它逐渐意气风发,仿佛在跟我说,写教程有我香吗?~喵?

好你个黑凤梨,撸它!!!!!

臭凤梨,你太黑,我实在看不清你的模样,所以别怪我画得不像你了(喵?你睁大你5连拍的眼睛看着我再说一遍?)

我招了,我用苦良心就是想给大家演示,什么叫单调,这就叫单调。更何况那样我更不用画它的毛毛。小猫咪固然可爱,假如我们只用基础的几何线条把它概括出来,是否还是有一丝枯燥乏味?

我房间虽然没有两只小猫咪,但做做标志可以。通过重复颠倒,是不是一下子就变得趣味起来了呢?

如果觉得前面的案例案例还不够简约,那我们再来看两个更简约的。我们选择一张山景照。

草图部分简单的概括出轮廓。

自行选择自己喜欢的边框造型,或者根据品牌调性去决定。

两者结合,如果我们想往极简的方向走,其实左边的案例已经完成。或者我们选择继续添加元素,丰富内部空间。

绘制元素,树木,花草,太阳,月亮,星辰,爱心等都可以。元素保持简约即可。

尝试将外框替换成圆形。山形加入了分割线,丰富层次以及饱满空间。

加入排版,案例完成。

是不是非常的简单。当然,是否加边框跟图形的复杂关系、是否简约,是否具有创意没有必然的直接关系。但这里的案例主要想说明,即使图形简单,或者比较单调的情况下,加入边框将非常有效的解决这个问题,但是需要注意的是,边框与元素之间的风格、描边粗细需统一,空间分布均衡。

我们再来看一些案例。

场景搭建相对于边框加持的加强版,在上一稿中有绘制小元素搭配主体去形成一个整体,其实就是场景搭建的概念,不过是一个简约或偏复杂的程度,因为场景搭建多数情况下都会连同边框一起同用,我们来看下面的案例。

我们来以复活岛上的巨人像为例,为什么要选复活岛,因为我写累了,也怕你们看累了,提前复活。找到素材照片,根据造型绘制出大结构的轮廓。

跟猫咪有雷同之处,单独看都会略显单调。我们结合到圆形的边框里,绘制出背景的远山,近景的草木,搭配有神秘意味的月亮以及星辰。

设计流程还是跟前面的案例一样,很快,一个简单的小场景就搭建出来,一扫单独头像的乏味。

搭配上排版完成案例。

回到大结构的轮廓,我们再换一个场景,这次换成三角形边框。

场景元素都是围绕留白空间进行补充。保持空间均衡即可,最后搭配排版案例完成。

来到我们最后一个技巧,丰富细节。这个技巧有点反前面案例而为之的意思,这里的丰富细节的意思并不是在简约的基础上去丰富,而是从一开始就绘制偏复杂的logo图形。图案简单但是细节丰富,从而规避掉单调,乏味的问题。

以小蜜蜂为例,找的图片素材肌理感、纹路会比较丰富,而且是对称性的,秩序感强,有图案感。

接下来就是我们老生常谈的步骤了,在图片素材上绘制草图。但这次我们会偏丰富的考量上进行绘制,翅膀的纹理,身体的花纹,会有选择的进行保留。以丰富及均衡画面为标准。

优化草图,可以连笔的地方还是可以进行连笔、合并结构,但保留一定的纹理感。极简的标志线条粗细可以粗一些,复杂的可以相对纤细,但需要在不会糊掉的情况下尽量粗。

具体操作这里就无需展示了,因为优化方法前面的案例已经反复强调了很多遍,这里区别于其他案例有一个非常重要的技巧,只要学会了绝无问题,这就是——耐心。

这次的教程就到这里啦。以线构成为承载,围绕如何解决标志图形单调的问题提出了六大思路技巧。实际上解决的方法还有很多,比如创意结合,篇幅关系后续会单独写一篇关于多元素的组合技巧,创意融合的技巧。

THE END
1.Logo设计完全教程,按照这7步指南,没有不会做的标志logo的诞生和品牌的成就一样,都不是一蹴而就的。品牌logo是品牌理念的体现,要经过市场调研、设计草稿、设计成品和优化设计这一系列繁琐又漫长的过程。https://www.canva.cn/learn/logo-design-tutorial-7-step-guide/
2.拿捏8种LOGO设计技法!没办法,现在整个经济这么不景气,再不好好努力,碗都买不起了…况且作为一个设计师,你不学习不加班你还能干啥,难道你还能有朋友?TAT 好了,咱们不 emo,咱们学起来… 这篇教程整理了八个比较常用的 LOGO 在设计中的表现手法以及相应的所用到的 AI 工具,它们分别是: https://mp.weixin.qq.com/s?__biz=MjM5NjAwODYwMw==&mid=2650200022&idx=2&sn=c90029529976a967239f561e5b4b9a26&chksm=beedb022899a3934e25c791a0da2ad30485ad705e9903fe781c4c70a7498cd73a6d8f6282276&scene=27
3.logo设计logo图片制作方法平面设计系统教程平面设计鬣天logo图片制作方法 平面设计系统教程 海报设计 【品牌设计】2022终于一套教程把品牌设计讲清楚了!! 1 平面设计鬣天 【排版细节篇】拒绝杂乱!10个技巧让你排出高级感!! 9 平面设计鬣天 【网格系统】设计师必需要掌握的顶尖排版法则!!! 3 平面设计鬣天 【国潮包装】原创包装如何做?兼职与接单一站式服务! 3 https://www.zcool.com.cn/work/ZMzY0Mzg4OTY=.html
4.智能logo在线制作工具,免费国外标志商标设计欣赏logo设计网(www.logosheji.com),1分钟为您提供原创logo在线制作服务,7*24小时在线设计服务,免费为您提供国内外logo设计,标志设计,商标设计欣赏http://www.lg5.com/
5.Logo设计教程:从入门到精通的全程指导logo设计csdn完成Logo标识设计后,你可以预览你的设计作品,检查是否存在需要调整的地方。如果一切满意,点击“保存”按钮将你的设计保存到乔拓云服务器。 6. 分享海报或保存为图片或PDF格式 你可以将你的设计分享为海报或者将其保存为图片或PDF格式。这样,你就可以轻松地将你的Logo标识分享给其他人或者将其印刷出来。 https://blog.csdn.net/okk1123/article/details/133777498
6.logo设计教程腾讯云开发者社区LOGO设计软件 作者:matrix 被围观: 1,261 次 发布时间:2013-04-22 分类:兼容并蓄 | 无评论 ? 这是一个创建于 3419 天前的主题,其中的信息可能已经有所发展或是发生改变LOGO,字面的含义就是“标识语‘,是一种独特的非语言传达方式。正是所谓的标志~ LOGo的https://cloud.tencent.cn/developer/information/logo%E8%AE%BE%E8%AE%A1%E6%95%99%E7%A8%8B
7.新手如何设计海报设计图?海报设计图制作教程步骤到这里一张海报设计图就设计完成了,曾经的设计小白在这里也能秒边设计大神,除了制作海报设计图以外,创客贴还可以制作非常多的图片设计,例如工作中常用的名片、PPT、微信公众号配图、各种海报以及生活中常用的壁纸、贺卡、邀请函等等在这里都可以进行快速制作。 https://m.chuangkit.com/searcheo/course/30820.html
8.PS教程平面设计教程企业LOGO的绘制方法2016-11-18 平面图标设计 插画的绘制 2016-11-18 PS抠图处理 PS视频原创 PS教程 2016-11-17 PS抠图教程 PS基础教程 PS高手教程 PS教程 2016-11-16 Photoshop教程 PS教程 PS图文教程手绘LOGO的绘制的方法 2016-11-16 PS教程 平面设计教程 企业LOGO的绘制方法 2016-11-16 ps平面设计教程平面设计教程下https://m.56.com/c/v85946612.shtml
9.网易资深设计师:我用这7个流程做LOGO设计优设网在研究阶段想出完美创意的几率并不高,但肯定已经有了很多选择的方向。接下来就要为每个方向找一些相关或者相似的灵感素材,并不仅限于好的logo,有时候摄影、绘画、广告设计、服装等等感觉有相关的图片都要搜集一些。 例如你的设计方向里面有一个A字母的方案,那就要去找一些A字母的设计,或者有一个比较抽象的关键词“https://www.uisdc.com/7-step-make-logo
10.logo设计自学教程本文将围绕“从零开始学习logo设计——自学教程”展开详细阐述,从概念入手,讲解了logo设计的基础知识;从软件使用方面,详细讲解了三种常见软件的使用方法;最后从实践角度出发,介绍了一些实战技巧和案例分析,帮助读者更好地理解和掌握logo设计的精华。 一、基础知识 http://www.chinauci.cn/news/latest/26886.html
11.如何制作一个logo?制作一个logo的教程如何制作一个logo,制作一个logo需要什么工具以及怎样的操作呢?在这里小编向大家推荐在线制作logo的平台——稿定设计,教你学会怎么制作一个logo,一起来看看吧! 怎么制作logo?首先进入稿定设计,选择模板中心,选择场景中的Logo(或者直接搜索框搜索logo),根据不同类型、颜色、风格、板式,选择你中意的模板。或者选择创建空白https://www.gaoding.com/article/4325
12.logo设计教程:logo设计技巧凤凰网视频logo设计教程:logo设计技巧 “特别声明:以上作品内容(包括在内的视频、图片或音频)为凤凰网旗下自媒体平台“大风号”用户上传并发布,本平台仅提供信息存储空间服务。 Notice: The content above (including the videos, pictures and audios if any) is uploaded and posted by the user of Dafeng Hao, which ishttps://news.ifeng.com/c/7u8TxaU3oVr
13.怎么制作个人logo设计?分享简单的操作教程5.这样logo图片就做好了,开启无水印模式将其导出吧,有PNG和JPG两种文件类型可供选择,一般建议使用前者,图片质量相对更高。 以上就是古柏广告设计为大家介绍了关于个人logo设计的简单操作方法,如果你对这方面感兴趣的话,不妨参考一下上面的方法来为自己设计一个好看的个人logo。https://www.goobai.com/logoxw/2211.html
14.Photoshop教程图片处理PS自学教程Ps教程自学网提供Ps教程,PhotoShop教程,图片处理PS教程,Ps基础入门教程,ps实例教程,PS抠图教程,ps调色教程,文字效果PS教程,Ps视频教程等PS自学教程,让您轻松学会Ps照片处理软件。http://www.06ps.com/photoshop/
15.致设计致设计原创作品频道为您展示优秀电商设计师们的原创设计作品,包括淘宝店铺设计、详情页设计、专题页设计、banner设计、直通车设计等原创电商设计图片及设计经验教程https://m.zhisheji.com/
16.饿了么logo设计今日饿了么logo高清设计教程一、饿了么logo在线设计教程介绍 饿了么换了新logo,却只有1%的人看出了新变化 目前,#饿了么logo#面仍在完善中,后续将为您提供丰富、全面的关于#饿了么logo#的最新资讯、#饿了么logo#图片信息、视频内容,让您第一时间了解到关于#饿了么logo#的热门信息。 https://edu.xinpianchang.com/article/baike-184785.html
17.美图秀秀怎么设计LOGO标志?图形图像软件教程美图秀秀不仅可以用它来美化照片、制作图片特效,创作闪图,还可以用它来制作贺卡和LOGO,该怎么制作logo呢?下面我们就来看看详细的教程。 美图秀秀PC版美图大师 v7.5.5.6 中文最新免费版 64位 类型:图像处理 大小:207MB 语言:简体中文 时间:2024-05-27 https://www.jb51.net/softjc/694890.html
18.LOGO设计教程!4个LOGO图文排版核心知识点优优教程网LOGO设计教程!4个LOGO图文排版核心知识点 教程作者:告白天(授权转载自公众号:胡晓波工作室) 交作业:微博搜索话题#优设每日作业#进入话题页即可发布作业 关于教程 好的朋友这次又见面了!最近天气渐渐的凉爽起来,这个被雪糕刺痛的夏天也算是过去了,在家里都没法不穿衣服了TAT!小风呲呲吹,喷嚏咳咳响,大家注意多喝https://uiiiuiii.com/other/1212554638.html