沈阳UI设计培训学校告诉您网格的基础概念是什么

告诉您网格的基础概念
- 列 -
“列”是网格的垂直部分也可以理解为内容区域。网格中的列越多，其灵活性越大。但是列并不是越多越好，PC端一般是12列，移动端一般是6列，特别是移动端不适合列太多，列太多会让页面更碎，这里大家只要记住，PC用12列，移动用6列。
移动端一般分为6列
- 行 -
行是网格的水平部分。也是横向部分，他们通常在网页设计中被省略。具有行和列的网格称为模块化网格。移动端行间距用的比较少可以忽略，一般在UI设计师中就是横向的间距。
- 内容模块 -
也叫做内容区域，填充设计内容，模块是用由行和列交叉创建的空间单位。
- 组合区域 -
区域是形成组合元素的列，行或模块的分组。
- 水槽 -
列和行有水槽分隔。沟渠越紧，视觉张力就越大。如果你希望你界面间距大点，水槽就可以留大，相反水槽越小，越紧凑。注意一点：水槽里面不要放内容，除非和区域一样组合使用，内容尽量放在模块里。
- 屏幕边距 -（）
边距是网格列月行之外的空间。不要填充内容，移动端主要是两侧空间和屏幕边缘的距离，这里设计的时候切记不可填充内容，保持页面骨架边界。
上述基本就是网格的一些常用单位，当然还有更细分的流线，标记，还有各种网格类型，但是今天我们主要学习移动端的网格，只需要掌握：
移动端一般分为6列，内容区域（ui设计元素、内容）一般放置到内容模块和组合模块，水槽和屏幕边距保持留白，不放任何内容。