UI设计模式

该博客介绍了几种常见的UI设计模式,包括Overview Plus Detail将概述和详细信息放一页减少跳转;Hub and Spoke把入口放首页;Extras On Demand对过多元素隐藏;Step-by-Step Instructions类似软件安装提示;One-Window Drilldown突出重点项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

以下信息学习自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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值