今天完成的事情：

复盘ppt

明天计划的事情：

ppt

遇到的问题：

暂时没有

今天的收获：

五种经典网页布局：

1. 顶部大图banner+简单的栅格

无论屏幕多大 这种布局都能够为用户展示充足的内容 供用户浏览和探索 虽然这种布局随着屏幕 设备而有所差异 

有的设计师会倾向于设计成固定宽或者横跨整个页面的布局 但是总体的模式都大同小异

导航栏—顶部大图 图片上叠有文字标题—2-4个分栏承载不同类别的信息 有的会有图标—主要的内容区域—页脚

这种布局设计干净清爽 有足够强的视觉表现力 并且常常采用的响应式设计 断电也很好控制 顶部大面积的轮播图

或者banner也有许多插件或者应用来帮你实现

2. 单页设计 单栏布局

单页式设计这几年非常火 它非常适宜于展现极简的内容 或者专注呈现一个主题  当网站的主题集中 内容也比较固

定的时候 无需复杂的布局来呈现 单页单列士的布局足以应付一切

导航—主要内容区域 文字+图片为主—页脚

采用这种布局模式的时候 空间的控制至关重要 相当考验设计师设计留白和布局平衡的功力 元素和元素之间的疏密

关系是需要设计师反复推敲的 如果空间控制不合理会给用户一种混乱的感觉 如果过于紧密则会产生局促感

3. 自定义栅格

那些被整齐分割出来的网页布局从来都是没有过时过 无论是分割的细碎的网页区域还是大块的页面区块 大多都需要

借助一套干净整齐的栅格来支撑 在此基础上 内容按部就班地被置于不同的区块中 被精心地组织展示出来  在设计师

的作品集页面中你可以发现各种各样自定义的栅格布局 自定义栅格展示内容的优势在于 它可以同时呈现大量的视觉

化的内容 看起来足够丰富又不会落于下乘 在栅格中填充色彩还可以用来承载文字的内容 不同的区块之间不一定非要

用线条进行分割 可供选择的方案有很多 不过千万要控制好栅格尺寸和间距 控制不好的细节 整个设计的平衡感可能会

被破坏

4. 经典的F式布局

研究表明 用户在浏览网页的时候 习惯于沿着f式的阅读轨迹来浏览信息 也就是说 用户喜欢从左到右阅读 这种f式的阅

读模式对应的网页布局 最关键的信息靠左显示 从上到下尽量保持在一条线上

页头和导航—靠左的一栏相对较宽 展示主要的内容—靠右常为侧边栏 展示相关链接等内容—页脚

5. 极简分层

极简化的设计一直都在流行 它的流行不是没有原因的 开放式的空间让用户感觉更加轻松 也使得其中展现的内容更容易

被聚焦 如果极简化的页面中加入不多的几个并列的内容层 可以让信息更有层次 也使得极简的页面拥有了细节 这种设计

并不复杂 但是让页面更加有趣了 它可以适配更多不同类型的项目了 这也解释了为什么用户如此的喜爱类似apple官网

这样的设计