1.5 WEB设计模式与设计规范

1.网页布局

网页布局.png

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


卡片式布局.png

滚动视图的网页布局


滚动视图的网页布局.png

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

动态动画


动态动画.png

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

2.页面设计

以网易云课堂为例


网易云课堂.png

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

3.自适应设计

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容