首页/百家讲堂/网页图文排版技巧

网页图文排版技巧

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

一、 明度与文字的对比

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

网页图文排版技巧

网页图文排版技巧

网页图文排版技巧

网页图文排版技巧

网页图文排版技巧

二、 选择合适的排版位置

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

网页图文排版技巧

网页图文排版技巧

网页图文排版技巧

网页图文排版技巧

网页图文排版技巧

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

网页图文排版技巧

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

网页图文排版技巧

网页图文排版技巧

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

网页图文排版技巧

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

网页图文排版技巧

网页图文排版技巧

使用背景形状放置文字

网页图文排版技巧

网页图文排版技巧

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

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

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