- 1、本文档共15页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
网页设计栅格化布局;一、栅格化概念
二、栅格化的优点、缺点
三、栅格化原理与运用〔公式、方法〕;一、网页设计栅格化系统
栅格系统英文为“gridsystems”,开始是从平面栅格系统中开展而来,以规那么的网格阵列来指导和标准网页中的版面布局以及信息分布?。
通俗点讲是一种平面设计的方法与风格,运用固定的格子设计版面布局,其风格工整简洁。
对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。而且,对于前端开发来说,网页将更加的灵活与标准。
???????????????;二、栅格系统的优势;三、栅格系统的设计原理及应用;三、栅格系统的设计原理及应用;Yahoo首页的布局完全是按照栅格系统进行设计的,每个区块的宽度对应的n值分别为:4,11,9。
只要保证一个横向维度的各个区块的n值相加等于24,那么即可保证页面的宽度一定是950px。然而,950px的宽度也恰好就是当n=24的时候,W的宽度值。;网站;Yahoo!
24x40;三、栅格系统的设计原理及应用;黄金分割
黄金分割可以归结为数学问题:对于长度为1的线段,将其分成两局部x和1–x,使得:
x/1=(1-x)/x化为简单的二次方程:
x^2+x-1=0正数解为:
x=(sqrt(5)-1)/2~=0.618这就是黄金分割。
这个比例不仅仅出现在诸如绘画、雕塑、音乐、建筑等艺术领域,在管理、工程设计等方面也有着不可无视的作用。〔这是个自然界的魔数,类似的还有真空光速、普朗克常数、精细结构等等〕
在平面设计领域,黄金分割点被广泛采用。比方下面这种图:
;960栅格,实际宽度是950.
对于24x40的情景,
最接近黄金分割的两栏布局是350:590,
栏数比例为9:15;高度方向上的栅格
高度值560
可以让高宽比接近黄金分割。
针对560,我们采用14x40栅格
;很多大型网站并没有运用栅格系统,那它的用处在哪?我认为栅格系统应是一种能适应自身业务的标准,能在实际工作中帮助我们提高公司产品的质量和效率。而在我们的活动和专题需求中,如果有合理的栅格,我相信能节约一局部花在思考原型的时间,也能让专题布局更加标准。
结构和表现、内容的别离能更易于后期的扩展和维护,尤其在专题中经常出现结构改动小,视觉表现变换大的情况。;Thankyou!
文档评论(0)