咨询电话:
15628812133
12
2017/05

图文混排如何让网站做到既看又好用?

发布时间:2017-05-12 17:53:03
发布者:mahonghong
浏览量:
0

图文混排在网页设计中极为重要,但是也很难达到完美的境界。想要呈现出完美的混排效果,你需要一张完美的照片,和足够出彩的文字排版。如何设计出完美的图文混排效果,下面文汇软件就分享几个值得借鉴的图文混排案例。

1、采用图文交错的一种新形式。

案例图片中的每一个字母或是小图片都会随着鼠标的悬停产生效果,由图变字,这样的设计不仅让图文之间的搭配变得更加生动,也增加了用户浏览时的趣味性。

001.jpg

2、运用对比布局法。

大海和天空在色彩上形成了一种对比,起到了互相烘托并且增强效果的作用。他们之间的对比让页面中央的文字引起了用户的注意。用图来衬托文字,让画面充满了产生了一种别样的韵律。

002.jpg

3、模糊背景

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

003.jpg

4、调色

通过调色让照片的色彩更适宜文字呈现是越来越流行的做法,它可以带来极其惊艳的效果。调色的时候,尽可能选择与图片相近的色彩来调整,确保图片中的内容能够透过又不影响文字的阅读。

004.jpg

5、运用留白设计

案例网页中的留白在中间的位置,看似文字和图片被一分为二了,但这样做其实更加能激发用户连结图和字之间联系的好奇心、在单色底色的映衬下,幽灵按钮的设计也变得很抢眼,更有利于用户点击。

005.jpg

在网页设计中,文字内容和图片的比重占了很大一部分,但差不多的信息量,呈现在网页上的效果却会大相径庭。如何让文字和图片合理和直观表现出来,就成为了很重要的事情。

 


关键词:
返回列表