高手总结的不同造型手法在logo设计里的运用效果和风格

资讯频道 - 设计技 来源:中国设计在线 作者:cdo 2018-04-16

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

标志效果与标志风格

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

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

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

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

01/

点化处理常见效果


超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

02/

线化处理常见效果


超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

03/

面化处理常见效果


超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

04/

色彩处理常见效果


超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

05/

质感处理常见效果


超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

06/

体积空间处理常见效果


超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

07/

时间运动处理常见效果

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


超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

其他风格

08/

造型手法综合运用效果


超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

可爱纯真的童趣。

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

超全面的<a href=http://www.ccdol.com/sheji/biaozhi/ target=_blank class=infotextkey>logo</a> 造型手法效果和风格汇总

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

小结

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


声明:站内网友所发表的所有内容及言论仅代表其本人,并不反映任何网站意见及观点。

全部评论

暂无相关推荐