Provide better design ideas for application splash screen.
I would like to take up this issue
@a2batic
I have come up with something <img alt="SplashScreenDraft.png" src="/Fedora-app/issue/raw/files/fbd739ce215920ec13f403e4fa621897fd759414a4122a30345e6f0545203404-SplashScreenDraft.png" />
I used the recently released Fedora 28 wallpaper in the background to provide a consistent look. The idea was to keep things minimal. Let me know your thoughts and we can work on to improve this.
A more loved splash screen may be the Fedora Plymouth animation.
@amitosh Something like this? <img alt="splashScreen.gif" src="/Fedora-app/issue/raw/files/2d64dd890a2adfaa276e3f9a29a8715e7c850596823752513921ccda242226bb-splashScreen.gif" />
@thelittlewonder,
This is spinfinity, it's nice too, but I was referring to the charge theme See here: https://www.youtube.com/watch?v=g1dTd_itWcs
i was trying some color combinations according to fedora's guideline https://photos.app.goo.gl/8HnzlbjAGpTXroAk1
I loved amazon app simple screen wit white background. Tried something like that
@amitosh
<img alt="Splash_Screen_v2.png" src="/Fedora-app/issue/raw/files/06324542f48dc5be4ef4fcaa02a7f5ee3753a6706fb827d80daab85fba18cfed-Splash_Screen_v2.png" />
@thelittlewonder, I really liked the last design you post, but i feel we have too many 'fedora' there. Now we have 2 fedora - one text and one symbol, and after loading completes, we will have 3 fedoras. Thoughts ?
but i feel we have too many 'fedora' there
Yeah, I get your concern, maybe try something without the symbol, since the Plymouth is similar to the logo shape.
After loading finishes, we can animation the 'fedora' text to the nav bar maybe and have the background fade away into white(since the loader is filling with white color).
<img alt="SplashScreenMinimal.png" src="/Fedora-app/issue/raw/files/2dbeb170515854efdf7b8ec1c04dbd36bb3c2b009a6f3c8e05e07189c6575fbf-SplashScreenMinimal.png" />
Should we keep background simple ?
@a2batic can you provide us with vector of fedora's typographic name as well as logo? It'd be easier and precise to work with the brand.
Splash screen (I've used typography to make logo and they are inconsistent as of now)
A very minimal screen followed by a detailed on-boarding. This minimal screen can always be used as a splash screen; since it provides a loading time of approximately 2 seconds.
This interaction was also created using "principle" for mac.
<img alt="splash-gif.gif" src="/Fedora-app/issue/raw/files/3af85e560755b300546dbfcf6c6a4f4438bd61e37edb9597a257ca9a0443c8a8-splash-gif.gif" />
Unfortunately, Cordova does not support animated splash screens, only PNG is supported. :disappointed:
https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/
@amitosh Oh okay. :disappointed: I'll try with a concept with PNG.
@a2batic I tried something new and minimal :-)
<img alt="PatternSplashScreen01.png" src="/Fedora-app/issue/raw/files/0a532c5c3cc48990010da05259ee80d9060066ff9679a2a740d95960766f4293-PatternSplashScreen01.png" />
<img alt="PatternSplashScreen02.png" src="/Fedora-app/issue/raw/files/98578d73b1b1164bd189860d7a0780327756b5a0c52f4244d4fca725239c7f86-PatternSplashScreen02.png" />
@thelittlewonder +1 for the litter one.
Metadata Update from @amitosh: - Issue status updated to: Closed (was: Open)
Login to comment on this ticket.