看,这张海报长满了字体!
又是大抵三个月没回来, 又到了年底, 可怕。
这一年我依然在坚持,也头一次想到了放弃这两个字。
回首了一下,发现,自己一直都在被他人照顾着, 笨手笨脚, 毫无生活能力,反应迟缓, 很多话get不到。。啊感谢我的小伙伴们。
自从我开始画图, 就一直走懒得画路线,能用字体解决的问题,绝不会去画矢量图。 有人说,字体海报好看的都是英文,但,同学们,不是这样的啊, 咱们中文本身就是图形啊图形!
今天逛了久违的Medium,果然还是我最爱Blog聚集地。 遇到了这篇👉 Structural Typography – Type as both language and composition
简直超棒。
主要分析了字体作为一种语言和形状的设计方式。 如果你能够跳脱字体所携带的本身的含义, 从形态的角度去探索他的话, 你便能为你的设计加入更多的深度。
Jessica Svendsen, “Exhibiting Architecture: A Paradox” poster
字体形成栅格(Type Informing Grid) – 使用字体排版来影响设计的其他部分
给到这个海报栅格之后,我们可以发现, 海报上方的3D字体和下方的说明文字互补的作用, 这种方法给到了上面的问号一种次序感, 这种结构,将两种相当不同的的style可以很好的统一, 这种现代主义风格的海报通常在上方或下方具都会有一个主元素配上网格类型,但很少有够像Svendsen所做的那样在主要元素和次要元素之间建立联系。
上方的这种空间感和下面的平面之间的相互作用为设计增加了运动感,空间感和比例感,而如果上方的主元素也是平面的话,就会缺乏这种感觉。
一个元素可以成为你设计结构的一个支点。
如果你的设计有一个单一的聚焦点, 那么仔细思考一下你的次要元素和字体如何和其产生关联
重要的不是你选择的字体, 而是你如何展示他们
字体不必只存在于一个平面上,也不必以一种尺寸或一种纹理进行渲染。 寻求在印刷作品中为美学元素增添多样性的方法,并且不要忘记在不同样式之间架起桥梁。
再来看Eric Hu的这张海报, 很完美的将两种字体进行了结合。 这张海报上有两种字体, 细长斜体,另一个是有点奇怪的字体, 这样的组合加大了一种怪异感。 HU用了几种方式将两个字体进行了连接, 在上半部分,我们可以看到HU把怪异的字体放到了斜体的行高里,在下半部分中,数字被放置在单词“Verginia”的小写字母”g”。
当我们将整个海报抽象来看的话, 我们可以更加清晰的看到他的架构, 斜体上的点是完美的圆形,与其余字母的流动性相比,感觉过于机械和精确。 因为他们跳到大写字母上线,所以感觉几乎完全沉入下面的小写小写字符中。 他们使眼睛感到困惑-它们属于哪种字体? —但同时也是两层的桥梁,在空间中统一形态 ,以统一构图。 这也是一种将几何图形引入严格的版式设计的活泼方法,同时带有“ +”和平方冒号。 由此,我们也要记住, 字体里包含了大量可用于纯图形目的的符号。
你可以通过从一个字体开始你的设计, 然后尽可能的多多进行不同的尝试, HU在这个海报中用了同一色系的字体进行叠加, 他完全可以进行更加混乱的尝试, 并且拥抱这些紧张感, 但他选择利用斜体创造的负空间来完成设计,这创造了两个字体之间一前一后清晰的关联, 同时也创造一种错误感,和混乱感, 让整个设计感觉不那么正式, 这是“making and breaking grid” 很好的例子, 字体冲突和交替的地方有着更多的影响力因为海报其他地方体现出来的局限。
将字体连着排
这种设计体现了,即便没有主元素, 也可以很优秀。 就像决定一个设计中一个短语的粗略位置,行距和颜色一样简单,并使其成为最终决定你设计的因素。
寻找字体元素融合的方式, 将不同的字体融合在同一的设计中
HU用圆点穿插在字体之间是一个很好的方式, 许多奇奇怪怪的字体的一些细节可以和其他的字体进行结合
大并不总是更好的
即使存在图像,或者具有相似等级重要性的两个字体冲突时,字体也可以塑造网格和结构。 不要以为这只能用单块显示类型完成。
这张海报也是 Jessica Svendsen 的, Svendsen在这张海报里使用的Maelstrom 这款字体作为整张海报的主轴 , 这是一款衬线文字,有一种反转对比的感觉,但他并没有仅仅限于这款字体带给她的
海报上对字体进行了细微的编辑,强调了字体内的网络,同时也强化了在整个设计边缘的字体元素。 在我们更深入的讨论前,我们看一下整个设计中的基础元素: 文字右对齐。 如果你将Maelstrom左对齐,这并不会让人感觉非常的令人满意, 这反而制造出了许多有陷阱的空间, 当我们把右对齐的时候, 为整个边缘有了更多有趣的空间。
“2014 FALL” 填满了Y下面的负空间, A用于密封整个字体组合左半部分的底部边缘, Y徽章 被嵌入到H做题目中去。 让整个排布看起来更规整。
下图最左是未编辑过的Maelstrom , 蓝色是Svendsen的海报版本, 最右是将两个版本进行重叠后的效果, 你可以看出两者的区别。
字幕R的脚被往回收缩了一下,从而可以和CH更好的对齐, 创造出了整个字体的框架, 衬线字体的边缘被细微的进行了雕琢, 使得每个字母的边缘可以和上方或下方的字母有所联系。
她移除并重新调整了Maelstrom所拥有的许多“标志”细节,以创造更多的负空间并最大化的让负空间流动起来从而防止其感觉过密-不同的字体会在整个设计的中间部分产生楔形效果 设计的中间部,并消除两个部分之间可能存在关系的任何可能性。
将第三种字体打破的线条和主要字体相呼应, 最显著的是右上角,其中A上面的“ LECTURES”子标题最明显。 这是一个特别偶然的决定,因为该子标题对于设置发布者的上下文很重要-它引入了该系列节目的一半排期。 A的突出的衬线将您引导至小标题。
Tips
只选择正确的字体是不够的。
选择Maelstrom字体后需要花很多功课去把它进行打磨,每一个字体, 即便是完美的那种,也只是一个起点, 取决于你如何进行优化。
使用展示型字体作为整个设计的脚手架
如果你使用大的显示型的字体在你的设计中, 让他作为剩下结构的指引, 使用它的特点, 并利用它,使在有限的情况里进行创作。
字体作为代表
渲染字体作为对象或理想效果的体现
字体作为结构也可以用来达到隐喻的目的, 并以超出页面组成的方式直观地表示文本。在这张广告海报中,Tonnage隐含着实际的重量, 字体有着实际的重量,并且影响着其他的字体, 这便能更好的强调整个理念, 很明显也很有效。
这张海报使用字体体现了一种眩晕感, 就像您是从整体内部抬头一样。 对于字体illustration而言,这是一个有趣的挑战-在可以使用的数百种方法来摆布这种集合中,如何以传达其重要性的方式来进行设置? 她选择使字体倾斜,而不是像堆叠和缩放之类的其他技术,使字体更具气势,令人迷惑,并恰当地代表了主题的严重性。
这会在海报使用的字体排布是使用渐进式缩放,而不是倾斜。 这种摆布给人的感觉往往是向里看, 而不是向上看,缩放并在每一侧重复相同的单词就能产生这样的效果。
TIPS
使用能为你的内容做服务的技巧
这张海报中, 不断升级的“ ha”代表三个主要网络之间的喜剧评分份额,这听起来像是笑声(“哈哈哈”),而CBS笑到最后,这也是事实。 尽管可以通过简单的图表来传达这个想法-Dorfsman创造了类似的广告,将图像和图表结合在一起用于其他主题,但用字体排版的方式大大增强了此处的信息。
Modern风格的字母的平坦垂直侧面和干净的衬线帮助该类型被视为条形图,同时仍保持嬉戏和富于表现力,适合主题。 细腻的衬线还使Dorfsman可以将图表中每个条形图下方的图形与茎对齐,而不是与衬线对齐,从而使它们感觉到了原本缺乏的粗感,并使合成感觉更加有机,而不是僵化。
我还想指出右列下文本元素的大小和位置如何增强最后一个“ ha”的大小。 即使您将设计中的所有内容都排除在设计之外,与其他类型相比,CBS的“ ha”也感觉是最大的
TIPS
点, 线,面,这些平面设计的基本元素可以用字体来实现
不要忘记线条和块体相对于彼此的力量。 即使Dorfsman仅使用了5种排印元素,该广告也可能同样有效。 字体的没一点都用来支持广告的核心概念。
字体的选择很重要
有时候,你可以放心地选择字体,以决定在设计上的执行方式;有时,您需要建立概念,然后精心设计字体选择,使其来满足你的结构。
字体可以同时有传递信息和传达视觉的目的
字体承载着太多的含义, 不管是传递信息还是它的构造上, 每当您考虑使用形状或图像来表达想法时,试着用字体来表达一下吧~ ,看看有什么神奇的表现。
这是Medium Q3季度指标的海报, 每行的显示都模仿了一个老式的日历,将月份放在最上方则强化了“逐月”的目标,而15%增长是整个海报的脊柱, 是海报的重点。 海报的各个元素本身都很漂亮,设计的信息很明显可以传达,而且可以从远处清晰地看到。
TIPS
简单的想法可以有巨大的影响力
有时候我们不需要特别来给到所有人惊喜, 能经历时间考验的设计就是可以为期核心理念服务的好设计。
这个例子很好地利用了Futura的几何形状,创建了代表人群的C的重复图案。 每个C似乎都拥抱下一个,尽管设计井然有序,但仍然会引起拥挤空间的幽闭恐惧症。
TIPS
几何字体是相当有用的工具
如Futura之类的以几何形状表示的字体可以成为圆形,三角形和其他基本形状的强大替代品。 它们趋向于更加图形化,并且像简单的形式以及单词和字母一样令人回味和影响深远。
使用井井有条的字体来表达无序的想法
将拥挤的构图与“松散”或不规则的字体配对可能会分散你试图在构图中传达的概念。 当事情变得忙碌或局促时,让简单的字体带来一些熟悉和清晰。
加入图片
字体可以延伸图片在设计中的影响力
在这张海报中字体并不是中心, 用在这是为了加强图片之间的流动, 在作图中, 将C放在左边, NIke的logo放在旁边,唤起人物的手臂在下图中冲刺时向后推的方式。 图像被裁剪为仅露出跑步者一部分的腿,让人知道他的右腿抬起和向前,而左腿向后伸展,下面的8 85则抽象的代表了他的姿势。
在右侧,居中排版和将“ 885”放置在“纽约”上方的单独行中,以模仿照片的构图。 加宽的“纽约”标志着一条漫长的道路,而最下面的圆形徽章则可以看作是脚。
TIPS
1. 每一个字母都能传递一些信息
较少的元素意味着每个人都需要承担更多的重量,而最好的“简单”设计是要从页面的每一部分中榨取概念和成分价值。
2. 使用字体来支持图片
不要讲你的字体和图片拆分开, 寻找在不同类型的视觉语言之间产生相互作用的方法。 可以重叠文本和图像,或将图像中的元素扩展到其框架之外,以将设计中的不同类型的组件结合在一起。
Pin-Up Magazine使其字体选择保持简单,但也会用戏剧化的方式来传递信息。文章通常会从杂志的摄影作品中创造性地激发出细节,例如上方左例中较浅的文字方块,它模仿了跨页对面照片中长凳上的浅灰色方块。 同样,右侧示例中的无边距柱状显然是对其所支撑的照片中细长的圆柱的引用
TIPS
1. 记住整体形状的力量
尽管本文中的许多示例都是依靠规模作为正式形式来体现其影响力,但重要的是要记住,长篇幅的文字段落有放大讲故事和信息的巨大潜力。 正文不需要一定很无聊,我们也不必牺牲易读性来享受如何设置的乐趣。
2. 你不一定需要那些看起来有影响力的字体来给作为有趣的字体选择
上图的杂志使用的几乎都是无衬线字体, 这就迫使设计师要用其他的结构形态在有限制的条件下进行设计, 尝试将自己限制在一款字体上一段时间,看看是否一直在使用其他的设计作为拐杖,以弥补排版其他方面缺乏创造力的情况。
大字体并不意味着结构化字体
大字体有时候是懒的字体
在这里我们需要来聊一聊那些用字体排版的反面案例,虽然将设置为大的显示字体可能会有视觉的影响,但如果它缺少同其他元素的概念层的联系,则其前进到下一步的能力将受到限制。 社交媒体空间中充斥着这种“不良字体排印糖果”,即模仿流行风格的简单练习,但骨头上没有肉。
这张海报中的字体完全没有有趣的互相呼应。
其实这篇文章的阅读难度系数很高, 我偷懒的用goolge translation进行了部分的翻译,其实它有时候真的翻译的不错。 只是有些许部分真的很难翻,炸了。。所以放弃了一些细节。
我爱用字体, 发现, 自己随爱用,但似乎不怎么去整它,也就是, 字体本身的样子,我一般不会去改变他,雕琢它, 而在作者分析的这些海报中,给到我的启发是, 选好一个字体,只是一切的开始, 适时的雕琢是成就完美的必须。
虽然近年来接触了各种高大上的设计,社区设计,服务设计,参与式设计Blablabla的,但如果让我出国留学选个专业,我应该会学的还是graphic design或是交互艺术之类的吧。
毕竟,追求好看,是我没法放下的事啊哈哈哈
8月16日后遗症…
啊,我终于研究清楚我的属性了,西城来的时候我是把持不住的,本以为我应该会躺在家里看看别人发的, 但是,木有想到,身体很诚实,大老远跑去青浦见他们,但是死活没进去看。。。就仗着自己当年免费看了一场小型gig,下次还是老老实实花钱吧, 感觉对不住wuli马克思, 这几次来上海都没有好好的去看他唱歌, 下次我不管了,我要一掷千金, 一定要去看。
虽然落寞, 但是默默的和4个男粉丝,妈呀,木有想到这么多男粉。。。找了个绝佳地理位置在馆外听了大半场,又是一场在场馆外听完的演唱会。 然后我说我们去洲际吧, 八成就住洲际, 四只就来了马克思, 啊哈哈哈哈哈缘分啊,不愧是我的最爱,但不知何时冒出来了一群粉丝, 看到wuli马克思的时候只能默默的观望,我连话都说不出了,但我英文可好了啊, 天啊, 下次我要想好,万一可以聊上两句, 聊啥。其实我也不要啥签名,下次就要个拥抱吧。
不怕我偏心。。。西城里马克思长的最好,唱的也最好。 不接受辩驳,over。
(昨天新专发了,天啊,心里的感受是。。我快不认识了。。。但是今早还是莫名的想听👂。。好奇怪)
我的确有能把人搞到笑疯的能力,也有能把人给逼疯的能力。。。 冷静点吧, 年纪一大把了。。请成熟一点。。。🤦♀️
这应该是这么多年来我最矫情的一篇blog了吧。
10月的时候我买了12.29号去济州岛的机票,一个人去, 终于我要去爬汉拿山啦!!!啊哈哈哈哈 ! 快乐。
人类啊, 还是要爱上自己的未来,才能好好的活下去吧~❤️