素材8网-专注前端素材！ › 首页 ›经验分享› PS教程&设计文章 › 查看内容

连高手都容易忽略的9个 iOS 与 Android 间的交互差异

2019-11-10 19:18| 查看: 736| 评论: 0|原作者: 研习设

摘要: @研习设K先生：在设计的过程中，经常会使用接触到各种各样的图片，除了一些关于书画、摄影作品展示的作品集，在多数情况下，我们都要根据自己的设计需求去对图片进行二次加工，让图片适应版面，这种二次加工的方式 ...

@研习设K先生：在设计的过程中，经常会使用接触到各种各样的图片，除了一些关于书画、摄影作品展示的作品集，在多数情况下，我们都要根据自己的设计需求去对图片进行二次加工，让图片适应版面，这种二次加工的方式使用最多的就是裁切。除了要适应版面以外，如果图片本身的质量不高，有缺陷，我们也可以通过裁切的方式来对图片进行修正。

这张图片，主体明显是左边这群人，而最右边拿着手机的那双手，出现在画面中就很突兀了，包括画面中其他与主体关联不强的元素，正常情况下，都是需要进行裁切处理的。因为这些元素除了能分散别人的注意力，让画面没有聚焦点，显得很乱以外，是没有太多实质性优点的。

把那双手和后面的闲杂人等裁掉，经过裁切处理之后的图片主体就清晰很多了。像这位蹭镜头的小哥，正常也是应该裁掉的，不过我们要保留右边的这个小女孩，那只能把他留下了，这也是没办法的。

和版式设计一样，图片中的主体一般有一个或一组就够了。图片中有明确的主体能够有效的吸引受众的视线，把视线引导到最重要的地方。如果所有视觉元素都舍不得放弃，那只会削弱这张图片向外传递信息的效率。

类似这种图片，如果我们把房子设定为主体，由于前景过多的，大面积的前景虚化也会分散我们对主体的注意力。虽然前景能够增加图片的纵深感，但是和主体相比，前景就是陪体。在处理主体和陪体的关系时，一定要不能喧宾夺主。

将前景裁切掉一部分之后，图片的主次关系就明确许多了。

第二种需要调整的是水平或垂直线歪斜的图片。不管是从图片本身的美观度，还是版面中元素统一的需要，我们使用图片最基本的要求就是做到横平竖直。图片中的水平线与垂直线都不要歪斜，不然的话会给受众的视线带来不安定感。至于说图片的水平、垂直线有没有倾斜，找一个图片中的参照物就很容易能看出来。

这是一张水平线歪斜的图片，水面与陆地的交界线就是参照物。参照物的倾斜很明显对吧？针对这样的图片，我们也可以使用裁切的方式对它进行调整。

将图片进行旋转，让参照物，也就是水面、陆地的交界线与参考线水平对齐，对边缘进行裁切，裁切以后的效果，图片整体给人的感觉就平稳了很多。

这张图片给我们的感觉也很不舒服，问题同样是出在水平方向的倾斜上。

同样的方法，裁切处理以后的图片效果更好。根据参照物使用裁切的方式对图片进行调整，很简单的方式。上面提到需要裁切修正的图片都是存在缺陷的，不过针对某些特殊的状况，我们想通过图片来传递某些额外的信息，就算图片本身的问题不大，也可以使用裁切的方式来处理。

比如这张图片，图片本身的拍摄质量就很高，但是如果我们不需要使用整张图片，那么对图片进行裁切，截取一部分使用也没有问题。

模特某个局部的特写，像左边空白的区域，就可以在里面置入相关的文字信息。

再来看这张图片，只要是合影，摄影师去拍摄的话是不会漏掉任何一个人的。不过我们是设计师，不是摄影师，照片到手里就是素材，如果客户没有特殊要求，为了显得场景更大、给人留下想象的空间，或者为了适应版面的需要，这种照片也可以进行二次处理。

把人群边缘的人物裁掉一些，旁边的这些人牺牲掉，重要的角色一般都会站在中间，保证他们不被裁掉就好。边缘的人物被裁剪了以后，我们看到了这张图片，两边有很多人没被收到镜头里面，就会觉得人很多，感觉这个场景比实际看起来更大一些。

这张图片，裁切，去掉两边会显得人多。

如果裁切成这样，里面的人感觉会更多。当然了，如果客户有要求，要让里面的人都露出来，那就不要做这样的裁切处理了。

表现人群可以这样处理，其他类型图片也一样。这张图片，我们就可以主观的把这里面并不美观的边缘裁切，得到这张相对美观，没有边界的图片。

要注意的是，使用这种裁切的方式并不能改变图片本身的质量问题，如果图片本身质量就不高，这种方式只能在它的基础上进行优化。条件允许，还是建议大家使用质量相对较高的图片，优质的图片再进行二次加工，也要比质量低的图片方便很多。

裁剪图片的原则

什么样的图片需要裁切了解了，下面再来看看裁切图片的时候需要注意的原则，一共三点。

第一点是要明确图片中的主体是谁。主体的重要性前面已经强调过了，在正常情况下，我们都是根据图片中主体的位置来进行裁切的，明确图片中的主体是谁，很重要。

第二点，保证图片的简洁度，去掉多余的元素。多余的视觉元素容易分散受众的注意力，对主体造成干扰，保证图片的简洁度能够提升信息传递的效率。

第三点，保证图片的美观度。这是一个比较抽象的概念，想要达到这个目标，除了要学会一些基本的方法与技巧以外，还需要注意平时多看一些优秀的摄影作品，提升自己的审美。方法很重要，眼光也同样很重要。

裁剪图片的常用方式

下面是重点内容，介绍一些裁剪图片的常用方式，这些方式就是我们需要掌握的基本方法与技巧，先介绍一些常规的裁剪方式。常规裁剪的方式就是横幅裁剪与竖幅裁剪，裁出的图片轮廓是常规的矩形。黄金比例裁切、三分法、对角线裁切和中心裁切是这里面最常用到的。

1. 黄金比例裁剪

关于黄金分割，在以前的内容里提到过很多，要用它来裁切图片的话，有两种简单的方式，第一种是使用黄金螺旋来对图片进行裁切。

螺旋在从中心向外逐渐变宽、变长的同时，每个四分之一周的都保持特定的系数。它最远点的起始在整个画面的边角。如果以黄金螺旋线作为辅助线，然后将图片的主体置入到螺旋的中心点上，裁切得到的图片一般是具有较强美感的。

这张图片，先确定这里面的主体在哪。主体的选择，一般都是选择图片中最能吸引目光的地方。对于人物或者动物的特写来说，眼睛，心灵的窗户通常都是首选，一个人的气质、性格、状态都能从眼睛向外发散。

把这个模特的眼睛作为主体，将黄金螺旋的中心放到这。裁切图片，最后得到的这个面部特写，就是使用黄金螺旋裁切出来的。

再来看这只海龟，对他进行裁切，只要龟头的话，主体仍然选择眼睛，黄金螺旋的中心放到这里。

裁切之后的图片，美观度还是不错的。使用黄金螺旋的方式学会了，再来了解一下第二种使用黄金分割比裁切图片的方式。

这种方式是使用黄金比例，将一张图片分为9个矩形。像地平线这类的元素可以放置在分割矩形的线上，图像上其他重要部分固定在线条的交叉处。这四条线交叉的四个中心点近似黄金分割点。放置在这些横线、竖线，以及它们的交叉点上的物体将吸引观者最多的注意力。

看个例子，这张图片的主体在哪？模特回头的这个瞬间最能吸引我，那我们就选择这里作为图片的主体，强化视觉焦点。

确定了主体元素以后，就可以按照黄金比例划分的网格，将主体放到任意的交叉点上，也就是能吸引观者最多的注意力的地方。

裁切之后的图片仍然美观。

这组参考线等比缩放比例不会变，大小按照自己的需求调整就好。根据自己的需求来调整交叉点，包括这个参考线中的其他几个点，都是可以尝试的。

确定了裁切区域以后，就能得到一张富有美感、主体突出的图片。

要是觉得不舒服，再去根据这个规律去调整。如果照片中出现了像地平线这类的元素，可以放置在分割矩形的线上，前面讲过。

这张照片，使用这一种方式，就能裁剪出很多不同形式，在这些形式里选择合适的来使用，是要比我们自己凭感觉乱切靠谱的多。

2. 三分法裁切

除了使用黄金比例裁切图片，再介绍一种更简单的裁切方式，也是摄影中的一种常见的构图手法，三分法，也叫九宫格、井字构图。三分法构图是比较稳定、自然的构图，通过使用三分法可以大大增加构图的美感。

三分法其实可以看成黄金分割构图形式的简化版。将画面的横向和纵向平均分成三份，按照等比例分割。使用的方法和黄金分割比基本一致，可将其置于画面的任意一条三分线位置。

在任何图像上有一个3X3的网格，按照网格在线条相交的点。3X3网格上的线是我们的双眼自动寻找信息的地方。当你将图片的主体沿着网格放置的时候，这样的结果会更符合受众的审美。通常右上方的交叉点最为理想，其次为右下方，剩下的两个点也可以考虑。这种构图格式较为符合人们的视觉习惯，使主体自然成为视觉中心，具有突出主体，并使画面趋向均衡的特点。