红动中国-Redocn's Archiver

 

白马将军怒 发表于 2008-6-3 11:51

一个纯字体标志设计的案例(转帖)

[align=center][size=4][img=423,274]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684354198.jpg[/img][/size][/align][align=left][size=4]欢迎光临长野城市烧烤 (Nagano Urban Grill) 餐厅,这家坐落在市中心的烧烤餐厅深受年青人的欢迎。我们的设计项目就是为这家餐厅设计一个标志,而标志只采用餐厅的名字。只采用文字来设计标志是一种有效的解决方式,有些标志会包括其它图案,但也有很多标志并没有图案。一个好的标志必须醒目、清晰及吸引,它能够正确传达公司本身的信息。要让单纯文字组成的标志传达这么多东西挑战性是非常大的。为了设计好一个文字标,我们可以通过表达字母本身的自然形态来设计,就象这样:[/size][/align][align=center][size=4][img=412,224]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684354914.jpg[/img][/size][/align][align=left][size=4]每一个名称都有它自己的形态特点,所以在处理一个文字标志之前,我们必须细心观察其结构。就象上面所示,我们可以用手将名称写出来,可以看到有一个 g 下方的弧线超出了基线,而 g 上方的弧线与左右两个 a 一起在上方形成了三个圆环元素。 Nagano 的第一个字母是 N ,结尾是 o ,两者都有开放的线条使视线趋向外面,一共有 6 个字母,从视觉上说,其视觉感是比较平均分布的,词义本身具有明显的日本气息。所有这些,都是我们设计时的基础共识。[/size][/align][align=left][b][size=4]从分析字母开始:[/size][/b][/align][size=4]不同的字母有不同的形态特点。我们首先要对这些字母的形态有深入的了解。每一个字母的形态都有不同的表达。字母的形态也决定你如何来设计一个文字标志。
[/size][align=center][size=4][img=452,742]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684354267.jpg[/img][/size][/align][size=4]上述是 Avant Garde 字体,该字体主要由简单的直线及弧线构成,非常有利于分析字母的结构。我们上述是将其结构上类似的字母编成一组,当然,不同的字体会有一些不同的变化。
举个例子,如果我们设计的标志名称是叫 j.jill ,从上述我们可以看出,这些字母只有直线,没有柔和弧线构成。相反,如果我们设计的名称是 pod ,则其整体感觉是充满圆弧线,而没有给人一种呈角度感的视觉元素。
当不同的字母组合在一起时,便呈现了一种节奏感。虽然节奏感是看不到的元素,但它却影响着我们如何认知一个词。
[/size][align=center][size=4][img=486,802]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684354962.jpg[/img][/size][/align][size=4][b]寻找图案:[/b]
在开始时,我们可以将字母以大写或小写组合在一起仔细观察其各自所形成的图案,特别要注意那些重复的线条及形状。
[/size][align=center][size=4][img=510,177]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684354570.jpg[/img][/size][/align][align=center][size=4][img=441,188]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684354298.jpg[/img][/size][/align][size=4]上图中,大写的字母字体是 Futura Book ,可以看到,有两个呈镜像对称的角度组合( NA-AN ),同时也有两个圆弧的组合结构,其整体结构虽有节奏感,但不是很明显。而上图下方的小写字体为 Avant Garde ,其整体感觉是给人一种圆弧感,可以说呈现的图案感是比较强烈的,也很有趣。
有些名称在某些字体下并不会形成图案感:
[/size][align=center][size=4][img=480,222]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684354202.jpg[/img][/size][/align][align=center][size=4][img=247,121]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684354493.jpg[/img][/size][/align][align=left][size=4]在 Avant Garde 字体时,各个字母看起来都比较接近,从而呈现一种图案感,但在上面的 Adobe Garamond 字体时,则没有形成图案感。在 Avant Garde 字体时, g 呈圆环形,而在上面的字体中,则呈一种扭缠状。一般来说,如果一个名称中各个字母的细节越多——包括衬线、收尾、饰纹、线条变化粗细等,则图案感而越弱。[/size][/align][align=center][size=4][img=228,147]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684354759.jpg[/img][/size][/align][size=4]而上面的这几个字母,整体所呈现的图案感则很强。当细小的元素有很多重复或相似时,就会形成一种图案的感觉。在上图这三个字母中,你可以看到四个相似的圆环元素及字母中间的相似结构。
所以说,我们可以通过尝试不同的字体来让一个名称呈现图案感,在很多装饰性的字体中都能够轻易形成图案感。
[/size][align=center][size=4][img=510,221]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355325.jpg[/img][/size][/align][size=4]手写体风格的 Sloop 字体具有强烈而且优雅的图案感,它的每一个字母都呈拱形,线条给人一种顺畅的流动感,而且在很多环线及曲线中线条都是由粗到细变化,留意首字母 N 的线条,它增加了原本不存在的弧线使其看起来与其它字母的感觉非常相似。你任意将一个名称采用 Sloop 字体时都会自动形成一个漂亮的图案。
同样的,你可以通过调节字母来使名称形成某种图案感。两种最简单的技巧就是扩大字符间距及压缩字符间距。
[/size][align=center][size=4][img=510,88]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355780.jpg[/img][/size][/align][align=left][size=4]上图中通过扩大字符间距,使各个字母失去了互相联系的感觉,这种扩大字符间距可以产生一种新的图案感,象一排圆点的感觉。大间距还使整个名称产生一种庄重、清晰及优雅的气息,在很多电影中我们都会看到以放大间距来设计片名的实例。这种技巧几乎适用于所有的字体,当然,关键是要采用全大写字母的形式。[/size][/align][align=center][size=4][img=283,345]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355206.jpg[/img][/size][/align][align=left][size=4]与扩大字符间距相反的,就是上图所示的压缩字符间距。将各个字母的字符间距压缩,使其紧凑结合,整体给人一种厚实、充满力量的感觉。在电影的片名设计中同样会经常看到,因为它能够传达一种结实、份量十足的视觉效果,特别在全大写字母时效果更加明显。如果字体尺寸比较小的时候,由于其形成一个紧密的整体,所以我们能够很轻松地将其作为一个单独的元素来与其它元素配合设计。[/size][/align][size=4][b]现在,让我们进入实战阶段:设计名片[/b]
在上面,我们讲述了名称中的字母能够形成图案,如何形成图案。当然,不同的字体也传递出不同的信息。要设计好一个成功的文字标志,关键是要找一种能够让整个名称看起来视觉效果良好同时又能准确传达公司信息的字体。
为了让各位读者能够充分观察,在接下来我们会尝试用九种不同的字体来设计名片。名片可以让我们以一种更直观的方式来观察文字标志的实际应用效果。同时,在下面的设计中,我们只采用文字,没有采用其它任何的图案元素——要特别留意这一点,你可以观察到仅仅采用文字,我们就已经可以设计出非常漂亮的版面效果——单独的文字已经可以进行充分的沟通。
[/size][align=center][size=4][img=388,242]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355453.jpg[/img][/size][/align][size=4]上述是一个标准的名片,其尺寸为 3. 5 × 2 英寸 。在下面的设计中,我们将名称作为单独一面来设计,另外的一面可以放置的联系信息等内容就不再这里讨论。
[b]A vant Garde[/b][b]字体:[/b]
该字体使 Nagano 形成一种自然的图案,特别在小写字母时,其形状醒目及充满活力,名片及文字的颜色可以互换使用,让我们来看一下效果:
[/size][align=center][size=4][img=510,264]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355503.jpg[/img][/size][/align][align=left][size=4]醒目的圆环元素贯穿整个名片!小标题的 “urban grill” 同样是 Avant Garde 字体。绿色及黄色的搭配形成清新气息。在下图中,使用二次色与黑白搭配可以产生同样醒目的效果。整体的文字形成一行文字的感觉,单行的设计与充满醒目圆环的字母形成良好的平衡效果。留意各个字符非常靠近但并不接触,采用不对称的布局来处理空间(高 - 中 - 窄)使整个名片版面显得动感而不呆板。[/size][/align][align=center][size=4][img=355,405]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355497.jpg[/img][/size][/align]

[b][size=4][b]Sloop[/b][b]字体:[/b]
该字体充满灵气、飘逸的特点传达了优雅及品味的气息,说不定还会吸引女皇的来访,呵呵。居中排版及低调、金属感的颜色增加了版面的庄重感。
[/size][align=center][size=4][img=457,278]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355520.jpg[/img][/size][/align][align=center][size=4][img=351,281]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355311.jpg[/img][/size][/align][size=4]真正的力量往往来自于未加修饰所散发的力量,仿佛天生如此。在这个项目中,对于这种字体,你需要的居中排版,显得稳重端庄。总体给人的感觉就是平稳静态。银色及金色的象征着财富,但在这个版面中,它给人的感觉是轻巧、安静及低调的。小标题显得更低调( Helvetica Neun Ultra Light 字体),间距非常大,字母尺寸非常小,与 Nagano 形成漂亮的搭配效果。这个标志整体给人一种非常正式的感觉,而长野烧烤店却是一个喧闹的餐厅,如果用图片与文字结合,效果可能会更好。
[b]Adobe Garamond[/b][b]字体:[/b]
正如前面所述,该字体在 Nagano 一词中并没有形成明显的字体,只是局部形成一些不多的图案感。如果要用这种字体,那就干脆再增加点图案!下面所采用的图案使文字充满更多的野性气息。
[/size][align=center][size=4][img=446,270]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355613.jpg[/img][/size][/align][align=center][size=4][img=352,280]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355145.jpg[/img][/size][/align][align=left][size=4]加上图案后,字体显得苍劲、老化及岁月久远的感觉,这种感觉对于一家处于现代化城市的餐厅来说,形成了强烈的对比。使用大地颜色增加了温暖感。既然是狂野,那就不要一本正经地将名称放置成直和竖,给点角度!当然, Adobe Garamond 毕竟给人一种非常正式的字体感觉,其实要达到最佳及可信的效果,我们可以采用一种给人蜡纸印刷效果的字体(见下),这种字体给人一种货运、军事、海军及远征的感觉。[/size][/align][align=center][size=4][img=234,74]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355667.jpg[/img][/size][/align][size=4][b]Copperplate Gothic 32BC[/b][b]字体:[/b]
该字体字母上有一些并不明显的衬线,使它呈现一种粗壮、工业时代的感觉,与城市的环境非常配合。其结构清晰、宽厚的字体特征适合将其设计成间距较宽的全景式效果排版。
[/size][align=center][size=4][img=448,270]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355778.jpg[/img][/size][/align][align=left][size=4]就算其字体尺寸非常小时,其全景式的排版都给人一种宽屏幕的效果及传达宏大及庄严的气息,而且同样给人一种平静的感觉。居中的排版使版面呈现静态。其字体上细微的衬线帮助视线将所有字母连接在一起:[/size][/align][align=center][size=4][img=510,48]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355685.jpg[/img][/size][/align][align=center][size=4][img=352,272]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355416.jpg[/img][/size][/align]
[size=4]任何一种颜色在全景式的字母设计中都能发挥作用,甚至很多人不敢用的洋红色(见上)效果一样很好,因为字母显得很小(反过来,如果字母很大时,用洋红这些非常鲜艳的颜色则要小心一些),黑色的背景增加了品味及档次,也使字母字体虽小但却能清晰可见。
[b]Bureau Grotesque Extra Compressed Black[/b][b]字体:[/b]
[/size][align=center][size=4]将这种字体压缩其字符使其给人一种好象矿业的气息。红墙颜色及艺术化的摆放非常适合于表达艺术、爵士音乐、布鲁斯音乐及城中特色店的环境。 [/size][/align][align=center][size=4][img=272,456]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355986.jpg[/img][/size][/align][align=center][size=4][img=504,236]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355967.jpg[/img][/size][/align][size=4]如果你喜欢玩积木游戏,那你可能也会喜欢在设计中使用 Bureau Grotesque 字体,其紧密的块状结构适合你以各种形式堆放,而且通常出来的效果都非常不错。留意一下当组合堆放使用时其字体中所形成的负空间(上图中的白色区域),这些负空间与字体本身的结构同样重要。在设色上,我们将 urban 及 grill 两字低调处理,使主要名称显得更加醒目。当然,从上图也可以看出, urban 及 grill 的颜色其实都是来自于背景色,只是降低其色调即可。上述这几个设计在版面中都形成了有趣的空间,特别是上图右的设计,使文字区域形成了一个充满力量的焦点。
[b]Planet Kosmos[/b][b]字体:[/b]
该字体每一个字母给人的感觉都非常相似,而且也给人一种日本文字的感觉。它倾斜的结构传达了一种快速及急进的感觉(字体结构呈角底),同时也传达一种年青人(其卡通化的字体设计)及干净(线条简单)等气息。 [/size][align=center][size=4][img=486,406]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355127.jpg[/img][/size][/align][align=left][size=4]上图中,我们可以看出,当名称整个穿越版面时(上图左),它给人的感觉是快速的,因为我们的视线可以说是一扫而过。而上图右的设计,明显就“慢”了很多,使版面产生一个边框感,导致观察的视觉迂回曲折。[/size][/align][align=center][size=4][img=347,258]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355297.jpg[/img][/size][/align][size=4]呈角度的摆放显得活力十足,仿佛告诉别人这家餐厅充满年青活力,但也传达出:如果你想找个安静的地方轻松一下,这里并不适合。
[b]HTF Didot[/b][b]字体:[/b]
这种字体给人一种大城市的气息——魅力十足,非常适合一家大都市中的别致餐厅使用的字体。在时装界,也经常会看到这种字体的使用。 [/size][align=center][size=4][img=446,276]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355430.jpg[/img][/size][/align][align=center][size=4][img=364,230]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355519.jpg[/img][/size][/align][align=left][size=4]白色的 HTF Didot 字体放置在大红的背景上,其醒目的程度非常强烈。而在这个例子中,由于其名称,它同样传达了一种日本的气息。 HTF Didot 字体那些超细的线条传达出一种特别的冲击感。用 Helvetical Ultra Light 字体与其配合是非常适合的,因为后者的线条与 HTF Didot 字体的衬线非常搭配(见上小图)。红灰黑白永远是漂亮的颜色搭配![/size][/align][align=center][size=4][img=360,180]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355733.jpg[/img][/size][/align][size=4]HTF Didot 字体所呈现的图案感可以从上图那些重复的垂直线条中感知,不仅仅与其它字体一样,其线条都有点轻微的倾斜,而是这种字体刚好在这几个字母中呈现中一种强烈的图案感(对于这种字体来说这并不多见),留意 aga 中,g 所形成的优美弧线柔和了该名称的硬边感,也使整体显得更吸引人。
[b]Lettres Eclatees[/b][b]:[/b]
这种字体初看给人一种混乱不堪的感觉,但这种字体却充满很多重复的元素,形成了图案及纹理。两种颜色已经足够让其显得品味十足,效果令人眼睛一亮。 [/size][align=center][size=4][img=456,384]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355330.jpg[/img][/size][/align][align=left][size=4]这种崎岖不平的字体非常配合街头风格,但问题是,你如何避免你设计的卡片也是凌乱不堪?象上面一样,文字居中成一行,背景黑色。出来的感觉充满艺术及纹理气息,其四周形成的边框感使其象是画廊里悬挂的一幅艺术作品一样。文字使用的两种颜色只要有细微的差别即可,既突出主要名称但又不会使整个文字分离。[/size][/align][align=center][size=4][img=440,279]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355644.jpg[/img][/size][/align][size=4]这种字体没有一个地方是呈直线的,都是角位、曲线,这使其更接近于一种纹理的特性,如果将其倒过来观察,这种感觉更明显。
[b]Helvetica Neue[/b][b]字体:[/b]
这种字体充满瑞士简约的设计风格,优美、几何形及冷冰是这种字体给人的感觉,它是世界上其中一种最著名的字体,总给人一种不锈钢及玻璃的联想。 [/size][align=center][size=4][img=427,466]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355363.jpg[/img][/size][/align][align=center][size=4][img=493,97]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355731.jpg[/img][/size][/align][align=center][size=4][img=428,304]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355765.jpg[/img][/size][/align][size=4]Helvetica 字体给人一种现代、商业的感觉:漂亮、自律及冷漠。你几乎可以在任何设计环境中使用这种字体。我们可以将其字符及行距紧缩,用在版面的上方或左边。 Helvetica 字体在字符紧缩时及所有字体尺寸相同时效果非常好,不同的文字内容改变的只是其细条及颜色。正如我们所说,它是一种冰冷的字体,所以我们需要一些烧烤的火去温暖它。真的去找一张烧烤的照片,然后在上面取几种暖色即可!
本文所用颜色数值如下: [/size][align=center][size=4][img=493,509]http://www.pmsj8.com/tutorial/UploadFiles_7852/200801/200812684355903.jpg[/img][/size][/align]




[align=center][size=4]看帖回帖一个好习惯[/size][/align][/b]

[[i] 本帖最后由 白马将军怒 于 2008-6-3 12:27 编辑 [/i]]

↑極品糊塗↙ 发表于 2008-6-3 11:54

没有感觉!如果立意有问题的话,后面做再多也是无用功

白马将军怒 发表于 2008-6-3 11:56

请发扬风格 看帖回帖

451158741 发表于 2008-6-3 12:07

辛苦了LZ,不错,不过太长了,颜色搭配不错...;L

451158741 发表于 2008-6-3 12:07

最好就是反字体缩小一半,太大了,

欣雨 发表于 2008-6-3 13:03

常用的字母下去做标志

alaowu 发表于 2008-6-3 18:04

似乎 学到点东西 哈哈~~

axia1981 发表于 2008-6-8 11:20

对我的意义很大,学到不少东西了,谢谢!

HD夏宇 发表于 2008-6-8 18:39

恩!

    LZ很不错!
    苊学到很多!~~

229896034 发表于 2008-6-8 20:47

LZ很不错!
    苊学到很多!~~

cathin 发表于 2008-6-9 09:33

xixi 看帖学者回帖

lijian19881213 发表于 2008-6-9 10:55

值得学习......支持...

帝释天 发表于 2008-6-9 20:34

学习了!~~
LZ有没中英文组合的案例分析呢?!~

半枝梅 发表于 2008-6-10 17:52

不错不错啊!!

ZRSJGZS 发表于 2008-6-10 20:36

学到不少东西了,谢谢!

zhangaiping1 发表于 2008-6-11 10:56

回复 1# 白马将军怒 的帖子

呃。。。。看不懂。。。。

不注册了行吗 发表于 2008-6-11 12:34

很好.谢楼主咯.`

不如跳舞 发表于 2008-6-11 13:51

:o :o :|| :||

xyeg 发表于 2008-6-11 14:47

很有用,特别是颜色的搭配
“红灰黑白永远是漂亮的颜色搭配!”——记住了

491629841 发表于 2008-6-11 15:38

好~~不错~~看了N次,

页: [1] 2 3 4 5 6 7 8
麦迪逊书店广告


版权声明
本论坛提供交流平台,所有作品素材会员共享传之,若其中有版权之争请联系本站管理员!
本站原创内容,发表者拥有版权,红动拥有展示权,转载请注明出处!
红动中国主群:8900828
百度大联盟认证绿色会员

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.