Sådan tilpasser du hovedikonerne i din app

App style

»App style« styrer det samlede design af din app fra ét sted: farver, skrifttyper, knapper, formularfelter og meget mere.

Klik på »App style« i menuen »My App«.

Indstillingerne er delt i to: det væsentlige, derefter flere muligheder. Alt her gælder for alle appens sektioner, og det erstatter det design du har sat op sektion for sektion.

Farver

Start med Colors.

Et farvetema er et sæt farver der passer godt sammen. Vælg et i biblioteket… så viser forhåndsvisningen appen med det.

»Magic palette« foreslår dig et nyt tema… ved hvert klik.

Finjuster derefter hver farve: header, hovedfarver, baggrunde, menu og knapper.

Klik på en farve, indtast en kode eller vælg en, og klik derefter på Choose.

Headeren får den nye farve.

Med Apply bruger du farverne i hele appen, med Cancel beholder du dine nuværende. Her beholder vi dem.

Skrifttyper

Derefter Fonts.

Et skrifttypetema samler tre skrifttyper der passer godt sammen. Du kan vælge et på denne liste.

Skyderen indstiller størrelsen på alle tekster på én gang, og den bevarer hierarkiet mellem dem.

Alle tekstniveauer vokser i takt.

Din app bruger otte tekstniveauer, fra hovedtitlen til normal tekst. Vil du ændre skrifttypen for et niveau, så åbn det… og vælg en skrifttype. Alle Google Fonts kan bruges, og med plusknappen tilføjer du din egen, hvis licensen tillader det.

Hovedtitlen får den nye skrifttype.

For hvert niveau kan du også indstille skriftvægt, linjehøjde og tegnafstand.

Klik også her på Apply for at bruge dem, eller på Cancel for at beholde dine.

Knapper og formularfelter

Så er det Buttons.

Din app bruger tre knapniveauer, valgt af GoodBarber til hver handling: Niveau 1 er udfyldt, niveau 2 har kontur, og niveau 3 er et simpelt tekstlink. Farverne kommer fra dit farvetema.

Vælg formen: Square, Rounded eller Round… så får alle knapper i din app den form.

»Form fields« fungerer på samme måde: Vælg form, størrelse og titlens placering, over eller inde i feltet.

Miniaturer og celler

»Thumbnails and cells« bestemmer formen på billederne og kortene i dine lister: Square, Rounded eller Round.

Her bliver hjørnerne skarpe.

I webappen på computer kan du også tilføje en effekt når musen er over et billede.

Afstand

Spacing indstiller margenerne omkring dit indhold, i pixels.

Med bredere margener får indholdet mere luft omkring sig.

Animationer og haptik

I de native iOS- og Android-apps kan du også vælge hvordan sider åbnes fra lister, tilføje en let vibration ved tryk og lade elementer dukke frem når der scrolles.

Ikoner

I Icons vælger du appens standardikoner. Klik for eksempel på bogmærkeikonet… og vælg et andet i biblioteket.

Det nye ikon vises på hver artikel.

Baggrund og skillelinjer

Til sidst appens baggrund: en farve eller et billede, og skillelinjernes farve.

Baggrunden ændres på alle sider.

Udgivelse

Udgiv opdateringen af din app fra menuen Publish, så brugerne kan se ændringerne.