互联网技术 · 2024年2月6日 0

创新的页面设计:尝试空间共享式排版

在网站之间的竞争愈发激烈的今天,很多站长也许已经在思索如何从页面排版方面入手,来提升自己网站的竞争力,给用户带来耳目一新的感觉。今年,有一种空间共享式的网页排版开始火热,这种排版模式让各种元素跨越不同的板块,就能让整个网站充满层次感,也可以个用户带来很好的视觉享受。

那么,什么是空间共享式的网页排版呢?

共享空间其实就可以看做为分屏设计的一种变种,由老式的界限分明的分屏设计延伸而来。其特点就在于,让页面中的很多核心元素不再被分屏所限制,而是让其存在于多个空间与其他元素进行共享。同时,这里的空间也不再局限于分屏,而是包括多个图层或区块,有时为了达到更好的视觉效果,还会出现元素互相叠加的设计。

这种排版有很多好处,如可以使重点信息的层次更加分明,这样可以帮助用户更好的理解网站的内容;也可以让网页间的各个元素得到更好的联系,就可以让这些内容更好地被承载,尤其是一些文本元素,使之可以被安排在更为瞩目的区域。下面,我们为大家列举一些常见的空间共享式排版方式:

图片与文字混搭

在共享空间排版中,混搭文字与图片是最先出现的,也是被使用次数最多的一种方式。越来越多的设计师喜欢在这种排版样式中使用竖直的图片——在以往由于电脑屏幕都为横屏,所以水平的图片的使用更为广泛。

这种竖直的图片可以让文字的使用变得更加自由,人们不再需要一味的将图片作为背景或是配图,而是可以让文字横跨过图片与空白区域,以此来提升页面的视觉效果。

当然,这种混搭的方式中,文字的使用十分灵活,你既可以让文字跨越图片与空白区域,同时也可以让文字在任何一个你希望的地方单独出现。

使用独特、夸张的字体

传统的页面排版中出现的文本,绝大部分以标准字体为主。但是在空间共享式排版中,就可以摆脱这个枷锁,让设计师们尽情的发挥。

因为独特的字体明显会在跨越不同区域的表达方式中的表现更加亮眼,这些平常非常少见的字体在空间共享式排版中可以强烈的表现出页面的重点,同时也不会产生违和的感觉。

但是,如果你选择了这种字体,需要注意的是一定要选择一些显眼的字体,并且文本的长度不能过短。此外,字体的颜色要与背景色相关,取对比色往往是不错的选择,因为这样可以有效的提升文本的可读性。虽然这种排版模式非常新潮,但是想要协调好不同元素以及字体颜色的搭配,还是需要费一些脑筋的。

色块与文本相结合

随着空间共享式排版的不断更新,色块与文本相结合的设计也越来越多。相比于图片与文本的结合,色块结合文本会给人一种简单、干练的感觉。明朗的几何色块加上文字,这些看似简单的元素搭配在一起往往能够达到意想不到的效果。如果你苦于找不到合适的图片,不如就请色块出山吧。

空间共享式设计体现出的更多是一种现代化的风格,运用得当能够给用户提供非常棒的视觉享受,并且对比于传统的页面设计,其实空间共享式排版也并不复杂太多,只要掌握了技巧和一定的设计理念,就可以设计出非常好看的页面了。