介绍几种图文混排的设计技巧

243人已阅读 2018-09-04 14:18:04
导读 图文混排是我们在进行网页设计时用到的很多的技术,同时也是设计当中很重要的技术,要想在网页当中呈现出完美的混排效果可不是一件简单的事情,泛艺学苑今天就来介绍几种图文混排的设计技巧。
设计类 编程类 其他

新闻详情

2018-09-04 14:18:04

介绍几种图文混排的设计技巧

  图文混排是我们在进行网页设计时用到的很多的技术,同时也是设计当中很重要的技术,要想在网页当中呈现出完美的混排效果可不是一件简单的事情,泛艺学苑今天就来介绍几种图文混排的设计技巧。

  1、强化对比
  首先网页首屏中的文字必须具备可读性才行,所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景,那么你需要使用白色或者浅色的的文字,而当背景比较素雅的时候,文字可以使用深色,这就是我所说的强化对比。
  当然,对比不仅限于色彩,文字同样存在对比。文字与图像相互配合,才能达到出人意表的效果。
  2、令文字成为图片的一部分
  有的时候你需要让文字成为图片的一部分,甚至让文字成为图像本身来达到效果。当然这种处理方式所需的条件比较苛刻。要么你使用足够清爽简单的图片来和文字进行搭配,或者使用原本就*含图片的文字(当然,你也可以将文字妥妥儿地P到图片中的主体上,文字的角度、形变和纹理一定要融入进去)。
  3、沿着视觉流向排布
  沿着视觉流向来排布信息是一项重要的技巧。文字与图片发生逻辑关系,两者相辅相承,所以此时文字不能覆盖到图片的主体部分——比如需要展示的人物,或者产品本身。
  信息按照视觉流向排布的时候,图片中的主体会引导你去观看文字信息。这两个案例都使用了这种技巧,文字都是沿着人物的面目朝向或者眼神指向来排布的。
  4、模糊背景
  模糊背景是一种非常简单的处理手法。PS可以很轻易地模糊照片,而照片的模糊带来的直接效果就是让产品本身更加突出。
  5、将文字置于框中
  当照片中光影交叠,色彩丰富的时候,将文字置于框中会是个不错的选择。根据文字和图片的形态选择圆框或者方框,然后设置好色彩,确保对比度。适当地调整透明度,让框、文字于图片完美地糅合到一起。
  6、将文字置于背景中
  比起置于前景的文字,将文字融入背景也许是更有意思的”花招”。文字常常易于融入到纯色背景中,还能确保可读性。并不需要太复杂的技巧和改动,你就可以让文字自然地融入背景,你所需要的仅仅只是微妙的阴影效果。
  7、放大
  当你不知道要怎么处理素材的时候,试着放大吧。这不仅仅针对图片,它还适用于文字的处理,放大的元素更容易抓住用户的眼球。
  8、色彩对比
  通过色彩对比可以提高整个首屏的趣味性。
  9、调色
  通过调色让照片的色彩更适宜文字呈现是最近越来越流行的玩儿法。虽然这种方式有点投机取巧,但是它可能带来极其惊艳的效果。
  调色的时候,尽可能选择与图片相近的色彩来调整,确保图片中的内容能够透过又不影响文字的阅读就好了。要掌握好这一”花招”你可能需要尝试不同的色彩,”玩坏”好几张图片才行。不知道用什么色彩?试试从你最喜欢的颜色开始吧。
  10、简化
  那些历久弥新的平面设计向我们证明了”保持简洁”也是一种有效的设计手段。玩儿太多花哨可能会适得其反,简洁地将图文放到一起可能就很和谐了。处理图像的时候,使用简单直观的排版和清晰明了的照片,确保照片是最重要的组成部分,文字与图片主体之间没有阻碍和干扰,并且文字清晰可读。

 泛艺学苑专注于互联网职业教育,依托互联网教学平台,帮助学员打破空间限制,让学员能够享受到一线城市的优质师资,以灵活的教学方式和与时俱进的教学内容,帮助众多的学员成功*。

上一篇: 介绍几种吸睛的网页首屏设计方法 下一篇: 单页网站的设计技巧

相关文章

推荐课程

查看全部课程
天津泛艺学苑

天津泛艺学苑

和平校区

查看全部校区 进入官方主页