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

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

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

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

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

Мой вопрос:

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

  • Если разработчик учитывает некоторые рекомендации, когда создание дизайна?

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

**

Изменить - 05/2017:

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

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

**

Ответы

Ответ 1

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

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

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

Ответ 2

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

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

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

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