1.5 WEB设计模式与设计规范

1.网页布局

网页布局.png

其他比较新颖的模式例如
卡片式布局

卡片式布局.png

滚动视图的网页布局

滚动视图的网页布局.png

随着鼠标的滚动会呈现不同的内容

动态动画

动态动画.png

通过动态动画来浏览商品的详情

2.页面设计

以网易云课堂为例

网易云课堂.png

思考我们需要什么样的信息展示给用户，考虑用户操作的便捷性和实用性

3.自适应设计

自适应网页设计，可以自动识别屏幕宽度、并作出相应调整的设计