怎样用网格体系计划出人人般的APP界面

怎样科学的界说 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 的增量继承增进间距，机动运用即可。

其他组件拓展行使演示

上面的案例加上要领拭魅战各人都清晰了么，上面案例的间距均来自我前期界说好的，着实很简朴，要领要机动运用，假如间距不足可以恰当增进的，牢记勿乱用间距。

总结

在界说间距进程中必要留意的点：

1. 最小原子单元并不是随意界说的，保举以下；

2. 间距界说以某一最小原子的增量去界说；

3. 牢记勿乱用间距，间距行使得有纪律和节拍。

作者：TONY，UX视觉计划师，喜好试探统统奇怪事物，爱分享，写文章。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!