JJ.Ying´s GUI World Professional Skin & Icon Design

Have been asked for many times about a tutorial of WindowBlinds sking making.  It's relative huge project for me to write one, but now, here is an official tutorial of SkinStudio 6, check it out here:

http://www.stardock.com/products/skinstudio/help/

Several major feature updates:

    * WindowBlinds Layer Support.  
The WindowBlinds layer system allows a skin author to provide multiple layers for a given section of a skin.  This also includes layer support for per-pixel borders and glyphs.  This opens up a whole new level of creativity for skinners.


    * Skin Color Feature.  
This feature allows Pro users to recolor a skin, or a specific sub-style by using the HSL sliders that is similar to coloring skins in WindowBlinds.  This will make it even easier to create sub-styles of varying colors.


    * Animated "Please Wait" Support.  
The Please Wait screen has always been a static image, now it's possible to create an animation that can be seen while the Wait screen appears.


    * NWA File Support.  
NWA files are a way to reduce the size of animations that are used in WindowBlinds skins.  These can be used on Start Menu and "Please Wait" animations and can help save considerable memory and hard drive space.  SKS 6.2 also includes a tool to create NWA files from vertical .png/.tga image strips.

04年底用SkinStudio制作了我的第一个WindowBlinds皮肤，而3年来SkinStudio几乎是除了PhotoShop外我电脑上用得最频繁的“吃饭工具”。一次又一次的皮肤制作让我对SkinStudio渐渐熟悉，渐渐适应。尽管SkinStudio相对复杂的结构和界面刚一上手实在像天书，但是对于我这样整天把玩的人来说其实还算是个不错的开发工具。

SkinStudio 5




SkinStudio 6

SkinStudio 4/5的优点我觉得有这么一些：

• 在界面的左侧，显示所有控件的树型目录虽然很长，但是基本都有图标表示，结构也还算清晰


• 皮肤中的绝大部分主要元素都可以通过点击预览图中的相应位置直接打开，并直接进行修改


• 修改全局颜色、全局字体时自由度较高，即可选色，也可直接输入十六位颜色代码


• 除了主界面中主要充当导航的预览图外，还可以调出一个真实环境下的窗口对各种控件进行实时测试


• 所有操作流程基本都在一个窗口，同一种模式下进行，不但减少了点击次数，也不至于有复杂的“流”。

在WindowBlinds 6推出之后，Stardock彻底重写了SkinStudio，使其完全变成了另一副样子。经过变革的界面看起来比以前少了很多东西，清爽得几乎不像是对付桌面主题这种复杂东东的软件了，呵呵。看得出来，Stardock是希望降低SkinStudio的上手门槛，让更多的普通用户能使用他。现在对于初学者来说SkinStudio也许的确不再那么神秘，不过对于用惯老版本的同志来讲。。。事情就不那么美妙了。。。

SkinStudio 6把一个主题所包含的庞杂的元素进行了细致的归类。然后每一个类别的元素点击之后都会新开一个窗口进行编辑，这样自然而然地增加了流程的复杂度。例如我要修改一下标签栏，SkinStudio5中的流程是打开皮肤->预览图中点击标签栏->编辑界面下方的图片或者右侧的参数；而在SkinStudio 6里，我需要做的则是打开皮肤->点击左侧导航中的“Edit Controls”->在右侧不带图标的列表中向下滚动，点击“Edit Tab Controls”->在新弹出的窗口中进行编辑。显然所有操作项进行了详细的细分，使得进入各个层级的代价提高了，对于含有非常多元素的皮肤来说，一个个在列表中凭着文字搜索和不断受到新窗口的干扰是非常不爽的。

当然在易用性方面SkinStudio 6还是有很多提高的，比如对于文字的描述就比较易读而非晦涩难懂的一串专业术语。编辑时有图片可以小小参考一下，同时也可以快速查看各个状态的排列顺序；不会老是弹出窗口提醒保存；代码编辑模式会只列出当前控件的代码，方便查看，减少误操作。

如果能在这几个方面加强一下，SkinStudio6应该还是可以变得比较贴心的。

• 让预览图更加实用，而非装饰。最好可以点击，能够点哪编辑哪


• 树型目录和控制元素列表加上图标，方便查找


• 增加过滤项，使得XP和Vista独有元素能放开编辑，不至于相互干扰


• 编辑颜色的窗口至少可以直接输入颜色代码而不要调用系统调色板


• 弹出字体编辑窗口的时候直接选中当前字体


• 增加真实环境下用于测试的包含所有控件的窗体


• 弹出窗口不要独占式，使得同时编辑多个控件成为可能


• 另外有个小bug，貌似少了输入框编辑

皮肤做的有点累了，在这里发发牢骚，呵呵。有空把意见提交给开发者，希望他们作些改进