如何处理大段居中文本?

平面设计 网站设计 文本 结盟
2022-01-03 07:25:14

我一直在为自己制作一个非常简单的作品集网站,我使用的模板对于所有文本都是中心对齐的。我对自己有点模糊,我不知道这是否是处理这么多中心对齐文本的最佳方式。读起来感觉眼睛有点别扭。我只是在想象事情还是有更好的方法来做到这一点?

很多居中的文字!

编辑 1:我的网站基于这个免费模板,它也有一些较大的居中对齐文本部分。我想左对齐文本,但我不知道它是否适合网站其他部分的外观。

编辑2:

所以我翻转了颜色,所以它是白底黑字。这就是它现在的样子,也带有 sens-serif 字体。我还包括了链接在那个白色背景上的样子——我可能需要把它变暗一点:

白底黑字

编辑 3:

好吧,我在项目符号上的尝试是有道理的。我很快就会解决这个问题。我需要正确设置字体大小,但你明白了。

左有道理!

4个回答

居中对齐段落文本通常不是一个好的选择。人类的理解力已经过尽职尽责的训练,可以以某种方式查看文本,当您将段落文本居中对齐时,您会要求读者非常努力地工作并保持文本的视觉路径。

在看简短的一两句话、段落时,这种感觉不会很大。但是文本越多,情况就越糟糕。

这是一篇关于文本对齐的文章

UX.SE 有一个相关的问题:左对齐文本通常比居中文本更可取吗?

如果左对齐不是一种选择(不确定为什么会这样),您可能需要重新考虑设计。

(旁注:网络上的反向类型对读者来说也困难。)

如果您对使用模板一无所知。我建议将所有区域中的段落文本左对齐,并使用左侧的假想位置将它们全部对齐。例如,我会定义一个内容区域并在该区域内左对齐:

在此处输入图像描述

事情会更容易“阅读”......

在此处输入图像描述

如果文本少了 2 或 3 段,我就不会有问题。居中适用于少量文本,但在文本过多时会成为可读性问题。

从这个角度来看,左对齐优于居中(或右对齐)。

与段落居中的文本相比,左对齐文本更易于阅读。这是因为当您将文本居中时,每行的起始位置都会发生变化。这迫使您的用户更加努力地找到每一行开始继续阅读的位置。

原因归结为您的眼睛过度锻炼以理解文本。就我个人而言,我觉得我的视线被拉到了文本的中心,例如注意到 Matlab/VHDL 和 Python C++ 之类的词。他们确实让我了解了您的工作,但您不仅要列出技能,还要描述自己。

话虽如此,文本并不是很长,将其居中是一种设计“声明”。因此,如果您想保持这种状态,我会考虑添加一些视觉线索来帮助浏览文本。例如,将一些单词或短语加粗,或改变它们的大小。您还可以使用颜色来突出显示语言。我敢肯定,并非您的所有文本都具有相同的相关性,因此它们看起来不应该都相同。

其他人已经对居中的文本提出了有效的观点,所以我不会重复。

您还应该考虑其他一些事项:

  • 细衬线字体(小字体或其他细字体)不是反转文本的好选择。从本质上讲,它使阅读与居中文本一样难。想想那些拥有旧显示器或廉价设备的人,他们根本无法阅读文本。

  • 使用一些更具个人风格的字体,简单的 Georgia 或 Times 可能是需要快速加载的文本繁重的网站的不错选择,但在 2015 年,几乎每个网页设计师都痴迷于排版查看http://www.google.com/fonts/上的字体有很多清晰易读的 serif 和 sans-serif 字体会让您的访问者惊叹不已。使用对比,搭配一些漂亮的字体,使用不同的粗细等等。

  • 我认为该网站是关于您的,并且内容不会很重。为您的主页创建一个漂亮的大英雄形象。就像您正在使用的典型设备或典型工作环境的精美照片一样。将其设置为背景图像并在其上放置一些漂亮的大文本这几乎总是对您的访问者产生很好的影响。

  • 结构化你的文本,如果你列出东西,使用列表,使用标题。有很多选项可以使文本看起来不错。平淡无奇的陈旧段落如今已过时。

一般来说,有大量居中对齐的文本是不好的,因为它根本不是很可读。我们跟踪左对齐的文本行(或 RTL 语言的右对齐)比居中对齐的更容易。

特别是对于这种类型的信息,我建议使用左对齐分段布局,其中包含每个技能的部分,而不是像您目前拥有的段落结构。它使其简短、易读且易于扩展。它还添加了 Yisela 所说的视觉提示。

这可能看起来像这个非常粗略的例子

分段示例

最好添加一个时间框架,说明您已经完成这些事情多长时间,以提供您在这些事情上的出色程度的参考。它可以紧挨着专业标题,但可能需要比标题更少强调。