Windows Vista Icon 隨著 Microsoft Windows 的版本升級, Windows Icon 也跟隨著新版本的OS一次一次的進行升級。Icon 尺寸從 16x16 px 32x32 px 到 48x48 px ,Icon 色深也從1bit( Monochrome - 黑白) 4bits(16 Colors - 16色) 8bits(256 Indexed Colors - 256色 ) 16bits(High Colors - 高彩色) 24bit( Ture Colors - 真彩色) 到 Windows Xp 的32bits 到24bits+8bits (Alpha Channel - 256階透明通道)。而這次 Windows Vista 帶給我們的是 256x256px 32bit Icon 并支持采用 PNG 無損壓縮的格式的進行存儲。讓我們一起來回顧一下 Windows Icon 發(fā)展史。
| |||||||||||||||||||||||||||||||||||||||||||||||||
如何兼顧兼容性以及圖標文件容量大小 Windows Vista Icon 讓我們遇到的最大的問題在于如何保證兼容性又能控制圖標的大小。正常來說一個 256x256 32bits+8bits Vista Icon 在壓縮的情況文件的尺寸大小是 90 KB上下。而這樣的圖標使你無法在 XP 以及以前的操作系統(tǒng)進行正常的顯示。因此我們可以采用 僅僅針對 256x256 px 的圖標進行壓縮的方法。雖然整體的圖標尺寸稍微變大了因為48x48以下的圖標不進行PNG方式存儲。我們得到的文件尺寸大概在 110 KB上下。因為如果全部不進行壓縮我們得到的圖標將是 400KB 上下。變化還真快想到現(xiàn)在的圖標竟然能一個小型共享軟件還大。
| |||||||||||||||||||||||||||||||||||||||||||||||||
具體制作的方法 | |||||||||||||||||||||||||||||||||||||||||||||||||
這里我選擇了最新為 BitSpirit 3.1版設計的一套 UI 中的主程序 Icon 做為例子。 Step 1 首先你必須使用圖形設計工具 Photoshop Illustrator Flash 等軟件生成一個 32bit 帶透明通道的 PNG格式文件。
Step 2
由于 axialis software 推出新版本的 Icon Workshop 6 已經(jīng)很完美的支持了 Windows Vista 256x256 Size Icon,因此我們只需要使用 Icon Workshop 6 ( http://www.iconworkshop.com ) 打開剛才的PNG格式圖片。并點擊左上角的第一個生成 Windows Icon 的圖標。
Step 3
Step 4
Ok!這時候 Icon Workshop 6 已經(jīng)幫你完成了多個格式的轉(zhuǎn)換工作。這時候你可以對你的圖標進行修飾修改或者增加刪減各種格式。如果你想看看你的設計成果在 Windows Vista 中的效果,你只需要把生成的圖標到一個文件夾中,將文件夾顯示方式改為最大的顯示方式你就會得到下面這張圖中的 Vista 圖標。
| |||||||||||||||||||||||||||||||||||||||||||||||||
總結(jié)心得 其實 256x256 對于現(xiàn)在 72~96 dpi 的 CRT & LCD 顯示器來說確實是太大了使用的意義并不是很大。畢竟蘋果 MacOSX 也僅僅支持最大128x128 的圖標。但 Microsoft 提到過希望未來顯示器的 dpi 將會提高到 200dpi 。這時 256x256的圖標便能體現(xiàn)出它的用途了。當然雖然現(xiàn)在 200 dpi 還不切實際??墒钦l知道那天LCD技術(shù)突破,200dpi 也能成為可能。關于大圖標表現(xiàn)力 Microsoft 還得動動腦筋。Mac OSX 的 Dock 確實講大圖標的表現(xiàn)力發(fā)揮到淋漓盡致的地步。而 Windows Vista 中基本上也只是一個噱頭。 注:此教程只針對 Windows Vista Beta1 的系統(tǒng)。但不排除今后 Microsoft 有可能對 Icon 這文件格式方面進行修改或者調(diào)整。 |