创建 Vista 风格的文件夹图标答案

【问题标题】：Creating Vista-Style Folder Icons创建 Vista 风格的文件夹图标
【发布时间】：2009-09-24 23:12:56
【问题描述】：

如何在文件夹内创建具有 Vista 风格的文件夹图标？

imageres.dll (IIRC) 包含文件夹正面和背面的图标，我可以将自己的图像放在它们之间。

但是，在 Explorer 从缩略图生成的图标中，以及在大多数预建图标中，文件夹内的图像是 3 维旋转的，因此它看起来像是伸出文件夹。

我假设这是一个倾斜变换；有谁知道我应该把我的形象扭曲多少？

请注意，我不是在问如何在 Photoshop 中或以编程方式进行操作；我在问参数是什么。

【问题讨论】：

您是否尝试在 XP 下创建这些图标？因为 Vista 有一个 API 来创建这些图标。
这是什么？我从未见过这样的 API。

标签： icons windows-vista

【解决方案1】：

您现在关于此类用户界面设计问题的第一站可能应该是Windows User Experience Interaction Guidelines（也可以在PDF 中找到）。当然，这些指南也包含有关 Aesthetics 的文章，特别是您会在其中找到有关 Icons 的详细章节。

对于图标设计的各个方面，这些指南确实提供了精确的参数，而对于其他方面，它们至少提供了值范围或特征，例如，请参阅有关 Perspective、Light source 和 Shadows 的部分。

也就是说，我自己缺乏设计技能，我认为您不会找到专门的参数来说明您假设单个倾斜变换可能会起作用；事实上，似乎需要更复杂的转换来实现所需的透视效果，如Perspective 部分中的第二个示例所示：三维对象在透视中表示为实体对象，从低矮的鸟儿看-具有两个消失点的眼睛视图。（不过，根据我在下面的评论，可能仍然可以通过倾斜/剪切变换进行近似。）

【讨论】：

指南没有解决我的问题。
是的，如前所述（已编辑以进一步强调这一点）-但是，我认为可以从指南中得出结论，您的问题可能没有明确的答案：例如来自的第二个插图透视图部分及其标题（三维物体在透视图中表示为实体物体，从具有两个消失点的低鸟瞰视图中看到）似乎表明单一的倾斜变换可能还不够。
也就是说我已经能够通过反转操作来推断可用参数，如下所示：我采用了带有嵌入图像的 Vista 文件夹图标并使用了 Gimps shear 工具（skew 在 Photoshop 中）使其顶部边框再次水平；将逆值应用于图像就可以了。根据我之前的评论，这仍然只是一个近似值：顶部和底部边界是平行的，而不是从 两个消失点 推导出来的（只需重复操作），此外，参数在 Gimp 中是大小敏感的至少，即您必须为每个图标大小执行此操作 - 或者进行数学运算；）