UI设计模式

以下信息学习自http://time-tripper.com/uipatterns/index.php。请勿随便转载!

1.Overview Plus Detail
类似Outlook的风格,或windows的资源管理器,将概述和详细信息放在一页内,减少跳转。
参见下图样式:


2.Hub and Spoke
参见http://hellocode.com
将入口都放置在首页,进行到底后再放置返回,主要用于通读某一项目,目的性较强。

3.Extras On Demand
对过多元素在页面上,为了页面的清洁性,可以使用隐藏。
如windows的高级搜索样式。

4.Step-by-Step Instructions
类似软件安装的一步步提示。

5.One-Window Drilldown
尽量保持简化,当一页上有很多元素,应把重点项突出。常用于限制了显示框架大小的时候。
参见http://www.tivo.com/0.0.asp。

你可能感兴趣的:(技术专栏)