【UI设计】神奇的图形裁切术技巧!你值得拥有!

2022-2-21    seo达人


 

矩形裁切

设计师日常拿到的图片形式就是矩形图,矩形裁切也是最基础的裁图技巧,接下来通过三个案例进行讲解:

 

1. 简化(裁剪多余内容)

通常情况下画面都需要有着明确的主体,这样才能够有效的吸引受众的视线,将画面所要传达的信息清楚地呈现出来。

通过对图形的裁切,简化可能抢走主体视觉的多余元素,保证图片的简洁度,以达到主体更加突出的效果,提升信息传递的效率。

图片

对原图进行适当的裁切,减少多余元素对主体的干扰,能更突出设计主题,但在裁切时,需要注意主体元素的完整性。

留出右边空间进行文字排版:

图片

 

2. 放大(突出主体)

通过图片裁切,放大主体,让主体更突出,强调细节和情感,增加视觉冲击力。

如左图是一张视觉效果质量不错的拳击手图片,但缺少视觉冲击力,通过裁切让主体更突出,满版占据画面,更具气势。

图片

把照片调整为黑白,并加强对比度,质感也更好。留出右边空间,根据图片的外轮廓进行文字的编排。

图片

 

3. 局部特写(特殊视觉体验)

同样的主体,经过裁切,让画面集中于整体目标的一部分,可以看到不一样的细节,呈现出特殊的视觉体验。

图片

如下图,选取篮球局部特写,看似取景小了,但是会扩展观看者的联想空间。更戏剧性的表达设计主题,更加浓郁的营造氛围,这样的处理手法让版面显得简洁而高级。

图片

 

异形裁切

虽然使用矩形图片进行设计也可以获得不错的视觉效果,但看多了会让人感到乏味,将图片裁切为其它图形会让整个设计显得更加新颖。

所谓的异形裁切就是使用除了矩形以外的其它形状对图片进行裁切,需要注意的是裁切图形后不能影响到观众的理解。

 

1. 几何形状

使用规则的几何形态,如三角形、圆形、多边形等,对图片的外轮廓进行裁切,得到新颖的几何形状图形。

图片

图片

 

2. 不规则形状

不规则形状形式多种多样,运用在版式设计中很考验设计师想象力。优点是可自由发挥设计的空间很大,缺点是操作难度高,排版难以把控。

图片

此案例根据建筑的流线型造型,按照建筑的外形进行裁切处理,使版面具有更强的形式感,视觉效果更加灵动美观。

图片

图片

还有另一种不规则的形状是无规律、复杂多变、偶然产生形状,视觉感受自然、生动、有灵性。如笔触、墨点之类的偶然形态等。

裁切后得到的不规则图形,能够打破页面的单调乏味,让画面更具设计感。

图片

图片

 

3. 特定形状

将图形按照特定意义的形状(如数字、logo、人物等)来限定,使用剪贴蒙版来将图片约束在特定的图形的轮廓当中,使版面尝试新颖、独特的视角,更有趣的传递信息。

图片

图片

图片

 

END

本期讲解了图形裁切常用的方法,当图形处理好以后,我们会根据图形的位置、轮廓等因素进行文字的编排,那么如何在设计中做到图文互动,我们将在下期进行讲解,下期见!

 

原文地址:艺海拾贝Design(公众号)

作者:邓海贝

转载请注明:学UI网》神奇的图形裁切术技巧!你值得拥有!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档