Windows 8 是否有一份“的清单”;标准;Metro风格Windows 8应用程序的平铺颜色?

Windows 8 是否有一份“的清单”;标准;Metro风格Windows 8应用程序的平铺颜色?,windows-8,microsoft-metro,Windows 8,Microsoft Metro,当我查看Windows 8安装的开始屏幕时,我看到捆绑应用程序具有一些标准(?)调色板中的颜色:IE和天气具有相同的颜色、商店和Xbox Live游戏、人物和音乐、消息和地图等。这些应用程序之间似乎没有任何逻辑联系。然而,他们的瓷砖共享的颜色很可能来自一些标准化的调色板 但是,当我们在Visual Studio中创建Metro应用程序时,背景颜色在自由格式文本字段中预设为#464646。所以,我想知道是否有一些预定义颜色的“官方”列表,我们可以用来使我们自己的瓷砖“原生”到Windows8 很明

当我查看Windows 8安装的开始屏幕时,我看到捆绑应用程序具有一些标准(?)调色板中的颜色:IE和天气具有相同的颜色、商店和Xbox Live游戏、人物和音乐、消息和地图等。这些应用程序之间似乎没有任何逻辑联系。然而,他们的瓷砖共享的颜色很可能来自一些标准化的调色板

但是,当我们在Visual Studio中创建Metro应用程序时,背景颜色在自由格式文本字段中预设为#464646。所以,我想知道是否有一些预定义颜色的“官方”列表,我们可以用来使我们自己的瓷砖“原生”到Windows8

很明显,我可以截图并从捆绑的瓷砖中选择颜色,但必须有更好的方法,我至今还没有找到

编辑:显然,你甚至不能从屏幕截图中选择颜色,因为操作系统会自动对其应用渐变:

如果在图像中使徽标周围的空间本身透明,则应用程序的品牌颜色(在清单中声明)将显示出来,并预先应用渐变,作为Windows 8版本预览外观的一部分。


查看幻灯片55中我的Metro设计指南演示

颜色为:

PURPLE
RGB 162 0 255
A200FF

MAGENTA
RGB 255 0 151
FF0097

TEAL
RGB 0 171 169
00ABA9

LIME
RGB 140 191 38
8CBF26

BROWN
RGB 160 80 0
A05000

PINK
RGB 230 113 184
E671B8

ORANGE
RGB 240 150 9
F09609

BLUE
RGB 27 161 226
1BA1E2

RED
RGB 229 20 0
E51400

GREEN
RGB 51 153 51
339933

引用的演示文稿中的颜色实际上是Windows Phone主题颜色。Windows 8核心颜色与手机颜色不同。我刚刚发表了一篇关于Windows8中的平铺和启动屏幕颜色的博客文章。你可能会发现它很有用。我希望有帮助

真是个好项目。具有所有Windows 8颜色。


.紫色{背景:#8C0095}
.紫色:悬停{背景:#A700AE}
.Color DarkPurple{背景:#5133AB}
.Color深色曲线:悬停{背景:#643EBF}
.Color Teal{背景:#008299}
.Color Teal:悬停{背景:#00A0B1}
.橙色{背景:#D24726}
.橙色:悬停{背景:#DC572E}
.蓝色{背景:#2672EC}
.蓝色:悬停{背景:#2E8DEF}
.Color天蓝色{背景:#094AB2}
.Color天蓝色:悬停{背景:#0A5BC4}
.红色{背景:#AC193D}
.红色:悬停{背景:#BF1E4B}
.绿色{背景:#008A00}
.绿色:悬停{背景:#00A600}
.黄色{背景:#e8be1b}
.黄色:悬停{背景:#f7d240}

很抱歉,我发了一篇旧帖子,但我想很多来自搜索引擎的人会发现这很有用。 这是我在为我的客户创建“metro灵感”设计时发现的有关metro颜色的极好资源


所有颜色和颜色代码都有,包括十六进制、RGB、CMYK等。

我知道这是一个老问题。。。但是我仍然想贡献自己的力量。。
是互动程序和互动程序颜色的链接和视觉表示…

如果您需要,Windows Phone 8有一个官方列表:

相关我看不出这有什么关系,因为设计指南中没有这个问题的答案(至少我找不到)。我所能找到的只有这样一句话:“避免在瓷砖中过度使用鲜艳的颜色。简单、干净、设计优雅的瓷砖将比那些像任性的孩子一样尖叫着吸引注意力的瓷砖更成功。”这篇文章不错。不过,需要明确的是,设计指南并不要求使用特定颜色的托盘。这是真的!我只是喜欢拥有与我所做的实物模型和项目相匹配的颜色。:)非常适合windows phone 8颜色:)WP8和windows 8的更新值在圣诞节早上,当我发现这篇文章时,我感觉自己又像个孩子了!荣誉和a+1
<style>
.Color-Purple {background: #8C0095 }
.Color-Purple:hover {background: #A700AE }

.Color-DarkPurple {background: #5133AB }
.Color-DarkPurple:hover {background: #643EBF }

.Color-Teal {background: #008299 }
.Color-Teal:hover {background: #00A0B1 }


.Color-Orange {background: #D24726 }
.Color-Orange:hover {background: #DC572E }

.Color-Blue {background: #2672EC }
.Color-Blue:hover {background: #2E8DEF }

.Color-SkyBlue {background: #094AB2 }
.Color-SkyBlue:hover {background: #0A5BC4 }

.Color-Red {background: #AC193D }
.Color-Red:hover {background: #BF1E4B }

.Color-Green {background: #008A00 }
.Color-Green:hover {background: #00A600 }

.Color-Yellow {background: #e8be1b }
.Color-Yellow:hover {background: #f7d240 }
</style>