小霸王其乐无穷有谱儿没谱儿啊 一个个看着都挺对的

在腾讯CDC上看到的这个视频，觉得很有意思。出色的数据图表展现，让视频更加生动有趣。

风格1

风格2

都不是定稿，还会继续完善。

4月份的时候就想搞个pivot用用，不过那个时候还需要邀请码。几经周折，搞到了邀请码，再安装，发现丫已经不需要邀请码了，然后就没有然后了。

Pivot外观很漂亮，跟win7确实很搭，银灰中有一点点淡蓝，淡蓝中透出渐变的金属质感，我爱管这种感觉的界面叫“夏天里的薄荷糖feel”，看上去确实有种很凉快的感觉。

Pivot的亮点应该是它的collection gallery，视觉效果确实很惊人，炫成马了，但又绝对不是徒有其表的玩意儿，缜密细致的交互方案背后有着强大的技术支持，你在collection gallery的不同区域滑动鼠标滚轮就知道是有多屌了，当然还有操作之后的动画过渡效果。就像一个女生本来长得就倍儿漂亮，学习还特好。就是牛逼，怎么招吧。

但是作为一款浏览器，我觉得Pivot就没有那么出色了，首先是太多的改变了用户习惯，如图所示，很多操作都被安置到了窗口下部，我好几次要点主页的时候鼠标都下意识的移到了上边。其次是收藏夹什么的也被弄到了莫名其妙的地方，而且让人不知道怎么用，据说Pivot收藏夹中的内容也可以根据用户自己添加的标签被过滤器筛选。但是，我既然都收藏了，为什么还要把它再过滤出来？ 怎么说呢，改变用户习惯很难在当下就断定到底是好还是不好，确实使用上有些不习惯，但也许习惯了之后会发现非常易用也说不定。最后，让我觉得最不理智的一点就是，标签页怎么能设计成那个奏行，太不轻便了，还有Quick links的位置，你们分明就是在争夺地下那一条的位置，如果win7只能安装在22寸以上屏幕的机器上，我表示可以理解。但是，做UI的同志们，千万不能跟分辨率较劲哦~   其实，我内心深深的认为，Pivot的定位不是浏览器，或者说不止是浏览器。

我也只是初步玩了玩，就写了这篇。可能好多功能和特性都没有发现或者悟透，反正是我自己的blog，我爱写什么就写什么。

一开始奔着哲学去了，后来还是挺犀利的。

网站测试工具分享

1. Netrenderer

专门针对IE浏览器，目前到IE8

2. Browsera

可以测试很多功能，比如不同浏览器下的布局差异、JS程序错误、Ajax和dhtml测试等。有免费版和正式版（正式版需要付费）。

3. Multi-Safari

针对Mac上的Safari测试。

4. Adobe Browserlab

跨浏览器测试平台，需要注册。

5. Browsershots

非常受欢迎的线上测试跨浏览器网站，有50多种浏览器版本。

输入网址，然后submit，网页开着别关，因为浏览器版本太多，所以测试时间比较长。测完之后，还能下载测试报告。

6. Iphoney

iphone开发者的福音，320×480屏幕。

7. SortSite Professional

网站提供下载，安装之后，输入网址，就可以对网页进行测试。测试部分包括html、css规则、不同浏览器下的css布局问题、未实现的标签以及无法显示的图片格式等等。

１．表格

– 可定制表头（文字）

– 列

– 列名

– 列宽

– 数据类型

– 数据展现类型

– 排序

– 表格样式

– 浮动框

– 行样式

– 格样式

– 可定制序号列

２．搜索

– 基于单一列的多条件搜索

– 基于多列的多条件搜索

３．其他组件

– 导航（菜单，面包屑）

典型的交互问题，看完直接截图。

在界面设计网站看作品——后台界面的。发现抄袭的太多，拿着那些玩意儿糊弄老板可能有用，不过在业内是绝对被鄙视的。话说您就不怕您那见多识广的老boss平日上网，突然看见一个和自己公司产品设计十分相似的页面？反正我怕。

而且，难道您没听过一句话么，任何一个设计，除了设计者本人，其他人都是很难驾驭的——大意。每个设计都有自己的使用场景和特定用户，换个场景换群用户，再好的设计也能成为垃圾。这点儿道理不明白么？昂？

还有就是素材，甭管设计的是什么，只要沾边儿的素材就网上摆。这样的设计会给人一种很牵强的感觉。我曾经也这样儿，因为手绘欠缺，因为思路不广。设计个什么东西要是不先上zcool或者昵图就不知道从何下手。根据素材决定设计，而不是反过来。那能行么？！ 这样儿的人——就叫你丫美工!

不过，别说是后台界面这种小范围产品了。我们大厦正门上方的大型LED屏，直接就明目张胆的把zcool上的素材拿来当广告背景图，我看完差点吐血。再后来，我看见马路对面某商场也直接用网上免费下载的素材（一种喷绘风格的箭头），姐就很淡定了。

商场和大厦的事儿咱管不了，没准人家花钱买使用权了呢也说不定。就说把别人设计直接照搬过来用这事儿，我觉得可能多数UI都会或长或短的经历这么一个阶段，不是学美术出身肯定是碍于艺术表现力，学美术出身的对代码编出来的界面欠缺那么点儿理解力。反正我觉得您要是意识到了这样做不好，并且有选择可以不这样做，咱还是尽量别抄，对您自己也没什么好处么不是。

这是原设计，网址是： http://www.postbox-inc.com/

这是抄的，直接照搬，你受得了么….

对齐方式唠听，多选框闪亮登场。

数据型表格是必然的，对表格中的数据进行操作是必然的必然，那么，多选框奏是必然的必然的必然。

添加后如下图：

没什么毛病，任何一个人看到上面这张图，都能知道勾选了多选框就意味着它所在的行被选中。但设计是干嘛的？以“反正能看明白”为标准，要你干嘛？

设计探讨的是可能和反思，尽量简化和实用，改善目前状态，我们称之为“优化”。如下：

纵向分割线去掉了。清新么？必须的！

为什么能去掉分割线？因为td和th都已经是左对齐了，没有必要摆一根线在这里干扰视线，纵向分割线已经无形胜有形了。与此同时，多选框对“行”的操作更加明显。

就是这么固的！