我们能够从报纸设计中学到哪些网站设计技巧?
402设计工具会变化,从纸笔手绘到软件鼠标。 设计潮流会变化,从复古设计到扁平设计。 但是,设计理念会延续。基于这一理由,古早的报纸设计与网站设计,我们认为,是存在很多相通之处的。并且,设计是需要经验积累,不断摸索的,是需要时间的。报纸从出现至今,已经...
查看全文全站搜索
从排版上看,英文比中文在间距问题上,面临的困难更多。其一,中文不存在单个汉字拆开的问题,但是英文存在,需要使用连字符;其二,英文单词占用的空间更大。所以,英文网站字母间距对网站设计师来说,是一个挑战。
基于此,我们需要系统地论述这一问题。
字母间距调整的目的
在我们看来,调整字母间距有两个目的:
一是可读性。如果不调整,可能单词与单词之间间距较小,有的单词很难辨认,无法认识。
二是易读性。如果不调整,需要使用大量的连字符,阅读起来效率不高。
所以,英文网站,调整字母间距,是必要的工作。
调整字母间距的挑战
调整字母间距,并不是一项简单的工作,需要兼顾如下两组矛盾。
一是屏幕大小。响应式网站,可以使用不同大小的屏幕,但是,这并不意味着在不同屏幕上看起来,否很舒服。在手机上一行呈现6个单词,是较为合适的,但是如果在电脑上,一行呈现6个单词,看起来就较为空洞。
二是分辨率。低分辨率展示了网页设计元素的大尺寸,这反过来会使屏幕变大。另一方面,高分辨率压缩网页,以适应一个屏幕的网页降低可读性。由于字体大小具有固定的像素,保持较高的分辨率将使字体更大,而较低的分辨率将减少字体的大小。
如何调整字母间距?
办法一:使用大写字母
当大写字体彼此相邻时,可读性会降低,因为在短时间内区分字母变得困难。 然而,当大写字母靠近小写字母时,它提高了可读性,空白看起来更合法。因此,为了使网页设计具有足够的可读性,网页设计师经常调整大写字母之间的空间。
办法二:正文间距调整
设计师需要处理的字体数量很多,因此,对每种字体应用相同的规则可能不是明智的做法。 尽管如此,尝试字母间距是必要的,并做必要的工作来提高可读性和外观。
办法三:调整行高
如果使用两行之间100%的空间,你可能是对的。如果行高超过120%,它会减少字母之间的空间,并需要一点调整。
办法四:调整背景
为了创造外观和区分文本,背景的使用是标准做法。这就是为什么在深色背景下使用浅色字体可以提高可读性的原因。
只有当设计师使用粗大的字体并应用大字体时,小写字母和字符之间的字母间距才会很小。因此,有一些习惯和惯例需要遵循,而这些习惯和惯例,是在大量设计网页和网站之后形成的,是需要经验的积累。
设计工具会变化,从纸笔手绘到软件鼠标。 设计潮流会变化,从复古设计到扁平设计。 但是,设计理念会延续。基于这一理由,古早的报纸设计与网站设计,我们认为,是存在很多相通之处的。并且,设计是需要经验积累,不断摸索的,是需要时间的。报纸从出现至今,已经...
查看全文创业艰辛,大家都知道,但尽管是九死一生,依然有很多怀揣自己梦想,不甘于一辈子打工的创业者不断努力尝试。现在是2020年底,马上进入2021年,互联网已经变得非常成熟,大家也都知道且熟悉从互联网获取信息。那么作为一个初创企业,能否通过互联网成功推广自己的业...
查看全文轻量化已经成为一种设计趋势,从工业设计到消费品设计,都在追求轻量化。而平面设计和网站设计,似乎也有和这种趋势。 基于这样的发展趋势,我们有必要重新审视企业官网,看看企业官网中,是否存在一些内容、栏目、功能、插件,可以去除的?在线对话功能存留商榷目...
查看全文在thinkphp3.2的模板渲染中最常用的模板标签 <volist name=”” id=””><volist>标签 主要是对查询的数据结果进行遍历循环 name是php查询数据库返回的数据集,id是当前循环的变量,可以随意定义 但是不能与name冲突,首先在控制器中首先对模版赋值...
查看全文