Существует ли список стандартных цветов плитки для приложений Windows 8 в стиле Metro?

Когда я смотрю на начальный экран своей установки Windows 8, я вижу, что связанные приложения имеют цвета из какой-то стандартной (?) палитры: IE и Погода имеют одинаковый цвет, Магазин и Игры Xbox Live, Люди и Музыка, Сообщения и Карты и т. д. , Не похоже, что между большинством этих приложений есть какая-то логическая связь. Тем не менее, их плитки имеют общие цвета, скорее всего, взятые из какой-то стандартизированной палитры.

Но когда мы создаем приложение Metro в Visual Studio, для цвета фона предварительно установлено значение #464646 в текстовом поле произвольной формы. Поэтому мне интересно, есть ли какой-то «официальный» список предопределенных цветов, которые мы можем использовать, чтобы сделать наши собственные плитки «родными» для Windows 8?

Очевидно, я могу сделать снимок экрана и выбрать цвет из плитки в комплекте, но должен быть лучший способ, и я пока не смог его найти.

Редактировать: по-видимому, вы даже не можете выбрать цвет на скриншоте, поскольку ОС автоматически применяет к нему градиент:

Если вы сделаете пространство вокруг самого логотипа прозрачным на своем изображении, фирменный цвет вашего приложения (объявленный в манифесте) будет просвечиваться с предварительно примененным к нему градиентом как часть внешнего вида Windows 8 Release Preview. http://msdn.microsoft.com/en-us/library/windows/apps/hh465403.aspx#using_default_tiles


microsoft-metro windows-8
person Alan Mendelevich    schedule 20.07.2012    source источник
comment
Связанный заголовок ux.stackexchange.com/questions/17257/   -  person Alex K.    schedule 20.07.2012
comment
Я не понимаю, как это связано, поскольку в руководстве по дизайну нет ответа на этот вопрос (по крайней мере, я не смог его найти). Все, что я могу найти, это заявления типа «Избегайте чрезмерного использования ярких цветов в плитках». Простая, чистая, элегантно оформленная плитка будет иметь больший успех, чем та, которая требует внимания, как капризный ребенок.   -  person Alan Mendelevich    schedule 20.07.2012

Ответы (6)


arrow_upward
126
arrow_downward

Ознакомьтесь с моей презентацией «Руководство по дизайну Metro» по адресу https://skydrive.live.com/view.aspx?resid=40CFFDE85F1AB56A!1284 слайд 55

Цвета:

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
person LBugnion    schedule 20.07.2012
comment
Обновлены значения для WP8 и Windows 8 на странице skydrive.live. .com/#!/ - person LBugnion; 02.05.2013
comment
Я снова почувствовал себя ребенком в рождественское утро, когда нашел этот пост! Престижность и +1 - person Rune Vikestad; 06.06.2013

arrow_upward
31
arrow_downward

цвета из упомянутой презентации на самом деле являются цветами темы Windows Phone. Основные цвета Windows 8 отличаются от цветов телефона. Я только что опубликовал запись в блоге о цветах плитки и начального экрана в Windows 8. Возможно, она окажется вам полезной. http://www.creepyed.com/2012/09/windows-8-colors-hex-code/. Я надеюсь, что это помогает!

person creepyed    schedule 01.09.2012
comment
Хороший пост. Однако, чтобы было ясно, рекомендации по дизайну не требуют конкретной цветовой палитры. - person Marc LaFleur; 01.09.2012
comment
Это правда! Мне просто нравится иметь цвета, соответствующие макетам и проектам, которые я делаю. :) - person creepyed; 02.09.2012
comment
отлично подходит для Windows Phone 8 цветов :) - person user115422; 17.02.2013

arrow_upward
8
arrow_downward

Действительно хороший проект. Особенности всех цветов Windows 8. http://metrocolours.softwareportalplus.com/

person MetroVista    schedule 28.10.2012

arrow_upward
3
arrow_downward

Извините за публикацию в старой теме, но я думаю, что многие, кто приходит из поисковых систем, найдут это полезным. Это отличный ресурс о цветах метро, ​​который я обнаружил, когда создавал дизайн, вдохновленный метро для моего клиента.

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

Имеются все цвета и цветовые коды, включая HEX, RGB, CMYK и т. д.

person Puikinsh    schedule 12.08.2013

arrow_upward
1
arrow_downward

Если хотите, есть официальный список для Windows Phone 8:
http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff402557%28v=vs.105%29.aspx

person Roland    schedule 29.05.2014

arrow_upward
0
arrow_downward

Я знаю, что это старый вопрос... Но все же хочу внести свой вклад.. < em>Здесь ссылка и визуальное представление плитки и цвета плитки.....

person grv_9098    schedule 16.09.2013