第九味

要回家了

这里暂停更新一个月，新年快乐！这里有我收集的许多东西，有兴趣的可以看一下。

Msn spaces 的与众不同——纯粹从网页制作的角度

摈弃其它元素不谈，比如与msn挂钩等等。spaces在纵多的BSP(blog服务提供商)中的设计无疑是最专业的，如果你浏览过5个以上的spaces就会发现，它们有一个布局上的原型(或者叫共同点）：圆角的使用，就如我上一篇翻译的文章中提到的，这种圆角的大量应用，在视觉上使内容分块，这一块是照片，那一砣是简介，下面一砣是友情链接。这种泾渭分明感使观众能很快找到相应的内容。这一点我想可能受到传统排版业中的＂格式排版＂(grid systems)的影响。
而spaces又是如何在差不多只用一种布局方式的情况下做到不使页面显得单调、呆板的呢？聪明的你一定猜到了：颜色。每一类颜色对应一类形容词，不管你扮深沉也好，装可爱也好，还是假装清纯也罢，spaces基本都能满足你想要的感觉，当然，这些感觉都是由颜色派生而来的。
此外，为了消除单调感，spaces中也大量运用背景图，其中分两种：一种是无缝拼接，一种是整张的大图（在实现这种背景上，css显得易如反掌，就如flash在视频方面的优势一样）。背景图与前景色的搭配，哇靠，spaces的模板设计人员想得真绝，像我以前提到的“巴纳姆效应”，想想看，一种设计原型包含了让所有人都喜欢的成份，这是多么可怕，又是多么聪明，特别是在blog这种多用户模板上。大小通吃啊。而这对设计人员来说也是一种福份，修改起来很容易，这与程序设计中的面向对象观点(oop)也是相一致的，把一些共有的特点归入父类（在这里表现为布局），而把一些特有的，个体表现不一样的特点归入子类（在这里表现为颜色）。

更新:一直很好奇,为什么没有像样的wordpress做为后台的BSP？毕竟wordpress是一个出色的，自由度很高的blog程序。而那些已有的不是不稳定就是太过吝啬，如wordpress.com，donews。

我们为何钟爱圆角

原文地址
作为一个界面和图形设计人员,我们都为圆角着迷。网页开发人员则走 得 更远,籍由CSS的创造性应用(有时是javascript),他们很容易做出特定的圆角。在CSS3规范的提议中，更包括了圆角的属性（Ｆirefox已经支持它）。
那为何我们会如此迷恋圆角？我尝试从美学的角度来解释，并希望有所延伸。
首先，我想我们会被以按自然界有机规律形成的东西所吸引。以iPod为例，类似产品的工业设计会给我们提供一条清晰的线索，指明它是如何而来的。Apple发了很多精力来创造一种产品，使它看起来更像是由树上长出来的而不是在工厂里组装而来的。他们不惜重金努力隐藏产品身上的“机器”特征（比如，螺丝钉）。这导致一种顺滑的感觉，同时没有生硬，或是棱角感。这种“顺滑感”不仅实现了可用性，同时在人与产品之间建立一条情感纽带。我们的一些早期记忆依赖于那些并不完美、普遍地带有直角的事物上。边角像在说“滚”，伴随着＂hoaky”的声音；平滑，圆角则更像在说“抓紧我”。
除了物体，传达信息和使信息在一个更有组织的上下文关系中也有同样的诉求，不仅仅是盒子和直角。当我们介绍一系列复杂的内容，特别我们对此还不熟悉时，我们首先做的就是浏览全文，并尽可能联系上下文。“这砣内容和那个标题有关。这组按钮显然和那块内容相关。”等等。
作为内容建构和交互设计人员，我们的许多作品致力于使用户对内容建立一种认识并会控制它们。换句话说，我们提供给用户视觉上的线索引导他们顺着眼前的界面提示应用上下文关系。圆角则非常适合干这种事。圆角是一个清晰的线索，使杂乱的内容泾渭分明。当设计人员使有纯色时，上下文关系会更明朗：由颜色重量和体积衍生的幻想。
所有的解释（我上面的胡说八道）有一个共同的特征：它们在我们常识，我们在物理世界中如何与物体相协调并使用它们，起到杠杆作用。世界是由一系列离散的、拥有自身完整性、同时与其它事物截然分开的物体组成的（以一个大充汽球为例，它明显是特有的、与其它事物无甚瓜葛。）有些物体甚至有可控制部分允许你掌握它们。烤面包机上的把手，附属于你的烤面包机，很明显用来控制你的烤面包机而不是冰箱。
圆角被证明是一项“专门技术”，我们支配与使用它与周围世界交互。我确信这不仅仅是美学上的需求。当我们合理利用时，通过这类设计可以创造出直观的体验。

补充：以前老抱怨课本上一些翻译而来的文章不说＂人话＂，自己去做，才知道要说＂人话＂挺难的。

金刚

金刚是所有男人心中的原始意像：强大无比的力量，强大到可以抓住恐龙的嘴，把它掰开。同时又是一部分男人心中的原始意像：最终落得“牡丹花下死，做鬼也风流”的下场。

quirksmode.org

QuirksMode.org is the personal and professional site of Peter-Paul Koch, freelance web developer in Amsterdam, the Netherlands. It contains more than 150 pages with CSS and JavaScript tips and tricks, and is one of the best sources on the WWW for studying and defeating browser incompatibilities.

quirksmode.org

打印

今天我去打印一篇文章，自做聪明截了图，裁剪了一番，到了要打印才知道用A4的纸是不行的，只有再经过剪裁拼贴才可以，看着那姑娘娴熟的coredraw快捷键，心里也很畅快，初中的数学老师曾说过，写字快的人不是那种写起字来风风火火的人，而是那种看似慢条斯理但很有节奏，有条不紊的人，而我自己也观察到，打字快的人不是那种把键盘敲得很响很急促的人，而是那种打起字来声音不大但基本就一个调子的人。这当然就是节奏感了。这种节奏感在蓝球比赛中也很常见。但是就像我以前一直以为有“手热”现象（就是一个人球感极佳，差不多每投必中之时）一样，有关的心理学家研究却发现，并没有“手热”这回事，我们的常识是靠不住的。
那到底有没有节奏感这回事呢？

无

每一个blog都是那个blogger的人格面具。

酷

任何想查的单词，只要在单词后面加上 .livid.cn 输入到浏览器地址栏中就可以翻译为中文。比如下面这些。
http://sophisticated.livid.cn/
http://superstition.livid.cn/
http://sensational.livid.cn/

来自livid.cn看到后的第一感觉就是:太酷了！
然后是flashforward2006中教育类的东西，比如这个：http://www.geoimpact.com/cx/project/gitanenglish/index.html
是有关英语学习的。macromedia的软件在教育方面有许多应用，比如 Breeze, Captivate
这是我上学期一门课的课件，就是用captivate做的，点几下就完成了。想起来我也上过“网络教育”之类的选修课，剩下的记忆就是出现屏保老师不知道怎么把它关了。:(

有趣的动画

http://www.bozzetto.com/neuro.htm看完后,想到猪头的:等老子哪天不爽了,把你们都灭了。

把源码渲染成图形的firefox插件

(点击图片下载)这里有关于html标签的一篇文章，结构化的标签利于阅读，便于修改。

补充：还有一点，语义明确的标签为搜索引擎所喜爱的。如果你看过《战争之王》，可能会记住这样的话：军火生意有三种，一种是白色的，一种是黑色的，还有一种是灰色的，我最喜欢灰色的。
类似的，SEO(搜索引擎优化）也有两种，一种是黑色的，一种是白色的（xhtml+css)，而黑色的，你当然知道我在说哪一种。
06.1.16