当前位置:邦盛首页 > 资讯中心 > 建站百科 >

图文排版5个小技巧

编辑时间 : 2014-09-19 10:17:00  作者:邦盛建站

三、利用景深

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

设计基本功!

设计基本功!

优秀实例:Une.ch/creation

设计基本功! 

四、图片选择

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

小建议:

一句话表达内容,让访客知道点击图片会发生什么。不要选择有聚焦有问题的图片。图片要高清大图,如果有必要,可以选择滤镜或者磨砂。

优秀实例:Pixelgrade

设计基本功! 

五、层次感

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

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

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

设计基本功!

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

设计基本功!

优秀实例:Vivaco

设计基本功!

图文排版5个小技巧

分享到: 0
+1
0
邦盛网络科技有限公司二维码扫一扫,进入官方网站