现代网页设计最佳实践:页面布局

在过去的十到二十年中,网站设计的发展速度如此之快,以至于很难跟上当前的趋势和最佳实践。不久之前,基于表(table)的网页设计被认为是最先进的,而CSS则是闻所未闻的。为了解决这个问题,有时几乎不可能找到关于“正确设计”最新信息。

为此,我们已经收集了100多种用于设计现代网站的最佳实践,涵盖了从CSS和编码到图像、图形和版式的所有内容。连同实践本身一起,您可以获取更多信息,以帮助您直观地了解我们在说什么。

不要害怕负空间(留白)

尽管有负空间,负空间还是一个重要的网站设计元素。基本上,负空间由设计中不包含内容(文本或图像)的区域组成,——使您的站点看起来不那么拥挤混乱。

使用网格布局作为您的设计基础

使用网格作为设计的基础,可以使设计的不同元素保持一致并保持平衡。尽管有其名称,基于网格的设计乍看之下并不一定看起来像是基于网格的。

注意折叠后会出现什么内容

确保您的网站上的内容在首次加载页面时以不同的分辨率显示在屏幕上,这是您认为对访问者最重要的内容。这通常包括标题,至少部分导航和主要内容。

优先考虑页面上的信息

您网站上的不同信息应具有不同的重要性级别。您的设计以及对不同元素的强调应反映出它们在您网站的宏伟计划中的重要性。

力求设计平衡

在某种程度上,平衡有点主观。对称设计是平衡站点最明显的例子。但是平衡不一定等于对称。只要将不同元素的放置方式确保站点的一侧不会压倒另一侧,那么非对称设计也可以达到很好的平衡。

在布局中使用CSS

该列表甚至不需要出现在此列表中,但实际上,表格从未真正用于站点的结构和布局。表最初是用来组织数据的,仅此而已。但是CSS创建了一个比表更干净,更精简和更快的加载站点。另外,当前的网络标准坚持使用CSS来布局网站,以便HTML进行验证。

注:本文翻译引用自国外