原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
删格原理及改版、模板规范.ppt
删格原理及改版、模板规范 网页栅格系统 栅格系统的形成 栅格系统的设计原理及应用 网页栅格系统与960 网页栅格系统与950 栅格系统与黄金分割 网页栅格系统技术实现 栅格系统的优势 栅格系统的形成 栅格系统的设计原理及应用 网页栅格系统与960 网页栅格系统与950 栅格系统与黄金分割 网页栅格系统技术实现 栅格系统的优势 太平洋网站群“栅格系统”规范 Loyout框架（整体排版结构） 模块规范（标头/标体/标尾/元素/字体等） 编辑图片（尺寸/风格） 表单体系（按钮/输入框/文本框等） 图标体系（LOGO/ICON） Read the Doc. 咔咔! * 每个字体方格分为64个基本方格单位，每个方格单位再分成36个小格。这样，一个印刷版面就有2304个小格组成。 以规则网格阵列来指导和规范网页中的版面布局以及信息分布。 在网页设计中，我们把宽度为“W”的页面分割成n个网格单元“a”，每个单元与单元之间的间隙设为“i”,此时我们把“a+i”定义“A”。他们之间的关系如下：W=（a×n）+（n-1）i 由于a+i=A，可得：(A×n)-i=W 来源于设计师们对苹果情有独衷和数学问题的归结上。绝大多数显示器都支持1024x768及其以上分辨率。为了有效的利用屏幕宽度同时保证栅格的灵活度，通过严谨的栅格公式，计算出960是非常合适的。而在目前主流显示器下，960就成为网页栅格系统中的最佳宽度了。 Margin其实是一个空白边，从视觉上看并不属于总宽度。不少栅格设计里习惯性地设定Gutter为10px,这样Margin就是5px.去掉10px后自然就是950咯。 黄金分割可以归结为数学问题：对于长度为1的线段，将其分成两部分x和1-x,使得：x/1=(1-x)/x 有了设计的栅格的定制，那么我们如何应用到网页上去呢？前端开发中，不少团队有着自己完整的CSS框架，栅格系统是它的一部分功能，如：按钮、模块等。 通过Grid 就可以快速省事、有效率、规模化的建成大量页面。 黄金分割率：1.62 *
文档评论（0）