您的位置: 首页 > 技术文档 > 图形图像 > 从MacTheme到VS:非官方port教程
Illustrator 画《西游记》角色 回到列表 几个Windows主题标题栏的圆角处理
用户名:
密 码: 忘记密码
注册会员 游览论坛 论坛帮助
 从MacTheme到VS:非官方port教程

作者:Chris 时间: 2006-11-10 文档类型:转载 来自:Chris's Blog
浏览统计 total:2954 | year:2954 | Quarter:2954 | Month:2954 | Week:1727 | today:8


从MacTheme到VS:非官方port教程 [2]
从MacTheme到VS:非官方port教程 [3]
从MacTheme到VS:非官方port教程 [4]

很久以前就想过要写一些关于 port 的东西。这次借着Amora热得烫手的机会,风凝有幸协助我爱布制作Amora的VS。因为很久没有做过 port,期间有很多的想法。恰好与我爱布聊天时他再次说到 port 教程的事,于是打算真得认真去写一次。

风凝在这里要说一下:首先,这个教程不会是“SB的基础使用”,很多都会建立在一定的 SB 初级以上的基础之上(如果我说“经典风格色彩”阁下都不知道是什么的话,还是出门右转去 GS 收东西的好)。其次,port 是一个技术活,跟创意什么的不搭边。由于并非原创,主要的思想是尽量和 MacTheme 的风格和细节靠拢,所以要借助大量的素材比如截图或者是 guikit 解析的TIFF格式图片,因此对于PS的水平要求有限,能掌握基本的操作就可以了。

觉得自己用SB还算顺PS也是耍过几天有志于 port 大业的同志们,可以继续我们的正题了。

一、不要问我从哪里来

MacTheme很华丽很漂亮,地球人都知道。只是,我们这些win用户只能流着哈喇子可远观不可亵玩焉。

一般我们都是从如下地点看到 MacTheme 的:MacThemes 论坛的 Screenshot Thread、MacNN 的 The Offical OS X Customizations Screenshot Thread、dA 的 mac show。show 给人的冲击的确很大,不然也不会到处都是贴了个 mac show 就开始求 VS / WB 的。对于没有GuiKit 解析的TIFF的人来说,截图就是素材的全部来源;而对于有TIFF的人,show 图也可以提供更整体的信息。

在这里不得不遗憾得提到,老牌的 mac 资源站点 ResExcellence 近来改版已经无法再向打算 port 的同学提供一如这样的res图和这样全面的GuiKit截图了,不得不说是一个很可惜的损失。不过,因为目前有些截图还是会附有res图,而且res图的确可以提供相对最全面的信息,因此在下面的讲述中还是会多次提到。

除了 show图较多的地点,顺带提供一下可以下载 MacTheme GuiKit包的地址:比较知名而且更新迅速的有 MacTheme 及其论坛、InterfaceLIFT。提供下载主要是方便一些有能力找人弄到 GuiKit 素材的人,不是存心刺激大家。

有了看中的主题?而且已经收集了很多截图甚至弄到了TIFF?OK,让我们来认识一下这些看得见的陌生人吧。

声明:风凝的 port 讲解会以Niqu为例。res图例已经由前面给出。TIFF资源请到我的box.net网络存储 Win Customize 文件夹中下载(下载不了的点这里是邀请)。VS和WB下载地址给出,可以作为参照。

二、掀起你的头盖骨

一般截图中能看到的窗口分为两种,一个就是平常所说的 Finder(链接为图例,头盖骨部分皆同),有宽边,一般效果比较华丽,金属系主题会有横向渐变、金属光泽等样式;还有一种是 Document Window,也就是所谓的“无边” ,有时候会以很平实的TitleBar+纯色窗口的面目出现。似乎更多时候,人们会把 Safari 的样子叫做“borderless”,因为 Safari 既有Finder华丽的外表,又没有边,所以有些时候很得人心。

这些有边无边可以在 MacTheme 中得到很好的施展,大家融洽的在一个主题中各司其职。但是VS不行——要么大家都有边,要么大家都没有边。虽然VS可以使用2像素的边沿给大家造成视觉上的“无边”并且配合ShellStyle可以做出Finder的宽边效果,但是模仿毕竟只是模仿,效果总还是有一点点的欠缺。

前阵子有些人研究出来可以用1像素的PNG图片来给VS做出“真正的无边”。这样做,的确是没有边了,看起来效果很好,但是影响了使用——无法调整窗口的大小,只能在 show 的时候一搏眼球。

鱼与熊掌不可得兼。舍哪个取哪个成了一个很大的问题。因此我们会看到有不少的 port 作品中的色彩方案有好几种,Metal(Finder 样式)和 Normal(Document Window 样式)已经是最基本的两种。有些作者还会加入 Safari 样式以满足各种需求。

上面提到的种种有边无边、华丽朴实,其实相同之处还是绝大多数,在素材的使用上也是大同小异。下面将会就其普适部分来讲解素材的使用。不同的地方,会放在之后慢慢讲到。

出处:Chris's Blog
责任编辑:moby

上一页 下一页 从MacTheme到VS:非官方port教程 [2]

◎进入论坛PhotoshopFireworks版块参加讨论

相关文章 更多相关链接
几个Windows主题标题栏的圆角处理
创新的用户界面
采访eico studio[1]
采访UI设计师Dexter
精彩软件启动画面欣赏
作者文章
几个Windows主题标题栏的圆角处理
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
设计联盟五周年全新改版!
免费为网站添加下载频道
Adobe Acrobat 8 的界面特点
OFFICE2007头顶上的漂亮板儿砖
创意100宣传海报欣赏
addone 录音软件界面设计作品
光的幻想曲
思念的视角
凳子的图形创意
踩出来的创意
栏目最新 栏目最新列表
web标准常见问题集合
图片和CSS制作动画按钮
怎样管理好样式
Illustrator 画《西游记》角色
解读absolute与relative
XHTML代码的基本应用
从MacTheme到VS:非官方port教程
几个Windows主题标题栏的圆角处理
页面制作的重要性
flash组件开发要点
>> 分页 首页 前页 后页 尾页 页次:1/41个记录/页 转到 页 共4个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

本文暂时没有评论和评分

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
Don't Make Me Think 第2版
《Flash第一步系列》
《交互设计之路》
《Dreamweaver 从基础到实践》
《色彩管理》
《情感化设计》
《GUI设计禁忌》