Koubei UED

D4是由阿里巴巴集团各子公司UED部门联合发起的视觉/交互设计论坛。是面向所有交互、视觉设计师及设计爱好人士的非商业性活动，旨在提供学习和交流的平台，提升参与者专业能力，促进行业内交流。

本次论坛由雅虎口碑承办，阿里巴巴B2B，淘宝，阿里软件，支付宝，阿里学院协办于08年10月18日在杭州西湖国际大厦举行，欢迎各位同行前来交流和分享。

时间：2008年10月18日(周六) 下午13：45开始
地点：杭州市文二路391号西湖国际科技大厦
活动网站：http://www.d4forum.org

D4嘉宾（排名不分先后)：
刘昊（交互设计师 阿里b2b中文站）
伯牙(交互设计师 支付宝)
韩挺(教授、博士上海交通大学媒体与设计学院设计系)
PANDA(交互设计师 阿里B2B国际站)
李彻(韩国 资深产品经理 雅虎口碑网)
在天(交互设计师 淘宝网)
飞飞(界面艺术设计师 淘宝网)
折折熊(产品设计 支付宝)
麦兜(产品设计 支付宝)

10月10日更新:
1.淘宝嘉宾飞飞的主题细化为《视觉设计对交互的帮助》
2.会场详细地址更新

10月13日更新:
13号下午2点将关闭报名通道
———————————————————
最新消息请关注ued.koubei.com或者www.d4forum.org

一、问题描述

当用JS调用form的方法submit直接提交form的时候，submit事件不响应。为什么？知道的请回复。类比一下，我用input.select()做了测试，却能响应select事件。这个原因先放一边，我们看看先怎么把眼下的问题解决了。
不响应事件的代码示例：

<form id="form1" action="http://www.koubei.com"></form>

<script type="text/javascript">

 var form = document.getElementById('form1');

 form.onsubmit = function() {

 	alert(1);

 };

 form.submit();

</script>

实际运行，不会有alert出来。
虽然用submit方法来提交表单有违Unobtrustive Javascript的原则，但有时候不得不用，比如做搜索提示（auto-complete)选中Item之后就需要用JS来提交搜索表单。

二、问题分析

阅读全文»

[原文地址：http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm]

我使用“ Web 2.0设计”来形容目前占主导优势的网页设计风格， 很多人用这个词来形容：

1. 网络经济的复苏
2. 网站和用户之间更高水平的交互
3. 或一种社会想象，由新型的网上社区和社会网络而形成

Web2.0 式网页先睹为快

如果您没有足够的资源创建自己的2.0式的网站，TemplateMonster 刚发布的web2.0模版频道可以帮到你。当然，购买的模版不一定能完美的契合你的目标，但是为用户定制的设计也常常不能保证。

简介

我将带你过一下目前优秀的网页设计特征，仔细分析最突出的特色，讲解每个点优秀的原因，并向你展示如何将他们使用在你自己的网站上。

如果让我用一个词来总结web2.0，那将是“简单”，那我们就从这开始说起。

我是简单的极力支持者，我认为它是网页设计未来的方向。目前简单、大胆、优雅的网页设计用少来传递更多：

1. 通过引导用户视线只浏览少量但精心选择的视觉元素，使设计师能直接瞄准网站的目标
2. 它们用更少的语言来表达更多信息，同时精心选择的图片设计去创造看的欲望
3. 它们认为，我们能猜测用户期望从网站得到什么

一、简单

网页设计比起以前风格更简单，这是一件好事。

阅读全文»

首先我很不喜欢验证码这东西。但现在越来越多的网站使用验证码来抵御spam的冲击。太揪心了。

背景介绍
验证码的技术叫CAPTCHA验证，CAPTCHA 是“Completely Automated Public Turing test to tell Computers and Humans Apart”（全自动区分计算机和人类的图灵测试）的缩写，已由卡内基梅隆大学注册商标。是一种区分用户是计算机和人的公共全自动程序。首先在yahoo家族应用。

更多资料请前往：维基百科关于<CAPTCHA> 

 在CAPTCHA官方网站www.captcha.net中一开始就告诉大家说它是干什么。。CAPTCHA: Telling Humans and Computers Apart Automatically用来判断你是不是人类@所以人们有时称CAPTCHA是一种反向图灵测试。 

发展和现状
一般都是因为防止恶意注册、登录（猜测密码）、匿名贡献垃圾内容采用验证码技术。一开始都是很简单的数字和字母组成。现在发展到五花八门。实在是叫人掀桌子。因为现在破解技术也越来越厉害。所以验证码也在不断变化花样。有文字。有图。有声音的验证码都一一出现。（估计视频的验证码也会在不久后看到@）

比如下面这个变态的验证码。 阅读全文»

如果当前绝对定位的元素需要透明（没啥内容、且不设置背景），背景元素有内容透出来的时候，IE6/IE7响应的不是期望的当前元素，而是背景元素。如图：

当鼠标滑到“我爱口碑网”字上，响应的不是期望的黄色框的当前元素，而是响应的灰背景的后面的元素。

BUG表现很简单，解决方法也很简单，就是给当前元素加上假背景图，即透明背景图，这张背景图1×1px，repeat xy。

background:url(transparent.gif);

这儿提供了一个demo来演示bug和修复后的情况：anchor.html

另外也有个不需要图片的解决方案，只能用于当前元素不需要表现的时候，比如有时候只是想放一个链接让用户可以链走

background:white;filter:alpha(opacity=1);opacity:0.01

就是因为用了透明度1%，副作用就是啥都看不到了。

前段时间我们部门的粉丝和布林同学都写过关于这个问题的文章。刚好阅读了关于这个问题的其他争论文章。所以顺便在这补充几点。

首先说明这里讨论的是在网页是否要用“target=_blank”强制打开新窗口

这是老问题
确实可以肯定这在中国大陆是个老问题。只有在中国大陆的网页才会出现这么多”target=_blank”的代码；

为什么称只在中国大陆呢。以yahoo为例。无论是yahoo.com\ca.yahoo.com（雅虎加拿大\in.yahoo.com(雅虎印度）\yahoo.co.jp\还是在雅虎香港和台湾。都是极少极少用”target=_blank”语法的。

在国内不知道从什么时候开始由门户带头普及用新开窗口，大家现在可以看到yahoo.cn和其他yahoo family都不一样。是跟随大流来决定是否用”target=_blank”语法。相信这段语法在很多网站都普及得很广@.因为连google.cn都迫于用户本土化习惯而改变了搜索页面的打开方式.(google.com默认还是沿用当前窗口打开）

 到底要不要开？
阅读全文»