一个简单的指南,以提高Web版式

日期:2011年09月19日

随着大大改善了浏览器,文字渲染和高分辨率屏幕的出现,技术已不再是为贫困排版的借口。在许多方面排版可雅和设计师的思想表达时明智地选择。

今天,我不会网络目前唯一的指引考虑在你的掌握排版,但给你有用的工具,技术和资源来帮助你实现有效的设计。

随意建议在评论部分中的任何其他工具或资源。

 

点击浏览下一页

 

在上下文

要设置你希望的讯息沟通语气,你必须首先明智地选择你的字体。

  • 它允许读者调整到正确的设定和概念封装的信息。
  • 而选择合适的字体的评价应该从这样的高度,然后分解成技术位了。
  • 保持内容的性质在此过程中考虑,看看是否和如何反映的内容类型。
  • 阅读给定的文本找出整合和传达其网站上的全部潜力的最佳方法。

 

创建层次结构

每个站点需要一个发达的层次:从哪里开始读,如何进行指标。

  • 你可以规定,排版层次,只要你知道你的等级秩序提前。
  • 通过关于大小和类型的面孔思想,可以突出显示的文字作为一种方式,在设计不同的位置就不能提供标题件。

点击浏览下一页

尽可能使用无衬线

无衬线几乎总是最好的选择使用屏幕上,衬线字体可能变得模糊或像素化而。虽然它的使用通常使用的文字你把你的读者的眼睛少了很多压力不再组织无衬线字体的衬线的,网页排版。宋体是一个伟大的Web字体选择,因为它被设计为在计算机上显示出来。

领先

如你所知,是导致两行之间的空间量。每页不同,但这里有一些一般规则要牢记网址:

  • 长文本行可能需要额外的领先地位。
  • 大胆的无衬线式面或需要更多的领导。
  • 类型在非常小的尺寸设置,说8点或以下,可能需要额外的领先地位。
  • 领导会影响你的页面的密度,因此,如果您的网页似乎有点暗,尽量增加更多的领导。
  • 标题可能需要负领先的WhereType实际(或几乎)overlaps.Negative领导在换言之,行高值小于1,可以在提供的文字照顾小品采用的是采取措施,确保上升部和降不要碰撞。例如:

应该指出的是,有些浏览器默认情况下,加少许领先:例如Safari和互联网浏览器,而另一些,如Camino和Firefox的,而不是周四

标题

默认情况下,浏览器将呈现<H1>查看网页上的文本加粗。文本将被格式化了字体的大小。而文本将驻留在与自己的行自动换行的上方和下方(类似于双倍行距标题,在你的文字处理器类型。)

  • 对比的色彩更加突出,因此使用它们的主要部分的标题。
  • 这不是所有关于大小。实验与色彩变化,亮度/黑暗,字体样式,如斜体和粗体。
  • 较大的标题,更有趣的字体即可。这可以是一个很好的机会,用一个很酷的自定义字体。对于较小的标题,保持简单。
  • 像谷歌搜索引擎方面的这个标记的文本内容是非常重要的,所以必须每天使用的在网页上。
Tags:网站维护
上一篇文章:Tumblr:微博入门指南 - 第1部分
下一篇文章:最好的办法来设计移动网页