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

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

uimaker
UI设计师 / 江苏 南京

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

关键词

二、尺寸与位置的对比

色彩不是唯一增强图片与文本对比度的方法,选择图片的尺寸也很重要。

本例中,选取一个相对均匀,开阔的天空区域,这是放置文本的极佳位置。相反,将文本直接放置在图片中间,有地平线的位置,将致使文本的辨识度差。

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

失败案例:差的对比度和错误的位置。

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

优秀案例:对比度明显且位置更加合适。

优秀实例:

Eup.volkswagen

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

Dtelepathy

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

三、利用景深

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

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

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

优秀实例:

Une.ch/creation

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

Gloriasrestaurants

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

Atelier

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

 收藏