你曾经希望是1960年代,你是一个蓬勃发展的麦迪逊大道代理商的创意总监?每一个人都在我们所有人的创意精神延长了营销的老天。

你知道,营销时的时代是由聪明的文案,艺术广告和最好的设计细节的眼睛。

作为入境营销人员,可以很容易地陷入了生产内容的永无止境的循环,在丢失粮食设计细节的景观时保持速度的快速速度 - 跟踪,克兰和字母间距 - 这可以为我们的营销提供额外的波兰语水平。

精心设计的排版具有捕捉关注,灌输情绪和加强您的品牌信息的权力。为您的营销材料选择一个字体,永远不会留下机会 - 在选择完美的字体方面有很多战略考虑因素。

下载我们的免费UX研究和测试工具包

1.传达您的品牌信息。

“排版就像时尚或家具。除了罕见的功能异常,这个世界没有需要新的衣服或家具设计,但人们希望看起来不同或唤起特定的感觉或符合特定的样子,并且有趋势和款式。“

首先绘制您希望您的品牌声音声音的声音,以及您组织的价值观。如果您是一家有趣的公司,请选择一raybet电子竞技个有趣的字体,将提高人格。如果您想被视为现代和时尚,请选择支持这种审美的字体。

很容易说“选择一个反映你品牌的字体”,但你可能仍然想知道如何从您所在的无尽选择中蒸馏出潜在字体的简短列表。

虽然最终选择经常归结为设计的良好品味并依赖于开发视觉身份的经验,但有一些简单的步骤可以帮助您磨练您的品牌的完美字体。

2.找到灵感并研究使用排版。

当谈到排版灵感时,这三个资源不断具有顶级排版:reybet雷竞技下载

研究其他设计师的工作,并确定您品牌的排版“工作”的哪些元素。彻底制作其他设计师为灵感工作是无所事事的,即使是最着名的设计师和艺术家也经常互相吸引灵感。

3.选择您的字体送货服务。

如果您打算在网上始终使用品牌字体,您需要选择一个字体送货服务。TypeKit,Google Fonts和Fonts.com往往是最常见的。这些基于订阅的服务允许您访问大量字体集合,向您的Web属性提供字体,并确保在每个Web浏览器和每个设备上始终如一地渲染字体。

一旦选择了将要使用的字体交付服务,就可以开始从它们的库中缩小潜在字体的选择范围。这些服务中的大多数都有方便的方法来通过排版特征来筛选字体,并排比较字体,并保存您的入围字体以供审阅。

4.并排比较字体,看看有什么感觉。

将选择缩小到潜在字体组合的简短列表后,创建一个比较所有选项的菜单卡。通过旁边查看所有选项(屏幕上并打印)可以帮助比较一个组合与另一个组合和磨练您的品牌的完美字体。

仅使用黑色和白色的字体选择过程帮助重点关注字体属性的选择,而不是被误导,颜色如何影响一个字体的吸引力。颜色对观众心理学和行为产生重大影响。因此,选择字体和选择颜色是品牌设计过程中的两个单独步骤。

5.确定您网站的视觉层次结构以确定所需的字体。

对于许多设计方案,您需要两个字体:一个标题字体和一个身体字体。这可能是两个字体重量,颜色变化或两个完全不同的字体系列的组合。

目标是创建一个视觉层次结构,允许访问者快速浏览您的营销材料,识别最重要的元素,并理解每个元素如何与页面或屏幕的其他组件相关联。这对入站营销人员尤其重要。网站访问者通常只浏览标题并关注他们最感兴趣的内容,而不是一丝不苟地阅读页面上的每一个字。

6.选择字体以获得易读性。

易读性是指字体是如何设计的,并且可以从另一个人中区分一个人的性格。它还指的是如何定义单词形状。

在标题中看起来不错的字体可能不适用于正文。虽然有一些例外的规则,当你选择字体用于特别的标题或正文副本,你可以缩小它的类型基于字体面:

  • 显示面孔是专门设计用于大型格式,如标题。
  • 文字或身体面孔设计专门用于大副本的副本,旨在更长的读数。

有助于字体易读性的另一个因素是角色的形状。您可能听到术语Serif或Sans-Serif。

  • Serif字体从字母和符号的边缘有小的“脚”(Serifs)拖尾。
  • SANS-SERIF字体没有从角落突出的小线。

用字母E说明serif和sans-serif之间的区别

Serif字体通常更容易阅读印刷工程的身体副本,并且已广泛使用数十年,有时可以给他们更经典的感觉。由于屏幕尺寸和分辨率通常从中查看Web内容,许多Web设计人员支持Web的Ser Serif字体。Sans Serif字体也适合当前的设计趋势和更现代化的感觉。

7.微调您的字体以获得可读性。

字体的易读性有助于其整体的可读性。可读性是关于一页上的单词是如何排列的,以及读者浏览单词、理解内容和布局的容易程度。

一旦您了解您的视觉层次结构并为不同用例选择标题和身体字体,您可以开始考虑它们如何影响可读性。有许多技术组件的排版有助于如何可读字体,包括字体大小,字母间距,线路高度和段落间距。

8.选择正确的字体大小。

字体大小在很大程度上取决于屏幕或曲面将显示的信息。对于您想要将身体尺寸的大小限制在每行45-70个字符中的多行段落。

如果您每行有超过70个字符,则读者将扫描每个来回扫描,而且它们更有可能失去他们的位置。太短的线路可能导致尴尬的连字休息,或者如果是合理的,通过段落运行的白色空间的河流。

阅读更多相关内容在这里

9.注意线路高度和段落间距。

与字体大小类似,每行文本之间的间距对内容的可读性有很大的影响。行间的空白,更正式的说法是“前导”,至少应该是字体的点大小。大多数数字设计师喜欢的领先尺寸至少是文本尺寸的150%。

良好的线路高度与可怕的线路高度的例子

读者不应注意到线路高度或段落间距。精心设计的排版专注于功能,并且该功能是传达消息。这并不是说出你的文本的外观根本不应该有任何上诉;它只是不应该是关注的焦点。

10.使用对比您的优势。

这听起来很明显,但是对比是字体可读性的主要组成部分。对比是通过空间和色彩的运用来实现的。浅色背景上的深色文本更适合博客和书籍,因为它为读者提供了较长的文本块更好的阅读体验。彩色字体应该保留在标题和显示文本中。

11.测试设备跨设备的可读性和易读性。

响应式网页设计为字体如何在从小型智能手机屏幕到60英寸高清电视等多种设备上一致传递带来了一套全新的考虑。

为了真正拥有所有浏览您的网站或与您的营销材料交互的用户的可读性和体验,您需要跨受众使用的所有设备来测试您的设计。

不同元素的字体注意事项

主要正文文本

如果主体文本在16px下易读,则会增加字体大小,直到清除或选择不同的字体。一旦您有基线,您可以确定网站上其他类型字体的字体大小:

次要正文文本

这些被用来以不强调的方式提供额外的内容。它们通常比主正文小2个尺寸。

标题

这个字体大小可能是您页面上最大的一个(如果没有最大的),用于调用部分标题或重要信息。标题字体大小将取决于您选择但通常从18px到36px的字体面部和字体重量。您还可以具有各种尺寸和重量的多个标题(H1,H2,H3等)。粘贴到视觉层次结构时随意获得创意。

不同函数的字体注意事项

文本重型页面

文本较多的页面(如博客)将比实现其他类型功能的字体要求更少。我们的目标是提供一个简单的阅读体验,强调他们正在阅读的内容,而不是把注意力吸引到字体本身。

更大的字体在这里更好,这样你的读者就不会被一堵他们不得不眯着眼阅读的小文本所淹没。在这种情况下,不要羞于增加主体字体。

Interaction-Heavy页面

当涉及到文本时,网站的登录页面、产品页面和其他功能就不那么严格了,因为它们会有更多的内容。你可能会更关注强调你作品中的某些元素(甚至是图像),而不强调其他元素。

因此,您可能最终以更广泛的字体尺寸,面孔和颜色以有意的方式引导读者的眼睛。返回设计层次结构并根据您的策略实施。

虽然某些设计原则在某种程度上是通用的,但要把它们以一种对你的品牌有吸引力的方式付诸实践,需要反复试验。

UX模板

用户体验研究工具

编者注:这篇文章最初发布于2014年2月,并已更新全面。

最初发布于2020年8月25日上午7:00:00,更新于2020年8月25日

话题:

用户体验