售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 建站教程

图文排版的几个小技巧(下)

网站编辑:小润 | 发表时间:2019-02-02 20:24:08

三、利用景深

利用图片的景深不同,在失焦的地方置放文本也能突出文字,增加可读性,达到效果。

优秀实例:Une.ch/creation

四、图片选择

图片会传递情感,所以选择图片的时候,要联系设计中的场景,文本也要切合图片。

小建议:

一句话表达内容,让访客知道点击图片会发生什么。

不要选择有聚焦有问题的图片

图片要高清大图,如果有必要,可以选择滤镜或者磨砂。

优秀实例:Pixelgrade

Formula1data

五、层次感

具体是文本相对于图像中其他元素的位置,是在图像之后,还是图像之前?是融入其中?还是独占一方?进一步分析,如何将文本关联到图像的聚焦元素?

经验法则:文本越小,空间上显得越远。

本例中,尽管背景图细节丰富,但我们的视觉会停留在超长的文本上,忽略了图像。同时人物与文本看起来像在同一水平线上,层次感弱。

将文本放大后,层次感立刻就出来了。

优秀实例:Danielladraper

本次图文排版的技巧,润壤先介绍这么多,网站建设实质还有许多新东西等着大家一起来发现和分享。

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区12层
座机:+021-5994 6805
24热线:+135 8590 1130