设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
本文将为大家分享 Web 端的系统布局，从基本布局初识、网格、布局模块到栅格进行完整链路内容整合，并以简单易懂的案例与大家进行探讨。
超实用!36种网页首屏布局，大家可以根据自己的需要选择哦。
简单布局怎么做到不单调而有层次?看看设计师 Czékmány Zoltán 的9个技巧。
如果你看过《梦想改造家》这样的家装类的节目，会发现主持人和室内设计师最常提到的概念可能就是“开放式布局”了。其实这个概念不仅仅在家装领域流行，在网页设计领域，也逐渐开始流行起来。
Landy：大家都知道做网页设计有栅格，有纵向栅格也有横向栅格，栅格提供内容布局的规范，让信息组织更有条理，我们在栅格规范内做设计，上下左右、垂直居中对齐，横平竖直、方方正正的看着舒服，信息布局清晰易读，表面看没什么问题，但经常会有那么点死板，缺少点活力。如何在视觉设计中突破页面布局的“格”，让设计更具特点与众不同，下面通过几个小技巧来解决页面布局中死板的问题。
编者按：不得不说，网页设计绝对是有套路的!网页布局虽然千变万化，但是如果你仔细观察，会发现有一些布局适用范畴相当广，经久不衰。
Fufu ：今年腾讯ISUX官网进行了全站响应式，在项目过程中有技术沉淀，也有不少的思考，也就有了今天这篇文章，内容围绕四个方面，响应式的概念，实践方法，一些案例，以及一些看法。写在前面去年上半年，我开始着手推动项目中响应式设计的落地。
编者按：在很多方面HTML和CSS是一个强大的内容发布机制——易学、灵活和强大。但复杂的布局是他不擅长的。
温总：本文不适合采用天才设计（Genius Design）方法的人士。有一种「奇怪的」现象会经常的看到：「很多设计师没有办法清楚的跟其他人解释他们是如何设计的，越细致的地方可能越是如此。
吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点?答案很简单，它们的设计都遵循了黄金比例。
编者按：四个经典构图原则帮你入门版式设计!今天聊一聊常见的几类构图方式：对称平衡、不对称平衡、水平平衡以及垂直平衡，有分析有案例，强烈推荐学习，来感受下 >>>手把手带你掌握构图：《他山之石可攻玉?
编者按：网页布局有哪些作用?如何设计网页布局?
编者按：布局在某种程度上是网站整体气质的代言人，优秀的布局让人眼前一亮，顶尖的布局让人好奇心大发，不停探索，如果你也看惯了稀松平常毫无亮点的网站，今天推荐的这组网站绝对有必要来感受下，会有惊喜呦。@网秦UEC ：布局是网站的基石。
越来越多的网页设计师开始知道，进行布局设计时需要用到栅格线。但是对于老手来说，栅格线不是唯一的可选项，这些老手经验丰富，基础扎实，他们懂得怎样去创新，懂得用新颖的设计完成目标。
对于有些设计项目来说，老套的设计模式并不奏效，你需要设计的大点，要比以往设计的元素还要大，因此就非常适合采用超大网页布局。无论是采用大块大块的背景照片还是背景视频，超大网页布局的效果非常显著：极具视觉冲击力，吸引用户注意力。
Metro UI是一种界面展示技术，和苹果的iOS、谷歌的Android界面最大的区别在于：后两种都是以应用为主要呈现对象，而Metro界面强调的是信息本身，而不是冗余的界面元素。显示下一个界面的部分元素的功能上的作用主要是提示用户”这儿有更多信息”。
虽然Web字体版式技术在各种定制化字体解决方案(比如@font-face, Google Fonts)的支持下一路蓬勃发展，但是在我们在设计和桌面app开发中仍然对其缺少精准的控制和把握。还好有一系列的强大功能jquery插件帮助我们解决这个问题。
排版与内容之间的关系如何?前者是后者的表现形式，但往往能够决定读者对待内容的态度。
首先谈一下“Metro”——由微软公司开发内部名称为“ typography-based design language”（基于排版的设计语言）。Metro是基于瑞士平面设计的设计原则（清晰，真实，美观），来源于交通指示牌。
有些思考的点，感觉在产品经理梳理需求的阶段就已经涉及到了，设计角色只是作为更多只能作为提提建议的一方，更多的时候还是执行设计稿，很多公司或者pm也不会把这种权利下放给设计师。 不过拓宽了思路，学习了。
前端：你随便打开一个平台看看，这种效果不可能实现的。。。 设计师：可以实现的，我的设计是有依据的。。。 前端：反正不可能。
细细看完了 文字都透露着平静和力量 讲的点都非常精准 受教了
首先文章写的很好，不过商品布局我更推荐瀑布流，因为此时用户在首页没有明确目的是逛的心态，而不同的衣服款式也不同所以此时购买者更在意图片，所以重点突出图片成了决策因素，当用户搜索后有明确目的更适合F浏览模式，因为此时的商品图片都一样，此时价格呀，店铺，购买量等等就成了点击决策因素，此时此文字因素为重～～～～哈哈，个人的拙见·～
讲过程的文字就很棒啊，吸收有营养的部分
有些思考的点，感觉在产品经理梳理需求的阶段就已经涉及到了，设计角色只是作为更多只能作为提提建议的一方，更多的时候还是执行设计稿，很多公司或者pm也不会把这种权利下放给设计师。 不过拓宽了思路，学习了。