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

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

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

183599813.jpg
这种排版布局方式有两个好处,一方面,网页元素是相互区分(带有分屏式设计的特点),重点信息层次分明,有助于用户更好的理解网站重要内容。另一方面,网页的元素又是互相融合的,两个矩形的卡片式是相互连接的,这使得元素可以更好的被承载,尤其是文本元素(突破了分屏式设计的限制)。空间共享式网页排版除了可以应用在网页设计中,它还能在海报或明信片设计发挥自己的光和热。
 
下面是空间共享式排版的一些应用方式:
 
混搭图片和文字
 
在空间共享式排版中,图片和文字混搭算得上是最经典的设计方式了。很多设计师喜欢在共享式排版中使用垂直定向的图片(这种图片一般在网站中不常用,因为大多数设备屏幕以横向为主)。在这种排版样式中,文字的应用也相当自由,它既可以横跨横跨图片或留白存在,也可以在各个区域中单独使用。图片和文字的混搭往往可以给用户留下印象深刻的视觉效果。
 
The Square Apartments网站就是一个栗子。它在首页使用了空间共享式排版方式,上方的标题横跨了图片和文本区块,而下方的细节文字说明又是单独存在的,文字和图片的属性都被淋漓尽致的展现出来。图片和文字混搭的方式还有一个好处,由于文本需要跨越不同的区域,配色不用保持完全的统一,根据文字周围的背景色进行调整,这样的设计简单而容易上手。这也是空间共享式排版设计中最简单易学的一种样式。
 
以上就是网站建设中网站的排版技巧。
 

免责声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,也不承认相关法律责任。如果您发现本社区中有涉嫌抄袭的内容,请发送邮件至:operations@xinnet.com进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

免费咨询获取折扣