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

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

在空间共享式网页排版中，横跨多个区块的元素可以显而易见，也可以很微妙。Hometown Trolley网站的首页就使用了空间共享式网页排版。右侧的文本处的线条延长至左侧的图片中，将用户视觉引导到图片上，而左侧汽车的后视镜又嵌入到了右侧的文本区块中，两侧元素实现了空间的共享，这种共享又是微妙、细致的，让页面显得尤其协调。那么我们建设网站怎么排版？

 在空间共享式网页排版中，横跨多个区块的元素可以显而易见，也可以很微妙。Hometown Trolley网站的首页就使用了空间共享式网页排版。右侧的文本处的线条延长至左侧的图片中，将用户视觉引导到图片上，而左侧汽车的后视镜又嵌入到了右侧的文本区块中，两侧元素实现了空间的共享，这种共享又是微妙、细致的，让页面显得尤其协调。那么我们建设网站怎么排版?

选用大胆的字体

 

在空间共享式布局下使用有趣而独树一帜的文字也是比较不错的选择。跨越不同区块大胆独特的字体不仅可以带来独特的视觉体验，还能够创造页面重心，同时也不会降低自己的焦点位置。

 

如果你在空间共享式排版中使用大胆、独特的字体，记得选择有趣显眼的字体，应用文本也不能太短。另外，图片和背景色也要协调一致，字体与这两者要在色彩上形成对比，这样字体在整个页面上可读性才会比较高。可读性是这种设计手法中最重要的点，通常情况下，文本部分建议选择黑色或者白色的字体，虽然许多用户觉得看起来很简单，但是要平衡图片、背景和文本三个部分的配色体系，实际上还是挺麻烦的。

 

色块和文本组合

 

前面我们说过图片和文字混搭是空间共享式排版中最经典的方式之一。不过如果你的网站主页中没有图片，你同样也可以使用空间共享式设计，这时我们就要请色块和几何图形出山了，色块或几何图形与文字搭配也能呈现非同凡响的视觉效果。

 

Startup Lab的网站就将色块和文本以极其时尚的方式搭配起来，创造了好几个分层，让页面变得饱满而充实。清晰的阴影字体不仅可以突出自身作为主体的地位，还可以与二级字体形成很好的对比，合理的色彩搭配也让整个网站在视觉上很舒服，能够给用户提供不一样的浏览体验。

 

以上就是网站建设之网站排版技巧，希望对大家有帮助。