数媒设计要素 空间 改.pdf

一、栅格 1.1 栅格系统 是一种平面设计的方法与风格，运用固定的格子设计版 面空间布局，其风格工整简洁，在二战后非常受欢迎，已成 为今日出版物设计的主流风格之一。 如今栅格系统也已经被运用到网页设计中，它以规则的 网格阵列来指导和规范网页中的空间布局。栅格系统的使用， 可以让网页的信息呈现更加美观、易读、严谨和一致，同时 也更具可用性。 1.2 「8像素」栅格规则 8像素」栅格规则是一个以 8px 为单位，利用 8 的倍数来规定页面中 元素(按钮、输入框、图片等)的尺寸及各自间距的一种通用的栅格规则。 为什么用 8 而不是 5 或 7 呢？因为 8 是一个偶数，在 UI 设计过 程中，对于 安卓 系统需要导出特殊的切图，如果图片尺寸为奇数，则会 出现半像素和虚边的问题，而用偶数则可以避免这种情况。 为什么用 8 而不是 6 或 10 呢？因为目前主流的屏幕尺寸大部分都是 8 的整数倍，比如 1920 × 1080、1280 × 1024、1280 × 800、1024 × 768 等。即使某些屏幕边长像素不是 8 的倍数，在设计中仍然可以尽量做 到自定义元素的长、宽都是 8 的整倍数来维持设计的一致性。 对于一些特殊的页面，例如引导页、闪屏页、促销页 等，可以不用严格按照栅格系统进行设计，但需要注意空 间留白的运用。 二、留白 2.1 留白四属性 2.2 留白表现形式