返回顶部

Banner图文混排方法!

[复制链接]
CoisiniLv.9 显示全部楼层 发表于 2022-1-11 17:46:02 |阅读模式 打印 上一主题 下一主题

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



  1、强化对比

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

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

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

  3、沿着视觉流向排布

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

  4、模糊背景

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

  5、将文字置于框中

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

  6、将文字置于背景中

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

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

达内教育:成立于2002年。致力于面向IT互联网行业,培养软件开发工程师、测试工程师、系统管理员、智能硬件工程师、UI设计师、网络营销、会计等职场人才 达内使命:缔造年轻人的中国梦、缔造达内员工的中国梦 达内愿景:做管理一流的教育公司
  • 商务合作

  • 微信公众号

  • Powered by Discuz! X3.4 | Copyright © 2002-2021, 达内教育 Tedu.cn
  • 京ICP备08000853号-56 |网站地图 | 京公网安备 11010802029508号