Orangedo

MAD-Weather illustration

因为是中秋那天完成的，所以取了代号为Mid-Autumn-Day，缩写就是MAD :)
根据北京的情况，加入了”Sandstorm”(沙尘暴), 我也不知道会不会再追加新的图示。创作灵感上从Apple的Dashboard weather widget和Yahoo Widget吸取了一些创意，以及参考了bbc的天气图示。

Read the rest of this entry »

Weather Widget from Dashboard

Dashboard上的天气Widget我相信大家都不会陌生，这么精湛的界面设计怪不得每次演示Dashboard的时候都要秀了。这里是全部的18个天气图示(并不是统一尺寸的图标哟)。

图:苹果Dashboard的weather widget(天气预报)图标、界面

细节上，17个是静态的，但是居然有一个风吹的效果是动态的动画! 而从绘制水准来看，实在可以称为精湛!

Orangedo history

怒发冲冠，凭栏处潇潇雨歇。
抬望眼，仰天长啸，壮怀激烈。
三十功名尘与土，
八千里路云和月。
莫等闲白了少年头，空悲切。

Birthday card design

Year 2007 is pig year!

USB products - food for thought

一群德国的工业设计师用数字时代的象征符号之一USB插口，重新做成了一系列我们生活的中的符号。包括usb phone, usb 注射器, 带锁的usb 闪存盘, 甚至usb 门把手!

点击文章开始的图标链接去看看这个有趣的展览。

S60第三版-SVG矢量图标的春天?

以往我们在给手机做图形的时候，往往要被屏幕大小所困扰，有时候不得不点像素或者抠像素，Nokia的Scalable UI就是想把设计师们从困扰里面解救出来，在我以前写的一篇blog 《Mobile Game UI design system》中，也曾经设想过SDK可以做到很强大以减轻开发压力。

S60第三版是革命性的，抛弃了向下兼容（cool and pain），也带来了对2维矢量图的支持（也就是说不光是在图标上你可以使用矢量图，在程序里面比如说Flash lite或者小游戏什么的你也可以使用SVGTiny）。

传统的icon制法也仍然有效，比如说用一个黑白的2bit的bmp来做mask以实现透明(Transparent)，但是这种mask只能导致边缘的残破（如果你点像素的话，应该还okay，但是不同的分辨率和屏幕大小呢? 也还是有尴尬的问题）。

S60支持的SVG是SVG Tiny，非压缩(Copression: No(ASCII text or Binary))， 24bits/pixel Color depth， 对文件大小也有一定的要求（10k以下，根据具体条件还有7k以下或者4k以下）。所以坦白地说，作为设计师，你的压力并未减小（尝试用最朴素的填色方法，更简洁的曲线，更少的效果）。因为曲线和控制点影响到文件大小，进而影响到运行起来需要的资源，所以你现在只能说是解放了脑子，但是双手还没有彻底解放：）

(我之前写过用C4D、PS来模拟N70这种风格的图标，现在看来，只要你熟悉矢量绘图软件，那么直接上SVG当然最好!)

至于生成SVG Tiny，你可以用AI CS，也可以用Free hand，在官方文档里面有一份简单的列表可以参考。同时S60开发SDK里面也有一个SVG到SVGT的转换程序。

一些链接: