当前位置:首页 » Blog, 设计 » 本页

设计思路—设计秩序中元素对比[原创] In Blog, 设计  @2016-08-30 1,483 Vs

b00

先拉开文章主题来聊一下设计这件事。这算是一篇总结性文章,刚好有点时间,就想总结出点东西来,并且还想要写出来,对于不常写文章的人来说,要写些东西来还是一时无法总结文字。

对于设计每个入这个行业的人应该都会自己的领悟或者说认识,见解可能还谈不上,但绝大多数都缺乏文字表达的能力,总结归纳是一件不容易的事情,很多人就是这个原因很难突破到更高的层次去学习交流,这也是很多人都说的,与大神就这么一层玻璃纸,模模糊糊看得到却进不去—缺乏系统的知识体系。

通俗点就是没有一套自己的方法,全部凭感觉,解释为什么这么设计,也只是说感觉对了!这就很糊涂了。感觉这个东西是感性的,或许你是艺术天分好的,但如果你还一直以感觉来说服别人,别人就不一定会买你帐了,如果你并不是艺术天分高的人,那你就更应该多构建自己的设计方面的知识体系,让你的设计有规可寻,有律可通,头头是道,别人不得不服你(这当然不能把忽悠算进去,我们还是有原则的)。

回到文章主题

几年前因为喜欢设计而踏入了设计这一行业,几年过去了,做过的东西不算少,也不能算多,但对设计的理解却也越来越深,设计有规律吗?相信很多人都会去寻找这个方法,也就是所谓的设计思路!网上也有许多这样的文章,这是一个大概念,不能一一列举,这篇文章就以我觉得特别重要的一个方面入手 —” 元素对比”。希望可以在这一方面给有需要的人一些帮助,大家一起学习

元素对比,这是一个非常基础的设计原则,但并非每个人都用对了,用到了恰到好久,文章中我会实际举个例子来讲解。

先来做一个扩展

设计中对比有哪些? 一般情况下有 大与小、高与低、远与近、深与浅、虚与实、规则与不规则(形状)、静与动,如果你想说美与丑当然也算。

设计中缺乏有效的对比,常常使设计看上去没有主题,没有层次感,先看一个设计。

这是一个运动类产品的Banner  ”四周运动计划”,充满动感形态,与运动主题很符合。

b01

 

我们给每周的计划加上各自链接,更加明白这是什么,内容为对应的视频链接,如下图!

 

b02

 

这里使用的是很简单的方块形状做为链接按钮,这里不添加圆形而是添加这个方块对比还有其它原因,可以相当于一个平面,使上面的人物向上跳跃突出与上面的对比,形成一个更强的跳跃效果。接下来我们再添加一些元素上去来丰富和加强对比如下图所示

b03

添加一个大的框形大对比,这里同时添加了层次感对比,大的方框与人物一个动与静的结合更加时显突出了前面的人物,且与下面的链接形成一体呼应,配色相同形为一个整体,而并不会觉得链接、背景方框的层次有所变化,接下来继续操作

b04

 

添加层次感对比,使用原有的人物进行剪影化操作,整体阴影向下,层次与对比再次被加强,动态感也更加强烈,感觉人物要从那个框框的背景中跳跃出来一般,而不仅仅是向上跳跃的感觉。我们使整个Banner更加完整与整体化,再次添加元素进去,丰富画面感。

 

b05

上面这个案例就很清晰的表现出了,对比在设计中的应用,动态与静态的对比、远近、虚实、大小等的对比,每一次的加强都可以给我们的设计增加新的感觉,虽说是一些简单的方法,但也能够让设计更加新颖有趣,不再单调。

有如下面这张海报也是使用这种方式进行加强画面感

b06

还有好多设计中都使用了这些方式,尤其是在APP设计中更多的会用到对比方法,比如APP中涉及数字金钱的地方,小数点后与之前的数字大小不一样,百分比符号与数字大小不一样等等,这些都是细节方面的效果,却可以给人眼睛一亮的感觉。

我们常常使用惯了整体统一,讲究对齐,协调,这些确实是可以让设计更加简洁明了,但过多的使用也会使设计缺乏个性化,而我们是不是应该从统一中需求对比呢,让设计更加有趣更加符合产品的特色!

 



↓↓↓ 支持我们 ↓↓↓



已经有 9 枚评论. 发表 »

我说两句 »

Ctrl+Enter

注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。

搜索

返回顶部