## ##

Logo造型手法效果&风格汇总

2018-04-08 15:14:37 阅读 228910 本文来源:牛犇 设计大脑
分享至:

用什么样的造型手法,就呈现什么样的效果,这篇文章的目的不是要罗列logo图形有多少种风格,而是从不同维度(形色质体积空间时间运动)罗列造型手法在logo里的运用效果。


标志效果与标志风格

标志风格只是形成固定模式的效果。效果来自标志图形的造型手法,而造型手法就是在——形/色/质/体积空间/时间运动——维度塑造效果的手段。

20180408134037965.jpg

我们在设计时,往往不是先考虑风格,而是先考虑标志信息需要什么样的效果,怎么把效果表现到位。

一些运用比较普遍的效果,例如这两年的平面化效果,也就形成了所谓“平面化风格”。

有些logo例子会出现在两种以上的手法里,那是因为它在不同维度都使用了鲜明的造型手法。

在后面的综合风格往往来自于艺术手法,生活中的视觉媒介效果等。它们往往是多种造型维度的综合使用。

不考虑适形同构手法,用点化效果处理图形都会让视觉焦点涣散,然后呈现出视觉的律动感,有规则的点化,暗示出线化的效果,更能凸显方向性。

20180408134415723.jpg

不规则的点化,会让图形呈现出混乱感,迷离,但却烘托出自由活跃梦幻的气氛。

20180408134455005.jpg

像素点化来自 ps 像素概念,除了能表现出规则点化的效果外,还能传递出科技化,信息化意味。这种效果还模仿点彩派绘画手法,形成观看上的乐趣。

20180408134540221.jpg

网点化模仿印刷网点效果,由于网点的大小变化,表现疏密明暗的不同,有虚实远近感,多数情况下也用于虚实表现空间感。

直线效果主要看粗细和角度,粗细传达图形的体量感,两直线相交的角度影响图形的锐利与迟钝。

20180408134720029.jpg

基本的三种直线,水平,垂直,倾斜,呈现的效果也不一样。 水平的直线,平静开阔,虽然能表现出迅速的科技化感觉,但基本感受是放松的;垂直的直线,就显得严肃紧张;而倾斜的直线,自然是表达动态感常用的手法。

20180408134758342.jpg

曲线效果主要看弧度,弧度分两种,一是规矩的几何曲线,符合圆规制图,力量均衡,却机械生硬,所以,几何曲线塑造的图形,总是带有工业时代的特征。

20180408135043357.jpg

二是随意的自由曲线,手绘感强,曲线上的力量散漫,灵活多变,自由曲线绘制的图形,给人轻松惬意的感觉。多一些手工感,亲切感。

这种轮廓就是填充内部,只通过剪影形态来识别造型,所以对于剪影的角度,要求精准。这种面化追求饱满的体量感。

20180408135220609.jpg

结构面化是将事物本身的结构分别分层描绘,或者不同事物重叠时,两物轮廓都区分出来,填充不同颜色(如上图的第一排)。然后每个部分填充不同颜色,还有一些块面填充的 logo 图形,我也算在这种手法里了(如上图的下一排)。

20180408135416844.jpg

光影面化是就是以素描里物体的明暗交界线作为分界,亮部暗部,灰面,都用一个颜色填充,让图形面化的同时,依然保留一定的立体感。

红橙黄绿青蓝紫黑白灰等单色效果,我这里就不再一一罗列了,直接从五彩色效果的标志图形开始,这种五颜六色的效果,多是借助多种色彩来表达丰富含义,(比如上图的相机 logo 和五彩缤纷的色彩很容易联系到一起),或象征不同含义。它们在视觉上也形成鲜明醒目的风格。

20180408135633599.jpg

渐变除了强化色彩本身的效果,多是用来模仿光晕,符合现代智能光效的效果。

20180408135709678.jpg

在透明叠加里,常见的是印刷原色与屏幕原色的透明叠加,如上图,这来自丝网印刷里错版效果,以及波普效果。原色的这种错位叠加还有印象派绘画手法里的光加色混合效果,在视觉上形成了强烈的动感。它也是表现光效的手法之一。

20180408135757451.jpg

渐变透明叠加,美轮美奂,清晰的轮廓边缘有很强的科技感,而粗糙的轮廓边缘就是水彩质感了。

20180408135843797.jpg

色彩羽化塑造出了质感上的效果,它有虚实远近,可以塑造光效,也可以塑造动态,因为在 logo 里,对展现媒介要求较高,所以很少用于标志设计,现在则越来越多。

因为在图形里塑造不同质感,主要就是通过轮廓+表面肌理+色彩+反光来实现的。但是质感太多了,我直接忽略了表面肌理,直接按反光的漫反射,全反射,折射透明来区分,把他们分成了,漫反射类别里的,比如木材,布料等质感。

20180408140546956.jpg

全反射的金属,塑料质感。

20180408140619635.jpg

折射透明的水,透明塑胶等质感。

20180408140657841.jpg

光效质感是现在比较流行的质感效果,有很多手法可以表现,除了基本的色彩明暗饱和度的处理,还有色彩羽化、网点化虚实、线化视幻(也是疏密)、原色透明叠加,投影等手法,如上图。这里就不一一展开了,大家可以自己收集整理。

透视的基本手法,依据透视线,有一个,两个或三个视觉灭点。

20180408140840985.jpg

透视手法的演变,没有灭点,也就是说透视线是平行的,立体感主要通过不同面的明暗来表现,其中还有一种转侧投影手法(上图的最后两个例子),也属于这种手法。

20180408140913922.jpg

直接将透视线化,通过骨骼表现出来,没有绘制明暗的素描稿,依然立体感强烈。

20180408150548167.jpg

球形透视是一种特殊的透视,这里的图形是用线条轮廓暗示出球面。

20180408141019382.jpg

画出高光就有立体感,这里的二维光影,是指把物体的高光直接用一个块面表现。很多插画类风格 logo,都这样处理。

20180408141105133.jpg

暗面光影和前面的光影面化手法差不多,这里的暗面和亮面就两个颜色,简单直接。

20180408141137800.jpg

有投影就有空间,虽然在标志图形里,不会随便添加多余的影子,但是异影同构手法就不算是多余的,如上面的最后一个标志。

20180408141215970.jpg

影子投射在自己的图形上,没有投射在背景上,就好比浮雕一样,也形成了前后体积厚度感。

20180408141248627.jpg

3D建模效果,完整的空间结构,空间光影效果。

20180408141322437.jpg

大小对比就是透视里的近大远小,最直接的远近关系。

20180408141534568.jpg

遮挡是形成前后空间关系的常用手法。即使没有大小透视关系,也有空间感。

20180408141610575.jpg

通过颜色的饱和度和明度的区别,形成虚实的前后空间关系。

20180408141647601.jpg

通过不同方向的图形,暗示3维空间,会让空间感或体积感更强。你可以把它们看做以不同的视角观看极坐标。

20180408141729635.jpg

二维空间里的动态有两种,一种是心理动态,一种是视角焦点无法集中形成的视觉动态。

20180408141812865.jpg

将不同的「动作」,并置在同一个画面里,形成的前后关系,暗示出时间感。

20180408141850921.jpg

快拍高速运动的事物,一看就知道是在运动,属于心理动态。

20180408141929817.jpg

煽动的翅膀都画在一个鸟身上,视觉也无法聚焦,属于视觉动态。

20180408142002323.jpg

这种变形就是将透视线夸张弯曲,形成的膨胀效果。在视觉上有一种强烈的张力。

20180408142036975.jpg

像漫画一样,画出轨迹就有运动感,箭头也算是抽象轨迹了。

来自于线化效果里的手法,这里的线条是等粗的,并且是几何曲线造型,现代感强烈。

20180408142234748.jpg

轮廓线条与上色错位,形成了一定的动态感,和体积感,也是一种插画风格。

20180408142320926.jpg

视幻错觉有很多,点化线化都有,密集排列之后形成的视觉效果。

20180408144445084.jpg

不用多说了,来自中国水墨艺术形式。

20180408144521918.jpg

版画效果,黑白上色都可以,国外传统手法。现在基本都可以用 PS 软件实现。

20180408144556085.jpg

可爱纯真的童趣。

20180408144634859.jpg

现在越来越多的品牌强调故事性,吉祥物符号推广,手绘插画风格的 LOGO 比较吃香。

20180408145129747.jpg

中国绘画有十八描,每种手法应该说属于线化效果,但主要是随意自由线条。每种线描都有自己的特色。可以搜索相关文章,感受下线条的魅力。

20180408145225861.jpg

水彩水粉的透叠效果,需要轮廓来配合,艺术手法效果感受均来自手法本身,这里不再赘述。

20180408145308631.jpg

和上一种手法差不多,但是喷溅的手法还是造成了效果略微不同。

20180408145340710.jpg

印章拓印手法也是中国传统艺术效果,木刻石碑都拓印痕迹的古拙感。

20180408145410908.jpg

logo 是图形的艺术,即使有前面这么多造型手法,来塑造质感,但是位图图像的质感有本身的优势,虽然以前图像不好应用,除了在一些地产标志之外,这种手法也不多见,但现在多媒体媒介已经没有太多限制了。


小结

这里给大家提供一个 logo 图形效果的梳理思路,很多风格效果都没有罗列进去,但是只要有了大概思路,就可以自行添加。


20180408151906226.png

作者:设计大脑_牛犇(个人微信:designiu)
责任编辑:大同
分享至:

联系客服

故障反馈