图文排版有什么技巧

Molly

Molly

2017-05-15 14:25

今年来图文方式变得越来越流行,在早期,图像不得不做得很小以适应明显低速的带宽,随着网速和显示屏的快速提升,我们可以在设计中自由地使用更多图片。今天图老师和大家一起分享图文排版及设计的五个小技巧。

尺寸与位置的对比

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

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

图文排版有什么技巧

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

色彩与亮度的对比

  使用与文本有鲜明对比的图片很有重要,比如深色背景搭配亮色文本,或者深色背景使用滤镜或叠加元素处理,这样就能确保有足够对比度。

  获取合理色彩与明亮对比的小技巧:

  第一看不出字形,说明对比度偏低了;对比不只是深浅之间,互补色也可提供自然对比;如果图片复杂全焦,利用叠加或编辑图像应该是最有效的选择。

图文排版有什么技巧

利用景深

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

图文排版有什么技巧

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

图片选择

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

  小建议:

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

图文排版有什么技巧

层次感

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

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

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

图文排版有什么技巧

展开更多 50%)
分享

猜你喜欢

图文排版有什么技巧

平面设计 网页设计
图文排版有什么技巧

Word图文排版设计技巧

word
Word图文排版设计技巧

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

corelDRAW排版教程:文字排版技巧

CorelDRAW
corelDRAW排版教程:文字排版技巧

word排版技巧

电脑入门
word排版技巧

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

设计排版有哪些常见的误区?设计排版需要注意什么?

设计 版式设计
设计排版有哪些常见的误区?设计排版需要注意什么?

办公文档排版技巧

电脑入门
办公文档排版技巧

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

广告设计的五个要点

广告设计的五个要点

如何设计出吸引眼球的APP界面

如何设计出吸引眼球的APP界面
下拉加载更多内容 ↓