首页 声音 运营 正文

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

时间:2016-09-19 0

封面图.jpg

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

一、裁剪

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

01.jpg

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

02.jpg

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

03.jpg

二、模糊

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

04.jpg

三、滤镜

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

05.jpg

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

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

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

06.jpg

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

07.jpg

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

08.jpg

TAG:
© 2011 - 2024  钛锋网  TMTForum.com