Slik tilpasser du hovedikonene i appen din

App style

«App style» styrer hele appens design fra ett sted: farger, skrifttyper, knapper, skjemafelt og mer.

Klikk på «App style» i menyen «My App».

Innstillingene er delt i to: først det grunnleggende, så flere alternativer. Alt her gjelder hver seksjon i appen din. Det erstatter designet du har satt opp seksjon for seksjon.

Farger

Begynn med fargene.

Et fargetema består av farger som passer godt sammen. Velg ett i biblioteket… så viser forhåndsvisningen appen med det.

«Magic palette» foreslår et nytt tema… ved hvert klikk.

Juster deretter hver farge i detalj: headeren, hovedfargene, bakgrunnene, menyen og knappene.

Klikk på en farge, skriv inn en kode eller velg en, og klikk så på Choose.

Headeren får den nye fargen.

Klikk på Apply for å bruke fargene i hele appen, eller Cancel for å beholde de nåværende. Her beholder vi dem.

Skrifttyper

Deretter skrifttypene.

Et skrifttema kombinerer tre skrifttyper som passer godt sammen. Du kan velge ett i denne listen.

Glidebryteren endrer størrelsen på alle tekster samtidig, og hierarkiet mellom dem beholdes.

Alle tekstnivåene blir større samtidig.

Appen din bruker åtte tekstnivåer, fra hovedtittelen til vanlig tekst. Vil du endre skrifttypen på ett nivå, åpner du det… og velger en skrifttype. Alle Google Fonts er tilgjengelige, og plussknappen legger til din egen, hvis lisensen tillater det.

Hovedtittelen får den nye skrifttypen.

For hvert nivå kan du også stille inn skriftvekt, linjehøyde og bokstavavstand.

Klikk også her på Apply for å bruke skrifttypene, eller Cancel for å beholde dine.

Knapper og skjemafelt

Så er det knappene.

Appen din bruker tre knappenivåer, som GoodBarber velger for hver handling: nivå én er fylt, nivå to har kantlinje, og nivå tre er en enkel tekstlenke. Fargene deres kommer fra fargetemaet ditt.

Velg formen deres: firkantet, avrundet eller rund… så får alle knappene i appen den formen.

«Form fields» fungerer på samme måte: velg form, størrelse og hvor tittelen skal stå, over feltet eller inni det.

Miniatyrbilder og celler

«Thumbnails and cells» bestemmer formen på bildene og kortene i listene dine: firkantet, avrundet eller rund.

Her blir hjørnene skarpe.

I nettappen på PC kan du også legge til en effekt når musen føres over et bilde.

Marger

Spacing bestemmer margene rundt innholdet ditt, i piksler.

Med bredere marger får innholdet mer luft rundt seg.

Animasjoner og haptikk

I de native iOS- og Android-appene kan du også velge hvordan sider åpnes fra lister, legge til en lett vibrasjon ved trykk og la elementer dukke opp ved rulling.

Ikoner

I Icons velger du standardikonene i appen din. Klikk for eksempel på bokmerkeikonet… og velg et annet i biblioteket.

Det nye ikonet vises på hver artikkel.

Bakgrunn og skillelinjer

Til slutt bakgrunnen i appen din: en farge eller et bilde, og fargen på skillelinjene.

Bakgrunnen endres på hver side.

Publisering

Publiser oppdateringen av appen din fra menyen Publish, så brukerne dine ser endringene.