---
title: "Hoe je de achtergrond van je app aanpast | tutorials - GoodBarber"
description: "Achtergrond De achtergrond ligt achter elke pagina van je app. Geef hem een kleur, een verloop of een afbeelding en kies de kleur van de lijnen tussen de items. Open ‘App style’ in ‘My App’. Klik dan…"
canonical_url: "https://nl.goodbarber.com/tutorials/ontwerp/hoe-je-de-achtergrond-van-je-app-aanpast/"
lang: nl
---

# Hoe je de achtergrond van je app aanpast | tutorials - GoodBarber

[Terug](https://nl.goodbarber.com/tutorials/)

# Hoe je de achtergrond van je app aanpast

## Achtergrond

De achtergrond ligt achter elke pagina van je app. Geef hem een kleur, een verloop of een afbeelding en kies de kleur van de lijnen tussen de items.

Open ‘App style’ in ‘My App’. Klik dan onder ‘Additional options’ op ‘Background and separators’.

## Kleur en verloop

Klik op Color voor een effen kleur… of open het tabblad Gradient: een lineair of radiaal verloop, of een kant-en-klaar verloop, zoals ‘Blue Skies’.

Het verloop vult de achtergrond achter je inhoud.

## Afbeeldingen

Voor telefoons kun je ook een afbeelding toevoegen. Het vraagteken toont het aanbevolen formaat: 1242 × 2208 pixels.

Klik op Browse om te uploaden, of kies een afbeelding uit je Library.

De afbeelding ligt nu achter je inhoud.

De afbeeldingen voor tablets komen in Portrait en Landscape: staand en liggend, elk met een eigen aanbevolen formaat.

Een afbeelding verwijderen? Klik op de prullenbak in de miniatuur en bevestig.

## Scheidingslijnen

Kies onder Separators de kleur van de lijnen tussen de items… zoals de rijen van de sectie Settings.

Publiceer de update van je app via het menu Publish, zodat je gebruikers de wijzigingen zien.

## Gerelateerde video's

[OntwerpHoe je je header instelt](/tutorials/ontwerp/hoe-u-uw-header-instelt/)

![Hoe je je header instelt](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[OntwerpHoe je de stijl van je app instelt](/tutorials/ontwerp/hoe-u-de-algemene-stijl-van-uw-app-instelt/)

![Hoe je de stijl van je app instelt](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[OntwerpHoe je het opstartscherm van je app aanpast](/tutorials/ontwerp/hoe-u-het-startscherm-van-uw-app-kunt-aanpassen/)

![Hoe je het opstartscherm van je app aanpast](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[OntwerpHoe je het navigatiemenu van je app instelt](/tutorials/ontwerp/hoe-u-de-navigatiemodus-van-uw-app-instelt/)

![Hoe je het navigatiemenu van je app instelt](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[OntwerpHoe je de iconen van je menu aanpast](/tutorials/ontwerp/hoe-u-de-pictogrammen-van-uw-menu-kunt-aanpassen/)

![Hoe je de iconen van je menu aanpast](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[OntwerpHoe u uw secties ontwerpt](/tutorials/ontwerp/hoe-u-uw-secties-ontwerpt/)

![Hoe u uw secties ontwerpt](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[OntwerpHoe u het ontwerp van een sectie kopieert](/tutorials/ontwerp/hoe-u-het-ontwerp-van-een-sectie-kopieert/)

![Hoe u het ontwerp van een sectie kopieert](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[OntwerpHoe je de categorieën van een sectie ontwerpt](/tutorials/ontwerp/hoe-je-de-categorieen-van-een-sectie-ontwerpt/)

![Hoe je de categorieën van een sectie ontwerpt](https://portal.ww-cdn.com/portal_static/images/videos8.fc945e8b95fd.jpg)

[OntwerpHoe je je startpagina instelt](/tutorials/ontwerp/hoe-u-uw-startpagina-instelt/)

![Hoe je je startpagina instelt](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[OntwerpHoe kies je de grootte van je header?](/tutorials/ontwerp/how-to-choose-your-header-size/)

![Hoe kies je de grootte van je header?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)