Freigeben über


Road to Small Basic Online: Blog #1 - Exploring New Logos

This is part 1 in a blog series that takes us down the road toward Small Basic Online!

  1. Road to Small Basic Online Blog #1 – Exploring New Logos - This blog!
  2. Road to Small Basic Online Blog #2 – New Mascot

 

In the Small Basic team, we have a great designer, Ram, who is helping us explore new logos.

Please keep in mind that these logos are currently being used for internal Microsoft projects. We aren't finished yet.

That said/written, we welcome your feedback! Please leave a comment below!

Here is our current logo:

Logo_CurrentSBLogo

Our Small Basic Community Council member, Liam, had a fantastic futuristic version that modernizes the ideogram/symbol:

Logo_SmallBasic_444x144_LiamMcSherry

Small Basic carries on the Logo turtle graphics tradition, and so we wanted to combine that into our new logo (by featuring a turtle shell ideogram). But I have to say that I was very passionate about the previous "stepping stones" / "building blocks" motif that Vijay originally had. However, as the logo simplified, the building blocks began to look like a diamond-style hexagon (a flat shape). That's how I originally interpreted them... as gems.

Our first version of the turtle-shell-style ideogram centered on four colors, to map into the Microsoft windows ideogram:

Logo01_Round4Colors

Our artist, Ram, went with a crayon-style text for "Small Basic" to show it's a fun language, also done in the Microsoft logo red.We liked that version, but we wanted to see one that felt more like a turtle shell pattern and a little less like a classic light and sound game that rhymes with pie-man. =^)

The next version focused on the blue and green colors (since red and yellow was in the text and line on the right):

Logo02_Pentagon2Colors

The line was added as the slogan "Kids Can Code" was added below it. It's true, Small Basic is also for teens, adults, and anyone who wants to learn one of the most complicated things on our planet (syntax-based coding) in the simplest and most fun and social environment that currently exists... Small Basic! I, for one, would have preferred to have learned on Small Basic when I was in college. However, at the same time, the biggest need for such a simple way to learn text-based programming (did we mention that Small Basic is extendable to hardware like Arduino, Oculus Rift, Raspberry Pi, and Kinect, as well as 3D graphics and physics for games?)... is currently for students after they learn block-based conceptual programming and before they learn programming languages built by adults for adults (like Java, Python, Ruby, and C#). Thus, "Kids Can Code". But we think adults will see it simply as "Programming for Dummies." If it's built for kids... then they can learn it too!

The next experiment was to see how it looked with the original logo's building-block pastel colors:

Logo02a_Current3Pastels

That was a little bright and cheerful. =^)

Next we looked at some mixes of the Microsoft colors again. Here the emphasis is on red and yellow:

Logo02b_MSColors-RedYellow

And here the emphasis is on red and green:

Logo02c_MSColors-RedGreen

And this one focuses on green and blue:

Logo02d_MSColors-BlueGreen

And this one focuses on yellow and blue:

Logo02e_MSColors-YellowBlue

And next it was up for something a bit different. This one pushes more back to the Microsoft logo's ideogram/symbol:

Logo03_4OuterScales

That one looks a little bit target-like, and we wanted the turtle aspect. Here is a version of that, with the "SB" in white:

Logo04_GrayBorders

And here it is with the "SB" in black (and borders in white):

Logo05_WhiteBorders

And that leads us to where we're currently at! We found the white borders in the shell to give it a nice feeling of negative space. Regardless of where the final logo lands, we're getting some great use out of it at Microsoft! Special thanks go out to Ram.

Please leave a comment with your thoughts!

 

Small and Basically yours,

- Ninja Ed

 

See Also

This is part 1 in a blog series that takes us down the road toward Small Basic 1.3!

  1. Road to Small Basic 1.3 Blog #1 – Exploring New Logos - This blog!
  2. Road to Small Basic 1.3 Blog #2 – New Mascot

Comments

  • Anonymous
    July 29, 2016
    the last one is the clearest and best))
  • Anonymous
    July 29, 2016
    Thanks Tryhest. That's where we're at, currently. Next we're experimenting with the text on the right.
  • Anonymous
    July 29, 2016
    have a seven color lago ROYGBIV and United Nation blue at center " Human Programming" with thanks
    • Anonymous
      October 29, 2016
      Haroon, this program failed to load for me. Can you load it okay?Online it also gives an error: http://smallbasic.com/smallbasic.com/program/?ROYGBIV
      • Anonymous
        November 08, 2016
        ROYGBIV (no ID, but 7 rainbow colors: Red, orange, Yellow, Green, Blue, Indigo, Violet)
  • Anonymous
    July 29, 2016
    now i made a desktop gadget like new sb logo clock ticking... ZPX036
    • Anonymous
      October 29, 2016
      This is so good, Tryhest! I wanted to share it, so I packaged it up here:https://gallery.technet.microsoft.com/Small-Basic-Program-Turtle-debf7f4b
  • Anonymous
    July 30, 2016
    Tryhest, that's cool!I love it!
  • Anonymous
    August 01, 2016
    I really like the handwritten "Small Basic" text. Gives it a really friendly character that was missing from the old logo. (the old logo felt excessively "corporative"). However I don´t think the icon part fits in at all with the "friendliness" of the text. The distorted "SB" feels a bit aggressive and even old fashioned. I think you should go with a more hand drawn feel for the icon part as well.
    • Anonymous
      August 08, 2016
      Thanks. That's good feedback on the written text. I wasn't sure if the handwritten text feels too "young" or not.
  • Anonymous
    August 01, 2016
    My favorite one is : https://msdnshared.blob.core.windows.net/media/2016/07/Logo01_Round4Colors-300x142.jpgfor the impact of color, clarity of design, the font use : Comic Sans MS I like especially Small Basic written in bold character , this attracts the eye.that's my choice :)
    • Anonymous
      October 29, 2016
      It is good, but that reminded us of the game Simon.
  • Anonymous
    August 08, 2016
    Thanks PFM and Yvan!
  • Anonymous
    October 31, 2016
    UPDATE: I added some more text to explain more of the thinking in each step.Thanks!
  • Anonymous
    November 17, 2016
    The comment has been removed
    • Anonymous
      March 10, 2017
      You never know. For example, what's the #1 selling Python book? For awhile, it was a book titled "Python for Kids". And it was actually written to 16 year olds! =^)And the top purchasers were actually adults who bought it feeling like it was a "Python for Dummies", which is pretty accurate to how it's written.That mentioned, yes, we'll keep that in mind.
    • Anonymous
      March 10, 2017
      Logo thoughts... yeah I love that one too. I think the consensus landed on the one with white boarders...We found the white borders in the shell to give it a nice feeling of negative space. It seemed to feel more inclusive, in a subconscious way.But I think with the dark gray borders, that one seems to hold more power to it.Thanks, Matthew!