Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design a logo #313

Closed
breandan opened this issue Nov 22, 2019 · 21 comments
Closed

Design a logo #313

breandan opened this issue Nov 22, 2019 · 21 comments

Comments

@breandan
Copy link
Collaborator

IdeaVim has a spiffy new logo. It would be nice to have a logo for AceJump as well.

@meseck
Copy link
Contributor

meseck commented May 11, 2020

Here's a quick idea. What do you think?

image

@breandan
Copy link
Collaborator Author

Very creative! I like the resemblance between form and function! Do you have any ideas for a square logo? I wonder if there is a way to incorporate the jump motion, or depict the tag somehow.

image

Another direction would be to use a kind of aviation themed logo, with ⚞[A]⚟ in wings:

image image
image image

@meseck
Copy link
Contributor

meseck commented May 11, 2020

Thank you for your kind feedback.

I forgot that the plugin requires a square version. I tried to put only the "jumping ace" in a square, but it looks a bit lost. In the next days I will try to develop a new version. References are always very helpful and I also thank you for the guidelines, I will follow them.

@meseck
Copy link
Contributor

meseck commented May 12, 2020

Here are two new versions, I hope you like them.

The aviation theme would work in theory, but since there is "jump" in the name, I think we should stick to this.

Logo V3
Logo V2

@breandan
Copy link
Collaborator Author

Looks good! I like how it captures the cursor motion, but wonder if there was a way to make it more recognizable at a glance to users who are familiar with the “AceJump” name. What about something like this?

EFBF43A6-4177-429F-9076-8175A0C4A67B
81D0E72F-55FD-4E5F-B644-5B33EBC020CA

Or if you like the playing card theme, maybe the shape of the cursor could become a playing card like so:

A5937A7B-441F-484E-BD08-7F131F7755A4

@breandan
Copy link
Collaborator Author

@johnlindquist Any thoughts?

@AlexPl292
Copy link
Contributor

Sorry for the interruption, just wanted to say that I personally like the above versions with square logo from @fools-mate and @breandan's first sketch :)

@johnlindquist
Copy link
Collaborator

@breandan i like the highlighted A in the first one a lot. It's a cool callout to how you actually use it.

@breandan
Copy link
Collaborator Author

That's what I was thinking, I love how @fools-mate's original design shows off the usage. If only there was a way to make it square and give it some kind of "action", maybe with an exclamation point:

🄰ce
Jump!

@meseck
Copy link
Contributor

meseck commented May 13, 2020

@breandan You have to keep in mind that the icon is normally only displayed in the size 40x40px. Only once on the plugin marketplace it would be 80x80px, but that's not much either. I really like your first sketch/idea, but the text and the details will be too small. Because of these limited guidelines I have tried to find a unique and recognizable symbol that can stand for itself on a small scale.

Maybe we just take the highlighted A for the marketplace and for Github and so on I implement your idea?

@breandan
Copy link
Collaborator Author

Good point, I was not thinking about the pixel constraints. Maybe to align with the platform branding somewhat, we could keep it minimal and just use AJ with the highlighted A on a dark background:

image

Also happy to use the previous design... now that I look at it more closely I can see the A in the spade and the lower case j tilted in the jump.

@meseck
Copy link
Contributor

meseck commented May 13, 2020

Here a quick size reference:

size-reference

@meseck
Copy link
Contributor

meseck commented May 13, 2020

I want everyone to be happy with the end result. We can still try a few things, I'm always open to it.

I'm glad you saw that little detail with the A and the jumping J. I thought it was a clever idea. :)

@breandan
Copy link
Collaborator Author

breandan commented May 13, 2020

Yeah, I guess it does look a bit crowded.

Looking at V3 again I can also see the nib of a fountain pen, which is kinda evocative of the writing theme.

So far, we have the following pros and cons:

V3: Ace of spades, jumping j, fountain pen. A bit subtle.

V1/V4: Familiar, explanatory, but hard to read at lower resolution.

V5: HighlightedA. Recognizable, if you already use AceJump.

@breandan
Copy link
Collaborator Author

I think we have enough here to make a decision. Unless anyone else wants to throw in an idea, let’s sleep on it and circle back next week. Great work, @fools-mate!

@meseck
Copy link
Contributor

meseck commented May 14, 2020

All right, I'm curious what the next step is. I would like to talk about colors again when there is a closer selection.

@meseck
Copy link
Contributor

meseck commented Jun 19, 2020

Hi @breandan, It became very quiet here. Any updates?

@breandan
Copy link
Collaborator Author

Here's a Twitter poll, we should have the results in 7 days. If you can submit a PR containing the winning SVG we'll give you credit in the release notes and GitHub page. Thanks to @fools-mate and everyone for their design feedback!

@breandan
Copy link
Collaborator Author

Looks like the original design won out. Since it was almost tied, let's use the second one? If you can you submit a PR containing the SVG as a file named pluginIcon.svg to this directory, I'll make sure to add your name to the contributors. Thanks again!

@meseck
Copy link
Contributor

meseck commented Aug 16, 2020

As I have already mentioned, I wanted to change the colours. So I did. I colored the "jump" part more energetic and tried to move the look more towards the Jetbrains style. I hope you like it?

I can do a PR then, no problem.

pluginIcon@3x

@breandan
Copy link
Collaborator Author

Looks really sharp, I think you nailed it. Thanks so much for your creativity and attention to detail.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants