WEB页面设计中图文如何搭配

本教程讨论了如何使字体和图片在WEB页面设计中看起来更好。 我希望阅读本文后，每个人都能从中获得一些帮助，以帮助您更深入地了解WEB页面设计。

  有人说中文网页的设计实际上没有字体设计的链接，因为可以在网页中使用的中文字体非常有限，只能使用HeiTi，Song Ti，Microsoft Yahei等。它带来了中文网页的美。 与英文对字体的考虑相比，网页上的中文字体显得太随意了。

  当然，这种说法是正确的，但我们应该换个角度来看。 中文网页中的字体确实仅限于这些字体，但这并不意味着中文网页中没有字体设计。

  字形观察

  字体首先是一种图形，然后是可以承载信息的文本。 因此，当您选择一种字体以匹配图片时，您需要集中精力观察文本的形态特征是否与图片协调一致。

  选择字体之前，请先观察图片中的形态特征。 如果图片以插图的形式显示，则插图中的样式细节以及此类样式所表达的年龄和空间气氛，为您提供选择与它们匹配的字体的基础。例如，英语的无衬线通常更现代，而衬线则更古典。

  字距和行距

  观察字形，并使用敏锐的设计师的眼睛来区分不同字体的特征。这是选择较大字体时需要具备的功能。因此，它非常适合用于需要将文本显示为图片的第一张图片，横幅等。 并且我们的字体可能会显示在段落中。 这时，形式的特征逐渐消失，我们更加关注字符之间的关系，即字距调整。

  在通常情况下，字距调整的选择始终根据字体本身及其与空间的关系来确定。当字距缩小时，会传达出紧实感，而松散的字距则可以表现出放松感。

  例如，大字体显示字体之间的距离始终彼此接近，因为字体本身已经占据了足够的空间，如果在字体之间添加更多的空间，则会填充整个空间。 因此，我们也可以说字距调整是根据整个空间进行调整和确定的。同时，图片也以更集中的方式显示。所有的箭头实际上都是“所有人都指向的”，因此字距减少了，并且有一种专注感。

  行距是不同的。当您检查行距时，字体此时已成为一个段落，并且出现在一块中的字体是一个段落。您需要注意的是整个段落的灰度值。所谓的灰度值是字体的密度。