帮你掌握图片排版设计的5个技巧(3)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:情非得已

关键词

四、图片选择

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

小建议:

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

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

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

优秀实例:

Pixelgrade

帮你掌握图片排版设计的5个技巧

Formula1data

帮你掌握图片排版设计的5个技巧

五、层次感

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

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

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

帮你掌握图片排版设计的5个技巧

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

帮你掌握图片排版设计的5个技巧

优秀实例:

Danielladraper

帮你掌握图片排版设计的5个技巧

Vivaco

帮你掌握图片排版设计的5个技巧

 收藏