Web设计十诫

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

Continue Reading →

Internet Explorer 8 beta1初体验

为了我之前的文章完整性,下载了Internet Explorer 8 beta1来测试测试~ 刚装上开开我的博客,发现一个问题… 强大的IE8立即挂了,然后开始顽强地恢复这个tab,然后再挂… 我无语了,经过页面分析,发现是以下一行代码绝杀了IE8:(略去后面部分,用于描述新闻分享的样式的部分) [code=’c#’] [/code] 这是我的Google阅读器分享啊… 强大的IE8在唯美的Google代码面前,华丽地”stopped working…” 然后,好像每次崩溃之后IE8会自动向Microsoft报告错误?担心隐私。

Continue Reading →

浏览器的ACID Test

ACID,化学中意为酸,计算机中主要的含义是数据库原理中的事务数据库应该具有的四种基本性质(原子性,Atomicity)、一致性(Consistency)、隔离性(Isolation)、持久性(Durability))。在WEB标准领域,则是指由The Web Standards Project组织提出的一组浏览器测试程序。 目前ACID有三级,分别是ACID1,ACID2和ACID3。各级ACID测试的偏重点不一样。 ACID1 ACID1使用了一个符合HTML 4.0标准的无意义文档,旨在测试浏览器对CSS1的支持程度。ACID1的通过标准是,浏览器对测试页面的渲染应当完全符合ACID1的参考结果,不能有一像素的偏差。 ACID1的正确渲染参考结果: IE 7.0.6001.18000测试ACID1的结果: IE 8.0.6001.17184测试ACID1的结果: Firefox 2.0.0.12测试ACID1的结果: Safari 3.1(525.13)测试ACID1的结果: Opera 9.26(8835)测试ACID1的结果: 可以看出,主流现代浏览器都能正确渲染ACID1。…

Continue Reading →

浏览器大战

Internet Explorer 7 vs Firefox 2.0.0.12 vs Safari 3.1 出于对我管辖的网站显示效果的负责,今天算是主流浏览器装全了~ IE7嘛,感觉应该是最适合Windows用户的一个吧,显示效果虽然最差,但是应该算是风格最统一的一个。当然,速度极慢,占用内存极大。 Firefox是我最喜欢也是天天在用的浏览器,忘了从哪个版本开始了,Firefox对中文的渲染明显改善了,现在看起来很舒服,而且Google工具栏也有支持Firefox的版本,于是,从IE7作为XP高优先级推送那天开始,Firefox成了我的不二选择。 Safari,可谓最标准化的浏览器,它的js代码执行效率极高,打开网页速度很快,好久没感觉我的网络快了,今天居然有点开内网网页的感觉…一如既往地,Safari对于中文的渲染,很独特很怪异,让人很不适应呢。Mac下的Safari看起来倒更舒服一些。Safari对英文的渲染很漂亮,估计只要再对中文渲染下点功夫,夺下浏览器市场半壁江山,还是可能的~

Continue Reading →

[译作]细节中的设计

和你同坐一桌的,是几个设计师、一个艺术指导以及一个创新指导。大屏幕上播放着你们需要集体评价的一份设计。这将是你们第一次认识原始概念的时候。随着设计稿被一个个翻过,评论也一点点多来。 一个常见的短语是:细节之处见设计。唯有当一份设计给予某些细节,很多情况下是“那些不对的地方”,足够的重视,才能使得这份设计从”几乎合乎要求“到”合乎要求“,甚至超越要求。 我参加了一个会议,在这个会议上,设计师们都是第一次展示自己的设计,参加会议的设计师在屏幕上展示一副原型,他们通常认为这个原型就能达到完成的90%到100%。但是对于那些追求细节的设计师来说,这份作品只算达到要求的50%到70%。你能看到那些基础工作,并且感觉到那种最终的设计就在你面前,但是同时,你也知道,这并不是完成的作品。 拥抱细节,其最终目的是让你能够审慎地思考,并且在第一轮就尽最大努力拿出你最好的设计。本质上说,你的作品随时能够演示给最终客户。那么,如何才能判断某个设计100%符合要求?你需要达到完美,去除客户脑中所有的疑问。设计师感到匆忙的原因大家都知道:你有一个最终期限,你有压力。但是如果你真正在乎你的作品和你的思想,你会自觉加班加点工作,也许会工作到夜里很晚,我们都曾经这样,然后你知道这样的努力会是你的作品绽放光芒。你知道那种感觉,每当你想的时候都会出现的感觉,”噢,我早就知道我应该试试那个。“为什么第一次的时候没有想到?不要非要等到别人来审查你的设计的时候,你才会想起那些你早已想到的灵感。 每个设计师都有一个装满小技巧的工具包,但是我必须强调的是,追求完美的审慎的眼光,在创作的时候与那些工具同样重要。 这里是一个能帮助你的站点完成完成完成的检查列表,不要留下一小块没用翻过来的石头,不要留下关于作品的一点点疑问,让它绽放光芒。 实验 我不能在第一次内部设计讨论的时候就拿出成熟的作品是很正常的。我通常用一些”素描“体现设计。一个这一次不工作的导航栏或者logo,下一次也许就能工作了。这就是所谓的”美丽的谎言“,在其他环境里安插某些元素,能够创造可能性。仅仅是抛些想法到讨论会上,而不是成为设计阻碍,看看会导致什么。起步往往就是完成的一半。 此外,不要害怕返工。如果一个东西达不到效果,放弃并抛弃它。如果你觉得某个导航条太麻烦了,记住你怎么做出来的,然后在下一个设计中应用这些方法。目标是精炼,一遍又一遍。 选择 设计中经常要做很多选择,包括类型到颜色,到全站风格的所有事情。某些时候,我喜欢把所有的想法都投入到设计中,看看组合在一起会是什么样的效果,某些时候我则喜欢从最简单开始。努力去做那些明智、简单的决定。如果做一件事情的时候,有一个更简单的实现方法,选择它。复杂的选择会使客户感觉繁复且不得人心,除非你能让复杂的东西看起来是简洁的。 保持一致 一旦你做了决定,坚持到底。如果你决定在侧边栏中用10像素隔离各个元素,却在更大的文本框里用了15像素,注意排版反映了这项决定。设计的时候坚持记笔记,这些笔记将会构成风格指南的基础部分。持续地表明态度,并且表示出你完全的理解,然后做出明确的决定。一致性应该是透明的。 完美性 完成你的设计。不要漏掉一个底栏或者别的一项细节。不要说,”这个元素将在后面实现,我现在没有时间“。创造时间。不要给别人攻击你的设计的机会,哪怕在一点点细节上,因为这往往会淹没了设计的其他大部分工作。细节体现了你的努力。创新指导和艺术指导们,尤其是客户,都会对这些细节很在意,所以,保证你的设计中重视了这些细节。 挺近,远离和退出:保持平衡 在做设计的时候,有时候退一步审视你的设计是必要的——哪怕是只有午饭时间和一刻钟休息的时候。做点别的事情。然后回来重新审视你的设计。注意你的第一印象。你的第一反应往往会和那些真正是第一次看到作品的人一样。记录笔记,然后根据这些印象对你的作品进行修订和更改。忽视某些元素有多么地”酷“和”格调“,如果它不能对你的设计产生正面效应,扔掉它试试别的吧。总是退一步重新审视。 自我批评 如果你对你最近工作的团队很熟悉,或者熟悉你的客户和客户的需求,像审视一个快完成的作品一样审视你的作品,想想那些可能成为问题的部分吧。对你所作的决定准备一份坚实的答案。 简单的复杂:缺少就是多余…

Continue Reading →

[译作]超越DOCTYPE: Web标准化,领先的兼容性,还有IE8

进步总是有代价的。在web浏览器方面,用户要承受开发者由于对开发工具的滥用和任何针对用户所使用的浏览器的假定而带来的代价(尤其是假定成了Internet Explorer, IE)。当那个被假定的浏览器发布了新的版本,修正了以前的bug,或者改变的某个特性的渲染方式(或者引进了新的特性)以及改变了某种行为,站点就会因此而崩溃,而我们的客户、经理和用户会感到很失望。 我们可以用几个小时的时间来解释为什么我们的站点崩溃了,但是并不比一开始就避免它崩溃来的好。 一些背景知识 基于带有在CSS支持上有重大改进的Internet Explorer 7发布的冲劲,IE开发组开始着手为IE8制作一个全新的渲染引擎——一个可以尽可能多地遵循CSS 2.1标准的引擎。他们努力工作的一个极致表现是正确地渲染了Acid2测试。对于那些关注者来说,这意味着IE在不久的将来将生成出内容和数据URL,永久地放弃hasLayout,这一点已经得到确认。这一点将会使得它的渲染与同样通过Acid2测试的其他浏览器,如Safari, iCab, Konqueror和Opera,到同一起跑线上。(Firefox 3同样也通过了Acid2,但到撰写此文时并未发布。) 在开发新的渲染引擎过程中,IE开发组对IE 7的反馈很重视。一些标准的狂热者甚至一些微软fans都认为,在IE 7中对bug的修正和对CSS的支持增强方面,开发组做的并不够。但是数量更多的开发者则抱怨,他们原本看起来很好的网站,却在IE 7中不能正确渲染。在他的博客中,标准拥护者Roger Johanssen提出了三个导致错误的原因,鉴于他们对于支持标准的迫切要求,IE开发组发现了第四个原因:DOCTYPE开关,一个开启现代CSS布局核心的技术,因为保证兼容性的缘故,存在着致命地瑕疵。 DOCTYPE开关是坏的 早在1988年,Todd Fahrner就发明了一种能够使浏览器使用两套渲染模式的技巧:一种按照开发者的要求遵循标准,另一种则是为其他人准备的。这个概念非常简洁。当一个客户端遇到一个包含完整遵循了当前HTML标准(例如,HTML…

Continue Reading →