小猪博客 - 创意设计http://www.zhublog.com/关注互联网新鲜、有趣、不可思议的事物 - RainbowSoft Studio Z-Blog 1.8 Arwen Build 90619zh-CNCopyright © 2007-2008 ZhuBlog.com 闽ICP备08106196号 Tue, 07 Sep 2010 10:36:09 +0800这样的食物你还敢吃吗？craig.yao@qq.com (stone)http://www.zhublog.com/archives/606.htmlTue, 31 Aug 2010 09:50:44 +0800http://www.zhublog.com/archives/606.html 

]]>创意设计http://www.zhublog.com/archives/606.html#commenthttp://www.zhublog.com/http://www.zhublog.com/feed.asp?cmt=606http://www.zhublog.com/cmd.asp?act=tb&id=606&key=7375dca6用HTML5消磨时光craig.yao@qq.com (stone)http://www.zhublog.com/archives/602.htmlSun, 29 Aug 2010 10:32:41 +0800http://www.zhublog.com/archives/602.html          HTML5渐入佳境，它强大的功能正被逐渐挖掘出来，各种实验性应用层出不穷，本文介绍几个由Hakim El Hattab设计的HTML5趣味小应用，它们非常有趣，我刚刚在它们身上消磨了两个小时。当你体验完这几个小应用，会发现HTML5比你想象的更强大。

Sinuous

趣味小应用：用HTML5消磨时光

在浩瀚的星系间履行，小心装上些红色的星球，绿色的星球可以吃掉，可以增加体能。

鼠标在页面空白位置点击，这个小怪物会扑过去。

我太喜欢这个小程序了，在一个空房间，双击鼠标，会放置上一个小球，当放进两个小球的时候，一道粒子束在两个球之间撞击，并发出悦耳的声音，随着小 球的增多，粒子束在每个小球之间穿梭撞击，离你越近的小球，声音越清脆，音调越高，这样就形成了连续的音乐。

一些果冻样的东西，会滑向你鼠标点击的位置，在果冻球体中间点击，会将它扯成两半，它们在到处滑动的时候，还会再溶合到一起。

也是我最爱的一个小程序。鼠标在夜空中双击，可以创造一颗恒星，同时创造出十几颗卫星绕着它转，你可以创造很多这样的恒星系，当它们中的某些靠近到 一起形成质量比较大的恒星系的时候，可以吸引更多的卫星绕着它们转。

五颜六色的彩带，随着鼠标飘动，鼠标不动的时候，便围着鼠标箭头旋转，非常简单，但很流畅，视觉效果很漂亮。

很 Cool 的三维效果。

水面随着鼠标形成波浪，水面的浮球也随着沉浮，效果非常棒。

粒子在屏幕上飘动，遇到鼠标的时候膨胀。

开始体验>>

译者注

这组HTML5实验应用加载速度非常慢，初以为是HTML5本身性能的问题，研究过源代码才发现，原来页面上调用了Twitter的饰件（http://platform.twitter.com/widgets.js），因为世界上压根没有Twitter，我们早就知道，但这些网页不知道，所以还傻傻地去连接，浪费了大量的时间。使用Godaddy的服务器测试，每个页面大约需要0.2 秒就打开了。有人说，他们代表先进生产力。

]]>创意设计http://www.zhublog.com/archives/602.html#commenthttp://www.zhublog.com/http://www.zhublog.com/feed.asp?cmt=602http://www.zhublog.com/cmd.asp?act=tb&id=602&key=bf610602分享 - 创意微博两则craig.yao@qq.com (stone)http://www.zhublog.com/archives/601.htmlThu, 26 Aug 2010 13:18:11 +0800http://www.zhublog.com/archives/601.html最近看到两则微博，分享一下：
1.  1987年，菲律宾前总统访华，谈到南沙问题时说：“至少在地理上，那些岛屿离菲律宾更近。”邓爷爷抽了口烟：“在地理上，菲律宾离中国也很近。”从此，南沙再无战事。
2.  女人穿了能够征服男人，男人戴了能够征服银行—— 打一物品！ 

]]>创意设计http://www.zhublog.com/archives/601.html#commenthttp://www.zhublog.com/http://www.zhublog.com/feed.asp?cmt=601http://www.zhublog.com/cmd.asp?act=tb&id=601&key=d5954938测量雨水深度的雨靴craig.yao@qq.com (stone)http://www.zhublog.com/archives/599.htmlTue, 24 Aug 2010 16:02:24 +0800http://www.zhublog.com/archives/599.html shoe

可以测量积水深度的雨靴，我觉得特别适合像郑州这样到了夏季随便一场雨都会淹的城市。穿着靴子走在变成河流的马路上，低头看看水位到了哪条线，一边打电话给朋友：农业路这边将近20厘米了，你那边儿怎么样？只听对方来句更崩溃的：KAO！测量不出来，整个靴子都淹进去了！Orz~  

]]>创意设计http://www.zhublog.com/archives/599.html#commenthttp://www.zhublog.com/http://www.zhublog.com/feed.asp?cmt=599http://www.zhublog.com/cmd.asp?act=tb&id=599&key=cba60a6aG2B品牌平面广告创意设计欣赏craig.yao@qq.com (stone)http://www.zhublog.com/archives/598.htmlSun, 22 Aug 2010 15:22:00 +0800http://www.zhublog.com/archives/598.html

]]>创意设计http://www.zhublog.com/archives/598.html#commenthttp://www.zhublog.com/http://www.zhublog.com/feed.asp?cmt=598http://www.zhublog.com/cmd.asp?act=tb&id=598&key=b2eaad98Royal Enfield Classic 500 craig.yao@qq.com (stone)http://www.zhublog.com/archives/590.htmlTue, 17 Aug 2010 12:38:19 +0800http://www.zhublog.com/archives/590.html



]]>创意设计http://www.zhublog.com/archives/590.html#commenthttp://www.zhublog.com/http://www.zhublog.com/feed.asp?cmt=590http://www.zhublog.com/cmd.asp?act=tb&id=590&key=6ab95ffc37个最具创意的IT产品广告craig.yao@qq.com (stone)http://www.zhublog.com/archives/575.htmlTue, 03 Aug 2010 14:58:13 +0800http://www.zhublog.com/archives/575.html 尽管网络革命的大潮已经到来，但是电视广告仍然是引导大众消费的一个主要媒介。像苹果、三星、松下、微软等等此类IT企业在加大网络宣传攻势的同时并没有放松电视广告这个有效的推广途径。

正如各类IT产品一样，IT广告中有很多充满了智慧、极具创新的点子，这些广告让人一目了然地明白产品的特性或用途，并让观众在心中深深地记住了广告中的产品，将广告发挥到淋漓尽致。

36个最具创意的IT产品广告
iPod Shuffle

36个最具创意的IT产品广告
三星洗衣机

36个最具创意的IT产品广告
松下Lumix数码相机

36个最具创意的IT产品广告
Olympus双筒望远镜

36个最具创意的IT产品广告
iPhone摄像头

36个最具创意的IT产品广告
iPod Touch

36个最具创意的IT产品广告
苹果Mighty鼠标

36个最具创意的IT产品广告
MacBook Pro

37个最具创意的IT产品广告
索尼宽屏电视

37个最具创意的IT产品广告
惠普笔记本皮肤

36个最具创意的IT产品广告
LG Micro Audio System

36个最具创意的IT产品广告
Google搜索

37个最具创意的IT产品广告
Comcast高速网络

37个最具创意的IT产品广告
微软Balloon

37个最具创意的IT产品广告
金霸王电池

37个最具创意的IT产品广告
诺顿SystemWorks

37个最具创意的IT产品广告
索尼PSP

37个最具创意的IT产品广告
Palm Pilot

37个最具创意的IT产品广告
索尼VAIO

37个最具创意的IT产品广告
索尼WEGA LCD TV

37个最具创意的IT产品广告
Garmin GPS导航

37个最具创意的IT产品广告
佳能相机

37个最具创意的IT产品广告
宾得数码相机DSLR

37个最具创意的IT产品广告
联想ThinkPad

37个最具创意的IT产品广告
Olympus防抖技术

37个最具创意的IT产品广告
松下广角镜头

37个最具创意的IT产品广告
松下Toughbook

37个最具创意的IT产品广告
索尼PSP

37个最具创意的IT产品广告
三星Plasma TV

37个最具创意的IT产品广告
侠盗飞车

37个最具创意的IT产品广告
索尼VAIO笔记本

37个最具创意的IT产品广告
任天堂DS

37个最具创意的IT产品广告
索尼MicroVault USB

37个最具创意的IT产品广告
索尼Walkman

37个最具创意的IT产品广告
惠普打印机

37个最具创意的IT产品广告
金霸王电池

37个最具创意的IT产品广告
Google搜索

]]>创意设计http://www.zhublog.com/archives/575.html#commenthttp://www.zhublog.com/http://www.zhublog.com/feed.asp?cmt=575http://www.zhublog.com/cmd.asp?act=tb&id=575&key=0bb251fd50个令人耳目一新的网页纹理设计craig.yao@qq.com (stone)http://www.zhublog.com/archives/574.htmlTue, 03 Aug 2010 14:47:32 +0800http://www.zhublog.com/archives/574.html是时候再看看一些关于纹理的设计了。纹理能轻松地给网站带来全新的感觉。纹理可以用在一些特定的区域——比如说Header或者Footer，也可以作为整个网页的背景。纹理用途广泛、漂亮又不失个性。下面带来50个把纹理运用到极致的网页设计，给你耳目一新的感受。

clip_image001

ok.cogaoke.com

clip_image002

theiheartfilm.com

clip_image004

scheppsdesign.com

clip_image005

giantantmedia.com

clip_image007

adflavor.net

clip_image009

Voices of Haiti

clip_image010

maggietaylor.com

texturedsites02

jamesmli.net

clip_image013

freshlimesoda

clip_image014

monkeyworks illustration

clip_image016

jeroenhoman.com

clip_image017

Chalet Minouchet

clip_image018

LogicbombMedia

clip_image020

swiths.com

clip_image022

established1986.com

clip_image023

crush + lovely

clip_image024

Walk to Washington
DPS – Designer Peter Steven

clip_image025

harmonyrepublic.com

clip_image027

bikeandsaddle.com

clip_image028

Istok Pavlovic

clip_image030

spoutcreative.com

clip_image031

custodialabuse.org

clip_image033

the Blizzards

clip_image034

the darling tree

clip_image036

giantantmedia.com

clip_image037

frisk web

clip_image038

villadario.it

clip_image039

Min Tran’s Blog

clip_image041

nickstedt.de

clip_image043

theseen.biz

clip_image045

colazionedamichy.it

clip_image046

Jobs on The Wall

clip_image048

goodbytes.be

clip_image049

Healthy Harvest

clip_image050

dnadarwin.org

clip_image051

spoongraphics

clip_image053

Inspire 2010

clip_image055

kilian muster

clip_image056

carolrivello

clip_image057

xgraphica.com

clip_image059

Ronnie Wright

clip_image061

Camille Boidron

clip_image062

Divensis

clip_image063

KalyanChatterjee

clip_image064

designfabrika

clip_image065

thinkup.org

clip_image066

corvus

clip_image067

pixelthread

clip_image069

baneydesign

clip_image070

]]>创意设计http://www.zhublog.com/archives/574.html#commenthttp://www.zhublog.com/http://www.zhublog.com/feed.asp?cmt=574http://www.zhublog.com/cmd.asp?act=tb&id=574&key=4adecd12竹风铃craig.yao@qq.com (stone)http://www.zhublog.com/archives/556.htmlTue, 20 Jul 2010 18:01:06 +0800http://www.zhublog.com/archives/556.html日本民间精品：









]]>创意设计http://www.zhublog.com/archives/556.html#commenthttp://www.zhublog.com/http://www.zhublog.com/feed.asp?cmt=556http://www.zhublog.com/cmd.asp?act=tb&id=556&key=654ad8942010 年 Web 设计风 （上）craig.yao@qq.com (stone)http://www.zhublog.com/archives/520.htmlThu, 06 May 2010 17:58:20 +0800http://www.zhublog.com/archives/520.htmlWeb 设计是个变幻无常的行业，如今已经成为一个包含了美学体验，功能丰富的富媒体，事实上，当今的 Web正处在黄金时代，我们拥有强大的新工具，唾手可得的丰富资源，庞大的设计社区，以及主流浏览器对 Web 标准的普遍支持。如今的 Web风潮云涌，令人目不暇接。本文讲述了2010年最新 Web 设计风，这是第一部分。

1. 愉悦的设计

Web 设计师的工作是有效的传递思想，引导用户完成他们的任务并赢得他们的信任，我们有很多方法实现这些，如视觉之美，之惊奇，之愉悦，之难忘。令人过目不忘的设计会在你的品牌和用户之间建立起坚固的，可靠的情感纽带。


快捷键导航

现代的 Web，越来越拥有桌面应用的特质，借助 JavaScript，传统的 Web站点变得更富有交互性，键盘快捷键导航开始流行，其中最著名的例子是照片共享站点 Flickr 和 FFFFound。快捷键导航曾一度是Flash 站点的专利，现在越来越多出现在基于 CSS 的站点，

Pictory : 照片故事杂志，同样使用 j 和 k 在不同图片之间浏览。

Web的平面设计风

现代 Web 设计，还追求平面设计般的精致与创意，以下这些示例站点，拥有杂志和海报般的设计风格，醒目的题头，多栏，缩进，图片包围，旁注与脚注，诸如此类。


Evan Dinsmore: 21 : 海报式设计，使用生动的图片替代文字，不好的一面是，用户界面不够有好。（Web 平面设计化的固有问题 - 译者）

本文国际来源：Smashing Magazine The Current State of Web Design: Trends 2010 （原文作者：Vitaly Friedman）

]]>创意设计http://www.zhublog.com/archives/520.html#commenthttp://www.zhublog.com/http://www.zhublog.com/feed.asp?cmt=520http://www.zhublog.com/cmd.asp?act=tb&id=520&key=dbf063ab