应粉丝邀请，讲一些关于设计中『排版、布局』的知识。本文，我将带你一起了解构建强大布局的基本方法，我们从页面本身开始讲起，而不仅仅是一个背景，或者拿一个现成的案例来分析。页面是包含可见和不可见元素的空间，这会对整个设计有很大的影响。 布局的艺术 内容提要通过本文，我一次性为您讲透布局的一些个人理解，通过本文您将学到如下知识：
书籍排版中『对称网格』的应用 快速理解布局
从狭义上讲，大多数的布局都是静态的，没有一个布局是移动的，因为布局本身并不需要这样。但是在网页中，布局是可以经常移动、变化的；本文我们将聚焦于『静态布局』。只要你掌握了静态的页面布局，那么让布局动起来就不费吹灰之力了。 当你想到布局的时候，你很有可能会把它理解为一种机械的东西。现在给你一个页面，它的空间很有限，页面里面有固定数量的元素填充到这个空间中，恰巧这时，你打上了网格，你的工作就是以非常漂亮的方式把这个网格给填充好。 布局的类型布局主要有两大类型：网格布局和自由形状布局。网格是一种结构，它是一组水平参考线和垂直参考线，来帮助我们放置页面元素。最简单的网格就是信纸所使用的网格，它只是一张纸，并且通常只有一栏，然后可能还有一个标题和子标题。在信纸中，没有什么太多需要表达的内容，因为价值通过那几行字就可以表达出来了。 信纸、便笺纸的网格布 更为复杂的网格布局是你在杂志、期刊、宣传册中看到的下图这种类型的布局。当你创建一个网格，你可能是把它当作一个可以容纳文本、页眉、图片以及其他元素的框架，最后这个框架就变成了布局，接下来你根据不同的情景再填充上不同的内容。这个过程的具体细节可能会有所不同，但是宏观上讲大同小异。 报纸网络示例 大多数布局就不是按网格构建的。它不是一个预设好的布局，多数情况下是『自由形式的布局』，开始的时候它是一张白纸，然后再有机地铺开，自由形式布局就好像电视剧的字幕，演讲的文字版本，甚至有点像音乐的歌词，它是流动的。这种布局的外面可以独特地表达布局的内容，如果内容变化了，那么外面随之也会变化。结果就是看起来结构性也没有那么强。 自由形式布局 布局的属性，以及到底如何使用页面？布局是诞生在页面上的，我这里所说的『页面』指的是设计的可见部分。 今天我要分享的『页面』它可以是一张报纸、一本书、也可以是一个杯子、一个网页或者是手机的用户界面，甚至是一个T恤。这个页面呢，可以是任何形状，矩形的、圆形的等等，这就是我要强调的『页面』。 广义的『页面』 页面都有物理属性和虚构属性，物理属性是指这一张纸它有一个中心点，四条直边和四个直角，也有自己的颜色和材质。 页面的物理属性 像上面的图示，这张纸是白色的而且很光滑。纸张有尺寸、形状、比例的区别，纸张还有重量、方向的差异，但是所有的这些属性都是可以量化的。 『虚构属性』是我们从现实生活中得到的体验应用到页面之上的一种隐藏的属性。比方说，一个页面应该具备情绪区域，一个页面同样还应该有重心，所有的物体都有重量，我们都可以感觉得到，所以，正常情况下物体都应该是在地面上的。 正常的布局 错误的布局 下面这张图像明显感觉这个模特要掉下来的样子，这是错误的！ 一个空白页面的中心点是最稳定的位置，因为每个轴都会通过这里，这是我们潜意识的锚点，我们都是以它为参照点的。 稳定的中心点 所以，在布局中就有一条规则 ，那就是空白页面中中心位置的对象会被认为是稳定的。
最简单但也是最容易忽略的布局 所以，我们在具体的布局中，不仅仅要考虑到页面的物理属性，还要考虑到页面的虚构属性。要想设计出优秀的作品，我们要充分利用这些无形的力量。 简约的力量
保持简约在设计的布局中是非常非常重要的一条，你往页面中塞越多的元素，就越难去设计，也就是我们要去做『减法』而不是做『加法』。我们要用更少的元素，非常简单的元素，尽可能少用一些元素，并且每一个元素都是强有力的。 尤其是文字，三3个字比10个字更容易让别人记住，所以，在你编辑的时候一定要『无情』『冷酷』『铁面无私』，把你当初设想的文字砍掉一半，还能不能再砍掉一半？直到无法再精炼为止，喝杯咖啡，返回来再想一下还能不能再砍掉一半？来看下面两张图对比，看看哪种效果好？
没有对比，就没有伤害 再看经过优化后的设计
到底哪个好？ 限制图片的数量，同理，你记住一张非常有冲击力的图片通常要比记住10张图片更容易的多， 当然也有例外，如果你正在制作一张需要10张以上图像的目录，否则，请从这10张图中找到最能够表达你主题的那张。 限制字体的选择，如果能用一种字体搞定，那就最好只使用一种，在选择字体的时候一定要尽可能保守些，除非你必须要表达一种特定的、独特的声音，否则一定不要使用过于古怪、酷炫、俗气的字体。 永远要记得『设计并不是装饰』，一定要把所有彼此不协调、不沟通的元素给抛弃掉。
|
|
|
