webentwicklung-frage-antwort-db.com.de

Gibt es eine Liste mit "Standard" -Farben für Windows 8-Apps im Metro-Stil?

Wenn ich auf den Startbildschirm meiner Windows 8-Installation schaue, sehe ich, dass gebündelte Apps Farben aus einer Standardpalette (?) Haben: IE und Wetter haben die gleiche Farbe, Store und Xbox Live Games, Menschen und Musik, Nachrichten und Karten usw. Es sieht nicht so aus, als gäbe es eine logische Verbindung zwischen den meisten dieser Apps. Die Farben ihrer Kacheln stammen jedoch höchstwahrscheinlich aus einer standardisierten Palette.

Wenn wir jedoch eine Metro-App in Visual Studio erstellen, ist die Hintergrundfarbe in einem Freiform-Textfeld auf # 464646 voreingestellt. Ich frage mich also, ob es eine "offizielle" Liste der vordefinierten Farben gibt, mit denen wir unsere eigenen Kacheln für Windows 8 "native" machen können.

Natürlich kann ich einen Screenshot machen und eine Farbe von einer gebündelten Kachel auswählen, aber es muss einen besseren Weg geben, und ich habe ihn bisher nicht gefunden.

Bearbeiten: Anscheinend können Sie nicht einmal die Farbe aus einem Screenshot auswählen, da das Betriebssystem automatisch einen Farbverlauf darauf anwendet:

Wenn Sie den Raum um das Logo selbst in Ihrem Bild transparent machen, wird die Markenfarbe Ihrer App (im Manifest deklariert) mit einem Farbverlauf angezeigt, der als Teil des Erscheinungsbilds von Windows 8 Release Preview darauf angewendet wird. http://msdn.Microsoft.com/en-us/library/windows/apps/hh465403.aspx#using_default_tiles

62

Überprüfen Sie meine Präsentation der Metro Design Guideline unter https://skydrive.live.com/view.aspx?resid=40CFFDE85F1AB56A!1284 Folie 55

Die Farben sind:

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
127
LBugnion

die Farben aus der Präsentation, auf die verwiesen wird, sind tatsächlich die Windows Phone-Designfarben. Die Kernfarben von Windows 8 unterscheiden sich von den Farben des Telefons. Ich habe gerade einen Blogeintrag über die Kacheln und die Farben des Startbildschirms in Windows 8 veröffentlicht. http://www.creepyed.com/2012/09/windows-8-colors-hex-code/ . Ich hoffe, es hilft!

31
creepyed

Wirklich gutes Projekt. Mit allen Windows 8-Farben. http://metrocolours.softwareportalplus.com/

8
MetroVista

Es tut mir leid, dass Sie in einem alten Thread gepostet haben, aber ich denke, viele, die von Suchmaschinen kommen, werden dies nützlich finden. Dies ist eine großartige Ressource für Metrofarben, die ich entdeckt habe, als ich ein "metro-inspiriertes" Design für meinen Kunden erstellt habe.

http://colorlib.com/etc/metro-colors

Alle Farben und Farbcodes sind vorhanden, einschließlich HEX, RGB, CMYK usw.

3
Puikinsh

Es gibt eine offizielle Liste für Windows Phone 8, wenn Sie möchten:
http://msdn.Microsoft.com/en-us/library/windowsphone/develop/ff402557 (v = vs.105) .aspx

1
Roland
<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>
0
seysane

Ich weiß, es ist eine alte Frage ... Aber ich möchte trotzdem einen Beitrag leisten. Here ist ein Link und eine visuelle Darstellung von Kacheln und Kachelfarben .....

0
grv_9098