2008-4-22
UCDChina 产品设计工坊
上周六参与了白鸦和 Angela 组织的 UCDChina 设计工坊,第一次参加,完全是学习的心态。
一天的时间,上午是白鸦和 Angela 在讲产品设计的流程,信息量很大,收获很大,需要消化的东西很多。下午是项目模拟。
我说一下我的感受:
- 流程与分工的混乱
- 这是目前业内的现状,在模拟过程中很明显。尤其是先期市场研究,用户定位等环节,固然跟小组中没有经验丰富的用户研究人员有关,但整个过程确实不甚漂亮。流程混乱,过早的跑到细节讨论的误区。出现这些问题并不可怕,毕竟我们从错误中学到了经验,在以后的实战中终会受益的。关于分工合作的关系,白鸦 Keynote 中的一张图表现的很形象。
- 面对分歧
- 经验不足导致分歧严重,对待分歧也没有很好的处理,是快速消除分歧,还是放到下一环节,还是不了了之?
- 用户需求不等于产品功能
- 单独说出这句话来都能达成共识,但是在真正的模拟过程中,概念上还是混淆了。过早的用功能来描述需求,只会在后续的产品开发中禁锢住头脑,Angela 提到的一个文字游戏的说法很有说服力。
- 概念图/流程图的绘制
- 以前接触的少,这次白鸦现场演示了一个简单的概念图的绘制,很受教育,一会儿在电脑上画个。
- 用户访谈
- 与用户交流的确是一门艺术,Angela 深谙此道。两个小组的互相访谈很有趣,没看到的只能说很遗憾。
白鸦也提到了一些界面设计中的观点,一些印象比较深刻的:
- 在决定一个功能在界面上的显示方式时,可参考有多少人使用,以及其被使用的频率;
- 每个功能由不同的工程师来开发,每个工程师都认为自己开发的那个功能极其重要,都想在显赫的位置得到体现;
- 对于一些成功案例,应该考虑该案例在其演变过程中的实际情况,有时是不可复制的,白鸦举了一个 IM 的例子;
非常感谢白鸦和 Angela 的工作,在整个活动中,Angela 非常关注各位的接受程度,可谓用心良苦。感谢叽歪提供场地,叽歪的办公环境不错。
活动中认识了思域、Mason、Redfall 等朋友,以及其他暂时还叫不上名字的牛人们,对 Tony 提出批评,一块吃过饭了还不知道我的名字,虽然那次饭是他请客,也理当该诛。
2008-4-3
2008-3-31
让新版的 Firefox 或 Safari 使用旧版的扩展或插件
浏览器要升级,新版本带来的新特性让人忍不住想尝鲜,那些旧的扩展(插件)怎么办?
事实上,有相当一部分的扩展或插件跟浏览器自身的版本关系不大,稍微修改下这些插件内部的一两个文件,使他在浏览器启动的时候能够被加载,基本上就能使用。
Firefox 的 Extension 可以这样修改:
- 把下载到的 .xpi 文件改为 .zip 压缩包;
- 解压缩,在得到的文件夹中找到 install.rdf 文件;
- 用文本编辑器打开,修改 <em:maxVersion>3.1.0</em:maxVersion> 这一行,将中间那个数值调大一些;
- 保存后,将刚才解压缩得到的文件重新压缩(注意文件结构),然后将扩展名该回 .xpi;
- 将最终的 .xpi 文件拖到 Firefox 的扩展管理面板,安装。
Safari 的 Plugin 可以这样修改:
- 找到 Plugin 的存放位置,一般在 /Library/Application Support/SIMBL/Plugins 目录下,.bundle 格式;
- 右键点击目标 Plugin , 选择“显示包内容”;
- 用文本编辑打开 Info.plist,编辑 <key>MaxBundleVersion</key> 这一行下面<string>5550</string> 中的数值,调大一些;
- 有时也需要同样调整 Resources/Info.plist 文件;
标签: Expression, Firefox, Safari, Software
2008-3-25
IE 的 text-indent Bug
今天遇到的一个 Bug,主要表现为:当容器的第一个子元素为 inline 属性,并且为该子元素定义了 text-indent 的话,IE 渲染出错。阅读全文...
例子 1:
<div style="margin: 10px auto; padding: 10px; width: 400px; border: 3px solid #EEE;">
<span style="background: #FF0; color: red; text-indent: 50px;">Indent</span>
正文
</div>
在 Firefox 中,渲染正常:

在 IE6 中,错误:

错在 text-indent 只在 block 级别的元素中体现,在本例中的 span 元素中,应予忽略。
例子 2:
给 span 加个浮动,让它自动成为 block 元素看看。
<div style="margin: 10px auto; padding: 10px; width: 400px; border: 3px solid #EEE;">
<span style="float: left; background: #FF0; color: red; text-indent: 50px;">Indent</span>
正文
</div>
在 Firefox 中,渲染正常:

在 IE6 中,错误:

错在 span 将自身的 text-indent 属性传递给了它的父元素 div。
例子 3:
负值的 text-indent 会是怎样呢?
<div style="margin: 10px auto; padding: 10px; width: 400px; border: 3px solid #EEE;">
<span style="background: #FF0; color: red; text-indent: -9999px;">Indent</span>
正文
</div>
在 Firefox 中,渲染正常:

在 IE6 中,错误,我们什么也看不到了:

错在 span 不但将自身的 text-indent 属性传递给了它的父元素 div,而且还将超出的内容隐藏了,在没有定义 overflow 属性时,元素的默认 overflow 属性应该是 visible。
例子 4:
既浮动,又负值的 text-indent 呢?(事实上我正是在这种情况下遭遇了这个 Bug):
<div style="margin: 10px auto; padding: 10px; width: 400px; border: 3px solid #EEE;">
<span style="float: right; margin-left: 5px; width: 40px; background: #FF0; color: red; text-indent: -9999px;">Indent</span>
正文
</div>
在 Firefox 中,渲染正常:

在 IE6 中,仍然是错误:

依然是 span 将自身的 text-indent 属性传递给了它的父元素,并将超出的内容隐藏了。
以上的 Bug 在 IE8 的“IE7 mode”中得到了部分修正,当 span 为浮动时基本是正常的,但默认情况下仍然错误。其他版本未测试。
标签: browser-bugs, css, ie, web
2008-3-14
Parallels memory error
启动 Parallels Desktop 时候偶尔会出现这样的错误:
Unable to allocate memory for monitor PE!
应该是虚拟机启动时,分配内存错误,在 Parallels 的官方论坛上,看来出现这个问题的人还不少,貌似还没有很好的解决方法。这应该是一个 Bug,因为我的机器内存已经升级到 4G,而且是在启动其他程序前启动的 Parallels,应该不会是内存不够用。
我的建议是,出现这个错误后,不要再尝试关闭 Parallels 后重新启动,否则迎接你的极可能是一次四国。你要做的是重启电脑,然后在开启其他程序前先启动 Parallels Desktop 虚拟机。
2008-3-4
将 SVN 集成到 Finder
虽然 Leopard 默认就可以在终端窗口中进行 SVN 操作,但对于在 Windows 上被 TortoiseSVN 惯坏了的人来说,可能会感到极不适应。
当初我选择了 SmartSVN,觉得不错,直到我发现了 SCPlugin。
这是一款将 SVN 集成到 Finder 窗口的软件,可以如同 TortoiseSVN 般在文件图标上显示状态,可以通过右键进行 SVN 操作,总之跟 TortoiseSVN 很像,看看下图就知道了。

如果再搭配以 Subversion Script for Finder + QuickSilver,完美了。

2008-2-27
解决 MAC 非正常关机后的 MAMP 故障
我在我的 Macbook Pro 上通过 MAMP 来运行和管理 Apache + MySQL,这是一款不错的软件。
然而当计算机非正常关机,比如“四国”之后,MAMP 往往会出现故障,面板上显示 Apache 和 MySQL 均已经启动,但实际上并没有工作,而且这时候“Stop Services”也不会起作用。

我刚开始遇到这种情况的时候束手无策,对 UNIX Shell 一无所知,也找不出问题所在,只能傻乎乎的重新安装 MAMP,有一次甚至忘记备份数据库文件。
后来我想可能是由于计算机非正常的关闭(死机),导致 MAMP 的配置文件出错了。这是如果能够重新生成一下配置文件,也许可行。
我想到 MAMP 的软件界面中有设置端口的选项,换一个端口,Apache 就会重写配置文件,并自动重启,这样应该有作用吧。

这样操作了一次,果然好用。由于我平时是将 Apache 设置伟默认 80 端口的,所以出问题后,只需在这个界面中点“Reset MAMP Ports”,Apache 就会重启一次,这时候就可以用了,然后再根据需要设回自己想要的端口即可。
笨办法,希望对和我一样的笨人有用。
2008-2-13
Bad feelings
我的心情很不好,节前很不爽,节后也很不爽。事实上是超级不爽,忍不住要说泄特。
什么样的人格才是我们应该追求的,是谦逊、温和,还是狡诈、蛮横?我们小时候受到的教育,在现实社会面前都是屁话吗?
总是怀疑人生是不好的。
我时常想起贾宏声坐在马桶上朗诵“顺其自然”的场景,面对这些世俗的绳索的羁绊,人又如何能做到顺其自然。我自己也经常告诫自己要坦然面对,但是“坦然”二字,又需要多么努力的坚持。
有时候真想闭上眼睛喊一声 FUCK,随他去!但最终还是不想放弃,不知道所谓的“不放弃”是指什么,自己也不知道自己手里抓着的是什么,为什么。
最近又有朋友受着感情的困扰,在这种问题面前,好男人总是束手无策,不堪一击。或许是因为好男人不会扯那些屁话来博女人欢心。好好的,别再折磨人了。
来听 Tracy Chapman 吧。
标签: blogging
2008-1-14
Xerox 的新 Logo 以及 Logo 中的字体演化

刚看到 Xerox 换了新的 Logo,网上评论褒贬不一,我觉得倒还可以,3D 效果和小写字母都比较符合这几年 Logo 的变化趋势。(Xerox Logo 的历史演化请参考 Chris 的 Blog)
这里有人指出新 Logo 有些像棒棒糖,还有人觉得新 Logo 连同这几坨 Logo,都很像个球:阅读全文...

可能由于电子媒介的逐渐流行,以及印刷技术的发展,现在很多 Logo 在用色及形状上都有很大突破,越来越炫,去年 MasterCard 的 Logo 正是如此:

说到 Logo 中的文字运用,我又从 Brand New 上看了一些常见品牌近年的 Logo 变化,字母变为小写的情况的确不少,有人说是随着网络的盛行,网址变得愈加重要,而在浏览器地址栏中的网址均已小写字母呈现,所以各大品牌纷纷将自己的 Logo 变为小写,以顺应网络的潮流。而且小写字母确实让人倍感亲切,可读性高。
上面也提到了 AT&T 的 Logo,运用立体效果是其一,字母也变为了小写:

BusinessWeek 的 Logo 字体由原来的衬线字体变成了更现代的非衬线字体:

Compaq 的 Logo 也减少了笔画粗细的变化,可以说变得更 Q 更时尚了,但是个人觉得不如原来的 Logo 经典:

Holiday Inn 的 Logo 原来就很漂亮,新换的 Logo 简练了很多,提高了可识别性:

MSNBC 的 Logo 字母同样变成了小写:

Wacom 的新 Logo 也采用更炫的 3D 效果,同时舍弃了生硬的蓝色和尖锐的字体,采用了小写的,更圆润的字体:

标签: blogging, design, typography
2008-1-4
过去的一年
2008 开始了,我是个没记性,没计划,没远见,没良心的人,三十年过去,弹指一挥,我都从没想过作个总结。以前写总结,写计划,是要装模作样交给老师的,今儿我也自主地总一次结,为 2007。
- 年度书籍:动物农场
- 实际上很长时间不看小说了,幸亏这本书薄,很快就看完了。《1984》稍微厚点,我计划在 2084 年前看完。
- 年度电影:Death Proof
- 很可惜不是《色|戒》也不是《太阳照常升起》,他们都把我扯进了电影院,但是 07 年给我印象最深的电影是《Death Proof》,撞车,追逐和痛扁。既然那些有深度的电影都深得离了谱,我还是待在浅水湾玩吧。这电影还给我的音乐曲库中增加了一盘不错的电影原声。
- 年度音乐:Talking Heads
- 今年才开始听这个乐队的歌,真是好听,好听,三十年了,就为听它。
- 年度动漫:Beavis and Butt-head do America
- 年底才看的,以迅雷不及掩耳盗铃儿响叮当之势超越了《普京兔》,从此我们都变得神经质了。
- 年度网站:海内
- 07 年停留时间最长的网站恐怕是 Google Reader,但到了年底,一大帮真人忽然在海内上玩得死去活来。
- 年度产品:Mackbook Pro & iPhone
- 今年我先后购买了 Apple 的这两款产品,觉得都很好。
- 年度人物:花火
- 和花火同了事,先前互联网资源还比较少的时候,看花火漫画给我带来了欢乐,如今这个溅客更是不断地挑战人的忍耐极限。
- 年度啤酒:Carlsberg Chill
- 原来以为这个酒是给小姑娘喝的,喝了几瓶,还挺爽口,从此冰箱里老有那么几瓶。
- 年度家电:洗衣机
- 跨入文明时代了,不用手洗大床单了。
- 年度餐饮:McDonalds
- 搬了家,新住的这边荒凉得很,除了在公司的工作餐,周末基本就在这解决,没有选择,也不用伤脑筋,进去就点俩汉堡,吃完就走。
- 年度感受:
- 我的心态和脾气好了很多,我的眼界也更加宽阔了,学到了很多东西。有伤心事,但生活总算还是比较令人满意。


