网站建设之网站排版技巧(上)

发布时间:2022-05-14 12:48:44 作者: 来源: 浏览量(1450 )
摘要:什么是空间共享式网页排版?不少人将空间共享式网页排版看做是分屏设计的一种延伸。不过相比界线分明的分屏式设计,空间共享式网页排版的核心在于某个元素同其他元素共享空间,元素可以横跨多个图层或区块,有时甚至会...

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

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

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

混搭图片和文字

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

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

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

扫一扫二维码,直接手机访问此页

扫码访问手机页面

【免责声明】本网站的部分文章信息(文字、图片、音频视频文件等资源)来自于网络,均是为公众传播有益咨询信息之目的,其版权归版权所有人所有。 本站采用的非本站原创文章及图片等内容无法一一与版权者联系,如果本站所选内容的文章作者及编辑认为其作品不宜供大家浏览,或不应无偿使用, 请及时联系我们删除,同时向您深表歉意!请发送邮件153462496@qq.com进行联系。

感兴趣吗?

欢迎联系我们,我们愿意为您解答任何有关网站疑难问题!

在线客服
嘿,我来帮您!