Windows 程序圖標該怎麼做?怎麼導出ico格式?

尺寸是多少 32x32嗎?
導出PNG,用轉換工具轉換為ico為什麼會模糊失真..

還有就是win7下的圖標,有都可以放大很多倍,是怎麼回事?


操作系統的圖標為了適應在多種應用環境下的顯示效果,一般都是有標準尺寸集的,比如.ico (Win) / .icns (Mac)文件其實都包含了多種尺寸。
拿Windows來說,一般的尺寸有16*16、24*24、32*32、48*48、64*64、72*72、96*96、128*128、256*256,Mac的話還會有512*512的大尺寸。

在製作圖標時,應該從最大的尺寸入手,其他的小尺寸可以在大的基礎上縮小後再修繕,一些特殊尺寸也許還需要進行重繪,比如16*16、24*24等。
若是在Photoshop等軟體內進行圖標繪製,為保證適應好相應的尺寸,一般會在畫布中設定好標尺,然後按尺寸調整大小後輸出,或直接利用一些工具(PS插件),比如Iconfactory的IconBuilder:
for Win: http://iconfactory.com/software/iconbuilder_xp/
for Mac:http://iconfactory.com/software/iconbuilder/

若是用Photoshop直接輸出,則需要再次導入圖標製作軟體(比如Iconworkshop)里生成.ico/.icns,這些軟體會幫你把圖標壓縮成不同的尺寸,你可以用軟體提供的繪製工具對每個尺寸的圖標進行修繕,也可以把自己在PS中基於特殊尺寸重繪的圖標複製進軟體內相應的尺寸里替換它自動壓縮的圖標,最終保證每個尺寸下都有滿意的效果。然後生成.ico/.icns。


我製作圖標的過程是:

1. 用點陣圖軟體、矢量繪圖軟體、3D軟體繪製,並按尺寸導出多個PNG文件。例如,命名為:
zhihu_16.png
zhihu_32.png
zhihu_48.png
zhihu_128.png
zhihu_256.png

2. 用命令行工具( icoutils 或 ImageMagick )組合成 ico 文件:
icoutils:

icotool -c -o zhihu.ico zhihu_16.png zhihu_32.png zhihu_48.png zhihu_128.png zhihu_256.png

ImageMagick:

convert zhihu_16.png zhihu_32.png zhihu_48.png zhihu_128.png zhihu_256.png zhihu.ico

好處是對於較大的圖標集工程,可以利用腳本使png到ico這個過程自動化。有一個 adwaita-icon-theme 工程,從導出 PNG 文件到最後打包都是用腳本完成的。


IconWorkshop,可批量生成所有ico


我製作圖標的過程是:

1. 用Photoshop處理成為想要的圖標樣式,導出PNG文件;
2. 將PNG文件導入到 IconWorkshop 中,生成相應大小的ICO文件。


可以用IconWorkshop,一般win的圖標縮小的話最好是需要進行像素級的修整的。


推薦閱讀:

學手繪對於UI設計師的意義是什麼?
如何評價 2017 年 2 月 7 日知乎的新版網頁界面?
這種彩色陰影是怎麼用 Photoshop 做的?
怎樣做好一份界面設計師簡歷?
UED 在公司里的定位和價值是什麼?

TAG:MicrosoftWindows | 圖標設計 | 用戶界面設計 |