一段完全CSS写的鼠标悬停tip效果!

在设计中，表格的表现方式在很大程度上决定了用户在注册过程中的使用体验。良好的表格显示方式和提示不仅仅美化了页面显示效果，最重要的还是让用户 在操作过程中更加的方便；明显的提示并不提示的效果非常明显，比如：加粗或者显目的颜色，而是让用户在习惯中自然发觉网站提供的信息，并通过该信息来了解 自己的需要输入或者选择。网页设计的颜色效果对于用户来说比较重要；作为第一眼的效果表现将直接决定用户以后对网站黏度，下面介绍几种网页的表格表现方 式。

用W3C标准建造的网站，从理论上来说可以做到完全的表现与结构相分离。打个比方，就是可以在不动骨架（结构，XHMTL）和肌肉（行为，Javascript）的前提下，彻彻底底地换一身皮（表现，CSS）。

当然，换皮之前你需要先按W3C标准建好你的网站，并且为它准备两套表现不一样的CSS。“换皮”实质上就是“换CSS”，我们要做的，只是用某种方法让浏览器载入另一套CSS，重新渲染页面。方法有很多种，我就介绍最常见的三种。

纯CSS图片翻页

Sliding Doors of CSS (Part I) introduced a new technique for creating visually stunning interface elements with simple, text-based, semantic markup. In Part II, we’ll push the technique even further. If you haven’t read Part I yet, you should read it now.

Here, we’ll cover a new scenario where no tab is highlighted, combine Sliding Doors with a single-image rollover, provide a fix for the clickable region in IE/Win, and suggest an alternate method of targeting tabs. We’ll skip a basic recap of the technique (see Part I for this) in favor of jumping right back in where we left off.

A rarely discussed advantage of CSS is the ability to layer background images, allowing them to slide over each other to create certain effects. CSS2’s current state requires a separate HTML element for each background image. In many cases, typical markup for common interface components has already provided several elements for our use.

One of those cases is tabbed navigation. It’s time to take back control over the tabs which are continually growing in popularity as a primary means of site navigation. Now that CSS is widely supported, we can crank up the quality and appearance of the tabs on our sites. You’re most likely aware that CSS can be used to tame a plain unordered list. Maybe you’ve even seen lists styled as tabs, looking something like this:

What if we could take the exact same markup from the tabs above, and turn them into something like this:

With simple styling, we can.

这是一篇旧闻（2004年发布），如果你对旧闻或IA不感兴趣，可以选择其他你感兴趣的话题。

Do you remember Peter Morville's article Big Architect, Little Architect? In it he describes the Big Information Architect as "an orchestra conductor or film director, conceiving a vision and moving the team forward", a quote from Gayle Curtis. This would be a person at the "other end of the spectrum" from the little information architect who "may focus solely on bottom-up tasks such as the definition of metadata fields and controlled vocabularies".

First came the primordial soup. Thousands of relatively simple single-celled web sites appeared on the scene, and each one was quickly claimed by a multi-functional organism called a "webmaster."

A symbiotic relationship quickly became apparent. Webmaster fed web site. Web site got bigger and more important. So did the role of the webmaster. Life was good.

关于大 IA 小 IA 的讨论前段时间在交互设计师讨论组里很火，然后看到了一些成员们写的和推荐的文章。首先Peter Morville 的一篇叫做 Big Architect, Little Architect 的文章里提出大IA实际上就像乐队指挥或者电影导演一样指导着整个团队的用户研究方向。而 Peter Boersma 则进一步在他的blog中写道是时候将大IA重新命名为用户体验了。

版本 1.1a (2001年9月17日)
Jesse James Garrett
(contact)

翻译于 2002年2月
Arky Tan
arky@arky.com