您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计理论 >> 浏览设计教程

这5种字体设计策略,帮你创造精彩出挑的页面视觉体验

无论是设计页面照旧移动端APP,首页、首屏、Banner 这些地方,绝大多数时候都必要设计感较强、视觉元素雄厚、具备显明吸引力的视觉设计,来作为支撑。有的项目可以寄托惊艳的图片,更多的设计师会选择多元素的图文混排,而这其中,字体是关键元素之一。展示用的字体不仅要具备展示性,还要拥有优秀的可读性。展示性意味着它必要能够在特定条件下创造出戏剧化的结果,通过屏幕上的展示,吸引用户的细致力,向着屏幕另一端的用户传达出特定的信息和感受。所以,合理地运用展示性的字体不仅能够强化品牌形象,加强文本内容的可理解性,创造视觉条理,给用户留下深刻的印象。近年来,展示性字体的需求越来越大,个中缘由也就不难理解了。

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

1、简约但动感的字体

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

  • 使用超大的字体尺寸(大字体能够传达出充足有力的信息,尤其是和高清大图配合使用的时候)
  • 笔墨色彩和背景构成对比(文本色彩通常会使用黑色或者白色,而背景图片充足美丽就能构成对比)
  • 采用勇敢的样式

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

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

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

想要将你的信息大声地传递出去吗?使用悉数大写的文本,或者借用充足厚重的字体。而真正让人难忘的,是充足富有创意的设计,所以,你还可以将字体和动效或者视频结合起来使用。

3、装饰性字体

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

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

经过定制的字体错落而怪异,特别很是吻合 Squarespace’s Sleeping Tapes 阴沉而阴郁的网站风格。

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

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

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

4、手绘字体

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

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

不过,万万不要过度寻求漂亮的结果而捐躯字体自己的可读性。为了防止潜在的视觉停滞,尽量不要将手绘字体置于复杂的图片背景之上,并且在辅助性的文本中,采用识别度更高的字体。 
 

5、和其他元素叠加使用

通过将字体和其他的元素叠加到一路使用,创造出引人瞩目的视觉结果,是时下所流行的另外一种营造视觉奇观的策略。不过,在搭配其他元素的时候,肯定要细致色彩、纹理和元素各方面的特性,确保字体自己的识别度。

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

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

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

但是无论怎么搭配,你都得让文本自己和其他的元素之间具备显明的对比度,让它充足易读。只有达到如许的要求,才能让整个体验充足顺畅,不至于出现使用停滞。


[教程作者:互联网]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/di3945.html
超周全!聊聊交互设计背后的生理学原理
Adobe 出了一个超厉害的人工智能黑科技,美工可能要失业!
图趣网微信
建议反馈
×