认识达内从这里开始

设计师在空间的利用和把控上有很多东西需要我们去做调节，本文东莞ui培训和大家一起来了解一下UI界面设计师在空间的利用上有哪些注意事项？

1. 栅格系统

1. 栅格系统简介

栅格系统英文为「Grid systems」，是一种平面设计的方法与风格，运用固定的格子设计版面空间布局。

其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一。

如今栅格系统也已经被运用到网页设计中，它以规则的网格阵列来指导和规范网页中的空间布局。

栅格系统的使用，可以让网页的信息呈现更加美观、易读、严谨和一致，同时也更具可用性。

2. 「8像素」栅格规则

「8像素」栅格规则是一个以 8px 为单位，利用 8 的倍数来规定页面中元素(按钮、输入框、等)的尺寸及各自间距的一种通用的栅格规则。

为什么用 8 而不是 5 或 7 呢?因为 8 是一个偶数，在 UI 设计过程中，对于 Android 系统需要导出特殊的 @1.5x 的切图，

如果尺寸为奇数，则会出现半像素和虚边的问题，而用偶数则可以避免这种情况。

为什么用 8 而不是 6 或 10 呢?因为目前主流的屏幕尺寸大部分都是 8 的整数倍，比如 1920 × 1080、1280 × 1024、1280 × 800、1024 × 768 等。

即使某些屏幕边长像素不是 8 的倍数，在设计中仍然可以尽量做到自定义元素的长、宽、margin 以及 padding 都是 8 的整倍数来维持设计的一致性。

2. 留白

对于一些特殊的页面，例如：引导页、闪屏页、促销页等，可以不用严格按照栅格系统进行设计，但需要注意空间留白的运用。

1 留白四属性

层次感：留白可以使页面的层次感得到极大的增强，留白越大，模块、信息间的层次感越清晰。

焦点：元素越多，人的视觉注意力越容易分散;相反元素越少(即留白越大)，注意力则会更有效地聚焦在重要的内容上。

韵味：留白具有“此时无物胜有物”的感觉，犹如中国的水墨画。留白运用于页面设计中，韵味也会出现。

呼吸：留白的呼吸属性可以想象成周围的空气，当空气中的颗粒物(元素)特别多时，人的呼吸也会觉得不通透;相反留白越多时，呼吸感越顺畅。

2 留白表现形式

轻度留白：轻度留白是我们常见的页面留白设计形式，在传递出雅致、高端、文艺等气质的同时，又能将信息表现得清晰直接，让页面更加简洁和实用。

轻度留白融合了重度留白的优势，但不受品牌属性的影响，几乎任何产品都可以用这种表现形式。

重度留白：重度留白是把主体缩小到极致，其传递出的雅致、空灵、高端气质是最强的，但与此同时，其他的属性也近乎为零。

“无印良品”品牌倡导简约、质朴的生活方式，原研哉赋予其设计理念就是“空”。所以，重度留白传递的不是产品，而是概念、气质和态度。

南宁达内免费试听课程火热报名中，带你轻松入行，26大课程全国45个城市，129家中心均可就近学习，学完后，达内老师会帮助进行面试辅导，在面试前，就带你跨过可能存在的坑，让你入职更加顺利

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请添加3216764521学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。