Web设计十诫

非常有道理,转自Solidot。这其中的大部分都是我深信不疑的,总结的很好。 1. 不可滥用 Flash Adobe 备受欢迎的 Web 动画技术,Flash,在很多地方显示了它的威力,从 Nike 充满炫耀味道的整体 Flash 网站,到充斥各个网站的 Flash Banner 广告,然而该技术很容易被滥用,大量的,无节制的 Flash 动画不仅带来易用性问题,而且让用户的浏览器不堪重负。 2. 不可搅扰内容 广告对一个网站的生存也许很重要,但易用性研究者认为,弹窗广告,以及全屏广告会扰乱网站的内容,并挑战用户再次访问的信心。传统的…

Continue Reading →

博客主题风格调整

[singlepic=14444] 原来的模板主色调是粉红色、灰色和黑色。也用了很长一段时间了,而且是WordPress Theme Viewer里面比较著名的一个模板。我的模板天天改,小改大改都有,性能的功能的和设计的都有,还有转为W3C xHTML Strict级别dtd做的修改,看过我的博客HTML源码的都应该注意到,我的DOCTYPE可是: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> 希望大家都遵循Web标准,当心IE8到来时的措手不及哦。 这次改主题,起因是今天在校内看到高中同学王影分享的一个名叫“藤蔓〆图腾”的相册,其中几个图片挺有感觉,华丽却不妖艳,略显凌乱却风格鲜明,于是就下手改出了现在的风格。 自从四川汶川地震以来,背景改成灰色,感觉其实黑白搭配文字块的感觉也不错,于是这次干脆取消所有的颜色,也算正好符合我的心境,什么都看不见。

Continue Reading →

Blog VI及复刻版Gravatar

VI,即Visual Identification,一般指企业请专业的VI公司设计的一套配色、图标、版面设计等等一套系统,便于客户的识别,以便达到“一眼难忘”的效果。成功的VI比如QQ的企鹅形象,IBM和DELL的蓝色等等。 博客需要VI吗?答案肯定是需要。博客SEO中有这么一条,选定一个主题然后就不再更改。其实这就是一种VI设计。选定的WordPress主题中,基本就规定了配色、图标、版面设计这三个主要要素。 早上做了一个复刻版Gravatar,是这个样子的: [singlepic=14396] 基本上基于老的Gravatar,那个Gravatar的来历好像是刚转入WordPress时用的一个橙色的主题,那上边的一个Icon。 现在,这个Gravatar俨然被我作为个人的VI,QQ头像,MSN头像,Gtalk头像,站点的favicon等等都用这一个。 什么意思呢?可以理解成一个靶子吧。一旦选定了目标,我可是不会放弃哦。

Continue Reading →

同济大学高性能计算机研究中心Logo设计

是的,偶尔我还是能做点设计的… 献丑了。遥想当年,还曾经很喜欢艺术类的专业,一度还想考中央美院呢,呵呵。后来,发现自己实在没有艺术细胞,只好作罢~ 灵感来源于同济大学的“同”字以及HPCC中的几个“C”。嗯,感冒了,难受得很,不多写了。

Continue Reading →

如何在XHTML 1.0 Strict合法的前提下插入FLASH内容

XHTML的最终要求是,使得所有网页和浏览器按照而且只按照XHTML 1.0 Strict这个最高标准来控制内容。 传统的FLASH媒体的插入是使用<embed>标签,可惜的是这个标签是不被W3C XHTML 1.0 Strict所认可的,在W3C的FAQ里有过描述。W3C认为,<embed>标记从来就不曾是标准的一部分,只是浏览器大战留下来的炮灰罢了(好像是Netscape一方的)。同时,这篇FAQ里还提到了关于这个问题的一篇著名文章,称为Flash Satay方法。这个方法由Drew McLellan提出,主要思想是通过一个只有一句AS语句的FLASH桥达到载入参数传进的Flash文件的办法。同时,使用<object>标签替代<embed>标签。 可惜的是,这个方法未免太复杂了一些。此外还有很多人想到使用JavaScript来动态加入<embed>的Flash内容,这无异于饮鸩止渴,将表现层和行为层混为一谈,我认为是绝不可取的办法。 Joen Asmussen的博客Noscope里评价了这两种方法,并且指出仅仅使用<object>标签,不使用桥Flash也可以达到在XHTML 1.0 Strict合法的前提下插入FLASH内容的效果。Hixie具体地描述了这个方法。可惜的是,他的代码在我这里只在IE中有效,而在Firefox里却有些问题。这应该是Wordpress自动完成标记的副作用。 经过我的实验,可以正常使用的代码如下所述: <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″ width=”480″ height=”400″>…

Continue Reading →