快捷搜索:  汽车  科技

栅格数据的管理模式有(栅格系统在设计中的要点总结)

栅格数据的管理模式有(栅格系统在设计中的要点总结)ps栅格设置:

栅格数据的管理模式有(栅格系统在设计中的要点总结)(1)

当然这些不用我们去算,在这里我们只做了解,以sketch为例:

栅格数据的管理模式有(栅格系统在设计中的要点总结)(2)

第一步:确定页面宽度,比如1920、1800、1600、1366、1280等等

栅格数据的管理模式有(栅格系统在设计中的要点总结)(3)

第二步:分析内容等分的复杂度,如果内容简单只需要3、4等分,12列的栅格系统即可。如果有较多不等分的可能,还是建议采用24列的栅格系统,可灵活设置

栅格数据的管理模式有(栅格系统在设计中的要点总结)(4)

第三步:根据内容布局页面,确定模块之间是否有“间隔”,间隔尺寸是多少,6px、8px、10px、12px、20px选一个方便计算、方便记忆和整除的数值即可。就像过去,开发人员发现960px是最适合作为网格布局的宽度,因为960可以整除3,4,5,6,8,10,12,15,是不是突然发现设计其实是一道数学题

ps栅格设置:

栅格数据的管理模式有(栅格系统在设计中的要点总结)(5)

猜您喜欢: