Code Monkey home page Code Monkey logo

Comments (13)

carrotIndustries avatar carrotIndustries commented on July 21, 2024

Thanks for the effort, but no. In case any designer reads along, the current 80s-themed logo is approximately what I'd like to have. Some more inspiration: https://www.google.de/search?tbm=isch&q=80s+math+book+cover&chips=q:80s+math+book+cover,online_chips:vaporwave

from horizon.

atoav avatar atoav commented on July 21, 2024

I happen to be a graphic designer and want to offer myself to create a nice logo for horizon.
Logos typically are a very subjective topic, but I think one can boil down a few objective aspects ( considering a icon for a open source project):

  1. a logo should fit the project (or its name)
  2. a logo should offer a distinctive and harmonic color to make it recognizeable
  3. a icon should work especially well at both big and small sizes
  4. a icon should work on bright and black backgrounds alike

From point 3 rationally follows, that the icons complexity has to be low enough to yield a working icon at a small size. This is especially true for the current icon.

I made a single draft – for paying customers I'd typically do more than one but I don't know wether this is even wanted here. I kinda liked to contribute, because of all the open source EDA projects horizon looks most promising to me. Typically I'd start out with a black and white shape version and start tuning in colors later. The small icons will be drawn pixel by pixel to maximize small scale readability. Obviously I'd need to be sure that a certain draft is to be taken, to avoid loops and unecessary work.

In this draft I tried to catch the horizion name, like you did in your original icon, while simplyfing it and still keeping some 80s spirit alive (I hope it survived : ). Note that the different backgrounds are just for display purposes.

black_on_bright_bg_1920px
black_on_dark_bg_1920px
gradient_on_bright_bg_1920px
gradient_on_dark_bg_1920px
white_on_dark_bg_1920px

Feel free to critique etc.

from horizon.

carrotIndustries avatar carrotIndustries commented on July 21, 2024

Awesome! Nice to have something different than the usual variation of the "Board/Schematic/Gate/IC with or without pen" theme.

from horizon.

atoav avatar atoav commented on July 21, 2024

I'll play around with it for a bit and report back if anything better comes up. Any preferences on the colours?

from horizon.

atoav avatar atoav commented on July 21, 2024

I made two new monochrome versions, that sort of build up on the old draft. Both try to be a bit more distinctive, than the more generic looking drafts from yesterday. I tried to keep the horizon metaphor, but extend it with a "planetary" aspect. After all, electronics are the most powerful thing we as humanity ever came up with.

At the same time this draft is abstract enough to be literally everything else. It could be a single pad on a PCB looked at from above or a swimming pool seen from the top of a tall building.

Variant Image
Black Sun (1080px) black_sun_1080px
Black Sun (64px) black_sun_64px
White Moon (1080px) white_moon_1080px
White Moon (64px) white_moon_64px

from horizon.

carrotIndustries avatar carrotIndustries commented on July 21, 2024

Mind that the logo will end up as 16x16px icon in the the top left of the application window as in https://raw.githubusercontent.com/wiki/carrotIndustries/horizon/images/pool-mgr.png and probably people's task bars/panels. To my judgment, the 'white moon' one stays the most recognizable.

In terms of colors, i like your first idea, but feel free to experiment.

from horizon.

greenscreenflicker avatar greenscreenflicker commented on July 21, 2024

@atoav @carrotIndustries For me the moon logo looks just amazing. I love it. I think it's special and makes it recognizable.

I played a little bit with some colors, I would like. I must denote, I'm everything else then a designer, so it's just a rough idea.
grafik

I'd propose to make the moon a little bit more dominant.
grafik

Maybe some gradients inside this would look nice, however, I'm not a desiger.

from horizon.

atoav avatar atoav commented on July 21, 2024

I'd avoid gradients for well defined multiple colors. I changed the spacing between the lines on the white_moon draft a little bit and added colors. While playing around with some sunset variation I thought: "Hey – who says that it is a horizon seen on earth?" So I imagined the circle as a pale blue dot. Well.

Variant Image
Pale Blue Dot Mars (1080px) pale_blue_1080px
Pale Blue Dot Mars (16px) pale_blue_16px

I kinda like how the small Icon still stays recognizable, the colors represent Mars but could give it a little to much 70s feel...

So I tried another variant for the moon:

Variant Image
Pale Blue Dot Moon (1080px) pale_blue_moon_1080px
Pale Blue Dot Moon (16px) pale_blue_moon_16px

Despite the lack of recognizable hue in the "landscape" part of things, I think this draft still stays very recognizable at small sizes, color-wise. For the sacrifice in color we get a little more serious professionalism.

What do you think?

Edit: Both 16px versions have not been made what we designers would call "pixel perfect" so they might look a little mushy still. Imagine sharp pixels instead : )

Edit 2: Example use in the small windows 10 bar2018-02-10 20_09_05-

from horizon.

carrotIndustries avatar carrotIndustries commented on July 21, 2024

Great work!

What do you think?

The not-so-much colored one indeed looks more professional, let's stick with that one.

from horizon.

atoav avatar atoav commented on July 21, 2024

I created a repo called horizon-logo with all possible source formats and exports. The PNGs with the resolutions 16px, 32px and 64px have been made pixel perfect and should look decent at small sizes now. Feel free to use it within horizon.

Edit: Just as a general use advice: For online or print use I would prefer to use a vector format like svg/pdf, for everything that uses a very small scale on a screen use the pixel perfect icons made specifically for these sizes. I also added ICO versions for just in case (e.g. for favicons etc).

from horizon.

carrotIndustries avatar carrotIndustries commented on July 21, 2024

b805a35 adds the new icons

from horizon.

greenscreenflicker avatar greenscreenflicker commented on July 21, 2024

Looks amazing! @atoav good work. However, i see there some artefacts, the circle is not round.
grafik

from horizon.

atoav avatar atoav commented on July 21, 2024

Interesting over here it looks like this with a small taskbar:
2018-02-12 14_49_35-horizon pool manager

and with a big Taskbar:
2018-02-12 14_50_07-horizon pool managerbig

As you can see I don't have such scaling artifacts and they are certainly not in the images themselves. I don't know how the Windows Taskbar handles Icon scaling and if there are any ways to optimize it (from the position of a graphic designer)

from horizon.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.