Author Topic: Splash Screen  (Read 33636 times)

Offline JGM

  • Lives here!
  • ****
  • Posts: 518
  • Got to practice :)
Splash Screen
« on: March 15, 2010, 12:18:13 am »
I told my wife about the splash screen contest to see if she wanted to participate and well she said yes :D. The svg for this is available on demand made on inkscape so colors can be changed as needed. Any suggestions are welcome. Also the old splash screen said "The open source, cross-platform IDE" I told her to dont include it to keep it international xD in any case let us know, well here is what she made:


Offline MortenMacFly

  • Administrator
  • Lives here!
  • *****
  • Posts: 9723
Re: Splash Screen
« Reply #1 on: March 15, 2010, 08:39:59 pm »
http://jegoyalu.net/cb/code-blocks-splash.png
The very first one would be my favorite here... Looks pretty good except that the "C" seems to be somehow stretched?! Or is that by intention?
Compiler logging: Settings->Compiler & Debugger->tab "Other"->Compiler logging="Full command line"
C::B Manual: https://www.codeblocks.org/docs/main_codeblocks_en.html
C::B FAQ: https://wiki.codeblocks.org/index.php?title=FAQ

Offline MortenMacFly

  • Administrator
  • Lives here!
  • *****
  • Posts: 9723
Re: Splash Screen
« Reply #2 on: March 15, 2010, 08:43:05 pm »
Just for the record: I set this topic to sticky...
Compiler logging: Settings->Compiler & Debugger->tab "Other"->Compiler logging="Full command line"
C::B Manual: https://www.codeblocks.org/docs/main_codeblocks_en.html
C::B FAQ: https://wiki.codeblocks.org/index.php?title=FAQ

Offline JGM

  • Lives here!
  • ****
  • Posts: 518
  • Got to practice :)
Re: Splash Screen
« Reply #3 on: March 16, 2010, 01:15:58 am »
The "C", well it is like that the font name is dorado headline in any case let us know to provide more samples with different fonts.

Offline JGM

  • Lives here!
  • ****
  • Posts: 518
  • Got to practice :)
Re: Splash Screen
« Reply #4 on: March 16, 2010, 02:04:16 am »
Other variation of the first one splash screen that I made (yes, jgm's wife here!).



Hope you like it.

- jgm's wife

P.D. Keep it the good work guys!

-- EDITED --

changed release scheme to match ubuntu format.
« Last Edit: March 16, 2010, 08:04:24 am by JGM »

Offline ollydbg

  • Developer
  • Lives here!
  • *****
  • Posts: 6077
  • OpenCV and Robotics
    • Chinese OpenCV forum moderator
Re: Splash Screen
« Reply #5 on: March 16, 2010, 02:20:44 am »
Other variation of the first one splash screen that I made (yes, jgm's wife here!).

Hope you like it.

- jgm's wife

P.D. Keep it the good work guys!
Thanks for the great work!!!
I prefer the third one, but I suggest the Release Date could be : 2010-04-10. (This is more general time format, especially for Chinese people :D)
If some piece of memory should be reused, turn them to variables (or const variables).
If some piece of operations should be reused, turn them to functions.
If they happened together, then turn them to classes.

Offline JGM

  • Lives here!
  • ****
  • Posts: 518
  • Got to practice :)
Re: Splash Screen
« Reply #6 on: March 16, 2010, 03:24:30 am »
Thanks for the great work!!!
I prefer the third one, but I suggest the Release Date could be : 2010-04-10. (This is more general time format, especially for Chinese people :D)

Yeah, it could be use the way that is more convenient. I don't know much about it, so I put that for example.  I think is a "simple" splash screen, but let you to put on it the words you want. I think it'll fix the slogan, web address, release date, and svn. Well, any suggestion is appreciated, I'm happy to help.

- jgm's wife

Offline MortenMacFly

  • Administrator
  • Lives here!
  • *****
  • Posts: 9723
Re: Splash Screen
« Reply #7 on: March 16, 2010, 06:40:35 am »
I think it'll fix the slogan, web address, release date, and svn. Well, any suggestion is appreciated, I'm happy to help.
Remember: The "release date" is actually not a date, but a scheme. We use the Ubuntu release scheme which is simply like YY/MM. So it should read: "Release : 10/04" (targetting April 2010, for example).

Oh - and btw (not to forget): The new ones look pretty good, too! Great job!
Compiler logging: Settings->Compiler & Debugger->tab "Other"->Compiler logging="Full command line"
C::B Manual: https://www.codeblocks.org/docs/main_codeblocks_en.html
C::B FAQ: https://wiki.codeblocks.org/index.php?title=FAQ

Offline oBFusCATed

  • Developer
  • Lives here!
  • *****
  • Posts: 13406
    • Travis build status
Re: Splash Screen
« Reply #8 on: March 16, 2010, 09:05:16 am »
The third one from the second set is good (a bit more blueish for my taste).
You could add a reflection for the c::b's logo, so there is some consistency there.

Keep going  :lol:
(most of the time I ignore long posts)
[strangers don't send me private messages, I'll ignore them; post a topic in the forum, but first read the rules!]

Offline Biplab

  • Developer
  • Lives here!
  • *****
  • Posts: 1874
    • Biplab's Blog
Re: Splash Screen
« Reply #9 on: March 16, 2010, 10:49:26 am »
Thanks for the great work! I like the second set logos.

I'd prefer to not to have the blueish border on top. My idea is to have a transparent logo top which gradually becomes opaque towards the middle of the logo. :)
Be a part of the solution, not a part of the problem.

Offline thomas

  • Administrator
  • Lives here!
  • *****
  • Posts: 3979
Re: Splash Screen
« Reply #10 on: March 16, 2010, 10:51:20 am »
Other variation of the first one splash screen that I made (yes, jgm's wife here!).
The reflection effect is very nice. Like Morten already said with JGM's version, I'm not 100% happy with the font, the C (and the B, too) look a bit weird, but other than that, the first and third variation of your samples are very pleasing. I'd go for the first one, personally.
"We should forget about small efficiencies, say about 97% of the time: Premature quotation is the root of public humiliation."

Offline ptDev

  • Almost regular
  • **
  • Posts: 222
Re: Splash Screen
« Reply #11 on: March 16, 2010, 11:49:26 am »
I am sending my very simple rectangular splash screen.

Format: PNG, uses transparency for a gradient effect.
Size: 480x140 px
Fonts used: Arial Black and Arial. The release number and svn revision number can be drawn over the splash screen at run-time.

Splash screen without, and with, the version number, attached to post.
The additional space in the bottom can be used for messages that show the progress during start-up (i.e., Loading plugin "Compiler/Debugger", etc.).

Regards.

[attachment deleted by admin]
« Last Edit: March 16, 2010, 11:56:22 am by ptDev »

Offline vix

  • Multiple posting newcomer
  • *
  • Posts: 60
Re: Splash Screen
« Reply #12 on: March 16, 2010, 01:20:23 pm »
Other variation of the first one splash screen that I made (yes, jgm's wife here!).

I really like the first one of this second set (but also the third one is good, even if the bottom-right corner is too much "brilliant" for me).
Thank you for your great job!

Offline thomas

  • Administrator
  • Lives here!
  • *****
  • Posts: 3979
Re: Splash Screen
« Reply #13 on: March 16, 2010, 03:05:38 pm »
Just for fun, I've quickly pasted code robot's modified cubes into this one. Only a very rough sketch, but seems to fit in very well, nevertheless.

"We should forget about small efficiencies, say about 97% of the time: Premature quotation is the root of public humiliation."

Offline MortenMacFly

  • Administrator
  • Lives here!
  • *****
  • Posts: 9723
Re: Splash Screen
« Reply #14 on: March 16, 2010, 03:14:07 pm »
Only a very rough sketch, but seems to fit in very well, nevertheless.
Indeed, funnily I had the same thoughts: The logo of code robot (as I like it very much, too) and the effects / colours here. Nice combination. Question is: Who would get the credits...?! :lol:

Anyways: Keep in mind there will be a poll where all users can vote.
Compiler logging: Settings->Compiler & Debugger->tab "Other"->Compiler logging="Full command line"
C::B Manual: https://www.codeblocks.org/docs/main_codeblocks_en.html
C::B FAQ: https://wiki.codeblocks.org/index.php?title=FAQ

Offline code robot

  • Multiple posting newcomer
  • *
  • Posts: 14
Re: Splash Screen
« Reply #15 on: March 16, 2010, 03:42:25 pm »
Question is: Who would get the credits...?! :lol:

I assume you are joking, but I just want to reiterate that everyone is free to use anything I have submitted, that's what its there for, all open sourcey and what not. :) No credit needed, just keep making the sweet, sweet code blocks!

edit: Here is a large transparent render of the color-blocks image:
Please feel free to use it. :)
« Last Edit: March 17, 2010, 05:15:48 am by code robot »

Offline Biplab

  • Developer
  • Lives here!
  • *****
  • Posts: 1874
    • Biplab's Blog
Re: Splash Screen
« Reply #16 on: March 16, 2010, 04:02:27 pm »
Just for fun, I've quickly pasted code robot's modified cubes into this one. Only a very rough sketch, but seems to fit in very well, nevertheless.

Can we make the bottom right corner's colour to bright yellow just like what jgm's wife posted? That colour is very nice. :)
Be a part of the solution, not a part of the problem.

Offline Ceniza

  • Developer
  • Lives here!
  • *****
  • Posts: 1441
    • CenizaSOFT
Re: Splash Screen
« Reply #17 on: March 16, 2010, 05:51:58 pm »
Thomas' combined design looks really nice. In case the bottom right corner remains gray, could the letters at least get the white outline as in the other three designs?

Offline JGM

  • Lives here!
  • ****
  • Posts: 518
  • Got to practice :)
Re: Splash Screen
« Reply #18 on: March 16, 2010, 06:31:47 pm »
Only a very rough sketch, but seems to fit in very well, nevertheless.
Indeed, funnily I had the same thoughts: The logo of code robot (as I like it very much, too) and the effects / colours here. Nice combination. Question is: Who would get the credits...?! :lol:

Anyways: Keep in mind there will be a poll where all users can vote.

--- JGM ---
Well if programmers merge their work and work together to make software why not applied it to on graphics design  :lol:  With Inkscape in the toolbox working together with graphics that are svn compatible (since svg is pure text) is really possible.  :D

-- JMG'S WIFE ---
Yeah, I agreed it's funny because I like the code robot logo (nice job!) also (I didn't know that the logo could be redesigned). I re-made the code robot logo concept on Inkscape for more flexibility. Here I'm going to post the changes. Font: Arial Black and Arial, and the last four has like 50% transparency (that's why looks opaque). In that way it would match user's background colors.

« Last Edit: March 16, 2010, 06:38:23 pm by JGM »

Offline JGM

  • Lives here!
  • ****
  • Posts: 518
  • Got to practice :)
Re: Splash Screen
« Reply #19 on: March 16, 2010, 06:34:41 pm »
Thomas' combined design looks really nice. In case the bottom right corner remains gray, could the letters at least get the white outline as in the other three designs?

-- jgm ---

I don't know if making the white outline is possible or easy to generate on code, so we removed it. But in any case developers think it is possible let us know.

Offline JGM

  • Lives here!
  • ****
  • Posts: 518
  • Got to practice :)
Re: Splash Screen
« Reply #20 on: March 16, 2010, 09:28:28 pm »
--- jgm's wife (ylm) ---

Here I go with more variations...




Hope you like it guys...

This is the svg file for all my splash screens: http://jegoyalu.net/cb/code-blocks-splash.svg

Offline thomas

  • Administrator
  • Lives here!
  • *****
  • Posts: 3979
Re: Splash Screen
« Reply #21 on: March 17, 2010, 11:51:39 am »
Two little details that struck me:



Yes, I'm being pedantic again, my apologies :)
"We should forget about small efficiencies, say about 97% of the time: Premature quotation is the root of public humiliation."

Offline JGM

  • Lives here!
  • ****
  • Posts: 518
  • Got to practice :)
Re: Splash Screen
« Reply #22 on: March 17, 2010, 08:47:01 pm »
Two little details that struck me:

Yes, I'm being pedantic again, my apologies :)

-- jgm's wife --
So the logo has to be resize too to match the C, right?

Offline thomas

  • Administrator
  • Lives here!
  • *****
  • Posts: 3979
Re: Splash Screen
« Reply #23 on: March 17, 2010, 09:38:31 pm »
Not necessarily, I guess it looks quite good if it is a little bigger. However, the baseline should be the same as the title's baseline, and the reflections should be the same size, otherwise it looks as if the logo is standing in front of the label, not in the same plane.
"We should forget about small efficiencies, say about 97% of the time: Premature quotation is the root of public humiliation."

Offline Seronis

  • Almost regular
  • **
  • Posts: 197
Re: Splash Screen
« Reply #24 on: March 18, 2010, 03:46:56 am »
I disagree with the alignment suggestion.  I think having the verticle center of the icon centered with the verticle center of the 'C' like JGMs wife did looks great and is appealing, moreso to my taste than having them bottom aligned.

Offline JGM

  • Lives here!
  • ****
  • Posts: 518
  • Got to practice :)
Re: Splash Screen
« Reply #25 on: March 18, 2010, 06:21:51 am »
-- jgm's wife (ylm) --

Here is the original and the changes that thomas suggested.



« Last Edit: March 18, 2010, 06:53:24 am by JGM »

Offline thomas

  • Administrator
  • Lives here!
  • *****
  • Posts: 3979
Re: Splash Screen
« Reply #26 on: March 18, 2010, 10:35:36 am »
I disagree with the alignment suggestion.  I think having the verticle center of the icon centered with the verticle center of the 'C' like JGMs wife did looks great and is appealing, moreso to my taste than having them bottom aligned.
It has little to do with taste, but with the visual information that the image is bearing. If the icon is center aligned and has a smaller reflection, then the image tells you that the logo is closer than the text and that the "floor" is less glossy where the logo is standing. It also gives you a "something is wrong" impression, as a polished glass surface should not have different glossiness at different locations (not unless it is badly polished).
On the other hand, if the baselines are aligned and the reflection heights are the same size, the image bears the information "both elements are standing on a glass surface side by side" which is what the effect is supposed to mean.

Quote
Here is the original and the changes that thomas suggested.
Thank you, though I probably didn't explain myself well enough. I would make the block logo's reflection larger instead of making the text's reflection smaller.
The reflection size that you chose for the text intitally was very well chosen, it looked quite convincing. It only should be consistent everywhere as all elements are "standing on the same glass surface" (so, the logo should get somewhat more reflection, instead of the text getting less) :)
"We should forget about small efficiencies, say about 97% of the time: Premature quotation is the root of public humiliation."

Offline JGM

  • Lives here!
  • ****
  • Posts: 518
  • Got to practice :)
Re: Splash Screen
« Reply #27 on: March 19, 2010, 03:14:59 am »
Thank you, though I probably didn't explain myself well enough. I would make the block logo's reflection larger instead of making the text's reflection smaller.
The reflection size that you chose for the text intitally was very well chosen, it looked quite convincing. It only should be consistent everywhere as all elements are "standing on the same glass surface" (so, the logo should get somewhat more reflection, instead of the text getting less) :)

-- jgm's wife (YLM <-- my initials) --

Here are the changes:



Offline paul_s

  • Single posting newcomer
  • *
  • Posts: 2
Re: Splash Screen
« Reply #28 on: March 23, 2010, 10:39:26 pm »
I decided this topic needs some programmer art. This isn't really worthy of becoming an actual asset but may inspire some artists out there (and yes, I registered to post this - I'm just a code::blocks user)

[attachment deleted by admin]