- 关于网格系统在网站建设中的全面运用（二）
- 2018-03-15 11:25 分类：网站建设 阅读数量：阅读(2500)
-
三分构图法
三分构图法使用一个迷你网格系统，这意味着当你将内容放置在将内容分成三部分的某些分割线时，结果将会是画面更令人愉悦舒适。这种构图法经常用于摄影作品创作中。虽然这可能是一个很好的技法，而且经常会让你的画面看起来很不错，但我建议不能一直循规蹈矩使用该方法。
当人们谈论到神奇的交叉分割区域时，认为应该把设计元素放在这里。我建议你放松下自我，考虑下其他不重要位置的潜力，不要一味地遵循规则。很容易就能喝下一杯有点酸柠檬汁，而且遵循这条规则也并不难，但从数学上或生物学上来说，这条规则似乎都不具有什么神奇的作用。
不要忘记并不是我们所有人的视觉感知世界都是一样的。每个人的天生是不同的。我们不是那种在看世界时遵循特定数学精确观点的机器。现实中很多设计作品，看起来他们都不在意神奇的交叉分割区域吧。
是的，网站建设中三分构图法是一个很好的指导方针，或者至少当它符合图像、设计或者其他任何东西的时候，但是不要太严肃地对待它。只要有意义，就打破规则。在你的设计工作中，按照你的指导原则和技艺去做那些感觉正确的事情。
没有什么是真实的，在设计中所有的东西都被允许引用尼采的这句话。从哲学上来说，这可以被认为是理所当然的，但在设计上，这代表了一个坚定的指导原则可以在没有固定限制的情况下探索你的创造力。那么尝试打破规则吧，享受一下创作的乐趣，如果你幸运的话，也许能找到新的领域！
黄金分割比例
当我们处于设计的神奇领域时，让我先谈谈一些有关的事情：人们长期以来都相信，使用黄金比例分割画面会产生某种重要的、神奇的、令人愉悦的视觉效果。有一些实验结果对这些前代结论提出了很好的质疑。我想，在这些问题上最终的结论仍然可能会持续很长一段时间，但没有什么会妨碍我们保持开放的创作心态，不被前人的观点所禁锢。有一段时间，我觉得黄金分割比例的画面可能对我们人眼来说是非常令人愉悦的，因为在自然界中我们被它包围着。
（列奥纳多·达芬奇在1487年前后创作的世界著名素描《维特鲁威人》）
12列单元格网格系统
回到更务实的领域。我想讨论一个非常通用有效的网格系统，让你开始使用它在一些具体的项目中来构建你的布局。12列单元格网格系统将会很适合你。为什么它很有用？首先，因为它们可以很好地分成三、四、六列，它们足够灵活，可以很容易地处理各种内容。最重要的是，你可以让它们对称或不对称，这给你提供了很多选择，要么让它稳定，要么创造一些超越简单对称的动态布局。
（Etsy网站）
让我们来看看网站建设的下面这些布局，它们充分利用了网格系统所提供的灵活性。
4列单元格网格系统
4列单元格网格系统的主要优点是它的简洁和平衡，而且它也非常可靠。每一列都有三个单位。但是另一方面，它是非常对称的，看起来会有点枯燥。
通常，您需要一个主要的部分来强调所想要强调的内容，然后为次要问题提供一个侧边栏。在下面的第一个示例中，您可以看到第一列用于放置标题，中间两列用于放置主要内容，而最后一列用于满足不需要突出显示的内容。
（Form网站）
（Harvard Design Magazine网站）
3列单元格网格系统
3列网格系统,每一列可以看作横跨四个单元。这个变化是稍微复杂一些,因为它是一个不对称的网格系统,你需要更机智地在你的设计寻找到平衡。像这样的不对称布局通常被认为是更积极和更熟练。当然,这个不对称的网格系统也有被质疑的问题。
（Wallpaper网站）
（Kickstarter网站中的页面）
6列单元格网格系统
在下图中，每一列都可以看作横跨两个单元，这使得事情比三列网格更具挑战性。它将三列网格的每一列分成两列。这六列栅格为你提供了更多的选择和机会来微调小细节。如果你在一个内容丰富的网站上工作并且需要大量的信息，那么六栏的栅格可能是一个很聪明的尝试点。因为它是一个较高级的网格系统，所以我可能不建议你在一些简单的小项目上就开始使用它。
（Wallpaper网站中的页面，www.wallpaper.com）
（The New York Time网站中的页面）
组合型单元格网格系统
你也可以在你的设计中使用组合型单元格网格系统，这就是为什么12列单元格系统很方便的原因。它很容易让你把三、四、六列的方块整齐地组合在一起。
（Etsy网站）
（BBC网站）
（Etsy网站）
扫一扫！
微信咨询
网站所属 上海摩恩网络科技有限公司 备案号：沪ICP备07024853号-1 © 2003-2017 omooo.com 版权所有