色彩、图形、排版、网格等是构成系统四大视觉语言的基础原子单位，今天来说下网格系统在产品设计中的运用及定义方法。
　　初识网格
　　Pinterest
　　就如上图所示，我们设计产品界面中离不开网格，网格让界面更加有节奏且信息层级更清晰，使我们能够舒适的阅读及很好使用产品。
　　糟糕的网格系统是无规则，无节奏感可言，给用户呈现出一种劣质的产品
　　目前产品界面设计的现状
　　大家做平面设计的时候应该听过GirdSystem即网格系统，那么我们在APP设计中如何正确使用
　　看个例子：
　　左边和右边大家觉得那个间距好些？粗看如果不细心的同学看不太出多大的区别，那么我们看下他们的网格是如何的（基于750设计）
　　很多刚入行做设计的同学设计的界面就如同左边这样毫无规律可言，甚至有些工作几年的设计师也会出现同样的问题，没有科学的去定义系统间距，导致界面设计品质感低，无规律的去使用间距，如何才能提高产品品质？
　　如何科学的定义UI的中网格系统
　　定义UI网格系统方法很多，如运用8点网格系统、斐波那契数列、某最小原子单位的增量、从底层系统参数化定义间距等，本次就讲某最小原子单位的增量去定义网格系统
　　（1）首先确定基础间距原子单位，比如这里我定义最小数值为6，那么以6为基准的去延展系统间距，得到如下间距系统
　　1、2、6、12、18、24、30、36、42、48、54、60、66、72、96、192等，这里都是6的倍数或能被6整除
　　（2）继续优化梳理间距得到如下，为何要梳理？如果间距多，过于细碎也会导致画间距比较乱（以6为基准，前面个数是后面个数的2倍递增）
　　1、2、6、12、24、48、96、112
　　（3）实战演示
　　如右图所示我界面设计中所用到的间距参数都是前期定义好的间距，然后设计时候就使用定义好的间距，不要在随意的去增加间距，如果间距不够用，可以在继续以6的增量继续增加间距，灵活运用即可。
　　其他组件拓展使用演示
　　上面的案例加上方法实战大家都清楚了么，上面案例的间距均来自我前期定义好的，其实很简单，方法要灵活运用，如果间距不够可以适当增加的，切记勿乱用间距。
　　总结
　　在定义间距过程中需要注意的点：
　　最小原子单位并不是随意定义的，推荐以下；
　　间距定义以某一最小原子的增量去定义；
　　切记勿乱用间距，间距使用得有规律和节奏。
　　相关阅读
　　提升产品UX体验的一些排版设计原则

想让熊孩子静下来看电影的方法教你几招每到暑假，很多家长都想带孩子多去看看电影，一方面想让他在电影中开拓自己的视野，另一方面还可以培养他的艺术修养。可是这熊孩子总在电影院吵闹，总是影响隔壁的哥哥姐姐叔叔大爷，很多爸……孕妇牙龈炎肿痛小妙招为了腹中胎儿健康，准妈妈不能因为疼痛而滥用药物。在孕期遭遇牙齿疼痛就只能苦苦忍受，孕妇牙龈炎肿痛小妙招呢？就让本站的小编和你一起去了解一下吧！孕妇牙龈炎肿痛小妙招1……结核性脑膜炎传染吗众所周知，脑膜炎是一种危害极大的疾病，严重者还会致死。事实上，并不是所有的脑膜炎都会传染，会传染的脑膜炎是病毒性脑膜炎、流行性乙型脑炎、流行性脑脊髓膜炎。它们传播的途径是空气飞……世界十大安全座椅品牌排行榜婴儿乘汽车越来越多了，安全座椅自然就越来越受欢迎了，这都是因为家长们对婴儿坐车如何确保安全的担忧。我认为家长们在选购安全座椅之前，首先要自身有足够的安全知识例如：孕婴安全知识，……应该怎么应对宝宝扁桃体发炎引起的发烧小儿扁桃体发炎的主要症状是以咽痛为主，伴有畏寒、发热、头痛等。医学上公认为扁桃体是一个免疫器官，一旦有病毒进入体内，就被会它吸附住，并吞噬掉。一旦人的抵抗力下降，细菌病毒就会在……产后可以吃哪些小炒什锦产后可以吃哪些小炒什锦？深绿色、黄红色蔬菜及水果，可提供维生素A；适当地晒太阳可补充维生素D；瘦肉、蛋类、肝脏、粗粮、蘑菇等可提供维生素B；新鲜水果特别是鲜枣、山楂、猕猴桃等含……哪两道开胃食谱可缓解孕吐孕妇在孕早期常会出现一些生理反应，如恶心、呕吐、食欲不振、偏食等，严重者甚至引起各种营养素的缺乏，所以要特别注意饮食安排。那么哪两道开胃食谱可缓解孕吐呢？下面就一起随本站小编来……给宝宝买衣服要遵循什么原则爱美的天性让妈妈们恨不得把漂亮的衣服都买回家，但每次清理衣柜时就会发现很多衣服宝宝只穿了几次甚至一次都没穿过，要不就是尺码不合，要不就是材料穿着不舒服。给宝宝买衣服，最重要是适……商标购买途径随着经济的不断发展，各个行业之间的竞争也是越来越激烈，为了确保企业的正常发展，所以都会注册相应的商标来的对你产品品牌进行保护，但是随着商标注册的难度在不断的增加，使得商标注册的……烟尘污染的危害工业生产排放到大气中的污染物种类繁多，有烟尘、硫的氧化物、氮的氧化物、有机化合物、卤化物、碳化合物等。烟尘污染的危害呢？本站和您一起去了解一下吧！烟尘污染是指漂浮在空气中……老年人冬季饮食需要注意的个问题很多老人在饮食上比较不注意，觉得只要吃饱就好了，其实不然。老年人的脾胃和消化能力都比较差，而且身体一般都带有各种疾病，所以在饮食上更应该注意，今天本站小编就为您整理一下老年人在……关于五色蔬菜水果的介绍你知道多少现在很多的食物都是添加色素，很多人们听到就直摇头不肯吃。但是有很多蔬果它就是天生带有颜色的呀，例如红色的西红柿，紫色的茄子。这些可都是好的食物，大家一定要多吃。为什么要吃这些带……