全站搜索

英文网站设计中字母间距的问题

网站开发 324

从排版上看,英文比中文在间距问题上,面临的困难更多。其一,中文不存在单个汉字拆开的问题,但是英文存在,需要使用连字符;其二,英文单词占用的空间更大。所以,英文网站字母间距对网站设计师来说,是一个挑战。

基于此,我们需要系统地论述这一问题。

 

字母间距调整的目的

在我们看来,调整字母间距有两个目的:

一是可读性。如果不调整,可能单词与单词之间间距较小,有的单词很难辨认,无法认识。

二是易读性。如果不调整,需要使用大量的连字符,阅读起来效率不高。

所以,英文网站,调整字母间距,是必要的工作。

调整字母间距的挑战

调整字母间距,并不是一项简单的工作,需要兼顾如下两组矛盾。

一是屏幕大小。响应式网站,可以使用不同大小的屏幕,但是,这并不意味着在不同屏幕上看起来,否很舒服。在手机上一行呈现6个单词,是较为合适的,但是如果在电脑上,一行呈现6个单词,看起来就较为空洞。

二是分辨率。低分辨率展示了网页设计元素的大尺寸,这反过来会使屏幕变大。另一方面,高分辨率压缩网页,以适应一个屏幕的网页降低可读性。由于字体大小具有固定的像素,保持较高的分辨率将使字体更大,而较低的分辨率将减少字体的大小。

如何调整字母间距?

办法一:使用大写字母

当大写字体彼此相邻时,可读性会降低,因为在短时间内区分字母变得困难。 然而,当大写字母靠近小写字母时,它提高了可读性,空白看起来更合法。因此,为了使网页设计具有足够的可读性,网页设计师经常调整大写字母之间的空间。 

办法二:正文间距调整

设计师需要处理的字体数量很多,因此,对每种字体应用相同的规则可能不是明智的做法。 尽管如此,尝试字母间距是必要的,并做必要的工作来提高可读性和外观。

办法三:调整行高

如果使用两行之间100%的空间,你可能是对的。如果行高超过120%,它会减少字母之间的空间,并需要一点调整。  

办法四:调整背景

为了创造外观和区分文本,背景的使用是标准做法。这就是为什么在深色背景下使用浅色字体可以提高可读性的原因。

只有当设计师使用粗大的字体并应用大字体时,小写字母和字符之间的字母间距才会很小。因此,有一些习惯和惯例需要遵循,而这些习惯和惯例,是在大量设计网页和网站之后形成的,是需要经验的积累。

上一篇: 下一篇:

相关推荐

  • 简单的办公软件功能开发细节(二)

    278

    主持功能(具有主持权限的参会者可以替主讲者手动标记所有参会者的签到状态、导出签到表可另存为桌面、动态控制签到表统计实时上大屏或关闭、动态实时控制不同议题的开放与关闭、动态控制投票的开放与关闭。 可按综合(上榜次数和学习时长百分比计算)、加入时间、...

    查看全文
  • 网站设计中应该避免的几种糟糕用户体验

    296

    对于那些“专注于某事”的企业来说,增长往往是首要关注点。如果用户体验中存在摩擦、bug、技术限制或其他类型的用户体验缺陷,这些缺陷会随着产品规模的扩大而放大,这就是为什么最成功的企业都是那些花时间努力不让自己发展得太快的企业。 让我们来看看当我们试图借...

    查看全文
  • 建站的背后系列:多平台布局有用吗?多大用?

    284

    【编者按】做网站、开发小程序、开发APP,配色、UI、动效、图片,对于有IT需求的企业而言,这些决策的背后,是否存在规律和逻辑。基于此,我们推出“建站背后系列”专题,寻找IT方案设计和执行背后的“暗线”。本篇分析——多平台布局的作用。  如果你是经销商,你会...

    查看全文
  • 浅谈铂迈时科技网站改版的见解

    272

    随着互联网的不断普及和技术提升,现在的人们从互联网上了解公司基本信息最直接的方式莫过于企业官方网站了,然而现在的人们随着审美的提高和公司的发展定位,很多企业的网站想把网站设计的更符合现代的潮流和企业的形象,企业的官方网站就需要进行不断的更新换代来...

    查看全文
展开更多