Så här ställer du in den globala stilen för din butik

Hej och välkommen till ditt GoodBarber-backoffice. Idag ska vi gå igenom ett kraftfullt verktyg för att designa din app: den globala stilmenyn. Med den globala stilen kan du hantera den allmänna designen av din app från en enda meny. Färger, teckensnitt och effekter som väljs i den här menyn tillämpas på alla delar av appen. Men var försiktig, varje ändring som görs från den här menyn kommer att tillämpas på alla delar av din app. I menyn Innehåll och design > Design > Allmän design klickar du på Global stil.

Det första du ska göra är att välja ett färgtema. Ett färgtema är en kombination av färger som harmonierar perfekt. Den globala stilen erbjuder ett bibliotek med färgteman. För att bläddra i biblioteket klickar du på edit. Som du ser har jag många valmöjligheter. Om jag föredrar att ändra mitt nuvarande tema klickar jag på edit, bläddrar längst ner på sidan och klickar på create a color theme och väljer sedan dina färger.

Låt oss nu gå vidare till telefonerna. Det finns en hierarki för att visa text i appen. 8 nivåer används för att visa titlar, undertexter, stycken och text. Jag definierar teckenstorleken och teckensnittet för varje nivå. Beroende på vilket typsnitt som väljs kan jag också välja alternativ. Nu till knapparna. För de delar av din app som inbjuder användarna att utföra åtgärder väljer jag formen på den knapp som jag vill använda.

Jag kan förhandsgranska resultatet genom att klicka här. Det finns flera nivåer av hierarki när det gäller knapparna i din app. Knappens design beror på färgtemat i din app. För att respektera harmonin finns det flera varianter för varje tema. Här är de tre olika typerna av design för varje hierarkisk nivå:
Nivå 1 => färgad bakgrund på knappen, ingen kontur
Nivå 2 => transparent bakgrund av knappens kontur och text i färg
Nivå 3 => transparent bakgrund för knappen utan kontur

Nu svävningseffekter på bilder. Detta är endast tillgängligt på PWA. Slutligen de ytterligare elementen som till exempel bakåtikonen som visas i rubriken när du navigerar i din butik. Jag sparar modifieringen. Glöm inte att alla dessa modifieringar kommer att åsidosätta den faktiska designen av din butik inklusive eventuella ohookade sektioner.

Låt oss ta en titt ja jag gillar verkligen utseendet på min butik.

Vi ses för en annan handledning!