中国设计之窗
English 设计信息平台 创意设计交易平台 设计服务平台  
首页 | 综合资讯 | 平面设计 | 工业设计 | CG动漫 | 互动媒体 | 室内设计 | 建筑设计 | 创意博览 | 设计资源 | 设计教育 | 设计竞赛 | 求职招聘 | 设计书店 | 设计论坛
 综合资讯频道
  · 首页 综合资讯频道 图文综合
我的干净主义“色”计 Kiosk平面设计 俄罗斯标识设计竞赛作品欣赏[CMS] Template Running Error, click here to learn more." > 滚石杂志的海报创意设计 瑞士Werner Jeker海报设计
如何利用 Icon Workshop 6 制作 Windows Vista Icon
 
作者:Ricky Xu    来源:www.eicostudio.com   发布时间:2006-07-20 17:24   点击:

 

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 发展史。

Win 3.x

Win 95
Win 98
Win 2K
Win XP

Windows Vista

16x16
32x32
48x48
256x256
Colors
4 bits
8bits
16bits
24bits
32bits
32bits + png compress
File Size
~1KB
~4KB
~8KB
~18KB
~22KB
~100KB

 

如何兼顾兼容性以及图标文件容量大小

  Windows Vista Icon 让我们遇到的最大的问题在于如何保证兼容性又能控制图标的大小。正常来说一个 256x256 32bits+8bits Vista Icon 在压缩的情况文件的尺寸大小是 90 KB上下。而这样的图标使你无法在 XP 以及以前的操作系统进行正常的显示。因此我们可以采用 仅仅针对 256x256 px 的图标进行压缩的方法。虽然整体的图标尺寸稍微变大了因为48x48以下的图标不进行PNG方式存储。我们得到的文件尺寸大概在 110 KB上下。因为如果全部不进行压缩我们得到的图标将是 400KB 上下。变化还真快想到现在的图标竟然能一个小型共享软件还大。

 

具体制作的方法

这里我选择了最新为 BitSpirit 3.1版设计的一套 UI 中的主程序 Icon 做为例子。

Step 1

  首先你必须使用图形设计工具 Photoshop Illustrator Flash 等软件生成一个 32bit 带透明通道的 PNG格式文件。

 

Step 2

  由于 axialis software 推出新版本的 Icon Workshop 6 已经很完美的支持了 Windows Vista 256x256 Size Icon,因此我们只需要使用 Icon Workshop 6 ( http://www.iconworkshop.com ) 打开刚才的PNG格式图片。并点击左上角的第一个生成 Windows Icon 的图标。

 

Step 3


  这时我们就到了 New Windows Icon from image 的设置窗口。将 Windows Vista Formats 的 256x256-XP 与 Compress 256x256 formats for Windows Vista (embedded PNG compression)的选框选上。如果你没有选择上第二个压缩的选项。这时你将得到有一个400KB 左右"横纲级" 的Icon。

 

Step 4

  Ok!这时候 Icon Workshop 6 已经帮你完成了多个格式的转换工作。这时候你可以对你的图标进行修饰修改或者增加删减各种格式。如果你想看看你的设计成果在 Windows Vista 中的效果,你只需要把生成的图标到一个文件夹中,将文件夹显示方式改为最大的显示方式你就会得到下面这张图中的 Vista 图标。

 

总结心得

  其实 256x256 对于现在 72~96 dpi 的 CRT & LCD 显示器来说确实是太大了使用的意义并不是很大。毕竟苹果 MacOSX 也仅仅支持最大128x128 的图标。但 Microsoft 提到过希望未来显示器的 dpi 将会提高到 200dpi 。这时 256x256的图标便能体现出它的用途了。当然虽然现在 200 dpi 还不切实际。可是谁知道那天LCD技术突破,200dpi 也能成为可能。关于大图标表现力 Microsoft 还得动动脑筋。Mac OSX 的 Dock 确实讲大图标的表现力发挥到淋漓尽致的地步。而 Windows Vista 中基本上也只是一个噱头。

  注:此教程只针对 Windows Vista Beta1 的系统。但不排除今后 Microsoft 有可能对 Icon 这文件格式方面进行修改或者调整。

本文相关关键字:

编辑:  

继续阅读:
· 下一篇:The Last Order 图标设计  
· 上一篇:The Viper 3D播放器界面设计  

  相关链接文章
 
  热点评论文章
· 北京理工大学设计艺术学院05研设计作品展
· 如何提高设计师的收入?
· 中国新锐插画师作品联展
· 成都城市熊猫形象标识入围作品欣赏
· 中日合拍关羽动画关公形象日本设计惹争议
· “混搭程式”和“混搭主义”
· 全民审美缺失谁之过?
· 深圳税收宣传Flash动漫大赛作品展示
· 第三届文博会主题活动又增新章
· “禁播令”与中国动漫发展
网友评论:
用户: 验证码:
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·新闻留言板管理人员有权保留或删除其管辖留言中的任意内容
·参与本留言即表明您已经阅读并接受上述条款

Club Med Business 广...

我的眼里只有你! 品...

世界著名啤酒品牌形象...

GESELL时尚人体摄影作...

感动你我——人物摄影
今日焦点
My Box 一桌两面 两用
· My Box 一桌两面 两用
· 伦敦100%设计展欣赏
· 私人诊所小册子设计
· 韩国赤色系网页设计风...
· 瑞士苏黎士格莱菲设计...
· “我们在一起”江南大...
· 字母摇摆 VI标识设计
· 众志成城 抗震救灾图...
· Star System沙发设计
· 2008 “我们在一起”...
· 全国哀悼日 各媒体头...
· 筑“心”家园赈灾主题...
· 70/80 - 香港新生代设...
· 奇遇的魅力
· 以色列著名设计家丹·...
精彩专题
点燃色彩激情  舞动无限创意  HP B8338 打印机助力服装设计行业
· 点燃色彩激情 舞动无...
· IDCF2007中国(深圳)...
· 连载:现代平面设计系...
· 07届艺术设计院校毕业...
· 2007文博会创意设计盛...
· 国际商业美术设计师(...
· 中国新锐插画师作品联...
· 2006中国国际品牌·设...
· 北京理工大学设计艺术...
· 如何提高设计师的收入...
点击排行
· 香港著名设计师陈幼坚...
· 07中国美院首饰设计毕...
· 以色列著名设计家丹·...
· 70/80 - 香港新生代设...
· 2008奥运部分海报欣赏
· 2008 “我们在一起”...
· 首届中国元素国际创意...
· 大气下的细腻——原...
· GESELL 时尚人体摄影...
· 看音乐如何于纸上跃然
· 平面设计演义之 商标...
· 深圳国际流行音乐周标...
· 2006年“卡尼尔”获奖...
· “环保X设计”日本设...
· 国外优秀版式设计欣赏
总编辑信箱
news@333cn.com
友情链接本站导航广告服务|合作伙伴|设计服务关于我们版权申明
最佳显示1024x768 中国设计之窗 © 版权所有 粤ICP备05097527号
Tel:0755-83663023 83663069 83663063
客服:serve@333cn.com 资讯提交:news@333cn.com