wpf 放大缩小界面_简谈界面设计中网格系统的应用

Sharing 当我们在做界面设计的时候，一个绕不开的话题便是网格系统 (Grid System) 的搭建。网格系统本身作为一个已经诞生了将近一个世纪的设计方法，是如何在现代平面设计中帮助设计师更好的完成日常工作的呢？     1 什么是网格系统跟随着现代主义在 20 世纪初期的发展，高度理性化、几何形式化的排版系统也在慢慢形成。许多网格系统的奠基作品，如 Die neue Typographie (1928) 都出现在这个时期。 ▲ 图一 · Die nenue Typographie 书本截图网格系统最初是被使用在印刷制品上。通过一系列的基准线 (Baseline)，对纸张的平面空间进行划分。而之后在填充内容时，内容则依附于基准线进行排布。由于最初在制定基准线时，设计师们往往会让空间的分布是有一定韵律的。因此被填充的内容也会呈现出非常优雅的排布方式。 ▲ 图二 · 印刷品的网格基准线示意2 我们为什么需要网格系统网格系统能够帮助平面设计师更有条理地规划空间，因此在填充内容时，元素与元素之间的关系会更加清晰与平衡。对于阅读类型的版式内容，清晰与平衡尤为重要，因为这样读者才能以较为低的阅读成本来理解内容。此外，当设计师在处理多个版面时，网格系统能更好的规范不同版面之间的视觉风格，让最终呈现出来的视觉是统一且具有延续性的。规范化的设计语言在多个设计师在合作完成同一个项目时的起到了润滑剂的作用。网格系统通过简单的数学规则，让工作在同一项目上的所有设计师都够以较低的学习与合作成本，创造出具有极大灵活性，且视觉上有统一性的设计方案 [1]。这样最终呈现出来的设计效果在用户看来就像是 “出自同一人” 之手。3 如何在界面设计中制定一套网格系统网格系统的搭建由制定基准线开始。当我们在处理印刷品时，我们只需要依据纸张的大小，去画基准线就好了。我们可以想象一下工作过程，首先我们通过一把刻度尺先量出合适的长度，再依据这段