网页图文排版技巧

随着网络不断的发展，震撼、高清的全屏照片和视频在网页中使用的越来越多，光看图片还是差点意思，配上文字画龙点睛一下，那效果就非常好了，获得不少设计师和企业的青睐。这里跟大家一起分享下图片上文字排版的一些技巧。

一、 明度与文字的对比

选择明度较低或者降低照片对比度的方法凸显文字

二、 选择合适的排版位置

大家都知道在复杂的环境中不容易找到想要的东西，文字也一样，并不是所有照片把文字放上去就能有好的效果。尽量选择画面开阔或者图片信息较少的区域，这些位置相对相对干净，能够很好的排列文字。也可以在拍摄图片的时候利用技巧获得好用的照片。

三、 照片不好，创造条件也要上

调整照片颜色或者覆盖一层颜色弱化照片，把它推到远景位置。文字成为画面焦点

增加文字占的比重，重点位置设置特殊颜色突出，使文字成为画面主角。

使用渐变覆盖图片部分区域

使用背景形状放置文字

给图片添加图案，降低明度和画面对比度，突出文字使画面层次更丰富。

PS：文本越大，越吸引注意力，文本太小且多，注意力也会随之转移到阅读文字上而忽略了图像，导致画面单调。对于画面中文字与图像焦点元素的平衡根据自己需求把握调整。

不同的字体，字号，重量，颜色可以创造出非常有节奏感的排版，适当的装饰元素运用也会让排版看起来更加精美。