网页设计中的破图法设计技巧分享(3)

来源:网络   作者:热心网友   发布时间:2016-12-20    浏览次数:410

0a5c5843f82fa801219c77910667.jpg


小破,指的是对细节或者边角的打破处理方式,它打破了条框以内的某个角,使人物或者商品破出画面的某个边。



下面介绍3种常见的处理手法:

1、破个角

破角的处理,使人有种呼之欲出的视觉印象;它更像是扔掉了那些条条框框,去用力打破某个边角的方式。它使元素更加灵活的呈现,也使画面细节更加的到位;


453e5843f864a8012060c8cb992f.jpg


要点:

1、破一处,远比破多处,视觉效果更集中;

2、破个角的作用可以加强画面的真实感;

3、破个角的处理方式常用于一些人物的设计中;


2、破出去

让设计元素部分或者完整部分破出规矩的位置,给人视觉的舒服感;

试想如果将某元素置入到某矩形内,就会给一种很憋气感受。而如果让元素破出某个形状后,就绘给个犹如”打开天窗说亮话“的通透感。


d7735843f891a8012060c890bcd2.jpg


要点:

1、元素的部分突破会有一种敞快感,像是打开了天窗一样透气;

2、元素的整体突破出条条框框后,给人一种自由的、灵活的感觉;



3、破层次

打破层次的作用就是让主体元素置于视觉前,使得人物、产品更加的突出、更有视觉冲击力,也使主体元素有种近在咫尺的视觉体验。


ac275843f8bfa8012060c844fdb9.jpg


要点:

1、常见的几种玩法是主体元素压在前面、压在上面,使主要元素有种跳出画面的感觉;

2、打破层次的元素不要过多,一个视觉点应只有一处最好,起到聚集视线的作用;



最后

对我来说,破图不仅是设计的一种处理技巧。破图更像是一种扔掉各种瓶颈,突破心境不断突破自我的一种设计执念,再回顾一下:


破图的作用:

1、让人眼前一亮 2、有吸引人的视觉焦点 3、打破条框的约束 4、增加画面层次


破图的3种方法:

1、点破

点破,是设计眼前一亮作品的开始。一个立意不同的点子,能更好的引导用户体验与众不同的视觉设计,直观且讨巧的抓住用户的眼球,使之印象深刻,真正起到视觉传达的目的性。

2、大破

大,指的是从整体上做大幅度的风格设计。

破,指的是打破传统的排版和布局。

3、小破

小破,指的是对细节或者边角的打破处理方式,它打破了条框以内的某个角,使人物或者商品破出画面的某个边。

123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/dianshangsheji/5458.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通