menu

打破格局的网页排版设计方案

2019-10-29
越来越多的网站设计内容开始采取别具一格的排版设计,其中最典型的一种,就是让文字布局横跨不同的元素所处的区域,让排版和其他的模块共享空间。这种设计可以打破界面的沉闷性,脱离常规的图文排版。

1、空间共享式
宁波网站设计
右侧文本部分伸出一条线,将用户视觉引导到左侧的图像当中,如果你仔细观察,还会发现左边汽车的后视镜从背景中突出并延伸到右侧的文本区块当中来。
 
如果设计得合理的话,这种设计手法能够借助元素区域的叠加,有效的帮助用户更好地了解内容和信息。共享的区域成为了不同区块和不同信息的连接。这种设计的另外一个好处在于,文本内容可以更好的被承载,共享的模式就像是两个相互连接的巨型卡片模块。

2、图文混排
宁波网站建设
文本字母可以横跨图片和留白,也可以在各个区域单独地使用,合起来看和分开看都含有意义,就像视觉化的“双关”。这样的设计有一个好处,由于文本需要跨越不同的区域,配色不用保持完全的统一,根据文字周围的背景色进行调整,这样的设计简单而容易上手。难的地方在于文本内容的分拆和合并的状态下,表达的含义是否都合适。

3、色块与文本搭配
网页排版
图片和文本的搭配的优势在于,即使页面没有图片,也同样可以实现空间共享式的排版设计,使用色块、几何图形和文本,是一样的道理。将色块和文本以极其时尚的方式搭配起来,文字横跨白色的背景和不同的色块,合理的色彩对比让整个视觉显得微妙又舒服。当然这也考验设计对于色块的颜色把控,尽可能地采用低饱和度色彩,打造舒适柔和的视觉体验。

4、保持简约

在绝大多数的情况下,简约的设计还是非常有效的。虽然这是老生常谈,但是它完美的规避了复杂设计所面临的各种问题,高效直接的排版设计也更容易发挥作用。这个时候,一个简单的空间共享式的排版就能够让用户立刻注意到,并且发挥效果。如果你不知道从何入手,可以尝试使用最简单的极简布局框架,使用黑色的文本和白色的背景,让彩色的图片成为视觉焦点。

以上几个网站页面排版,讲究打破空间格局,相比传统,可以巧