• 内页banner
  • ui1
  • 内页3
技术专栏您当前所在位置: 首页 > 技术专栏

郑州UI设计培训班对图片裁剪有哪些绝招?

更新时间:2017-05-29 17:11:03点击次数:117次字号:T|T


    如何把图片变得丰富有趣又实用?郑州丰泽UI设计培训班大神教你玩转图片剪裁!培训的过程很有意思呢!不信跟着我来看看他们的UI设计作品吧!

    1.统一一裁切成同样尺寸

    当多张照片(如左图)要求排列在一起,单从摄影角度来看这些照片都拍得不错,有很好的UI设计色彩、背景,甚至姿势,但取景的距离是不一样的。当将他们放在一起时,你会发现UI设计一点都不统一,尤其特写照片更明显。

    一些简介或档案中的这些照片需要安置成一排,或者成一组,这些都应该保持一致,从最接近特写的照片开始裁切。然后缩放对比,裁切其它的照片,其中的关键就是要让照片中的眼睛处于同一条水平线。通过观察,你会发现有趣的一点,就是成人男女的头部大小差不多,但他们的脸型,发型和角度都是不一样的。所以我们必须灵活处理每个人的脸部位置,适当进行调整,使他们每个人给人的感觉都差不多。

2.位置一视觉线作为水平线的基准

目光校准(视觉线)

    一张足够接近的特写镜头能传达一种眼睛与眼睛交流的感觉,所以UI设计中的眼睛也需要被裁切在视觉线处,大约于照片高度3,5的地方。

注意:照片放的越大,越接近,这种交流联系就会越强烈。

上调并拉伸

    如果人物离得远点,在UI设计视觉上其脸部就处于越高的位置,所以当你将照片比例缩小耐,她的视觉线就往高处偏移。

3.简化一裁切掉到多余的

    在实际生活中,当我们拍照时,总会有一些不速之客进入到我们的相片中。相片上的主人公是这两个女孩,从相片中可以看出两人关系很好,所传达就是两人的友谊。然而上面不相关的信息会干扰到整体所要表达的UI设计信息,此时我们需要裁切到多余部分。

    裁切图片的第一个原则是我们,首先要将一些与我们UI设计主题。没有关系的东西统统去掉。像上图就是简单良好的裁切方式,每一处部在讲述一个铁杆友谊的故事。裁切后要有一种紧凑、凝聚、有吸引力的感觉。

4.角度一将地平线调平

 不要让水平线腾空!

    我们很容易看出这地平线微微向上翘起的,尤其是这里有另一个角度的大桥存在时,这种UI设计效果就更强烈了。但水平线顾名思义就应该是水平的,当您的照片中出现河流这些景观时,你可以将它们想象成一碗汤,不要将里面的东西倒出来。在上面这个例子中,对图片进行旋转后,让海平面水平,然后我们对图片的四周需要剪切的进行剪切让其形成一张完整的图片。

更大胆的构图方式 

在上图中,当我们在拍照时由于相机拿的不平导致图片有一点点的倾斜,那索性让它再倾斜些点,这种处理对于象右国有很多直线的图片效果更加强烈。使得一张平静的照片立即充满活力,这就是UI设计培训的魅力所在!

5.放大一用局部来表达整体

距离决定感受

上图是一个在泥地中的棒球,显得很普通呆板,看起来好像你一伸手就可以够得着。但是我们放大后,只截取它的局部UI设计图(右下图),那感觉就完全不一样,它好像已经来到了你的眼睛,你可以清晰地看到这个棒球上的纹理、泥土、缝线及用过的痕迹。

它占据着整个UI设计画面,UI视觉效果非常强烈,你好像感觉到这个球被你抓住在手中,你甚至还仿佛听到击球时的撞击声,还有那些人群中的欢呼声。

在很多UI设计中总是隐藏着另一个世界,当你面对一张图片时,将它放大,然后,你看到的东西会让你惊叹不已。这个技巧是超棒的,给人联想。空间一极端的方式为了适合一个空间,可以使用极端的方式,使用最小值。

    一张UI设计网页横幅可以很容易的美化你的网站及博客网页,但网页的横幅尺寸是非常受限制的,叉宽叉细。既然尺寸极端,那我们在剪切时也要来个极端你会发现,其实这张大胆的剪切出来的UI设计效果让你更加满意。但在选择区域时,我们应该选择那个尽可能包含多UI设计元素的体现主题的区域来进行剪切。

    在上图中,我们选择同时包含针线、纽扣、皮尺等元素的区域。而且这些不同UI元素之间的颜色对比叉比较强烈(红、董、白、黑),使到每一个UI元素都能清晰可见。干货!郑州丰泽UI培训班——UI设计色彩性格

    聪明的你,也来试试裁切一下图片吧!让你UI设计变得更丰富有趣又实用!郑州丰泽教育UI设计培训,大神云集,思想的碰撞产生智慧的花火,让你的心灵产生震撼!快来丰泽UI设计培训班挑战下!