栅格系统

网页设计中的布局可以从两个角度来看：设计视角和前端视角。本篇文章主要侧重分析前端视角，由于设计视角比较好理解，所以不做太多的赘述。 先说下设计视角吧，这个最贴近设计师，比较好理解。 设计视角主要是从网页的排版角度去进行分类，大致分为四种：上下布局、左右布局、国字形布局和T字形布局。 上下布局是最常见的布局方式，基本上都会在最上方有一个导航，下方是内容区，有的官网还会有页脚footer，站酷就是上下布局。左右布局在后台类、TO B类产品中比较常见，一般左侧为侧边栏，右侧为内容区...

本文5500字上下，反复校对8遍以上，初步阅读完大概需要22分钟，若是深入理解并完全吸收则建议“先收藏再反复的品，细细的品”。希望对各位朋友有所帮助，不足之处望校正，祝阅读愉快。 开篇前的废话 相信很多朋友在做网页设计的时候，首先遇到的问题就是“以哪个尺寸进行设计？”特别是在当前市场设备众多，既要兼容pc端不同尺寸，又要兼容平板、手机等不同尺寸，一会是苹果端，一会又是安卓端，甚至还要考虑其他智能电视、穿戴设备等等，仅仅要理清设备种类就足够让人晕头转向的，更别谈尺寸了。实际上我...

从策划转职为交互设计师也有些日子了，一直想着整理点设计原则帮助自己以及同事更加规范化的进行设计。但设计原则这个该怎么说呢？因应不同的品类、题材、用户、媒介...，它会有不同的设计侧重点，这一期，我打算先说说那些能帮助我们避免掉大部分的出错的基础原则： 【一致性原则】 界面的视觉风格、布局、功能、用语、操作应在所有页面中保持一致。 作为最基本的交互原则之一，它很容易被大家所理解，也很容易落实到具体执行----只要将常用的控件母版化，需要时从素材库里调出来再根据新需求调整内部的信...