无论是设计网页还是移动端 WordPress APP,页、屏、 Banner 这些地方,绝大多数时候都需要设计感较强、视觉元素丰富、具备明显吸引力的视觉设计,来作为支撑。有的专案可以依靠惊艳的图片,更多的设计师会选择多元素的图文混排,而这其中,字型是关键元素之一。展示用的字型不仅要具备展示性,还要拥有良好的可读性。展示性意味着它需要能够在特定条件下创造出戏剧化的效果,通过萤幕上的展示,吸引多用户的注意力,向着萤幕另一端的多用户传达出特定的资讯和感受。所以,合理地运用展示性的字型不仅能够强化品牌形象,增强文字内容的可理解性,创造视觉层次,给多用户留下深刻的印象。近年来,展示性字型的需求越来越大,个中缘由也就不难理解了。

  今天的文章会总结 5 种使用展示性字型创造独特戏剧效果的技巧,帮您的页面在激烈的竞争中,脱颖而出。

  1 、简约但动感的字型

  简约的字型和动感的排版并不是互相排斥的存在。事实上,简单的字型同样可以轻松创造有着强力戏剧感的排版。事实上,您只需要选择一款足够简约的字型,然后按照下面的方法来处理:

  使用超大的字型尺寸(大字型能够传达出足够有力的资讯,尤其是和高清大图配合使用的时候)

  文字色彩和背景构成对比(文字色彩通常会使用黑色或者白色,而背景图片足够鲜艳就能构成对比)

  采用大胆的样式

  字型大小是控制视觉影响力的重要手段。在下面的案例当中,设计师采用了更为极端的方式,使用超大的字型来承载主要的文案,借助留白将文字孤立出来,以达到有效传递资讯的目的。这样的设计足够简约,但是也充满了强烈的戏剧感。同时,清晰直白的设计,也让人印象深刻。

  2 、创造性地使用简约的字型

  即使是基础、简单的字型也可以创造出令人难忘的体验,前提是您得采用实验性的、富有创造性的排版。

  想要将您的资讯大声地传递出去吗?使用全部大写的文字,或者借用足够厚重的字型。而真正让人难忘的,是足够富有创意的设计,所以,您还可以将字型和动效或者视讯结合起来使用。

  3 、装饰性字型

  设计师对于装饰性字型的认知各不相同。有的设计师会鄙视装饰性的字型,认为它们显得粗陋轻佻,但是也有不少设计师会欣赏这些字型所体现出来的创意和有趣的表现形式。在我看来,各种稀奇古怪的装饰性字型,如果使用得当,能够让网站增色不少。这些字型可以调和网站的风格,营造氛围,能够强化品牌的气质。当设计师挑选了合适的字型,结合贴合品牌的文案和风格之后,整个体验会达到协调甚至出彩的效果,下面就是几个值得参考的例项:

  Hawk&Hen 是一个餐饮机构的网站的,略显复古的立体装饰性字型为网站奠定了古怪但是独特的风格。

  经过定制的字型错落而怪异,非常符合 Squarespace’s Sleeping Tapes 阴森而黑暗的网站风格。

  HeadOfffice 的网站所采用的这套字型同样俏皮而独特,在绝大多数场景下,这套字型都显得过于特立独行,但是在这个网站上,则正好烘托出网站充沛而富有激情的特征。

  Maaemo 的页所采用的这套字型带有明显的现代几何风,字型的细节带有早期西文字型的原始风貌,和网站的神秘气息相得益彰。

  您可能已经注意到了,这些网站中,装饰性字型始终是和极简的风格相互搭配。这不是巧合。装饰性字型能带来独特而有趣的风格,在极简风格的网站上,多用户会更加轻松地注意到这些字型的存在,资讯才能更加有效地传递出去。假使这些字型在复杂多变的网站上,多个视觉焦点会分散这些装饰性字型应有的力量。

  4 、手绘字型

  在很长的一段时间内,手绘字型都是网页设计中的重要组成部分。有的设计师会倾向于逐个字母单独设计,创造出独一无二的手绘字型效果,不过更多的时候,设计师会选取一款成套的手绘风格字型作为基础来设计。手绘字型通常能够让整个设计显得更加优雅,如果挑选得当的话。独一无二的手绘字型还能强化页面的原创性,看看下面的 Grain&Mortar 和 Femmefatale 两个网页,这些设计机构的页本身所呈现出来的 “艺术性” 很大程度上源自于页面中独特的手绘字型。

  手绘字型是品牌化设计强有力的工具。

  不过,千万不要过度追求漂亮的效果而牺牲字型本身的可读性。为了防止潜在的视觉障碍,尽量不要将手绘字型置于复杂的图片背景之上,并且在辅助性的文字中,采用识别度更高的字型。

  5 、和其他元素叠加使用

  通过将字型和其他的元素叠加到一起使用,创造出引人瞩目的视觉效果,是时下所流行的另外一种营造视觉奇观的策略。不过,在搭配其他元素的时候,一定要注意色彩、纹理和元素各方面的特征,确保字型本身的识别度。

  您可以让文字和多种不同的元素组合起来。

  也可以让文字横跨不同的区域。

  甚至可以打破排版规则,让文字和人物形象结合起来,让文字传递隐藏的意义。

  但是无论怎么搭配,您都得让文字本身和其他的元素之间具备明显的对比度,让它足够易读。只有达到这样的要求,才能让整个体验足够顺畅,不至于出现使用障碍。