沈阳CAD培训学校告诉您 如何定网格，各模块大小

告诉您 如何定网格，各模块大小
问题来了，我们知道了网格的基础概念，那么我们如何自己定义一套科学标准的网格系统，和骨架，来保证骨架的科学性和设计连续性呢？
第一步：定最小的设计单位
我们都学过化学，在化学里面有最小单位原子，原子可以组成分子，分子可以组成更多的化学元素，那么在UI系统中其实也一样，我们先要保证你的这个世界里面的元素是有个基础的，常用的单位有3（淘宝、天猫、蘑菇街等最小单位），4（funcy），5（raby、亚马逊、pinterest等）这个具体看你们产品的复杂程度，目前整体设计区域是最小单位越来越大，像Airbnb，pinterest等都是大留白，单位都是5甚至6
第二步：定边距和水槽大小（)
前面说过，先定最小单位，加入我们最小单位是5，总宽是375（sketch1倍设计尺寸）那我们产品内容我希望整个系统设计风格别那么满，留白稍微多点，我们左右边距是10，中间内容和内容之间我也想留10，这里注意，单位一定是前面我们定的5的倍数。
掏出计算器：
（375屏幕总宽- 边距左右两边20 - 水槽五个50）?（6内容移动端是6）= 51（四舍五入）
边距：10
水槽：10
内容：51
这就是我们定的栅格，系统骨架，设计时候必须保证每个设计元素，在我们框架内，保持规则，边距不要出现内容，水槽也不要放内容，如果放，尽量以组的形式。
必然会出现除不尽的情况，这个避免不了，取整数，必然有个内容区域面积会少1个px，但是这个木有什么关系。

更多行业资讯请关注沈阳卓然设计师培训官网：