人工智能驱动的网络攻击:如何检测、预防和抵御智能威胁

立即阅读
我们利用人工智能进行网站翻译,虽然我们力求准确,但不一定总是 100%精确。感谢您的理解。

字体

字体设计不仅仅是页面上的文字,它是贯穿我们品牌形象的基本要素。我们精心挑选的字体是我们传递信息的无声使者,为我们的所有传播活动提供一致、可识别的声音。

快速链接

除了传递信息,我们的字体还体现了我们品牌的精髓--简洁、现代和专业的和谐统一。在本节中,我们不仅探讨了我们使用的字体,还探讨了指导字体应用的原则,以确保在每一次互动中都能无缝、有影响力地体现我们的品牌。

我们的排版系统旨在实现多功能性,提供适用于各种媒体的流畅指南;每个渠道都拥有不同的规格,并根据我们的总体系统量身定制,以实现具有凝聚力且量身定制的品牌表现。

辛普龙

我们的主要调色板是创意的基础,应代表所有作品中最强烈的色调。

规范

Norm 子字体是我们的主要字体,有 8 种重量。

单声道

虽然有一整套单色字符,但只在少数情况下用于数字。


机器人

Roboto 用于 Simplon 无法使用的情况。如果绝对需要或必须使用系统字体,Roboto 是一种可接受的备用字体。


字体真棒专业版

无障碍。需要注意的是,这种字体不能替代我们的专用图标系统;相反,它应在需要基于文本的解决方案时使用。

利用本页面或Font Awesome 网站,可以轻松查找、复制和粘贴图标字符。

Font Awesome Pro 包含几种不同的重量。我们只使用普通字体或纯色字体,从不使用浅色字体,因为这些字体只用于较小尺寸的表格和图表。

该字体系列包含 100 多个字符。以下是被批准用于图表和表格的几个字符。

正规字体

字体真棒固体

颜色


使用和应用

在下面的使用和应用示例中,我们将介绍使用我们的字体和排版系统的正确和错误方法。在我们的设计节奏中,内容和排版就像配合默契的舞蹈一样。这些规则指导视觉字体和内容设计如何协同工作,确保两者相辅相成,完美融合可读性、美感和品牌识别。有些视觉挑战可以通过内容变化来解决,而有些内容挑战则需要视觉解决方案。

虽然您会遇到概念上的指导,但由于我们的品牌所涵盖的媒介多种多样且充满活力,因此我们故意不提供确切的规范。印刷或网页设计等部门会根据这些指导原则制定自己的规范,以符合每种媒体的最佳实践。

使用我们的 Simplon Norm 粗体大号字体,让我们的豪言壮语产生巨大影响。

使用我们的 Simplon Norm 粗体大号字体,让我们的豪言壮语产生巨大影响。

给大标题留出足够的空间。让信息自己说话,而不要受到无关图形或其他内容的影响。

大篇幅、有冲击力的语句应紧凑;最多 3-5 个字。标点符号可用句号或疑问句来营造戏剧效果。标点符号和句子格式应始终搭配使用,不能错位。

有时,我们需要发表一个不超过 3-5 个字的有力声明。请使用普通重量字体,但保留大号、间距、标点符号和大小写规则。

标题和影响力声明的字号较大,需要比正文更紧凑的行高。建议行高与字体大小的相对比例为 100%,但也可根据媒介进行调整。只需避免拉伸行高或压缩行高,以免影响文字的下行距和上行距相碰。

标题和影响力声明的字号较大,需要比正文更紧凑的行高。建议行高与字体大小的相对比例为 100%,但也可根据媒介进行调整。只需避免拉伸行高或压缩行高,以免影响文字的下行距和上行距相碰。

不要在较小尺寸下使用粗体,因为随着尺寸变小,粗体会产生一些可读性问题。我们确实需要保持内容的高对比度和有序性,因此要使用大小、颜色和权重,使页面阅读起来舒适。

不要用冲击处理来陈述显而易见的内容。使用大标题、小标题或近似标题,使这些区块与上下文保持一致。

下一节

等级制度很重要

不能什么都是最重要的。利用排版来引导用户,让用户可以快速浏览或舒适地深入阅读。

副标题快速阅读和扫描

不要试图在类似于标题的小标题中表达太多内容。给用户一个胡萝卜或面包屑,让他们选择阅读更多内容。将整篇文章的标题作为故事的里程碑。如果用户滚动整个页面或扫描一个页面,只阅读标题,他们能理解故事的基本前提吗?他们能否快速找到与自己相关的内容?

副标题应遵循与主标题相同的标点和用词规则。

在某些情况下,您需要进行二级或嵌套陈述。对这些副标题使用相同的原则。就像影响较大的语句一样,使用颜色、重量和大小在文章中创造足够的对比度和层次感。这不仅是因为它看起来漂亮,还因为它更容易阅读。

等级制度很重要

使用品牌工具箱中的所有工具,让故事熠熠生辉。

将不同重量的字体与不同大小的字体结合在一起,可以产生更清晰的效果,而不必将差异弄得太大,使作品变得凌乱和不专业。尝试匹配字体大小,只改变字体重量。或者匹配不同的重量并改变字体大小。一般来说,一页纸、一张纸或幻灯片最多只能有 5 种字体-重量-颜色-大小的变化。
4x = 64px

干净整洁的类型显示了我们的专业技能。

50% = 8px
注意间距,确保最后的抛光效果。
2x = 32px
我们始终致力于像素完美的设计。这意味着对细节的关注。为了保持空间整洁、层次分明、易于管理,请保持字体大小和间距相对应。使用简洁的度量单位来创建字体锁定。我们通常使用 16pt 字体作为基线,然后使用该尺寸的倍数来建立字体间距。
16pt ~ 19px 的 120
分段符应与正文字体大小和锁定网格尺寸相对应。我们尝试始终使用 120% 的段落分隔符,以提供足够的空间来创建定义,但又不会创建太多,从而使分隔符大于整体锁定网格。为了给我们的内容留出喘息的空间,可以尝试在主要部分之间留出更大的间距。
2x = 32px
体型推荐快速清单:
50% = 8px
  • 线条高度- 线条高度可能会有所不同,在特定的媒介上也需要有所不同。为使正文字体平易近人、舒适易读,应从字体大小的 130%开始,切勿超过 155%。标题文字可能会更紧凑,但正文字体绝对不能超过 100%。技术性文章可能需要在有限的空间内包含大量内容,而营销性文章则应始终倾向于清晰、开放,而不是内容过多。
  • 段落高度--与上文类似,您需要确保这适合内容和媒介。因此,段落高度应为字体大小的 100%至 140%。
  • 内联样式--内联样式可以在较大的文本中增加强调或聚焦的效果。请谨慎使用这些技巧,尽量只强调关键的几个词。

如果我们需要突出整个思想或句子,请尝试换行。

避免使用下划线。在数字技术中,这种技术已成为链接的代名词。对于链接,尽量使用没有下划线的颜色和重量,这样看起来就不会过时。在使用印刷品或非交互式媒体中的 URL 地址时,应将完整的 URL 作为脚注列出,或在数字链接文本出现的地方加上括号。
4x = 64px

用字体颜色营造舒适的阅读体验,用颜色唤起人们的行动。切勿将行动色用作标题。将蓝色用于动作和链接,避免用于静态字体。请务必查看以下可访问性指南,了解正确的字体对比度要求。


无障碍环境

为确保尽可能多的客户获得一致的体验,我们始终希望尽可能保持无障碍。其中一种方法就是遵守 WCAG 2.1 关于文字对比度的指导原则。

下面是我们的主色调作为背景色的最小可接受对比度。叠加显示的是我们调色板中不同的可接受文字颜色。所谓 "最小",是指我们确定了在浅色背景上可用于满足 AAA 标准的最浅色文字。这种颜色包括色调组中任何较深的颜色都可以使用。反之亦然,深色背景和浅色文字都可以使用。

请注意,如果文字颜色以粗体显示,则只能达到 AA 级标准,应避免在小字体和轻字体应用中使用。

我们只显示推荐的文字颜色。不建议使用紫色、橙色、黄色和茶色作为文字点缀。

中性色

您的文字可以比下面任何一种色调更深。

海军

您的文字可以比下面任何一种色调更浅。

蓝色

根据我们使用的调色板的一半,您的文字可以比下面列出的任何色调更浅或更深。