陈奇网络工作室

多彩字体在网站建设中有哪些应用?

彩色字体是近年来网页设计中的新词汇。虽然它仍处于初级阶段,但许多网页设计师已经在许多项目中使用了这种技术。这是因为色彩丰富的字体往往能给网站带来不同的视觉效果,以生动有趣的形式将信息呈现给访问者,使整个网站看起来更加丰富多彩。现在Adobe Typekit等字体服务商已经开始提供一些支持特定浏览器的多彩字体,多彩字体在网站中的应用越来越广泛。一些网站开发者预测,彩色字体很可能成为网页设计领域的下一个“大事件”。你了解彩色字体吗?你知道如何在网站中使用这种设计方法吗?别急,今天的文章就是让你对多彩字体有一个系统的了解,包括它的特点,应用场景等。来看看吧!

什么是多彩字体?

多色字体,顾名思义,是指字体的不同区域用五颜六色呈现,包括阴影、渐变、纹理和透明。不要简单地把色彩丰富的字符概括成复杂多样的颜色,处理好字体中包含的丰富细节也很重要。

彩色字体在普通字体中包含矢量形状或位图,甚至两者都有,使得彩色字体比普通字体大。如果你对多彩字体没有概念,可以想想我们用过的图标字体和表情字体,就是常见的多彩字体。只使用一种颜色的字体通常被称为“彩色字体”,因为它们包含一种色调。

但目前多彩字体面临的最大问题是,还没有形成一套真正标准的字体格式。而且不同格式的多彩字体使用也有差异。SVG矢量图形的彩色字体很容易缩放,而位图格式在缩放时会有大小限制的问题。目前,常见的彩色字体包括以下五种格式:

SBIX(苹果):支持macOS和iOS系统的原生位图字体。

CBDT(谷歌):在Android系统上支持原生位图字体。

COLR(微软):在Windows 8.1系统上支持矢量字体。

SVG(W3C):矢量和位图字体有两个版本。

OpenType SVG (Adobe/Mozilla):由OpenType字体的SVG文档组成的位图和矢量版本。

除了苹果和谷歌,很多企业也在使用多彩字体,他们也在尝试逐步完善自己的字体标准和使用规范。Mozilla(Firefox背后的支持组织)和Adobe已经正式宣布OpenType SVG是他们彩色字体的首选格式。虽然这些公司已经对彩色字体做出了决定,但许多公司仍然对这一趋势持观望态度。

如何使用彩色字体(针对情景)?

人们对五颜六色的字体往往有不同的第一印象。当我第一次看到五颜六色的字体时,有些人会想,'这是什么乱七八糟的'而另一些人会想,'这种字体太酷了,我已经决定在哪里使用它'无论你站在哪个阵营,都不能忽视一个事实,那就是丰富多彩的字体可以完美的适应一些网站,充分发挥其功能。当然,使用色彩鲜艳的字体也要慎重,不要过度。以下是肖飞列举的一些适合使用彩色字体的情况:

用于句子或短语中,以充分吸引用户的注意力

用于图标或标志样式元素。

用于大量文本开头的下沉式首字母

在标题中用作极简设计中的视觉主题。

在一大段文本中需要突出显示的一个或几个单词

当整个设计的其他部分都比较简单的时候。

当排版是整个设计最重要的视觉元素。

当整个设计需要一些有趣或不寻常的设计来吸引用户的注意力时

什么时候应该避免使用彩色字体?

任何事物都有利弊,五颜六色的字体也是如此。如果我们在网站中使用过多的彩色字体,往往会使网站看起来刺眼,干扰访问者,影响信息的有效传递,使整个设计看起来华丽空洞,影响网站的形象。还有,五颜六色的字体不是无条件适用于任何网站的。因此,谨慎使用彩色字体,以避免负面影响。肖飞特意整理了一些不适合使用多彩字体的情况,希望能给你一些参考:

当字体的背景是图片时。

当背景的视觉设计很复杂时。

当只有大量文本内容时

当页面包含大量动画和动态效果,或者其他元素使用大量颜色时。

当页面的其他部分使用了新颖和特殊的字体时。

彩色字体的发展趋势

事实上,多彩字体虽然处于发展的初级阶段,但也在不断尝试得到一些关注排版设计的开发者的支持。不是的,Adobe和Mozilla推出的OpenType SVG格式,让多彩的字体真正进入了设计师的视野。Adobe最近甚至在Photoshop中更新了这种字体(你可能已经在字符面板上注意到了)。Adobe对OpenType SVG的解释如下:

OpenType-SVG是一种包含全部或部分字母/字形的SVG图形,它使单个文本能够显示多种颜色甚至渐变。正是因为这个特性,OpenType-SVG才是多彩字体的体现。此外,OpenType-SVG字体还具有普通字体的一些特性,可以直接使用、编辑、搜索或索引。此外,OpenType-SVG还具有OpenType字体的一些特性,比如允许字体替换或者字体样式替换。'

图拉真色概念、EmojiOne色等多彩字体和普通字体一样出现在字体菜单上。但是,彩色字体具有可编辑的颜色属性。如果您的字体工具支持它们,它们可以正常显示和编辑。但是工具不支持多彩属性也没关系。仍然可以作为普通字体使用,但只能以纯色呈现。"

就多彩字体的演变过程和应用范围而言,主要有两个影响因素。一个是浏览器对多彩字体的兼容性。Web Type的状态详细规定了哪些浏览器需要支持多彩字体。二是设计与华丽多彩的文字在风格上的匹配程度。每一种设计潮流都不能满足网站建设的所有需求,多彩的字体可能更适合华丽丰富的网站。肖飞认为,随着网络网站技术的不断发展,未来浏览器对多彩字体的兼容性会越来越强,多彩字体的发展势头不容小觑。

试试看。

如果你觉得色彩鲜艳的字体能在你的网站中起到一定的作用,又能适应网站的整体风格,那就在网站中试试吧!但是五颜六色的字体是从哪里来的呢?有两个渠道,一个是下载。这种方法更方便。这里有几种现成的彩色字体,你可以研究一下:

自豪地打字

沙滩毛巾

橡皮筋

水彩字体

碧霞色

儿童玩具

单线粗体

大师

另一种方法是自己制作色彩鲜艳的人物。这种方式比较自由,制作出来的多彩人物也很有个性,具有无与伦比的独特性。不同软件做出来的五颜六色的字体会有不同的效果。可以选择自己习惯和喜欢设计的软件。下面是肖飞推荐的三款多彩字体制作软件:

Fontself是一个可供AI和PS使用的插件,非常方便创建丰富多彩的字体。

有一个字形的教程,教你怎么画彩色字体。

FontLab提供视频教程,详细介绍多彩字体设计的全过程。

丰富多彩的字体在海报和平面设计中的应用由来已久,在吸引用户注意力和留下深刻印象方面具有其他设计方法无法达到的优势。现在网页设计已经开始拥抱更加丰富多彩的字体,相信会在未来的发展趋势中占据一席之地。字体还能这么玩吗?它起来了吗?赶紧学起来,玩彩色字体!

快来起飞页自助网站平台做一个响应式网站吧!

更多关于云服务器,域名注册,虚拟主机的问题,请访问西部数码代理官网:www.chenqinet.cn。

相关推荐

后台-系统设置-扩展变量-手机广告位-内容页底部广告位3