Deli

Zagonski ekran

Zagonski ekran se prikaže med zagonom aplikacije in s tem daje uporabniku občutek, da se aplikacija odpira in bo kmalu na voljo za uporabo. Ker je zagonski ekran vez med ikono aplikacije in aplikacijo samo, se ga podloži z osnovno barvo in na njem sredinsko poravna simbol aplikacije.

Opozorilo: Za zagonski ekran se uporabljajo barve definirane z izbrano barvno shemo. Izjema so interne in podporne aplikacije, kjer se uporablja bela podlaga.

Opomba: S stališča uporabniške izkušnje lahko zagonski ekran v nekaterih primerih učinkuje ravno nasprotno, zato naj se ga smiselno implementira. Npr. pri aplikaciji za plačevanje želi uporabnik takoj uporabiti funkcijo plačila. Če je zagon aplikacije takojšen, bi prikaz zagonskega ekrana le nepotrebno podaljševal čakanje, da bo aplikacija nared za izvedbo plačila.

Postavitev logotipa znotraj zagonskega ekrana

Primeri zagonskih ekranov

Velikosti slik

Zaradi različnih velikosti zaslonov mobilnih naprav je potrebno pripraviti serijo velikosti slik, ki naj se uporabljajo za zagonski ekran aplikacije. V nadaljevanju so naštete priporočene dimenzije in formati slik zagonskega ekrana.

Format

9-Patch PNG (priporočeno)

Dimenzije

LDPI:

  • Pokončno: 200x320px
  • Ležeče: 320x200px

MDPI:

  • Pokončno: 320x480px
  • Ležeče: 480x320px

HDPI:

  • Pokončno: 480x800px
  • Ležeče: 800x480px

XHDPI:

  • Pokončno: 720px1280px
  • Ležeče: 1280x720px

XXHDPI:

  • Pokončno: 960px1600px
  • Ležeče: 1600x960px

XXXHDPI:

  • Pokončno: 1280px1920px
  • Ležeče: 1920x1280px

Format

PNG (priporočeno)

Dimenzije

Non-Retina (1x)

  • Pokončno: 320x480px
  • Ležeče: 480x320px

Retina (2x)

  • Pokončno: 640x960px
  • Ležeče: 960x640px

iPhone 5 Retina (2x)

  • Pokončno: 640x1136px
  • Ležeče: 1136x640px

iPhone 6 (2x)

  • Pokončno: 750x1334px
  • Ležeče: 1334x750px

iPhone 6 Plus (3x)

  • Pokončno: 1080x1920px
  • Ležeče: 1920x1080px