Jakie jest najlepsze podejście do tworzenia niestandardowego, kanciastego motywu materiałowego?

Question

Próbuję zrozumieć, jak najlepiej pracować z Kątowe-materialnego kategoryzacji:

Google rozdawanie szeroką gamę color palettes, a także dostarcza przewodniki na temat easily switch between palettes.

Widziałem ten question i znalazł kilka narzędzi do generowania paletę wokół głównego koloru (tool1, tool2)

Chociaż kiedy dostaję zamówienie od projektanta, gdzie były zbierane w różnych kolorach, Trudno jest zaimplementować kolory projektu jako kompletny motyw, , ponieważ jest zbyt wiele zmiennych, które należy wziąć pod uwagę (takich jak odcienie zaciemniające, odcienie atramentu itp.).

Moje pytanie brzmi:

1. Mogę jako deweloper stworzyć wystarczająco dobrze oka przyjemny motyw z każdy projekt, który jest dostarczany do mnie (albo JS kategoryzacji lub CSS zadajnikami sygnału), lub są czy istnieją jakieś ograniczenia, które należy wziąć pod uwagę?

2. Czy projektant powinien wziąć pod uwagę pewne wskazówki podczas tworzenia projektu?

3. Czy powinniśmy rezygnować z elastyczności w projektowaniu, korzystając z jednej z gotowych palet Google ?

**

Edit - 05/2017:

Zdecydowałem się całkowicie wyłączyć Skórki ponieważ nie mogłem w pełni zrozumieć, jak dostosować go do naszych potrzeb.

Im teraz wstrzykiwanie zmiennych przez WebPack do plików SASS i outcode jest o wiele bardziej zdrowy.

**

Answer 1

1. Nie, aktualnie nie. "Well-enjoying" jest szerokim, opartym na opiniach pojęciem, którego nie decyduje algorytm logiczny. Właściwie to próbowałem robić to przez wiele miesięcy, zanim w końcu nauczyłem się wystarczająco dużo o projektowaniu interfejsu użytkownika, aby wiedzieć, że to nie zadziała.

2. Google Material Design Guideline to wszystko, co potrzebne projektantowi do stworzenia Material Theme. Nie trwa to długo i typowy projektant może przejrzeć go w ciągu około godziny.

3. Nie. Wstępnie zdefiniowane palety Google są przeznaczone dla programistów do szybkiego tworzenia witryn z akceptowalnym interfejsem. Jeśli nie pracujesz specjalnie dla Google, nie ma powodu, aby ograniczać paletę projektanta. Są jednak całkowicie w porządku jako wskazówki. Zobacz Dark Material UI, koncepcji projektowania oparte na materiale projekt ale nie przywiera do wielu części wytycznych (np wykorzystuje kolory nie uwzględnione w palecie kolorów Google)

Answer 2

Podejście, którego używamy jest po prostu zmieniając href pliku css w sekcji head html. W tym przypadku masz oddzielny plik css dla każdego motywu, a kiedy potrzebujesz zmienić, po prostu modyfikuj href.

Nie trzeba używać dodatkowych znaczników, jak zaleca Google, ponieważ skomplikowane będzie przełączanie się między tematami, szczególnie jeśli jest ich wiele.

Możesz zajrzeć na przykład tutaj: http://docs.telerik.com/kendo-ui/styles-and-layout/how-to/change-themes-on-the-client

Jest przykładem na żywo dostępny. I temat materiału.