本节简介:讲解了网页设计中如何使用“分割法”划分网页区块,以及响应式页面的概念
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
黄金分割比例数值1:0.618 根据目前主流的显示器,通常网页设计主要内容控制在1200px以内。淘宝首页采用1200像素,一般门户类会参考块状黄金分割法
用分割法在设计网页的时候,遵循排版的网格设计思路,以黄金分割线作为分割网页的依据,但这只是一种参考,所谓的响应式页面就是页面会随着浏览器窗口的大小做相应的调整,API.NET
为了适应现在主流的显示器,网页的尺寸大致应该为1200px以下
把1000宽度的网页划分成10块,或者按照黄金比例划分之后进行布局设计
黄金分割比例。页面分割,类似栅格化。100px或者50px为参考值。网易1000px,淘宝1190+50侧边栏
网页宽度设定1000px或者1200px,以100px(或50px 更细致)进行等分,根据等分参考线画区块格子,先保证格子为100(或者50)的整数倍,然后在区块内通过一方内缩产生区块间距。
分割法: 先确定网页宽度,然后把网页等分,分得越详细越好,根据等分的参考线来画区块和内容。黄金比例:1:0.67.