网页设计网格排版 第1篇
在确定了边距之后，很重要的一步就是需要确定列数了。定义使用多少列，这个直接会影响到页面的信息疏密以及灵活程度。在APP设计中，比较流行的有 4-6 列，而在Web设计中，10-12 列则是非常的主流
在做PPT或者是网页的时候，我最喜欢还是使用12列，因为它其实最灵活，而且大小不大不小，刚刚合适~~大家可以对应下面这张图（基于@1x），来决定自己设计稿中，列数的数量是多少。
网页设计网格排版 第2篇
不对称的网页排版设计是指将页面分区，左右两侧包含各自不同的内容，每侧的含量相等，以此营造出整体平衡的外观。另外，还可以将这种不对称的排版方式简单理解为左右排版，通常左边为文字内容，右边为图片或者左边为图片，右边为文本内容。
在此案例中，登录页的整体背景大部分为黑色，亮绿色作为点缀色。左侧的内容是白色文本、号召性用语和指示按钮，右侧是一张具有网页特色的图片。
网页设计网格排版 第3篇
网格边距指的是内容外部边缘距离容器的空白距离，在纸质设备中，容器就是纸张的大小，在界面设计里，容器就是设计稿的尺寸分辨率。这个边距，一方面是为了信息不超出安全距离，二方面也主要是为了让内容看起来，能更加的聚焦在中心区域，以防信息太过于贴边导致的不利于阅读。
在APP设计中，也会用到边距这个概念。基于@2x尺寸，很多APP内容到屏幕的边距，都采用的是24px，比如淘宝、支付宝、微博等。但也有不少的APP采用的是32px的边距，比如微信、QQ、知乎等，这个大家可以截图，缩到750的宽度，自行量~~当然，文章后面也会详细讲这块怎么定比较好