设为首页
收藏本站
搜索
热搜:
Java
Python
UI
人工智能
Web
影视特效
抖音
网络营销
运营
本版
文章
帖子
群组
用户
登陆
注册
首页
Portal
互联网资讯
视频教程
技术社区
BBS
IT培训
学历提升
快速发布
个人中心
今日签到
私信列表
消息中心
搜索全站
课程咨询
返回顶部
大内高手社区
›
技术社区
›
UI设计论坛
›
Banner图文混排方法!
Coisini
关注Ta
发帖数
59
粉丝
3
此人很懒,什么也没有留下
[UI设计论坛]
4个设计细节,提升电商网站的用户体验
[UI设计论坛]
学会网格设计的5种类型,快速提升工作效率!
[UI设计论坛]
如何设计出高转化率的CTA按钮?
[软件测试论坛]
流量回放和自动化测试的区别
[软件测试论坛]
接口测试到底怎么做,看完这篇文章彻底搞清楚 ...
阅读作者更多精彩帖子
热门问答
更多热门问答
1
淘宝客注册流程步骤
22668人围观,发布于2021-09-26
1
APP运营核心要点有哪些
21142人围观,发布于2022-07-08
0
了解运营
13216人围观,发布于2021-09-18
0
网站的 TDK基本格式
12407人围观,发布于2021-09-23
0
SEO优化中网站地图在的主要作用
13721人围观,发布于2022-01-13
0
快速提高网站SEO优化排名的方法
16686人围观,发布于2022-01-13
技术文章
更多技术文章
告别“限速”,个人网盘进入云时代
2022-12-28
长难任务设计指南,必须收藏!
2022-12-28
新消费,走进「韧性时代」
2022-12-28
营销技能:营销4P之外,还有这些经典理论
2022-12-28
实例分享 | 社区产品编辑器的设计开发要点
2022-12-28
产品经理方法论——流程与审批流的区别
2022-12-27
返回列表
Banner图文混排方法!
[复制链接]
Coisini
Lv.9
显示全部楼层
发表于 2022-1-11 17:46:02
|
阅读模式
图文混排是设计中极为重要的一项技术,同时它也极难达到完美的境界。要在网页首屏中呈现出完美的混排效果,必须要有一张完美的照片和足够出彩的文字排版。作为初学者一定要掌握以下 Banner图文混排的技巧。
1、强化对比
网页 Banner中的文字必须具备可读性才行,所以设计师需要确认文字与背景之间的色彩搭配能让用户看得清楚。如果选择一个暗色调的背景,那么就需要使用白色或者浅色的文字;而如果背景比较素雅,那文字就应该使用深色,这就是强化对比。当然,对比不仅限于色彩,文字同样存在对比。文字与图像相互配合,才能达到出人意料的效果。
2、让文字成为图片的一部分
有的时候需要让文字成为图片的一部分,甚至让文字成为图像本身来达到效果。当然这种处理方式所需的条件比较苛刻,要么使用足够清爽简单的图片来和文字进行搭配,要么使用原本就包含图片的文字。当然,也可以将文字“P”到图片中的主体上,文字的角度、形变和纹理一定要融入进去。
3、沿着视觉流向排布
着视觉流向来排布信息是一项重要的技巧。文字与图片发生逻辑关系,两者相辅相成,所以此时文字不能覆盖到图片的主体部分,比如需要展示的人物或者产品本身。信息按照视觉流向排布的时候,图片中的主体会引导你去观看文字信息。
4、模糊背景
模糊背景是一种非常简单的处理手法。Photoshop可以很轻易地模糊照片,而照片的模糊带来的直接效果就是让产品本身更加突出。
5、将文字置于框中
当照片中光影交叠、色彩丰富时,将文字置于框中会是个不错的选择。根据文字和图片的形态选择圆框或者方框,然后设置好色彩,确保对比度。适当地调整透明度,让框、文字与图片完美地糅合到一起,结块化显示。
6、将文字置于背景中
比起置于前景的文字,将文字融入背景也许是更有意思的“花招”。文字常常易于融入纯色背景中,这样还能确保可读性。让文字自然地融入背景并不需要太复杂的技巧和改动,所需要的仅仅只是微妙的阴影效果。当你不知道要怎么处理素材的时候,试着放大吧。这不仅仅适用于图片,还适用于文字的处理,放大的元素更容易抓住用户的眼球。
【免责声明】本文部系转载,文章来源于公众号平面设计,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与联系我们,我们会予以更改或删除相关文章,以保证您的权益!
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有帐号?
立即注册
x
回复
使用道具
举报
发布主题
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
返回顶部
返回列表