Was ist der beste Ansatz beim Erstellen eines benutzerdefinierten eckigen Materialdesigns?

Question

Ich versuche, wie mit kantigem Material Thematisierung zu besten Arbeiten zu verstehen:

Googles geben, um eine breite Palette von color palettes, Und bieten auch Führungen, wie man easily switch between palettes.

Ich habe diese question gesehen, und eine Reihe von Tools, fand eine Palette um eine Hauptfarbe (tool1, tool2)

Obwohl, wenn immer ein individuelles Design von einem Designer zu erzeugen, wobei verschiedene Farben wurden ausgewählt, Ich finde es schwierig, Designfarben als komplettes Thema zu implementieren, , da es zu viele Variablen gibt, die (wie Hover-Schattierungen, Tinten-Ripple-Schattierungen usw.) berücksichtigen.

Meine Frage ist:

1. Kann ich als Entwickler ein gut genug Auge angenehm Thema aus jedes Design erstellen, die mir geliefert wird (entweder durch JS Thematisierung oder CSS Überschreibungen), oder sind Gibt es irgendwelche Einschränkungen zu berücksichtigen?

2. Sollte der Designer einige Richtlinien berücksichtigen, wenn das Design erstellt?

3. Sollten wir Flexibilität im Design geben, indem wir mit einer von Googles vordefinierten Paletten gehen?

**

Bearbeiten - 05/2017:

Ich habe beschlossen, völlig Thematisierung auszuschalten, da ich nicht ganz verstehen konnte, wie es auf unsere Bedürfnisse anpassen.

Im jetzt injizieren Variablen über Webpack in SASS-Dateien und der Outcode ist viel vernünftiger.

**

Answer 1

1. Nein, derzeit nicht. "Wohlgefällig" ist ein breiter, auf Meinungen basierender Begriff, der nicht durch einen logischen Algorithmus entschieden wird. Ich habe tatsächlich genau das monatelang versucht, bevor ich endlich genug über das UI-Design gelernt habe, um zu wissen, dass es nicht funktionieren würde.

2. Googles Materialdesign-Richtlinie ist alles, was ein Designer benötigt, um ein Materialthema zu erstellen. Es ist nicht so lang und ein typischer Designer kann es in etwa einer Stunde überfliegen.

3. Nein. Googles vordefinierte Paletten sollen von Programmierern verwendet werden, um schnell Sites mit akzeptabler Schnittstelle zu erstellen. Sofern Sie nicht speziell für Google arbeiten, gibt es keinen Grund, die Palette des Designers zu beschränken. Sie sind jedoch völlig in Ordnung als Richtlinien. Siehe Dark Material UI, ein Konzept, Design basierte auf Material Design aber haftet nicht an vielen Teil der Leitlinien (zum Beispiel verwendet sie Farben nicht in der Google-Farbpaletten enthalten)

Answer 2

Der Ansatz, den wir verwenden, ist einfach die href der CSS-Datei in Ihrem HTML-Kopfteil zu ändern. In diesem Fall haben Sie eine eigenständige CSS-Datei für jedes Thema, und wenn Sie wechseln müssen, ändern Sie einfach href.

Keine Notwendigkeit, zusätzliche Markup zu verwenden, wie Google empfiehlt, weil es zu kompliziert ist, zwischen Themen zu wechseln, besonders wenn es viele Themen gibt.

Sie können hier ein Beispiel an: http://docs.telerik.com/kendo-ui/styles-and-layout/how-to/change-themes-on-the-client

Es gibt ein anschauliches Beispiel zur Verfügung. Und auch materielles Thema.