Contact

0574-27729591
city@city-design.cn

Address

中国·宁波·江北区同济路
云汇中心3号1312

WeChat
menu
宁波网站建设 > 新闻 > 建站优化
返回列表

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

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

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

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

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

4、保持简约

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

以上几个网站页面排版，讲究打破空间格局，相比传统，可以巧妙地让视觉更灵动，如果喜欢与众不同，不妨一试！

宁波网站建设：
这种设计手法非常容易识别，文字排版部分通常会从页面的一个区域，延伸到另外一个模块所在的区域，比如某个图片上的文字内容延伸到另外一个图片或者彩色区块当中，共享了其他组件的空间。这种设计所牵涉到的页面图层的实现方式会很有意思，因为它可以承载很多富有创造力的设计。所以，接下来我们一起来看看一些典型的设计手法：
上一篇：如何制作网站看起来更有设计感
下一篇：一个网站建设的周期一般需要多久？
TAG:
相关新闻
WORKS
work案 例
about关 于

我们崇尚简约、极致的原创设计，每一个 作品案例都深受客户的喜爱，想知道我们可以提供哪些服务，请到关于我们进一步了解，如果您需要我们的帮助，请联系我们。

高端网站建设 解决方案 项目案例 关于城池 新闻动态 联系城池
CONTACT

0574-27729591

15824279580

city@city-design.cn

中国·宁波·江北区同济路
云汇中心3号1312

在线联系
微信扫码联系
WECHAT
©CITY-DESIGN.CN ALL RIGHTS RESERVED. 浙ICP备14034548号-3
sitemapxml / 城池

联系我们

Tel

0574—2772 9591
158 2427 9580

IM
微信扫码联系
WECHAT
很遗憾，您现在使用的是低版本的浏览器，为了更好的浏览体验，建议使用Chrome(谷歌浏览器)访问我们的网站。