本帖最后由 蒸个馒头 于 2018-6-7 14:40 编辑 写在前面:有人说,设计是带着脚镣跳舞的舞者,我不太认同这个观点,我认为这个所谓的脚镣其实是一种规律或一种规则,而世间万物又有什么是没有规律或规则的呢?在我看来,设计也是艺术的一个分支,一个类别。设计也是有节奏感的,就如音乐中年的动次打次的节奏,在设计中也是十分需要和必要的。而这两种的不同之处则是一个是用声音来表现,而另一个是用视觉来表现。音乐的节奏感是呈一种线性的结构,随着不同的高中低音从头至尾的表现。而设计的节奏感是在一个平面中表现,在这个平面中可以有无数阁这种线性结构,因此我有个大胆的想法,如果音乐是一维空间,设计就是二维空间,如果音乐是一条时间线,那么设计就是由很多平行时间线组成的时间空间。下面我们用10种方法来让设计有节奏感。1. 大小最基本的版式设计中包含几个重要的元素,分别是构图、文字、画面素材。而这几个重要元素都可以使用大小的对比来增加节奏感。(当然每个元素中也是需要有大小对比的)。 例如上面的设计,我们来找一找大小对比,从最上面的文字开始,BOWIE和2017 new arrival就是一个大小对比。下面的两个展示台也是大小对比。展示台和后面的粉色背景也是一种大小对比。 这张海报中的大小对比一目了然,文字的大小,画面元素的大小对比(绿色元素和白色底)这种大小对比造就了这张海报的节奏感。下面再来看几张自己试着分析一下。 2. 主次任何画面中都应该有主次关系,而是“主”还是“次”需要根据你设计的主题来选择。例如是品牌形象推广还是电商促销页面或是产品展示,内容不一样画面的主次也要根据内容进行变化。例如明明是折扣非常大的电商促销页面,全场5折,而你却要主要内容放在模特图上就完全达不到促销的目的了。如果你是品牌形象展示就需要把代表品牌的产品或者是模特图形象图做为主体。 另外对于主次关系还体现在画面元素上,例如上面的设计,把模特图做为主体使人感受到品牌的品质感,也就是常说的“大牌”。而把更多内容放在了二级页展示。所以左下角放了一个READ MORE的按钮。其主要目的就是先用图片把你吸引进来,让点击进去看详细内容。3. 轻重俗话说,做事要有轻重缓急。设计也是这样。例如音乐里的轻音和重音,只有这两个音组合在一起才能形成音乐的节奏。 我们来分析一下这个banner。在这个设计中,轻重的关系分为两层,第一层是左右两边的毛靴图,一组比较大,一组比较小。这个很明显也比较好理解。第二层是毛靴图与背景的轻重关系,有时候大家会只看到眼前的东西而忽略整体,而这第二个层次就是要整体才能看出来。 从色彩上分析,黑色背景占绝大部分,白色的书占比偏小。而事实上在某些元素足够大的时候,偏小的元素往往更加吸引眼球。而这个设计的轻重关系恰恰相反,这这种相反的视觉感觉更加让白色占比小的书更加凸显出来。 从字形上来说HARD表现的更加坚硬,soft显得更加柔美,一个重一个轻。4. 虚实设计师或多或少的都会接触到绘画,有些同学甚至是经历过美术高考的,所以我用绘画中的虚实来举例。绘画中的虚实往往是用来表达和强调景深,让画面更有立体感、层次感和节奏感。而我们在设计中则有两个目的,第一个目的与绘画的虚实作用是一样的,增加立体感。而第二个目的是进行视觉引导,进而让阅读者聚焦到我们想让他看的信息。 这个banner做的最好的就是虚实层次的处理,让空间感非常强,又让整个画面的焦点聚焦到鞋的上面。另外不知道大家看到没有,不止是鞋的图与背景有虚实关系,背景本身也是带有虚实的关系,所以更加强化了空间的立体感。 5. 远近其实远近往往都是和虚实相搭配的,画画的时候就有句俗语“近实远虚,近大远小”。说的就是远近与大小和虚实的关系。把这几种关系运用到设计中就可以让画面显得自然而又亲切。这种花瓣效果是现在用的比较多的,而且也是比较好理解的。主体用的是一个花的特写,而即使是特写也是有远近的对比的。加上虚实效果让整个画面模拟出真实的眼睛看到的物体。因为人眼看过远和过近都是模糊的。 字母的构图也是由远及近,从大到小。层次感非常丰富。6. 冷暖这中设计方法在电影海报的设计中是非常常用的。而目的很简单——吸引眼球。因为大多数人们第一眼看的往往不是文字或信息之类的,而是颜色,而冷暖色搭配起来是最容易引起人们注意的。另外,一般冷暖对比都会有一种色调做基础,或冷或暖,这样不至于颜色互相“抢”。 例如《记忆大师》的海报是典型的蓝黄对比,以蓝色为基调,点缀黄色。而且整个海报的饱和度比较低,让人感觉到一种神秘感。 这个海报的对比更高级一些,虽然不是互补色对比,但是整个绿色偏冷,有一点点偏蓝绿,让人觉得有种静谧的感觉,然后点缀火把的橘红和文字的亮黄,反差非常大,非常打眼。7. 立体与扁平从刚发布ios开始流行的拟物风格到后来的扁平风格,再到后来的轻拟物风格无不是从立体到扁平,再从扁平到立体。而且网上也有很对关于是拟物好还是扁平好的争论。但是我觉得风格是要根据功能和用途来改变的。无论是平面、网页还是UI基本都是遵循这个规律。所以无所谓那个好那个不好。 而这个设计是利用元素的前后和穿插的关系来制造立体感的,正是所谓的“平面不平”的道理。例如上面这个设计用的就是轻拟物风格。在平面的基础上加细微的精致投影,从而使元素“突出”画面。这样做的原因就是要最大限度的突出主体信息。 这幅设计就更加立体了,干脆就是用你3D软件渲染出来的。无论是空间感还是细节都非常到位。这也是最近C4D流行的原因。因此也建议大家接触和学习一下3D类的软件,让你的设计更有立体感吧。8. 简与繁简与繁在设计中应用的情景非常多,例如画面元素、字体运用、颜色选择等等。“简”也可以理解为留白,可以理解为非衬线体的字体,或者是一种清新的颜色。“繁”可以理解为丰富、层次。例如天猫双11设计的那种丰富形象。当然简与繁可以单独运用,也可以组合运用哦。9. 曲直曲直与点线面中的“线”有着密不可分的关系。说到线我们也可以从音乐中找到一些灵感。比如五线谱,比如声波线等等。而这些线也正是形成节奏的关键。在设计中,虽然没有像音乐中那么明显的节奏,但是根据“线”的走向、形状可以给人以视觉上的节奏,从而让人感觉有趣、越看越想看。例如这幅海报里的一层层曲线,你会很自然的把焦点聚集在曲线的中心,甚至会跟着曲线一圈一圈的看下去。而这些曲线形成了一个大的面,在画面里又与左下角的文字形成了大小的对比,使整个画面更加丰富而有节奏。曲线的方向性和指向性。而北京现代的这个专题设计则是用的直线来干脆利落的分割画面,给人一种硬派风格(虽然我不觉得这个车硬派)所以这又引出了曲和直的另一种用法——分割画面。当然,除了这些能看到的还有隐藏的。例如下面的例子,大家可以研究一下哦10. 肌理肌理在平面类的设计中应该是最好出效果的方法了,但是能看懂肌理的节奏感可并不容易。其实我们可以把肌理看作成山脉丘陵这类的地形。从天空中看是一个平面的,但是在平地中又有很多高低起伏。所以在看待事物的时候还是要多角度的去看哦。另外肌理的效果是很容易获取的,有时候并不一定要在网上找现成的素材也可以自己做哦。例如上面这个肌理就是用颜料在宣纸上画的,然后用PS后期调一下就出来了。还有这个也是水墨在混合的时候的状态。其实以上的这10个方法并非是只能单独使用的,有些是可以进行组合的。例如我们可以在同一幅设计中使用冷暖、大小、虚实这些方法。所以学习不光要学,还要去思考、去举一反三的思考,并且最后能总结出一些有用的知识点,那么你就是进步了!目录1. 大小2. 主次3. 轻重4. 虚实5. 远近6. 冷暖7. 立体与扁平8. 简与繁9. 曲直10. 肌理 |