图文混排在网页设计中极为重要,但是也很难达到完美的境界。想要呈现出完美的混排效果,你需要一张完美的照片,和足够出彩的文字排版。如何设计出完美的图文混排效果,下面文汇软件就分享几个值得借鉴的图文混排案例。
1、采用图文交错的一种新形式。
案例图片中的每一个字母或是小图片都会随着鼠标的悬停产生效果,由图变字,这样的设计不仅让图文之间的搭配变得更加生动,也增加了用户浏览时的趣味性。
2、运用对比布局法。
大海和天空在色彩上形成了一种对比,起到了互相烘托并且增强效果的作用。他们之间的对比让页面中央的文字引起了用户的注意。用图来衬托文字,让画面充满了产生了一种别样的韵律。
3、模糊背景
模糊背景是一种非常简单的处理手法。PS可以很轻易地模糊照片,而照片的模糊带来的直接效果就是让产品本身更加突出。
4、调色
通过调色让照片的色彩更适宜文字呈现是越来越流行的做法,它可以带来极其惊艳的效果。调色的时候,尽可能选择与图片相近的色彩来调整,确保图片中的内容能够透过又不影响文字的阅读。
5、运用留白设计
案例网页中的留白在中间的位置,看似文字和图片被一分为二了,但这样做其实更加能激发用户连结图和字之间联系的好奇心、在单色底色的映衬下,幽灵按钮的设计也变得很抢眼,更有利于用户点击。
在网页设计中,文字内容和图片的比重占了很大一部分,但差不多的信息量,呈现在网页上的效果却会大相径庭。如何让文字和图片合理和直观表现出来,就成为了很重要的事情。
上一篇: 网页设计中如何运用方框/方形元素?
下一篇: 如何让你设计的网站过目难忘?
关键词: