Eliza’s Tin

03 Jul, 2009

2009年D&AD - 网站类得奖作品2号

Posted by: eliza In: 每日一禁果

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

 

3. Sound Design & Use of Music

 

nomination

uniqlo

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

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

4. Websites

 

nomination

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

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

nomination

Klamm56

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

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

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

 

5. Writing

 

nomination

N-Gage

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

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

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

29 Jun, 2009

2009年D&AD - 网站类得奖作品1号

Posted by: eliza In: 每日一禁果

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

1. Interface & Navigation

Yellow Pencil Winner

12 CAMS, CREATE YOUR RAINBOW

  • 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

Yellow Pencil Winner

hotel626

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

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

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

Yellow Pencil Winner

nolaf

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

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

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

nomination

100girls

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

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

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

nomination

img200903100951380

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

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

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

nomination

readatwork

  • 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/

nomination

talk to the plant

  • 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单方面灌输的传播方式,你的死期越来越近了哦。

SomeOfUs_4a3940de10e88

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

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

SomeOfUs_4a39401db6b22

more »

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

Casio”好动宝宝抓拍”摄影大赛

页面设计不是我做的,所以也不说了。最主要的是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/

Tags:

17 Jun, 2009

Bad food, bad dog

Posted by: eliza In: 每日一禁果

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

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

Bad food, bad dog Bad food, bad dog Bad food, bad dog Bad food, bad dog

“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

16 Jun, 2009

符合标准的中文字体写法

Posted by: eliza In: CSS+Web标准| 学习笔记

在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网页设计书签

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

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

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



About

1984年生人,24岁的水瓶座

爱猫,爱电影,爱拍照;爱自由,更爱巧克力

坚定不移的走网页设计师道路,并且立志成为最好的那一种。

MSN:elizayyys@gmail.com


订阅我

抓虾 pageflakes
google reader my yahoo
鲜果 哪吒
feedsky

过往