Pages: [1] 2 3
  Print  
Author Topic: Splashscreens  (Read 3955 times)
Offline (Male) Goombert
Posted on: November 05, 2015, 12:39:26 AM

Contributor
Location: Cappuccino, CA
Joined: Jan 2013
Posts: 3063

View Profile WWW


Ok so, basically, I am a terrible artist, and LateralGM could use a good modern splash screen. I've made several attempts before and we've come up with semi-good splash screens before. I have been making some more attempts and just can't quite get it right. If there is any graphics artist who would be interested in designing one, please share them in this topic.



















The ultimate goal here would be like one of the Microsoft splashscreens, because in my opinion, they make very aesthetically pleasing splash screens:


So far, DaSpirit and Rusky like this one and so do I, the clear winner of mine:

« Last Edit: February 05, 2016, 12:55:08 AM by Robert B Colton » Logged
Offline (Unknown gender) egofree
Reply #1 Posted on: November 05, 2015, 04:37:53 AM
Contributor
Joined: Jun 2013
Posts: 610

View Profile Email
Ok so, basically, I am a terrible artist, and LateralGM could use a good modern splash screen. I've made several attempts before and we've come up with semi-good splash screens before. I have been making some more attempts and just can't quite get it right. If there is any graphics artist who would be interested in designing one, please share them in this topic.

Don't be so modest, you've done a good job.  :)

Here is my two cents :

I like it. But i wonder if there is too much red. What if we change the background's color ? A little more contrast also ?



I like it too. Perhaps a little more contrast for the blue colors ?



Nice, but it me makes think about an email. Is it on purpose ? What is the link with LateralGM ? I feel the email concept is more appropriate if we talking about a program which manages email.



The following two are not bad, but i feel the blues are too dull and grayish. The last one would be really nice with different blues.


« Last Edit: November 05, 2015, 05:06:36 AM by egofree » Logged
Offline (Unknown gender) egofree
Reply #2 Posted on: November 05, 2015, 05:00:38 AM
Contributor
Joined: Jun 2013
Posts: 610

View Profile Email
Ok, here is a very serious proposal  :D

« Last Edit: November 05, 2015, 05:04:02 AM by egofree » Logged
Offline (Male) Garo
Reply #3 Posted on: November 05, 2015, 07:18:59 AM

Member
Location: Szczecin, Poland
Joined: Sep 2014
Posts: 26

View Profile
Any specific dimensions for the splash screen? Does it allow transparency?
Logged
Offline (Male) Goombert
Reply #4 Posted on: November 05, 2015, 09:26:00 AM

Contributor
Location: Cappuccino, CA
Joined: Jan 2013
Posts: 3063

View Profile WWW
Thanks ego, I'll try to redo the red one again later with different colors. It was honestly my least favorite and my favorites were:



And Rusky also likes:



You're right about the one looking like a mail icon, I was trying to think of something based on Material Design, which is good guideline for anybody who wants to try. But it still isn't intended to look like an mail icon, I just really suck at art that isn't 3D models.

Here's an example of Material Design:


Quote from: Garo
Any specific dimensions for the splash screen? Does it allow transparency?
No specific dimensions, the splashscreen adapts the progress bar, but I'd say a power of two is a good recommendation, but that's not absolutely necessary. Transparency is allowed, but I generally prefer a flat rectangular look personally. Only thing to note about the transparency is that there is still the progress bar that fills the width at the bottom, and it takes the look of the current look and feel, so it may look native or like something else.

Throw something together and see what you can come up with. If it's good we can mutually agree to use it.
« Last Edit: November 05, 2015, 09:28:03 AM by Robert B Colton » Logged
Offline (Male) rcobra
Reply #5 Posted on: November 05, 2015, 02:47:18 PM
Member
Joined: Nov 2015
Posts: 51

View Profile WWW
hi, I'm new here

« Last Edit: November 05, 2015, 04:15:50 PM by rcobra » Logged
ps.sorry for my english
Offline (Male) Goombert
Reply #6 Posted on: November 05, 2015, 07:59:35 PM

Contributor
Location: Cappuccino, CA
Joined: Jan 2013
Posts: 3063

View Profile WWW
Wow, I can't tell you how much I like those, you just blew me out of the water. Both of them are great! I think the second one on the bottom might look better with some grays around the edges though somewhat closer to the material design example, the white LGM text and blocks are fine though, but the white on the top and bottom leftish and rightish areas I don't know if I like as much as I would with different grays. Honestly these are beautiful, I am set to use the first one already.

Here is specifically why, it does not contrast as much with Explorer:


I think a nice vignette may solve it on just the background and not the text, I like a vignette a little better than just switching the color to something more contrasting.

The first one seems to be perfect, but I still think a vignette is a good idea in case the wallpaper is a solid color.


Here are my modified versions using SegoeUI (We should try to use a non-proprietary font, so I likely won't use SegoUI in the final one):




Here they are loaded in (DaSpirit and I both like the first one best):



« Last Edit: November 06, 2015, 02:49:42 AM by Robert B Colton » Logged
Offline (Unknown gender) TheExDeus
Reply #7 Posted on: November 06, 2015, 07:42:57 AM

Developer
Joined: Apr 2008
Posts: 1919

View Profile
I see where you got the idea:

But even so I like that and wanted to show the Adobe loading screens as a reference myself. We should change it so it isn't so blatantly obvious, but I think something similar is a good idea. For example the white parts could be transparent. This blending with the desktop can be very cool looking.

Quote
No specific dimensions, the splashscreen adapts the progress bar, but I'd say a power of two is a good recommendation, but that's not absolutely necessary. Transparency is allowed, but I generally prefer a flat rectangular look personally. Only thing to note about the transparency is that there is still the progress bar that fills the width at the bottom, and it takes the look of the current look and feel, so it may look native or like something else.
Do we really need a loading bar? How about just showing what is loading? This is how it is done for Adobe, or MS Office software and I like that.

Like my 3min attempt:
Logged
Offline (Male) rcobra
Reply #8 Posted on: November 06, 2015, 09:17:18 AM
Member
Joined: Nov 2015
Posts: 51

View Profile WWW
hello, it's just inspiration
I am pleased you like it :)


« Last Edit: November 06, 2015, 09:21:42 AM by rcobra » Logged
ps.sorry for my english
Offline (Male) Josh @ Dreamland
Reply #9 Posted on: November 07, 2015, 10:41:00 PM

Prince of all Goldfish
Developer
Location: Ohio, United States
Joined: Feb 2008
Posts: 2953

View Profile Email
My favorites are your first and thirteenth, Harri's, and your very latest.

Personally, I get enough of Material at work. It's not that it's a bad design concept—it just gets old, and it's pretty much Google's thing. That said, if construction paper's just your thing, here's a quick version with that:


Edit:
So Robert's first remark was that the version I linked isn't saturated enough. So I doctored the construction paper scans:
« Last Edit: November 08, 2015, 12:28:11 AM by Josh @ Dreamland » Logged
"That is the single most cryptic piece of code I have ever seen." -Master PobbleWobble
"I disapprove of what you say, but I will defend to the death your right to say it." -Evelyn Beatrice Hall, Friends of Voltaire
Offline (Male) Rusky
Reply #10 Posted on: November 08, 2015, 12:22:35 AM

Resident Troll
Joined: Feb 2008
Posts: 961
MSN Messenger - rpjohnst@gmail.com
View Profile WWW Email
Quick, somebody make a papercraft N64-esque LGM logo.
Logged
Offline (Male) Goombert
Reply #11 Posted on: November 08, 2015, 01:08:11 AM

Contributor
Location: Cappuccino, CA
Joined: Jan 2013
Posts: 3063

View Profile WWW
Josh has a very nice attempt at it, but he doesn't see that it's a little too noisy, it's not as sleek as other material designs.

Here's my version that's a lot less fugly and a lot more practical:


Here's two more I came up with:



I quite like the version I've come up with, though I don't think we'll use it as Josh indicates. Regarding Rusky, I am surprised nobody ever did that for the original n64 logo.


And back at rcobra's, I think it's a lot more fitting than the Adobe one, and tbh, I don't actually like Adobe's, I think he made something much nicer for LateralGM. The Adobe one is just a wall of text and horrible colors. I like Harri's modification as well, but it still needs something like a vignette to distinguish it from the desktop and other windows. That said, I was already considering dropping the progress bar, ideally the program would load instantly, but I am not sure yet if we want to drop the progress bar or not. It still does give you an idea if you are halfway or a quarter of a way there, though progress bars are, as usual, never accurate. They can be more accurate when weighted or using monte carlo approximations.

Also, the reason I changed the font was I felt the M looked weird at the bottom, even in the original font because I looked it up, the M looks like it is bulging on the bottom and makes it look aliased to me. We will probably use product sans or this other free font that I found.




And here we are with Product Sans font, this is likely what we'll be going with at this point:



All of this said, I am very proud of everyone's work here, this is all really great art work, I am impressed with our level of work.
« Last Edit: November 08, 2015, 03:05:41 AM by Robert B Colton » Logged
Offline (Unknown gender) TheExDeus
Reply #12 Posted on: November 08, 2015, 08:52:20 AM

Developer
Joined: Apr 2008
Posts: 1919

View Profile
Quote
And back at rcobra's, I think it's a lot more fitting than the Adobe one, and tbh, I don't actually like Adobe's, I think he made something much nicer for LateralGM. The Adobe one is just a wall of text and horrible colors. I like Harri's modification as well, but it still needs something like a vignette to distinguish it from the desktop and other windows. That said, I was already considering dropping the progress bar, ideally the program would load instantly, but I am not sure yet if we want to drop the progress bar or not. It still does give you an idea if you are halfway or a quarter of a way there, though progress bars are, as usual, never accurate. They can be more accurate when weighted or using monte carlo approximations.
Adobe uses a small drop shadow to distinguish and it's not that it totally blends together or something. Also, uses percentages, which will be as inaccurate as the loading bar, but will represent the same information just in text.
My idea is this:


And when combined with a desktop:


Of course it can be any of the proposed images. I am just demonstrating what was meant with transparency and drop shadows. I don't think vignette or gradient is needed in this case. And I actually like this flat look more. I guess because Win8, Win10 and lots of new styles like Material as using that. Just got used to it.

Also, what about a loading screen for when ENIGMA is installed? Can it be done or is the plugin loaded after LGM?
« Last Edit: November 08, 2015, 08:56:18 AM by TheExDeus » Logged
Offline (Male) Goombert
Reply #13 Posted on: November 08, 2015, 08:55:29 AM

Contributor
Location: Cappuccino, CA
Joined: Jan 2013
Posts: 3063

View Profile WWW
Yeah ok now that is looking a lot better, I see what you mean now, let's see it again with Product Sans.
http://www.xamphyx.com/product-sans-download.html

Download, right click->install the ttf font file from Google.

Edit: I got here with Product Sans, I don't know now, it is becoming a tie between this and the other one for me now.

« Last Edit: November 08, 2015, 10:35:06 AM by Robert B Colton » Logged
Offline (Unknown gender) Wendigo
Reply #14 Posted on: November 09, 2015, 03:10:06 AM
Member
Joined: Apr 2015
Posts: 15

View Profile
I do like the blue design by rcobra but without knowing that we are talking about an IDE for a game engine, just by looking at the logo I'd assume it was some business application.
In my opinion some playfull elements are missing in the logo.
Logged
Pages: [1] 2 3
  Print