这种设计方式是在看了谷歌的Material Design设计规范之后开始认识的。发现这种设计方式实在是太适合我这种理科出生的
意思是：如果你用8作为设计的最小单位，你可以很方便的缩小的你的设计尺寸，8/2=4,4/2=2,2/2=1。如果你从10开始，你缩小到的网格单位可能是2.5像素，在往下是1.25像素。
如果你是2倍屏设计，1倍下就是奇数的尺寸，如果是要在偶数尺寸的屏幕中(基本上的屏幕尺寸都是偶数的)剧中对齐位置上就会产生小数点了，如果是再缩放一倍，这时候元素尺寸又产生了小数点了，相信各位的洁癖肯定是不能忍的。
这里引用一些Material Design中的设计指导和Spec的一篇文章中的信息，结合自己的经验来说明下：
也许在设计某个元素的时候，或者定义某个空隙的时候，你用8好像稍微宽了点，于是你一点一点地调整。但你在选择空隙是7还是8的时间时，你做其他事情的时间也就被浪费了，最后效果的差异其实并没有那么大。
更可怕的是最后你的设计稿里这里是6，那里是8，没有一套清楚的规则的时候，会影响到开发对你设计稿元素间尺寸的认知，于是你精心调好的细节也会没有那么好的被还原。
基本的主流屏幕尺寸都至少在横竖一个轴的维度上能被8整除，很多时候两个轴的未读都可以。甚至，有些平台的设计规范(比如Material Deisgn)会特别要求建立4pt或8pt为基准的网格，这样整套系统就能自然的符合这一规则。
有些屏幕会很难调整适应这个系统，比如iPhone6开始的375×667的尺寸，但是解决方法也很简单。保持填充和空隙(padding & margin)的尺寸统一遵循规则，剩余的空间可以用块状的元素来填充。有一些元素的尺寸是奇数的也没关系，只要他们能让整体遵守这套规则就好。
比如Material Design没有限制元素的高度一定符合8的倍数，但是让元素的点击范围遵守8点网格的规则。
所以说，这套系统更多的是用来规范自己的设计和开发，节省开发和设计沟通的时间，提高设计统一性，对用户来说可能感知不大。
几乎所有设计软件都有「对齐到网格」的选项。如果你的设计绝对符合这套系统的话，设置好相应的网格选项并对齐绝对会给你很大的帮助。所以，你要先确保你打开了「对齐到网格」选项。
大多数设计软件都可以调整移动增量值，我喜欢把我的大增加值(按住command移动的增量)从默认的10调整到8，这会方便很多。
很多应用程序都有快捷键，可以让你在设计时快速移动元素、调整大小。记住这些快捷键，配合网格使用可以大大提高你的效率。
图标通常需要不同的大小以保持相同的视觉重量。用框架来设计图标，这是保持尺寸一致性的简单方法。同时，框架能有效保证图标的大小符合网格的规范。同样记得把图标的框架大小设置成8的倍数，并从大的图标开始设计，缩放后记得对细节做调整。
如果你一直放大到1600%来设计，你可能会丢失垂直方向上的布局感受。相反，如果你一直在50%的缩放比例下查看你的UI稿，你可能会丢失一些重要的细节，比如完美像素。所以记住要经常放大缩小界面，在各种比例下查看你的设计。
网站在前期的时候都是很难上排名的吗，那么是因为你的网站基础优化都没做好，怎么可能会有排名呢，首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...
随着情人节的结束，2月份的设计圈干货大合集悄然更新。新的工具新的资源，依然是以往的分量，依然是相同的味道。和过去的合集相似，免费的素材、工具、服务占据了列表中9成的...
每个网站都是由不同功能不同类型的页面构成的，当用户打开错误链接的时候，网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时，还应当引导用户继续浏...
今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果： 让内容在显示区域滚动; 内容面板没有接触到顶部时，让内容面板移动至顶部; 内容面板接触到顶部，没有接...
你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你，快来看看我最新发现的工具包吧!有了他们，这些功能你只需要直接用，或者用一点时间把他们优化的比作者创造时更...
当我们需要设计任务型功能的时候，除了基础的线框图和交互，更需要提前搞清楚整个功能的内部逻辑流程，简称功能逻辑图。 举几个大家熟悉的任务型功能作为例子，方便大家理解概...
如何设计一个简单的新闻聚合产品？文章介绍了制作极简的新闻聚合产品的7步骤，好奇的你和我一起来看看。 你知道在三四线的县城，用户在哪里看新闻么？不是在今日头条里，而是...
当你面对两家售卖同样品质、有着同等价格的咖啡店铺，服务设计的意义在于让你走进其中一家而非另外一家。 目前，在国内服务设计一词被很多从业者注意到，并在近几年得到了广泛...
老年用户群仍然有巨大的增长潜力。但就像其他任何用户群体一样，老年用户需要我们设计出符合他们需求的体验。随年龄而产生的局限意味着，数字科技中一些常规的吸引用户手段对...
本文教大家如何利用Mockplus的面板组件，快速地做一个手风琴式的菜单，简单实用，学起来吧。 手风琴菜单是一种比较常用的菜单形式，利用原型工具来做这种菜单通常要用到中继器。...