全站搜索

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

网站开发 364

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

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

 

字母间距调整的目的

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

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

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

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

调整字母间距的挑战

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

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

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

如何调整字母间距?

办法一:使用大写字母

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

办法二:正文间距调整

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

办法三:调整行高

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

办法四:调整背景

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

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

上一篇: 下一篇:

相关推荐

  • 企业产品的网站售后体系搭建

    306

    企业产品在销售后经常会出现售后问题,一般分为几种售后类型 1、对于产品性能、功能不了解想要做进一步的咨询,达到熟知的程度; 2、技术性问题需要销售方技术人员介入来辅助解决问题; 3、产品质量问题需要退换维修处理。良好的售后服务能够极大的增强消费者对于...

    查看全文
  • 网站前端页面制作中常用的伪类效果

    337

    一个绚丽多彩的页面,少不了页面中各种各样的效果组成,页面中的效果除了html里面的布局组成,还需要css中的各种属性等。譬如,页面中的一些常见的效果可以用伪类来实现。而伪类和伪元素看起来又很相似,伪类和伪元素的区别,伪类和伪元素都可以用来设置对象的内容,...

    查看全文
  • 网站设计如何让视觉画面更有层次感

    358

    一个网站,是由好几个内容模块组合而成。这几个模块之间相互相承,独立发挥它特有的作用,几个模块组合起来又是一个统一好看的整体。一个好的网站,必须要做到每一个模块都是那么的引人注目。那么如何才能做到吸引人的目光,延长客户个停留时间呢?这一期,我们从视...

    查看全文
  • 网站建设开发怎么做?网站建设开发功能有哪些

    348

    网站已经是非常成熟的东西了,网站建设自然也不陌生了,其实现在大部分中大型公司都有自己的网站,大家遇到问题也会首先想到到网站上查找答案。如今互联网已经非常成熟了,现在互联网上能够轻松完成人们的生活和娱乐需求,而且互联网也有着很多商机,这也让更多人开...

    查看全文
展开更多