Eliza’s Tin

上次没有写完的D&AD 2009网站类得奖作品,今天来做补完。

3. Sound Design & Use of Music

• Title: Dry in Motion
• Agency: Projector
• Client: UNIQLO

作品地址：因为活动结束的关系，很可惜网站现在已经关闭了。。。

4. Websites

• Title: Domaination
• Agency: Anomaly
• Client: Converse

抱歉我没有找到这个网站的地址和资料，谁知道的告诉我一声吧~~~

• Title: UNIQLO Meets Corteo
• Agency: Projector
• Client: UNIQLO

“Uniqlo與太陽馬戲團合作的一個網站，太陽馬戲團要推出新的表演Corteo，這個網站主要是幾段太陽馬戲團的團員在練習表演的片段……穿著的衣服都是Uniqlo所提供的，藉此雙方互相幫彼此宣傳加分。”

作品地址：同上，因为活动结束，网站现在已经关闭了。话说Uniqlo更新换代是快呀。

5. Writing

• Title: N-Gage / Fifa 08
• Agency: Work Club
• Client: Nokia N-Gage

在Nokia手机上玩的“N-Gage - Fifa 08” 游戏主题网站。

作品地址：http://fifa08.arena.n-gage.com/

2009最新一期的D&AD得奖作品,网上资料大多关于4只黑铅笔的，关于网站类的介绍几乎没有，所以特此整理了得奖作品的网址list。当然，所有作品的video都可以在D&AD的官网上看到，但这速度。。。除非您是不限速宽带，否则我保证您等到天荒地老海枯石烂沧海桑田。

1. Interface & Navigation

• Title: 12 CAMS, CREATE YOUR RAINBOW
• Agency: Bascule
• Client: WOWOW INC.

视频网站，“RADIOHEAD JAPAN TOUR 2008”现场曲目的独家放送。导航做的非常有意思又实用，大屏幕下面一溜的小画面，是演出时各个角度的视频收录，可以随时切换观看的角度。

作品地址：http://www.wowow.co.jp/music/radiohead/special/

2. Microsites

• Title: Hotel 626
• Agency: Goodby Silverstein and Partners
• Client: Frito-Lay

恐怖酒店626，好像是前段时间很有名的恐怖游戏。全部由实景拍摄的大制作，连玩的时间也有限制：晚上6点到早上6点。loading时就有吓人的背景出来，我刚玩了开头就吓的关上了。。。

作品地址：http://www.hotel626.com/

• Title: NOLAF
• Agency: Mekanism
• Client: Frito-Lay

网站没打开，不知道干嘛的。整体色调很复古。

作品地址：http://www.nolaf.org/

• Title: 100 Girls
• Agency: BBH New York
• Client: AXE Hair Crisis Relief

厉害的互动网站，之前曾在桑河数位的blog上看到过介绍：“把100個女生關進倉庫裡，逼他們做出選擇，不然，就不准回家。網站弄的好像是24小時LIVE，隨時都有男生上傳照片讓100位女生選邊站，但其實，只是互動設計和剪接做很順暢。”

作品地址：http://www.axehaircrisisrelief.org/100girls/

• Title: LOVE DISTANCE
• Agency: GT Tokyo
• Client: Sagami Rubber Industries Co.,Ltd.

LOVE DISTANCE。大名鼎鼎鼎鼎大名的Love Distance，还用多说什么吗？比这还有名的互动营销案也不多了吧。如有兴趣，Pls ask Google~

作品地址：http://www.lovedistance.jp/

• Title: Read a Book at Work
• Agency: Colenso BBDO
• Client: New Zealand Book Council

Read a book at work,without the boss konwing.

想在上班的时候偷偷懒看看书但又怕老板知道的人有福了。超级好玩的网站，强烈推荐哦。（玩过的人就请直接忽略我吧。）

作品地址：http://www.readatwork.com/

• Title: Talk To The Plant
• Agency: Daddy
• Client: Heinz

听音乐的植物会长的更好，这个大家都知道啦。但如果是听gossip长大的呢？研究指出（抱歉我不知道哪个研究哎╮(╯▽╰)╭）75%的人会对着自己养的植物讲话。但这样真的对植物好吗？番茄酱厂家Heinz就此推出了“talk to the plant”的互动网站。所有人都可以输入自己想说的话给1棵成长中的小番茄听。当然，同时有另外一棵小番茄会在安静的环境里长大，最后再比较两棵的成长结果。

其实我也会对家里的猫咪说话，不知道他会不会觉得我吵呢？（当然，在我心里，我一直坚信他是听得懂而且很享受的！）

作品地址：http://www.talktotheplant.com/

=================== 下班分割线 ==========================

不行了太累了，先整理这些，其他的明天再说吧。

读后感1号：

D&AD Website部分得奖的作品毫无例外都是极其成熟的互动案例。hello，1对1单方面灌输的传播方式，你的死期越来越近了哦。

Orera 10(beta)浏览器发布也有段时间了，同时发布的还有一些奇妙的新功能，你发现了吗？

当市面上其他浏览器都没什么令人惊喜的时候，Opera率先发展了他们的输入系统——加入了新的“面部操控”功能。只要装个摄像头，用户就可以通过面部表情的变化来操控浏览器。来看看最简单的一些控制方法：

more »

最近在做的活动网站。Casio新推出相机主打“1秒30张连拍”功能，以抓拍活动中的宝宝形象为主要诉求点。

页面设计不是我做的，所以也不说了。最主要的是html页面。

自我检讨时间：还不够强还不够强，有些地方做的还是不专业

1. 基础知识不够扎实。到现在为止，所有的web标准都是边做边学，没有系统的好好的看过书。导致很多基础知识的缺失。有问题的时候除了Google就是自己不停的试效果，这样很浪费时间。而且有些更优的解决方案，我相信只是我不知道。

2. 缺少对网站css结构整体的掌控能力。比如说，CSS的模块化。这个最主要是缺少时间做统筹。一开始的时候是想分多个css模块的。但做到一半的时候发现根本不可行，没有时间整理。所以平白无故多出了个独立的css文件。

一开始的统筹不到位，导致后面小的css混乱。例如文本样式又没有独立分style，相同的样式在不同的地方多写了。.还有css命名，当页面增加到几十张，又是几张几张分阶段做的时候，我的css class命名就开始混乱了。

3. css hack,写的时候总会想，嗯，这里这样写有用是有用，但，有没有更好的解决办法呢。。。会不会有点滥用呢。。。总而言之，我还不太知道什么时候使用 hack 和定位是最合适的。

以我的水平现在只能想到这些，接下来最重要的就是，从头开始，把所有的基础知识好好的梳理一遍。

网站地址：http://www.premama.com.cn/casio_actor/

看吧，如果你对你的狗狗不好，会有怎样可怕的结果。

如果觉得图片太小了看不清楚，可以点击放大了看。

“Bad food, bad dog. All the vitamins, all the flavor.”

Advertising Agency: Prolam Y&R Santiago, Santiago, Chile
Executive Creative Director: Tony Sarroca
Regional Executive Creative Director: Guillermo Vega
Creative Directors: Francisco Cavada, Alvaro Becker
Art Directors: Fabrizio Capraro, Andres Echeverria
Digital Retoucher / Illustrator: Raul Pardo
Account Supervisor: Juan Carlos Meza
Published: April 2009

在DW里，中文字体提示的名称也是中文的，譬如宋体就是”宋体”。考虑到页面编码的关系，css内的中文字体显示最好也是用英文字符来写。

黑体：            SimHei

宋体：            SimSun

新宋体：          NSimSun

仿宋：                 FangSong

楷体：                 KaiTi

仿宋_GB2312：     FangSong_GB2312

楷体_GB2312：     KaiTi_GB2312

微软雅黑：              Microsoft YaHei

浏览器在不断更新，可使用的hack也需要更新下了，继上一篇《 最新CSS兼容方案 》之后，Opera和Safari都已经更新了版本，IE8也出来了，还有一个Chrome。新版本的Opera 9.6 和Safari 3.2.3分别有一个hack不能使用了，具体为：

Opear：

*+html .e{
background-color:#0000FF;/* OP */
}

Safai：

@media all and (min-width:0){ select{ ... }}

还好发现了另一个Safari可以用的hack，Chrome和Safari的hack一样，还无法单独区分。另外“[; … ]”中的内容只有Opera读不到，注意“[]”要成对出现，不然Opera下会导致后面的样式无法读取。重新整理的hack如下：

.e{
color:#FFF;/* FF,OP,IE8 */
[;color:#0F0;]/* SF,CH */
*color:#FF0;/* IE7 */
_color:#F00;/* IE6 */
}
.e{
background-color:#332200;/* FF*/
}
html* .e{
background-color:#FF00FF;/* Sa IE7 CH */
}
*+html .e{
*background-color:#0000FF;/* IE7 */
}
* html .e{
background-color:#00FFFF;/* IE6 */
}
html*~/**/body .e{
background-color:#055000;/* IE8 */
}
@media all and(min-width:0){
	.e{
		background-color:#FF5500;/* OP */
	}
}

经FF3、OP9.64、OP9.5.0、Sa3.2.3(pc)、Ch1.0.154.65、Ch2.0.172.28、IE7、IE6、IE8测试通过，如果你在其他的浏览器版本上测试过，欢迎给我留言，把结果告诉我。

原文地址：http://www.cssforest.org/blog/index.php?id=132

废话唔多说啦，来自Web Design BookMark | 网页设计书签的资源，最新5月网站截图打包下载。

直接下载地址:BRSBOX下载：bm.inthinking.com_200905.rar

也可以到Web Design BookMark的下载页面：http://bm.inthinking.com/archives/2216/