大内高手社区

标题: Banner图文混排方法！ [打印本页]

作者: Coisini 时间: 2022-1-11 17:46
标题: Banner图文混排方法！

　　图文混排是设计中极为重要的一项技术，同时它也极难达到完美的境界。要在网页首屏中呈现出完美的混排效果，必须要有一张完美的照片和足够出彩的文字排版。作为初学者一定要掌握以下 Banner图文混排的技巧。

[attach]500[/attach]

　　1、强化对比

　　网页 Banner中的文字必须具备可读性才行，所以设计师需要确认文字与背景之间的色彩搭配能让用户看得清楚。如果选择一个暗色调的背景，那么就需要使用白色或者浅色的文字;而如果背景比较素雅，那文字就应该使用深色，这就是强化对比。当然，对比不仅限于色彩，文字同样存在对比。文字与图像相互配合，才能达到出人意料的效果。

　　2、让文字成为图片的一部分

　　有的时候需要让文字成为图片的一部分，甚至让文字成为图像本身来达到效果。当然这种处理方式所需的条件比较苛刻，要么使用足够清爽简单的图片来和文字进行搭配，要么使用原本就包含图片的文字。当然，也可以将文字“P”到图片中的主体上，文字的角度、形变和纹理一定要融入进去。

　　3、沿着视觉流向排布

　　着视觉流向来排布信息是一项重要的技巧。文字与图片发生逻辑关系，两者相辅相成，所以此时文字不能覆盖到图片的主体部分，比如需要展示的人物或者产品本身。信息按照视觉流向排布的时候，图片中的主体会引导你去观看文字信息。

　　4、模糊背景

　　模糊背景是一种非常简单的处理手法。Photoshop可以很轻易地模糊照片，而照片的模糊带来的直接效果就是让产品本身更加突出。

　　5、将文字置于框中

　　当照片中光影交叠、色彩丰富时，将文字置于框中会是个不错的选择。根据文字和图片的形态选择圆框或者方框，然后设置好色彩，确保对比度。适当地调整透明度，让框、文字与图片完美地糅合到一起，结块化显示。

　　6、将文字置于背景中

　　比起置于前景的文字，将文字融入背景也许是更有意思的“花招”。文字常常易于融入纯色背景中，这样还能确保可读性。让文字自然地融入背景并不需要太复杂的技巧和改动，所需要的仅仅只是微妙的阴影效果。当你不知道要怎么处理素材的时候，试着放大吧。这不仅仅适用于图片，还适用于文字的处理，放大的元素更容易抓住用户的眼球。

　　【免责声明】本文部系转载，文章来源于公众号平面设计，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与联系我们，我们会予以更改或删除相关文章，以保证您的权益！

欢迎光临大内高手社区 (http://bbs.tedu.cn/)