青岛网站建设_小程序开发_品牌设计_圭谷设计

青岛网站制作的网站排版

分类:网站建设 浏览次数:4140 2018-11-30
满意回答
2018-11-30

我们经常认为写作是一件简单的事情;我们经常认为使用正确的语法、决定元素在页面布局中的顺序以及选择视觉效果好的字体就足够了。但是排版的艺术包含很多经常被忽略的因素,对于网站而言更是如此,整个写作和发表过程是沉浸式的,文本的质量经常被忽略。在这一章,我们将会展示很多不同的排版技术、良好的实践和一些经验之谈,同时也包括常见的排版错误。但是首先让我们仔细看一看网站排版的一些基本概念。

20180705150814_8372

清晰度受字体设计、屏幕优化和微观版式影响。它与彼此可以相互识别单个字符、字母或字形相关。我们不能改变字体的外形,但是可以选择正确的字体,并且选择相应的版式。当涉及清晰度问题时,许多设计师在一些标准、探索法和排版技巧上达成了共识。比如,大写字母会比小写字母更难以扫读,正体字比斜体字更容易识别。在正文文本和背景间合适的对比会提高清晰度,正如适宜的行宽和行高所产生的效果。与字母的下半部分相比,上半部分对于扫读的意义更大,然而升部(ascenders)和降部(descenders)的高度对于字母的识别具有重要作用,这也是很多人认为有衬线(serifs)字体更容易识别的原因。正如你所看到的,当我们谈到清晰度时,很多因素都在起作用。可读性是设计主要关注的问题。它受布局、内容块的摆放和独立栏目的展现影响。我们可以通过很多方式保证可读性,其中很多方式都受读者习惯影响。从根本上讲,人们“读”网站内容的方式和读印刷品的方式不同。理解这种行为和为这种行为进行设计非常关键,这也是用户体验设计的要点。网站排版需要深思熟虑。行宽(measure 或line length)就是每行文本的长度。最佳的长度取决于上下文,但是对于左对齐的文本块,45 到75 个字符(包括标点符号和空白)之间的长度值得推荐。66 个字符被认为是最佳的长度:这个长度阅读起来最舒服,使眼睛不必在本行结束和下一行开始之时移动太远的距离。不要让行宽太短,因为频繁地在行与行之间移动,同样会使眼球疲劳。

令人惊讶的是,我们最近关于版式设计[注释]的研究发现,包含大量文本、排版相关的网站(新闻、杂志和排版相关的博客等)有更长的行宽,通常在70到100 个字符之间(每行最多的字符数)。总体上,每行的字符在75 到85个之间。不过,目前还没有研究表明这样的行宽是否会带来更好或更坏的可读性。

另外,很多网站是多栏布局。行宽在多栏布局中可能会短一些。根据习惯,对齐的文本通常在区域的下半部分;但是不需要精确控制单词间的空白和连字符,较长的行在浏览中的显示效果会更好一些。

虽然设置正确的行宽很重要,但是可读性可以通过正确的行高(leading 或line height) 显著提高。行高就是一行文本的垂直高度。它是两个连续文本之间的距离,或者说是两行文字基线之间的距离。为了防止一行的降部覆盖下一行的升部,必须保证足够的行高。在默认情况下,浏览器会把行高设定为1em,或者字体大小的1 倍,这个高度通常会显得太小以至于不好辨析字体。一个被广泛接受的经验是,把段落的行高设定为字体大小的1.5 倍。实际上,根据我们对平均行高的研究发现,这个约定俗成的行高仍然在被广泛使用(平均行高是字体大小的1.48 倍)。作为一个简单的指导,行宽越大,行高也应越大。

注意到我们在CSS 中可以通过无确定单位的整数来定义行高值。这个数字作为度量因素和字体大小相关,并确保在文字大小改变后,行高也发生相应的变化。总体来说,无衬线(sans serif)字体比衬线(serif)字体需要更大的行高,页眉比正文需要更少的行宽。同样,较粗字体比较细的字体需要更大的行高。

网站名片  _副本


标签:

Copyright All Rights GreatGoal Design co.,ltd. 鲁ICP备16002128号-3      技术支持: @圭谷设计