摘要：
CNN新闻网站前段时间改版了。非著名设计顾问 andy 通过对比 CNN.com 和 USAToday.com ，谈了些自己的想法，其中不乏一些好的见解。根据本人的理解，将其中一些有用的信息做了翻译并记录如下： 安静的结构 在设计以内容为主的新闻类网站时，应该运用干净的结构和清晰的元素组合。直观地呈现信息是一个在线新闻站点的根本需求，为满足这种需求甚至可以牺牲一些界面视觉。 外框、线条、颜色等... 阅读全文
摘要：
1、页签的表达。 页签表达很清晰，当前页签突出，且层级包涵关系明确；看下图，一目了然的感觉，不用疑惑我在那部分里。 不信？拿当当的对比一下，你感觉那个更易读？ 2、搜索，让我感受到体贴。 下图是我抓取搜索的图拼合起来，为了说明搜索提供的合理。最上头导航下的搜索，是方便来找东西的人，大部分人都通过此处找东西，所以放在显眼的主要位置；网页最底端的搜索，方便那些已经浏览到底部的用户，正为找不到而... 阅读全文
摘要：
为了防止网络上日益猖獗的垃圾广告和灌水评论，大多数网站在信息发布的时候要求输入验证码。图片、文字、字母甚至还有计算题。验证码图片里的信息东颠西倒，难以辨认。拦住了spammer也拦住了用户。为什么不能让验证码更友好一点呢？ 国内的门户站，百度、新浪、网易是这样做的。他们都统一的将验证码图片放到了输入框的右边。而且东倒西歪，不好辨识。 以百度的注册页面为例。用户在注册过程中，视线的走向一直是由上至... 阅读全文
摘要：
本文的目的是探讨JS相关技术，并不是以杀毒为主要目的，杀毒只是为讲解一些JS做铺垫的，呵呵，文章有点长，倒杯咖啡或者清茶慢慢看，学习切勿急躁！ 最近公司的网络中了这两天闹的很欢的ARP病毒，导致大家都无法上网，给工作带来了很大的不方便，在这里写下杀毒的过程，希望对大家能有帮助！ 现象： 打开部分网页显示为乱码，好像是随机的行为，但是看似又不是，因为它一直在监视msn.com，呵呵，可能和微软有仇吧... 阅读全文
摘要：
首先对空格宽度的定义：空格，由于每个浏览器处理会有微小的不同，在这里我将可以选中的宽度作为空格的宽度。视觉宽度和可选中的宽度有 0~3px 的差异（由于 kerning table 的不同），但以下测试的三种浏览器中相同。又因在 ClearType（次像素平滑）情况下视觉宽度有所不同（据猜测可选中的宽度应该和不开 ClearType 一致），简单起见，本文仅研究不开 ClearType 的情况... 阅读全文
摘要：
好的设计和不好的设计，就像是一块硬币的正反面。之前我们看到的都是硬币的反面，只要翻转一下，就可以看到正面了。 上次我评论了 上网四大郁闷事 ，很大原因是导航混乱、位置感不强造成的。有一次参与朋友公司的讨论时我说道，网站就像是一个信息群岛，岛屿和岛屿间是相连的，差别在于你是用独木桥还是高速公路，桥边（路边）是美女的诱惑还是指示牌。良好位置感的设计，主要解决三个问题：我从哪里来（为什么我在这里）？我在... 阅读全文
摘要：
2007年，在 LogoLounge.com网上最大的LOGO数据库 ，我们看到许多LOGO设计趋势: 包括美学的，概念的, 以及文化层面的。比如,我们看到了更多的三维标志， 这些设计已经完全脱离了传统的CMYK模式，转而投向更具魅力的RGB。 2007LOGO趋势具体报告如下，当然这些趋势一定是社会经济背景的产物，我们将继续关注。 Dos Helix 密度螺旋 Rubber Bands 摩... 阅读全文
摘要：
从媒介形态演化和人类行为学角度出发，指出元媒介即交互性，而交互的实质是人类行为互动。网络用户游离于现实社群和虚拟社群之间，交叉并置、相互映照，衍生出更宽泛的交互向度。充分有效地运用技术手段，创造出基于人/机共生”的新型互动；而创新的不仅仅是交互的物”，更是交互的事”，其核心仍是创造有意味的体验”。 阅读全文
摘要：
关于超链接中的下划线这个及细节的问题，想必大家都有过讨论和思考，大家都知道，把握一个原则即可：“让使用者清楚的区分超链接文本和其他文本形式，并潜意识知道可以点击。”；但对于是否可以潜意识知道可以点击，还是有争议的，不同的人，不同的环境会有不同的见解。 不妨分几个场景讨论一下： 1. 导航区域，潜意识我会去点击。 即便有下划线也是个“古老形式”的摆设，所以一般没有下划线；好的设计不仅满足点击，还... 阅读全文
摘要：
关于超链接中的下划线这个及细节的问题，想必大家都有过讨论和思考，大家都知道，把握一个原则即可：“让使用者清楚的区分超链接文本和其他文本形式，并潜意识知道可以点击。”；但对于是否可以潜意识知道可以点击，还是有争议的，不同的人，不同的环境会有不同的见解。 不妨分几个场景讨论一下： 1. 导航区域，潜意识我会去点击。 即便有下划线也是个“古老形式”的摆设，所以一般没有下划线；好的设计不仅满足点击，还... 阅读全文
摘要：
出错，也能莞尔一笑～ 遇到出错页面经常是让人讨厌的事，不过撞见些可爱的页面，有时反而成了种乐趣。个人最喜欢的404页面，是淘宝UED团队blog的那个。 “四零四啊四零四，没找到啊没找到～ 哇塞，这么偏僻的地方都被你找到了，赶快去淘宝买张彩票吧。”很有针对性，看他们博客的大多都明白啥是404，乐趣也就由之而来。 怪兽扬言说自家的是史上最可爱的404页面，貌似下面给得链接太多了，但是小兽的表情和... 阅读全文
摘要：
上图左侧是电梯里的飘柔广告。 把洗发水的广告做成一面镜子的创意着实很棒。设计者清楚的知道：”在镜子上做广告更适合自己的品牌性质”。 不过，从上图中不难看出：由于劣质的制作，这面镜子的实际呈现效果严重变形，镜面本身的做工非常粗糙，结果该广告对品牌本身反倒有了负面影响。（别以为那是哈哈镜，他就是个劣质的镜子）。 好创意就这样被糟蹋了，看来设计不只需要创意。 上图是前不久在HCII酒会发现的一个... 阅读全文
摘要：
1、一张图很直观的表明我们需要挖掘用户真正的需求 “用户角色”在可用性设计里，是一个很重要的概念，之前很多关于用户的讨论，比如：“不要听用户的”“要不要听用户的”“以用户为中心是有害的”“要关注用户，学会倾听用户”等等，或许都从各自的角度来证明了自己的想法。今天在西贝那里看到这样一张图： 从上面这张图我们可以看出：不光开发团队的不同工种的理解差别很大，而且用户的期望和用户的真正需要也不尽相同。 ... 阅读全文
摘要：
在网页中应用选项卡可以使网页显得更紧凑，结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现（不涉及滑动门和AJAX），附有实例，无图片，兼容性较好，方便大家直接使用。 第一种形式: 通过更换显示样式实现，这种很常见，就不多说了。 新闻 评论 技术 点评 新闻列表 评论列表 技术列表 点评列表 第二种形式: 这种... 阅读全文
摘要：
些微的调整能产生很大的不同。 小字的间距也小的话，会使浏览非常困难： 当然我不希望你用如此小的文字，这只是个例子。越小的文字需要越大的间距来提高它们的可读性。下面是一个同样大小的字体，但间距调大了，是不是更容易看清？ 对于大的文字，我们对应地这样做： 大字体要粗壮扁平。 减小大号文字的间距： 不要放一些没用的东西，除非你想赶走你的客户。我将解释为什么…… 吸引注意力很重要，... 阅读全文
摘要：
采用以下要点来改善你的BANNER。 广告并不便宜。 确信你的广告被第一时间读到。 使用像这样的Sans Serif字体： 字体类型用Black或Bold，不要用light： 避免用下面那行中的小Serif字体： Serif字体在BANNER上很有可读性： 除非你这样做： Sans Serif是更好的选择， 因为它具有简单的字形。 这使它更快地显示在web广告中。 在网页的大段文字... 阅读全文
摘要：
工作累了，娱乐一下 1.首先剪一个半圆形： 2.对折后用同色线缝住接合处： 3.缝好后的效果： 4.把缝好的圆锥反过来： 5.反过来后的效果： 6.然后顺着圆锥的边缝： 7.缝完一周之后收紧线： 8.装入pp棉： 9.用白色双股线缝制草莓上面的点： 10.从收口处入针： 11.在出针处用线打一个结（1结）： 12.然后针从1结的位置开始入针到下一打结处： 13... 阅读全文
摘要：
这篇文章阐述的是一种函数式编程（functional-programming）设计模式，我称之为惰性函数定义（Lazy Function Definition）。我不止一次发现这种模式在JavaScript中大有用处，尤其是编写跨浏览器的、高效运行的库之时。 热身问题 编写一个函数foo，它返回的是Date对象，这个对象保存的是foo首次调用的时间。 方法一：上古时代的技术 这个最简陋的解决方... 阅读全文
摘要：
目前市场主流的测试工具和管理软件，如Rational和Mercury的系列产品，大多比较昂贵。 商业软件的优势主要表现在其售后服务和工具本身的强大和易用性上，而作为技术基础相对较好的测试人员，也可考虑使用开源的软件，这将为公司节省一大笔开支，必要时也有更好的扩展自由度。 开源测试工具——功能测试工具 Linux Test Project http://ltp.sourceforge... 阅读全文
摘要：
［前言：］ 软件作为一种纯数字化商品，在没有权威的第三方进行监督认证的情况下，软件供应商和用户在软件产品是否达到目标需求的问题上，往往各执一词。 关于软件质量标准和认证，国内虽然制定了有限的软件技术标准，但无法从根本上对软件这种特殊商品实施有效的质量监督和认证。在国际上通行的做法是，软件的质量标准和认证工作，由独立的软件测试机构来完成。这些测试机构的行为是市场化的，但因为测试能力和权威性将直接... 阅读全文