个人理财 将角色分配给您的博客网站上的字体 - 傻瓜

将角色分配给您的博客网站上的字体 - 傻瓜

Anonim

当你分配角色到你的字体,你有助于保持你的博客设计看起来专业。字体的目的明确,使您的博客导航设计更有效,你的整体设计更容易眼睛

当你选择两个或三个互补的字体,也有足够的对比突出彼此(见前面的部分),给不同的字体在设计中选择特定的角色首先,建立一个可视化的字体层次结构考虑你的博客设计中的文本元素,例如:

<! - 1 - > < 博客名称
  • 标语

  • 导航菜单

  • 博客文章标题

  • 副标题

  • 博文和网页内容

  • 边栏标题

  • 页脚标题

  • 每个元素应该具有一致看看你的整个博客设计,看起来还是很有凝聚力的通过特定的外观,您可以创建一个层次结构,帮助读者扫描页面并消化您的内容。使用为您的博客设计选择的两种或三种字体,可以使用以下命令在这些文本元素中建立层次结构:

颜色:
  • 颜色自然吸引眼球,所以彩色文字元素最受关注。例如,在下面使用绿色文本的黑色博客文章标题会感觉有些偏离,因为读者的眼睛可能会拉到绿色文本,完全绕过您的帖子的标题。为更重要的文本元素保存更大胆的颜色,以吸引最多的关注。 大小:

    较大的字体比较小的字体更重要。这意味着您的博客文章标题需要大于您的博客文章内容。根据同样的思路,与您的博客文章相关的副标题应该小于您的博客文章标题,但大于您的博客文章内容。

  • 重量:

    使用权重(例如,光线,粗体和斜体)来创建层次结构,而无需在设计中添加更多字体。更重的文本元素比更轻的设计元素更重要,所以请记住这一点,特别是在考虑您的博客文章标题和博客文章内容文本时。
  • 图形文本是一种不寻常的字体,只在博客设计中的几个元素上保持相当静态。 (因为搜索引擎无法读取它,创建图形文本比内容文本更容易使用图形文本。) 对于导航和博客文章标题,特别需要一个可显示为内容文本但需要的字体字体和颜色,使这些元素在设计中脱颖而出。为了达到这个目的,我们使用了一个嵌入字体,所有的标题类型元素都与这个字体组合在一起。通过应用不同的尺寸和颜色,在标题之间创建了相对重要性的层次结构。该嵌入字体仍然是图形文本的补充,因为它们使用相同的字母,如小写字母

  • a

  • 所示。

    对于博客文章和页面内容字体,请注意,字体选择比博客名称和标题字体要清晰得多,因此主文本在大量文本中很容易阅读。这种字体也是网络安全的。使用与其他两种字体类似的x高度,这种字体很好地完善了字体选择。 您不必使用所有这些格式和设计选项。只要将它们看作是在您的博客设计中为每个文本元素赋予特定角色的方法。

将角色分配给您的博客网站上的字体 - 傻瓜

编辑的选择

如何使用上下文在Android应用程序中启动特定活动

如何使用上下文在Android应用程序中启动特定活动

在Android应用程序中启动特定活动的一种方法是使用上下文。上下文是“关于应用程序环境的全局信息的接口。 “(Sayeth Android文档)非正式地,上下文是您可能想知道的实际发生的事情的背景信息。对于Android应用程序,...

编辑的选择

如何在Word 2013中为您的修改样式指定快捷键 - 虚拟人物

如何在Word 2013中为您的修改样式指定快捷键 - 虚拟人物

样式快捷键使Word 2013中的格式更好,因为按Alt + Shift + T应用TextBody风格通常比调整样式库或各种任务窗格的速度快。要给你的风格一个快捷键,请按照下列步骤操作:

如何将模板附加到Word 2010文档 - 傻瓜

如何将模板附加到Word 2010文档 - 傻瓜

人们有姓。大多数情况下,Word文档与他们的模板一起诞生。您可以在首次创建文档时选择模板,也可以只创建一个新的文档,在这种情况下为NORMAL。使用DOTM模板。您可以通过分配或附加新的模板来更改它...

如何调整Word 2011 for Mac中的间距 - 傻瓜

如何调整Word 2011 for Mac中的间距 - 傻瓜

使用提供的许多工具格式化文档在Word 2011 for Mac中是小菜一碟。你可以制作一个文件,但是你需要看。只要按照这些提示调整行和段落之间的间距。调整行之间的间距要更改行之间的间距,请选择...

编辑的选择

如何在元素中创建Facebook封面图片

如何在元素中创建Facebook封面图片

您可以在Adobe中选择一个或多个图片Photoshop Elements Organizer并在编辑器中打开文件。要创建Facebook封面并将文件上传到Facebook帐户,请执行以下操作:

如何在Photoshop Elements中创建幻灯片

如何在Photoshop Elements中创建幻灯片

Photoshop Elements 13为您提供了更为简化的方法用于创建动态幻灯片,您可以将其导出到可在Windows,Macintosh,iOS和Android设备上查看的H.264文件。 “创建”面板中的“幻灯片”选项以前是为Windows预留的。在元素13中,创建幻灯片的所有选项都是...

如何在Photoshop Elements 9中创建新文档 - 傻瓜

如何在Photoshop Elements 9中创建新文档 - 傻瓜

您可能需要从通过在Photoshop Elements中创建一个新文档来进行创建。元素中的新空白页有许多用途。你可以在一个新文档中混合和合并图像;创建一个画布,你可以绘制和绘画;或使用“新建”对话框查找文件...