《web2.0 界面设计模式》总结

一 页面布局设计模式

    1、边界布局：顶部、底部、左、中、右，一般适用于网站的主界面。

    2、网格布局：一般展示视频和图片信息。

    3、浮动式布局

    4、标签页布局

    5、手风琴布局

    6、伸缩式布局

二 内容导航的设计模式

    1、菜单

    2、目录导航：处理没有层级关系的信息。

    3、网站地图

    4、面包屑导航：左上角的层级关系

    5、分布导航：通常为具有步骤关系的流程页面提供访问途径。

    6、分页导航

    7、树状导航

    8、滚动列表：在购物网站上被大量使用。

    9、图标导航：有限的屏幕空间中提供直观的功能分类。

    10、滚动式菜单：同图标导航。

    11、自动滚页：首页中使用

    12、标签云导航：按关键词多维度地进行内容分类。按字母或汉字拼音顺序排列，不同频率展示不同样式。

    13、标签列导航

    14、地图导航

 三 数据呈现设计模式

    1、信息更新模式

    2、烤面包机模式：信息提示

    3、按需加载和呈现