网页上文字设计排版的几种形式,技巧

有时你的字体需要传达感觉,就像意义一样,为了这个功能,更多的设计师正在转向剧烈的排版。这种类型的排版不仅仅是可读性和可读性(尽管这仍然是主要目的)。戏剧性的排版突出。它通过设备屏幕到达,要求观众的注意力并将其引导到其传送的信息。这是展示品牌标识,增强文字内容,创造完美的视觉层次,创造难忘印象的机会。令人惊讶的是,戏剧性排版很快成为网络界面的趋势。

无论是简单还是精致,今天网站上的话都在全新的阅读中。在本文中,我们将介绍网页设计中的5个戏剧排版的例子。

简单但创意性的字体

简单的排版和戏剧排版不是互相排斥的。事实上,简单的排版是戏剧排版的最佳形式之一。这种技术比较容易纳入您的页面 – 只需选择一个简单的字体,并按照以下提示:

  • 增加字体大小(大字体发送强大的消息,尤其是与英雄图像配合使用)
  • 使文字颜色与背景相反(文本副本的颜色通常是白色或黑色,与图像或色彩鲜艳的背景很好地对比)。
  • 添加一个大胆的风格

字体大小是控制影响力的手段; 下面的例子完全展示了字体如何可以华丽的自己。通过采用极端的方式,孤立地或者分组地使用这种方式,可以有效地传达信息而不会变得不讨厌。

网站设计

网站设计

 

简单的字体表达信心和清晰度。

2.创造性地使用简单的字体

绝对可以使用最基本的字体,创造难忘的体验。所有你需要的是实验排版:

需要发送你的消息大声清楚吗?使用所有CAPS进行复制。想要创造一些真正特别的东西?使用简单的字体与动画效果或视频。

网站设计

网站设计

装饰字体

设计师对装饰字体有不同的感受。许多设计师鄙视装饰面,便宜而粗糙,而其他设计师则以创意和有趣的方式欣赏他们。对于我来说,相信使用得当,装饰性印刷可以为网站设定色调,并以可爱的方式突出品牌; 但只有当它匹配品牌的个性和网站的气氛。当设计师通过合并具有适当装饰类型的副本达到平衡时,整体体验就会更好。这里有几个例子:

在下面的Hawk&Hen示例中,装饰字体有助于为这个厨房/酒吧建立一个古怪而独特的风格。

网站设计

网站设计

 

一个自定义的字体上Squarespace的睡眠磁带设置了体验合适的气氛。

网页上文字设计排版的几种形式,技巧

HeadOfffice上的俏皮字体设置了精力充沛的氛围。

网站设计

网站设计

 

Maaemo主页上使用的现代和原始字体创造了神秘的气氛。

网页上文字设计排版的几种形式,技巧

您可能已经注意到,上述所有示例都有一个共同点:装饰字体与简单,最小的布局一起使用。这不是巧合。事实上,装饰性排版本身就是有趣的。因此,如果要在主页上使用装饰类型,将用户的注意力集中在单个元素上,最好使用简单的布局。

写字

手绘类型一直是网页设计的一部分。有时,它是一个真正的字体被扫描,但在许多情况下,它是一个字体,看起来手绘。脚本字体和字体为任何设计添加了一个优雅的天赋,当做正确。手绘文本是独一无二的,因为它能够传达关于其背后的组织的消息。看看下面的Grain&MortarFemmefatale的例子。这些设计机构的艺术根源在其主页设计中闪耀。

网站设计

网站设计

 

手绘元素是品牌的一个伟大的方式。

网站设计

网站设计

 

只要确定,如果可读性是最终目标,消息不会迷失在美丽中。为了防止潜在的问题,请尽量限制将手绘字体用于跨图像叠加的大标题,并为常规副本使用另一种字体。

叠加在元素上

通过将其叠加在其他元素(如图像或其他图形对象)上,获得文本的最佳方法之一就是注意。通常,选择叠加的字体考虑到将要存在于设计中的其他纹理,图案和图稿:

您可以将文本扩展到其他部分。

网站设计

网站设计

 

 

有一半的词在图像上“流血”。

网页上文字设计排版的几种形式,技巧

甚至打破规则,突出主要形象,隐藏其背后的言语。

网页上文字设计排版的几种形式,技巧

这种技术的两个重要考虑因素是对比易读性。您需要测试您的设计,以确保满足这两个要求,并且该站点具有良好的用户体验。

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/259123.html

(0)
上一篇 2022年5月21日
下一篇 2022年5月21日

相关推荐

发表回复

登录后才能评论