windows文件夹管理list视图方式


最近对list设计感兴趣,今天说的是list视图方式的设计。感觉有些细节非常有意思,拿出来跟大家讨论。

首先我们来看下windows下文件夹管理的查看模式选择(xp为例):
这个功能带给用户更多个性化和便捷的选择。比如我选择的是图片文件夹。系统这时候自动新增加了幻灯片查看模式,非常的人性化。除此之外经常用到word软件也提供多种视图选择。

示意图:

在互联网产品中,我们也可以看到有些网站的list中提供多种显示方式,虽然没有考证weblist的视图方式是否是从windows而来,但确实提供给了用户多样选择。满足用户在不同情况下查看页面的需要

如果是文本信息单元,一般都是目录式排列。
遇上图文信息单元,在weblist视图方式设计方面,大部分网站都采用以下这种方式。

切换功能按钮

  1. 文字说明型
  2. icon示意+文字说明型

示意图:

切换前后的视图显示

默认状态

切换后状态

视图切换前和切换后对比,我们可以发现-图片的大小没有发生变化。仅仅是图文信息单元从纵向排列改成了横向排列。在单位高度增加信息单元显示的数量。目前绝大部分网站都是采用这样的方式。



相关阅读:
使用函数自动生成n层目录
如何快速找到CSS的BUG
Ctrl + Enter提交前检测的代码
(二)字的艺术
VBS教程:VBScript 语句-With 语句
ExtJS4 组件化编程,动态加载,面向对象,Direct
js怎样实现下拉框改变,它旁边的图像也改变
跨浏览器的设置innerHTML方法
javascript 闭包函数做显隐内容
Windows NT/2000操作系统认证方法
Oracle表空间恢复让你不再担心数据库出现错误
IE7新支持的CSS属性和属性选择符
SQL2008中SQL应用之-阻塞(Blocking)应用分析
Oracle的hints调整机制介绍
快速导航

Copyright © 2016 phpStudy |