网站建设之网站排版技巧（上）

• 作者：新网
• 来源：新网
• 浏览：100
• 2018-02-23 17:50:37

什么是空间共享式网页排版?不少人将空间共享式网页排版看做是分屏设计的一种延伸。不过相比界线分明的分屏式设计，空间共享式网页排版的核心在于某个元素同其他元素共享空间，元素可以横跨多个图层或区块，有时甚至会出现元素相互叠加的情况。

 什么是空间共享式网页排版?不少人将空间共享式网页排版看做是分屏设计的一种延伸。不过相比界线分明的分屏式设计，空间共享式网页排版的核心在于某个元素同其他元素共享空间，元素可以横跨多个图层或区块，有时甚至会出现元素相互叠加的情况。

这种排版布局方式有两个好处，一方面，网页元素是相互区分(带有分屏式设计的特点)，重点信息层次分明，有助于用户更好的理解网站重要内容。另一方面，网页的元素又是互相融合的，两个矩形的卡片式是相互连接的，这使得元素可以更好的被承载，尤其是文本元素(突破了分屏式设计的限制)。空间共享式网页排版除了可以应用在网页设计中，它还能在海报或明信片设计发挥自己的光和热。

 

下面是空间共享式排版的一些应用方式：

 

混搭图片和文字

 

在空间共享式排版中，图片和文字混搭算得上是最经典的设计方式了。很多设计师喜欢在共享式排版中使用垂直定向的图片(这种图片一般在网站中不常用，因为大多数设备屏幕以横向为主)。在这种排版样式中，文字的应用也相当自由，它既可以横跨横跨图片或留白存在，也可以在各个区域中单独使用。图片和文字的混搭往往可以给用户留下印象深刻的视觉效果。

 

The Square Apartments网站就是一个栗子。它在首页使用了空间共享式排版方式，上方的标题横跨了图片和文本区块，而下方的细节文字说明又是单独存在的，文字和图片的属性都被淋漓尽致的展现出来。图片和文字混搭的方式还有一个好处，由于文本需要跨越不同的区域，配色不用保持完全的统一，根据文字周围的背景色进行调整，这样的设计简单而容易上手。这也是空间共享式排版设计中最简单易学的一种样式。

 

以上就是网站建设中网站的排版技巧。