如何处理居中文字的大段文字?


11

我一直在为自己开发一个非常简单的投资组合网站,并且我使用的模板对于所有文本都居中对齐。我对自己有些怀疑,我不知道这是否是处理这么多居中对齐文本的最佳方法。我的阅读感觉有点尴尬。我是在想象事情还是有更好的方法来做到这一点?

很多居中的文字!

编辑1:我的网站基于此免费模板,该模板也有一些较大部分的居中对齐文本。我想对文本进行说明,但是我不知道它是否适合网站其余部分的显示方式。

编辑2:

因此,我将颜色翻转为白色的黑色文本。这就是现在的样子,也带有sens-serif字体。我还提供了该链接在白色背景上的外观-我可能需要将其变暗一些:

黑底白字

编辑3:

好吧,我尝试在要点上说得很对。我将尽快解决。我需要正确设置字体大小,但是您明白了。

左对齐!


为什么需要指出您会说英语?在其他国家/地区,如果您会说一种或多种外语,则会在简历中做笔记。
imrek 2015年

1
@DrunkenMaster您假设Stacey在英语国家中。:)
斯科特(Scott)

我所在的国家/地区拥有11种官方语言,而且能说母语的英语在我的比赛中并不普遍。

@Scott检查她的位置,南非说。无论如何,居中文本不是唯一的问题。黑色背景上的白色细字母很难阅读,特别是衬线字体。如果需要带小写字母的反向文本,请使用sans-serif字体,这样更容易辨认。否则,您可以使用很多漂亮的网络字体,使您的生物更具个人风格,毕竟在2015
。– imrek

@DrunkenMaster,我们绝对欢迎您提出任何问题的答案-涉及到这一点,我是一个完全的菜鸟(您可能会说!),需要我能提供的所有帮助。

Answers:


10

居中对齐段落文本通常不是一个好的选择。人们已经对人类的理解力进行了一定的训练,可以以某些方式查看文本,并且在居中对齐段落文本时,要求读者非常努力地工作,并保持通过文本的视觉路径。

当看简短的一两个句子的段落时,这在很大程度上没有感觉到。但是,文字越多,效果越差。

这是有关文本对齐的文章

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

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

(旁注:在Web上反向输入对读者来说也困难。)

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

在此处输入图片说明

事情将更容易“阅读”。

在此处输入图片说明


看来我选择的模板有几个问题!我想这就是您免费获得的东西。

我注意到模板已完全设置好,但我想在放弃并找到其他内容之前进行适当的尝试。

我只知道高对比度的反向字体比文本对齐更能吸引用户。
斯科特(Scott)

如果有机会,我已经决定将其切换为白色的黑色文本。

我刚刚切换了颜色。参见编辑。

5

如果文本少2或3个段落,我不会有任何问题。居中对少量的文本效果很好,但是当文本过多时会成为可读性问题。

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

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

推理会落在您过度理解文本的眼睛上。就我个人而言,我觉得我的视线被拉到了文本的中心,注意到诸如Matlab / VHDL和Python C ++之类的单词。他们确实让我对您的工作有所了解,但您不仅在尝试列出技能,还在描述自己。

话虽这么说,但文字不是很长,而居中是设计的“声明”。因此,如果您想保持这种方式,我会考虑添加一些视觉提示来帮助导航文本。例如,使某些单词或短语变为粗体,或改变其大小。您还可以使用颜色突出显示语言。我确定不是所有的文本都具有相同的相关性,因此它看起来不应该全部相同。


2

其他人已经对居中文字提出了有效的观点,因此我不再重复。

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

  • 细衬线字体(较小的字体或其他细字体)对于倒排文本不是一个好的选择。本质上,它使阅读与居中文本一样困难。考虑一下带有旧显示器或廉价设备的人,他们根本无法阅读文本。

  • 如果您使用某些字体更具个人风格,对于需要快速加载文本的繁重站点,普通的Georgia或Times可能是一个不错的选择,但2015年,几乎每个网页设计师都对版式着迷。在http://www.google.com/fonts/上查看字体有很多清晰易懂的衬线和无衬线字体会让您的访问者赞叹不已。使用对比度,配对一些漂亮的字体,使用不同的粗细,等等。

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

  • 结构化文本,如果要列出内容,则使用列表,使用标题。有很多选项可以使文本看起来不错。普通的旧沉闷段落如今已过时。


2

通常,拥有大量居中对齐的文本不是很好,因为它根本不是很可读。与居中对齐的文本行相比,我们更容易跟踪左对齐的文本行(对于RTL语言,右对齐)。

特别是对于此类信息,我建议使用左对齐的布局布局,各部分由每种技能组成,而不是像您当前拥有的段落结构那样。它使其简短,易读且易于扩展。它还增加了像伊塞拉所说的视觉提示。

这可能看起来像这个极其粗糙的示例

分节示例

最好增加一个时间框架,说明您完成这些事情的时间,并提供您在这些方面的表现的参考。它可以紧挨专业名称,但可能需要比名称少强调。


2

如果内容复杂或变化,则标题是一个好主意。但是,根据您的情况,还可以从改进的段落结构中受益。例如,可以将前两段合并,以使您的学历与您的身份相关。总的来说,这可以使读者更好地了解自己,同时保持讨论的畅通。

我正在编写的段落是用作模板的好例子。您可以在第一行做一个简短的陈述,然后进行比较,对比或其他信息。随后可以通过一行或两行提供示例或其他相关信息,以更好地将信息传达给您的听众。最后,以链接词结尾,对您所说的内容做出结论。

考虑以下:

我叫史黛西,我是一名合格的工程师。我获得了工程学士学位,在过去的五年中,我获得了设计数字系统的知识和技能。我设计的系统示例包括(...)。除了我的技术知识,我还是一位会说英语的母语人士,并且接受过专业英语交流方面的正规教育。

第一行打到家,说出你是谁,做什么。第二行说明了为什么要成为合格的工程师才有意义。第三行提供了支持您的技术专长的示例。最后一行将您的技术技能与其他专业技能联系起来。总体而言,该段提供了改进的结构,流程和质量布局。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.