Каков наилучший подход при создании пользовательской угловой материальной темы?

Question

Я пытаюсь понять, как лучше всего работать с радиально-материала тематизации:

Google, выдавая широкий спектр color palettes, А также обеспечивает руководства о том, как easily switch between palettes.

Я видел этот question, и нашел кучу инструментов, чтобы создать палитру вокруг основного цвета (tool1, tool2)

Хотя при получении индивидуальный дизайн от дизайнера, где были собраны разные цвета, Мне сложно внедрять цвета дизайна в качестве полной темы, , так как слишком много переменных принимают во внимание (например, оттенки зависания, оттенки чернил и т. Д.).

Мой вопрос:

1. Могу ли я, как разработчик создать достаточно хорошо для глаз приятной темы от каждый дизайн, который поставляется со мной (либо JS тематизации, или CSS переопределяет), или есть ли какие-либо ограничения, чтобы принимать во внимание?

2. Должен ли дизайнер учитывать некоторые рекомендации при создании ?

3. Должны ли мы отдать гибкость в дизайне, перейдя с одной из заранее определенных палитр Google?

**

Edit - 05/2017:

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

Im теперь впрыскивает переменные через webpack в файлы SASS, а outcode - более разумно.

**

Answer 1

1. Нет, не в настоящее время. «Хороший» - это широкий, основанный на мнениях термин, который не определяется логическим алгоритмом. Я на самом деле пытался сделать это в течение нескольких месяцев, прежде чем я, наконец, узнал о дизайне пользовательского интерфейса, чтобы понять, что это не сработает.

2. Руководство по дизайну материала Google - это все, что нужно дизайнеру для создания материальной темы. Это не так долго, и типичный дизайнер может проскользнуть через него примерно через час.

3. Нет. Предварительно определенные палитры Google предназначены для использования программистами для быстрого создания сайтов с приемлемым интерфейсом. Если вы не работаете специально для Google, нет никаких оснований ограничивать палитру дизайнера. Тем не менее, они полностью соответствуют рекомендациям. См Dark Material UI, дизайнерская концепция, основанную на Материалы, но не прилипает ко многим части руководящих принципов (например, он использует цвета, не включенные в цветовой палитре Google)

Answer 2

Подход, который мы используем, просто изменив HREF из файла CSS в вашем HTML головной секции. В этом случае у вас есть автономный файл css для каждой темы, и когда вам нужно переключиться, вы просто изменяете href.

Не нужно использовать дополнительную разметку, поскольку рекомендует google, потому что будет сложно переключаться между темами, особенно если есть много тем.

Вы можете посмотреть на пример здесь: http://docs.telerik.com/kendo-ui/styles-and-layout/how-to/change-themes-on-the-client

Существует живой пример доступен. И материальная тема.