AMO全媒体运营
首页 知识星球 Banner图文混排方法

Banner图文混排方法

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

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

Banner图文混排方法

Banner图文混排方法

网页 Banner中的文字必须具备可读性才行,所以设计师需要确认文字与背景之间的色彩搭配能让用户看得清楚。如果选择一个暗色调的背景,那么就需要使用白色或者浅色的文字;而如果背景比较素雅,那文字就应该使用深色,这就是强化对比。

Banner图文混排方法

当然,对比不仅限于色彩,文字同样存在对比。文字与图像相互配合,才能达到出人意料的效果。

Banner图文混排方法

Banner图文混排方法

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

Banner图文混排方法

Banner图文混排方法

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

Banner图文混排方法

Banner图文混排方法

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

Banner图文混排方法

Banner图文混排方法

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

Banner图文混排方法

Banner图文混排方法

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

Banner图文混排方法

Banner图文混排方法

通过色彩对比可以提高整个首屏的趣味性。

Banner图文混排方法

Banner图文混排方法

通过调色让照片的色彩更适宜文字呈现,是最近越来越流行的玩儿法。虽然这种方式有点投机取巧,但是它可能带来极其惊艳的效果。调色的时候,尽可能选择与图片相近的色彩来调整,以便确保图片中的内容能够透过又不影响文字的阅读。

Banner图文混排方法

Banner图文混排方法

那些历久弥新的平面设计向我们证明了“保持简洁”也是一种有效的设计手段。太花哨可能会适得其反,简洁地将图文放到一起可能就很和谐了。处理图像的时候,要使用简单直观的排版和清晰明了的照片,确保照片是最重要的组成部分,文字与图片主体之间没有阻碍和干扰,并且文字清晰可读。

Banner图文混排方法

以上内容就是“Banner图文混排方法”的全部内容了,喜欢的小伙伴记得点赞收藏,也可以分享给身边感兴趣的朋友。如果你还想了解更多知识星球的相关内容,可以来AdobeEdu设计联盟官方网站获取。

生成海报
免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。
域名
Avatar photo

作者: AdobeEdu

AdobeEDU设计网址导航,为设计师提供无限的创意参考,欢迎大家同时关注微信公众号:UID的小伙伴们

为您推荐

创新思维的深度理解与应用

创新思维的深度理解与应用

一、模型理解 WHAT:是什么 概念:是什么 本质:新旧要素的重新组合 对创新要素的重构 内涵 创新思维是依托人脑 ( ...

色彩的9种调性!要分清呀

以上内容就是“色彩的9种调性!要分清呀”的全部内容了,喜欢的小伙伴记得点赞收藏,也可以分享给身边感兴趣的朋友。如果你还想...
第四波!2022年8月精选实用设计干货合集

第四波!2022年8月精选实用设计干货合集

各位8月好!这是本月的第四波设计干货,这一期设计干货合集中有一些非常有趣的东西,比如为 CG 艺术家准备的物理参数数据库...
什么你的平面作品不出彩?来看高手总结的14个细节!

什么你的平面作品不出彩?来看高手总结的14个细节!

很多人想提升自己加了无数大神的微信,通过了大量的精力去寒暄,希望得到大神的指点。这种方式对自己成长效果只能微乎其微。 此...
优秀设计的背后,离不开这11个应该掌握的底层理论

优秀设计的背后,离不开这11个应该掌握的底层理论

接上一篇《超全面的设计底层理论,优秀设计的背后离不开这些(上)》,今天我们来聊聊设计底层知识的下半部分。这是我在 Med...

发表回复

返回顶部