平面设计基础知识详解,带你认识不一样的平面设计!
平面设计的四个原则
对比/对比
重复/重复
对齐/排列
邻近/接近
现代设计的先驱Jan Tschichold说过“对比是平面设计中最重要的元素”。不仅有我们最熟悉的大小对比,还有色彩对比(对比)、空间对比(清晰模糊)、时间对比(传统未来)。表情的对比(凌乱与整齐)等等。
重复不是单调的复制,重复可以用很少的元素快速传达画面想要传达的信息。重复也可以形成一种风格,在品牌设计中作为一种符号,是奢侈品常见的视觉手法。
去年,Burburry升级了新的标志,反复排列形成一个图案。
排列手法有很大的视觉引导作用,让画面中的元素找到平衡,更理论上排列形成一个系统,比如“网格”。
企鹅图书封面——网格设计排列的经典案例
“Proximity”是英文的直译,简单来说就是对元素之间关系的处理。我们按照一定的逻辑关系排列画面中的元素。相关的元素彼此靠近,而不相关的元素彼此远离。
你理解以下海报《道士下山》中设计原理的运用吗?
虽然这四点是平面设计中最基本的原则,但最简单的东西往往也是最“复杂”的。无论是平面设计还是UI设计都离不开这些基本原则,这是打好基础的第一步。
和缩放网格
很多小伙伴经常使用四大原则,但是在设计排版一些复杂的内容时,往往无从下手。
这个时候,用一些“工具”搭建一个框架,是一个简单、有效、快捷的方法。这里说的“工具”是比例和网格,在设计布局中起着非常重要的作用,但非平面专业毕业的设计师可能很少有机会深入了解。
平面设计中常用的比例:
黄金分割/黄金比例
三等份/九个正方形
斐波纳契数列
2/2矩形
众所周知,黄金分割/黄金比例为0.618,这是标志设计中常用的比例。最简单的用法:b=a*0.618,其中a和b分别指线段的长度、圆的大小等任意大小单位。
三分/九宫格在摄影构图中应用广泛,简单易懂,不做介绍。
斐波那契数列听起来很棒,但它实际上是黄金比例的数学近似值。顺序的规则是最后一个数是前两个数的和。也就是0,1,1,2,3,5,8,13,21,34,55,89,144,233 …
知道这个序列后,怎么用呢?最简单的就是按照顺序画出参考网格,作为排版的依据。
最后的2矩形听起来很奇妙,但实际上是最常见的A系列纸张尺寸(A2、A3、A4等。).
它的构造方法是:先画一个正方形,然后连接对角线,再以一个端点为圆点绕对角线一圈,直到与正方形的一边重合,形成2矩形的长边,而正方形的边是2矩形的短边。
“小知识”:再延伸一遍,继续连接“2矩形”的对角线,旋转,重叠。边长的矩形是3矩形。以此类推,可以有4矩形,5矩形,6矩形.
了解了一些比例规则后,我们再来看看约瑟夫穆勒-布罗克曼设计的海报。不知道大家有没有发现一些比例上的规律?
可能有些朋友不知道上面的海报,但是觉得有点花哨没用。事实上,约瑟夫米勒-布罗克曼是《网格系统》的作者。书中介绍的强大的网格工具,让平面设计师在面对复杂的书籍、杂志、报纸排版时轻松愉快。书中的方法对于网页和app的设计也有很多参考价值。
线和面的使用
点:画面的信息和点缀,装饰的平衡。
线:图片的信息和方向引导、建模和分割信息。
脸:画面的整体氛围基调,作为主要信息或背景辅助。
在基本的平面设计中,你可以把点看成一个文本或者一个单独的小元素,把线看成一个拷贝,把面看成一段文字等等。
需要注意的是,点、线、面之间没有绝对的界限。它们可以不同程度地自由改变。比如下图B是相对于A的,B是平面;与c相比,b是一个点。e可以看成是密度更大的D;f可以看作是更高的e。
点形成线,线形成面,点是几何学最基本的组成部分。许多点可以一起形成节奏和图案,点的密度、重复、比例和数量变化都可以影响画面效果。
线具有很强的视觉导向性,是连接任意两点的路径。表达式可以是直线、斜线、曲线、实线、虚线等。
该表面具有一定的长度和宽度。不同形状的脸可以在视觉上表现出不同的情绪。平直的表面有稳定感和秩序感;曲面柔和,轻松活泼;不规则的脸型会更加自然生动。
br>
无印良品的海报就是点线面运用最简化的经典案例:
一些小细节 tips
细节决定成败,平面设计中有很多值得注意的小细节。
注意按钮内部上下留白,留白多可以简单快速地让界面看起来更大气。
软件中开启避头尾和间距组合,可以避免标点符号出现在句首,为中西文混排时增加半角空隙。(sketch 和 figma 等 UI 设计工具还不支持)。
因为中文是方块字,所以字符高度一般比常见的非衬线西文字符更高。所以在中西文混排时可以手动调整西文大小,让中西文保持在一个和谐的高度上。做法通常是增大西文的字号,再使用基线参数向下偏移西文位置。
手机横过来看比较清楚
注意视觉平衡/对齐,不同造型的元素有不同的视觉大小,例如一个边长 400px 的正方形和直径 450px 的圆形在视觉大小上其实是相当的。
背景的深浅会影响对齐的方式。
设计长表格列表时背景色(条纹)分割比线分割更好。
以上就是小编做的详细的讲解,相信大家都应该明白了。