一 页面布局设计模式
1、边界布局:顶部、底部、左、中、右,一般适用于网站的主界面。
2、网格布局:一般展示视频和图片信息。
3、浮动式布局
4、标签页布局
5、手风琴布局
6、伸缩式布局
二 内容导航的设计模式
1、菜单
2、目录导航:处理没有层级关系的信息。
3、网站地图
4、面包屑导航:左上角的层级关系
5、分布导航:通常为具有步骤关系的流程页面提供访问途径。
6、分页导航
7、树状导航
8、滚动列表:在购物网站上被大量使用。
9、图标导航:有限的屏幕空间中提供直观的功能分类。
10、滚动式菜单:同图标导航。
11、自动滚页:首页中使用
12、标签云导航:按关键词多维度地进行内容分类。按字母或汉字拼音顺序排列,不同频率展示不同样式。
13、标签列导航
14、地图导航
三 数据呈现设计模式
1、信息更新模式
2、烤面包机模式:信息提示
3、按需加载和呈现