原来漂亮的H5图片都是这么来的

时间：2016-09-19 0

封面图.jpg

图片是H5设计中的一个重要元素，很多人都喜欢把自己拍下的照片制作成H5相册，既方便保存又能随时分享。图片影响着整个H5的美观度，所以我们会希望每一幅用在H5上的图片都是漂亮而富有质感的。以下介绍若干H5图片常用的处理技巧，帮助你打造高逼格的视觉效果。

一、裁剪

裁剪看上去简单，其实是大有学问。首先，你得根据你的页面排版确定图片的形状，是横向？纵向？圆形？三角形？如果你想强调图片的形状和样式，可以适当添加边框进行装饰，将人们的注意力集中到图片上。

其次，由于手机屏幕较小，在有限的空间内，我们的图片需要减少信息量，突出最核心的主体。例如，一张人物写真，你希望是强调脸部还是半身？人物与风景的合影，重心是人还是景？这些你都要做好取舍。

最后，当你确定好以上两步后就可以正式裁剪了。怎样的裁剪更能强调出构图和焦点？这里推荐一种“三分割法”的技术，将图片用两条竖线和两条横线分割，就如同是书写中文的“井”字。这样得到的4个交叉点，便是相对理想的裁剪区域了。

二、模糊

H5是图文展示的页面，当你选择一张最有自信的照片作为背景图，难免会看不清叠加上去的文字。此时你可以对图片进行模糊处理，现在PS、美图秀秀等图片处理软件都有“背景虚化”、“模糊”的功能，直接应用即可。

三、滤镜

相信热衷于自拍的童鞋都对滤镜的强大深有体会了，不仅能修复图片的小瑕疵，还能带来酷炫的视觉效果。像凡科微传单的H5编辑器就给图片添加了“复古”、“另类”、“鲜艳”、“胶片”等7种滤镜支持，让你的图片更具设计感和艺术范。

四、亮度、对比度、饱和度

亮度、对比度、饱和度是图片的基本概念，影响着图片的整体观感，在图片后期处理时通常是三者配合着调整，使画面更加的平衡。

亮度，指各种图像色彩模式下，图形原色的明暗程度。我们也知道，要拍出好的照片，灯光效果是关键。对于一些偏暗的照片，我们就需要改善照片的亮度，这样才更符合正常审美。

对比度，指不同颜色之间的差异，对比度越大，两种颜色之间的反差越大，反之颜色越接近。正所谓对比才能产生美感，通过增加对比度，可以让细节变得更立体，层次感也更深邃。

饱和度，指颜色的强度或纯度。饱和度越低，图片就越趋向灰度，饱和度越高，颜色彩度就越纯正。虽说鲜艳、跳跃的颜色更刷存在感，但太高的饱和度也会让图片显得失真怪异，所以调整饱和度时，切忌“贪杯”而抹杀了图片的自然性。

科技助力经济发展