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

App icon suggestions #2

Open
andrew712-1 opened this issue Sep 12, 2021 · 110 comments
Open

App icon suggestions #2

andrew712-1 opened this issue Sep 12, 2021 · 110 comments
Labels
wontfix This will not be worked on

Comments

@andrew712-1
Copy link

andrew712-1 commented Sep 12, 2021

SpiritCroc's edit:

People seem to be unhappy with the icon (not all, but a considerable amount).
Issues seem to be:

  • Hard to recognize what it is (I guess if you don't know the app's meaning, it might be more difficult)
  • Too "unprofessional" or "childish" - but note that we, the SchildiChat team, do not agree with that one. A somewhat playful icon is ok, if it integrates somewhat well with other app icons. OK, it shouldn't look like the icon to a child's game, of course, should be somewhat suitable for a messenger.

So, while we, the SchildiChat team, are happy with the icon, we're open for contributions if you have any.
Note that if you want your suggestion to be taken seriously, you need to be grant us all rights for your design (re-destribution, modifications etc. without having to ask you), and we need a vector graphics / svg, so we can properly work with it.
Make sure to also read below discussion for previous suggestions, so you know what aspects are important to us.

Original message by andrew712-1

EDIT: Let this issue be about the logo only and this new issue to be about the app name #3

Please change the icon, the current one is too childish.

Please change the name of the app, it's too long, and hard to pronounce especially for russians. We need a shorter and easier to pronounce (internationally) name.

I love your app, but I can't recommend it to anyone because of these two issues...

@andrew712-1
Copy link
Author

I can help with ideas and also designing an icon, if you wish...

@SpiritCroc
Copy link
Member

A name change to a more international one would need to be somehow related to the current name, I don't think a full re-brand is worth the effort. If you have a really good idea, I might consider it, but probably won't happen anytime soon.

I see that the name might look hard to pronounce, but I don't think it actually is hard to pronounce if you know how to. For the same pronunciation in English, you might write something like "Shilldy-Chat", I guess.

"Too long" - well, it's three syllables, so same as "Element", but way easier to search for in the Internet. I don't see the need to make it any shorter, while risking being less searchable.

We're open to a better version of the icon, if it maintains the original traits.

@andrew712-1
Copy link
Author

What does the app stand for? What are its main traits? What is it trying to be?
How is it different from other similar chats? Is it pro-free-speech or pro-anonymity, or ..? What is your mission?
What does Schildi mean? What does the turtle from the logo mean?

I need to know this in order to come up with some suggestions. Also, are you ok with dropping the "chat" word from the app name? None of the mainstream (or popular) chatting apps do that (Element, Riot, Signal, Telegram, etc..).

@SpiritCroc
Copy link
Member

"Schildi" comes from "Schildkröte", which is turtle in German. We don't have any "mission" or philosophical "what the app stands for", we just develop a chat client that we want to use for ourselves, and share it with the community. Accordingly, you might have noticed it's not a priority for us to have a "professional" name, or how you call it.

"chat" is not required, but it is good if the app name says something about what the app does.

If you want an explanation of what the logo stands for, here is some that I came up with (as a joke) after everything was designed already:

  • Turtle shell: stands for security
  • Turtle feet: stand for stability
  • Posthorn: stands for connectivity

@andrew712-1
Copy link
Author

andrew712-1 commented Sep 12, 2021

Turchat (Turtle + chat)
Chatur (Chat + turtle)
T-chat (Turtle chat)

The logo could look something like this:

kkk

this is just a rough draft

@SpiritCroc
Copy link
Member

Thanks for your input. I'm not persuaded though, I still prefer the old icon and name.

@SpiritCroc SpiritCroc added the wontfix This will not be worked on label Sep 12, 2021
@HerrFrutti
Copy link

Just installed the app and I like it very much! First thing I thaught, this logo is a little off.
From what I read, you don't want to looseyour identity.
What do you think from this sketch, I'd be happy to work something out with you :)
sketch1637608210896

@SpiritCroc
Copy link
Member

@HerrFrutti
Great logo idea, we like it!

The only thing that bothers me right now is that the shape of the post horn reminds me slightly too much of the "Deutsche Post" logo - maybe one with a little less bending would do, similar to this one? https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Berlin._Spandau._Citadel_057.JPG/1280px-Berlin._Spandau._Citadel_057.JPG

Do you have experience with designing icons and/or vector graphics?

@HerrFrutti
Copy link

Yeah I taught of Deutsche Post when reading Posthorn :D
Me myself not, but my girlfriend (Mediengestalterin). If I can tell her what we want she can do the magic.
That sketch is from me, obviously.

I'll talk to her and update you on a more developed version of my sketch.

@squid-f
Copy link

squid-f commented Dec 6, 2021

Hi. The current logo doesn't really bother me. That being said, if a new one is looked at, I would recommend to use something more "universal" than the horn, on the turtle back.
My 2 cents. :)

@andrew712-1
Copy link
Author

andrew712-1 commented Dec 11, 2021

Great! Thanks guys for your understanding!

I hope we're being understood, we love your app but we can't recommend it to our friends because it gives a first impression of being: weird, childish and with a hard to pronounce name. But when you get past this hurdle you discover a very great app!

It'd be amazing if you changed the name to something more easy to pronounce for as many people from different countries as possible!

Honestly, thank you deeply for your understanding!

@SpiritCroc
Copy link
Member

Hi. The current logo doesn't really bother me. That being said, if a new one is looked at, I would recommend to use something more "universal" than the horn, on the turtle back. My 2 cents. :)

I'm open for suggestions

@andrew712-1
Copy link
Author

Hi. The current logo doesn't really bother me. That being said, if a new one is looked at, I would recommend to use something more "universal" than the horn, on the turtle back. My 2 cents. :)

I'm open for suggestions

Maybe a lockpad which symbolizes security and privacy.

@SpiritCroc
Copy link
Member

Maybe a lockpad which symbolizes security and privacy.

Then we would have no indicator of the messenger aspect.

@HerrFrutti
Copy link

Yeah, I'm not having that much time right now, but I was working on an updated logo. I was thinking of a big shield, that has a divided logo on it. One site is the turtle and on the other the horn.
But I'm not finding the time right now to create it... sorry

@squid-f
Copy link

squid-f commented Dec 11, 2021

Hi. The current logo doesn't really bother me. That being said, if a new one is looked at, I would recommend to use something more "universal" than the horn, on the turtle back. My 2 cents. :)

I'm open for suggestions

Hi
See below. The link between the round magnets could draw a horn, for instance. Number of magnets could be adjusted.
schidli-icon.png
If you like the principle, I could try to make a proposal (caution: I am not at all a talented web designer :) ) or someone better than me can take over.

EDIT: to make sure my idea is clear, it is to put onto the turtle shell sketch proposed by HerrFrutti

@SpiritCroc
Copy link
Member

Hi. The current logo doesn't really bother me. That being said, if a new one is looked at, I would recommend to use something more "universal" than the horn, on the turtle back. My 2 cents. :)

I'm open for suggestions

Hi See below. The link between the round magnets could draw a horn, for instance. Number of magnets could be adjusted. schidli-icon.png If you like the principle, I could try to make a proposal (caution: I am not at all a talented web designer :) ) or someone better than me can take over.

EDIT: to make sure my idea is clear, it is to put onto the turtle shell sketch proposed by HerrFrutti

That looks like WAY too much detail for an icon.

@andrew712-1
Copy link
Author

On the back of the turtle we could have something that symbolises "Chat" like:

1:

2:

3:

@HerrFrutti
Copy link

just another quick sketch:
sketch1639252383961

@SpiritCroc
Copy link
Member

On the back of the turtle we could have something that symbolises "Chat" like:

1:

2:

3:

Doesn't really persuade me, and also seems like too much detail. These could be icons on their own, but if you put it into another icon, it just gets too small to tell what it is. Keep in mind that an app icon is just a small icon on the screen in many scenarios. Furthermore, 1. takes too much thinking what this actually is, and (2. and) 3. would be kind of copying other apps, and also kind of boring, compared to the horn, if you ask me.

just another quick sketch: sketch1639252383961

Hm, doesn't persuade me. Your first sketch looked perfect to me, not sure if you're doing new sketches because I said I'm "open for suggestions" for other things to put on the turtles back than a posthorn, or just to have more alternatives to choose from.

@HerrFrutti
Copy link

good to know, if I find the time, I'll look deeper into my first sketch.

I just tried different things because my first idea feels complicated to get right. As you said, an icon is small and to much detail is bad. Combining three objects may be too much. But I think we should give it a try and any one can be inspired by the first sketch.

@squid-f
Copy link

squid-f commented Dec 21, 2021

Hi
I am not good at all at drawing. Here below, I tried to illustrate the idea I had to play with symbols and lines to replace the post-horn.
schildi1

@SpiritCroc
Copy link
Member

Hi I am not good at all at drawing. Here below, I tried to illustrate the idea I had to play with symbols and lines to replace the post-horn.

Still looks like a post horn, I thought you wanted to put something else there 🤔

@squid-f
Copy link

squid-f commented Dec 21, 2021

Hi I am not good at all at drawing. Here below, I tried to illustrate the idea I had to play with symbols and lines to replace the post-horn.

Still looks like a post horn, I thought you wanted to put something else there thinking

Yes, I did. Then, I noticed it was important for you to echo the deutsche post logo and why not. So, I came with a more modern look. Actually, in many cultures, a horn has been used to make announcements. So, it might mean more than I thought, even for people leaving outside Germany.

@andrew712-1 andrew712-1 changed the title Please change the name and icon to a more professional one Please change the icon to a more professional one Dec 29, 2021
@HerrFrutti
Copy link

HerrFrutti commented Jan 15, 2022

Hey, if've just played around with a frew Sketches:
Schildichat_1
My time right now is very limited, but I just wanted to share this idea here.
I was inspired by this:
https://www.heraldik-wiki.de/wiki/Schildkr%C3%B6te_(Wappentier)
https://de.wikipedia.org/wiki/Westerhorn#/media/Datei:Westerhorn_Wappen.png
Of course right now it's very close to the inspiration, but if you like the over all idea, we can change it up a bit, give it color, etc

I was thinking to include the horn inside the turtles back, but I'm not sure about that.

let me know your stands :)

Here the svg file:
Schildichat_draft.zip

@SpiritCroc
Copy link
Member

Too much detail.
Maybe as some sanity check: if it has more detail then the current icon, it is too much. The turtle in the current icon originally had more shell segments then it has now, but we had to reduce it so it looks fine as icon.

@HerrFrutti
Copy link

But the overall placement of the objects cool, or are there any suggestions ?

@SnoutBug
Copy link

SnoutBug commented May 7, 2023

I agree. until reading this thread I thought the icon was supposed to depict a turtle with a severed head.

@su-ex
Copy link
Member

su-ex commented May 7, 2023

This is a really good suggestion.

Absolutely no. It doesn't resemble a turtle in any way and the color is horrible. Also far too generic.

Why are you so hardstuck on the horn?

I want it. It's a homage to message delivery of older times. It just needs to be in. Point.

How about opening up a poll for users to decide?

Absolutely not. It has to fit @SpiritCroc and me in the first place.

@Sir-Photch
Copy link

Absolutely not. It has to fit @SpiritCroc and me in the first place.

Too bad!

@williamkray
Copy link

schildichat-concept-icon1

no post horn, because that doesn't lend itself to good iconography. happy to supply the svg so you can tweak colors etc.

@strider72
Copy link

Late last night in Schildichat itself I suggested the above logo concept — the shell as seen from above, with a speech balloon nib.

One thing I like about it is the concept easily adapts to different variations. You can easily have a mono-color icon, or full color, or two color , or whatever. It's distinct but simple enough to be easily recognized at small sizes.

(Not digging the yellow in @williamkray 's mockup, but otherwise very close to what I was thinking.)

For the record, I actively dislike the "horn sticking out of a turtle shell" icon concept. It looks like a weird decapitated turtle. Until finding this discussion I had no idea that what that was supposed to be — I just thought what the heck is up with the turtle's head?

@strider72
Copy link

Color "choice" wasn't really a choice, I'm just using the Element colors

I also like this one. An iconic form of a turtle, very recognizable as the animal (head, limbs, and tail sticking out of the shell). I like it for similar reasons to my own idea as described above

@strider72
Copy link

For the record, I actively dislike the "horn sticking out of a turtle shell" icon concept. It looks like a weird decapitated turtle. Until finding this discussion I had no idea that what that was supposed to be — I just thought what the heck is up with the turtle's head?

Also, in the current icon you're clearly looking at the poor decapitated turtle's butt. ;-)

@SpiritCroc
Copy link
Member

SpiritCroc commented Jun 6, 2023

Also, in the current icon you're clearly looking at the poor decapitated turtle's butt. ;-)

Well yes, but no: the butt is actually hidden in the shell (and the head is not decapitated, but just hidden behind the shell). :P

So, regarding the speech bubble with turtle shell texture, that's somewhat too generic to me, it lacks something special in my opinion to make it stand out.

@strider72
Copy link

There are too many simultaneous concepts for a good icon. The turtle works. The horn works. The turtle AND the horn is too crowded, and too disconnected, for a good clean icon. You need too much detail to see what the two things are. It's confusing.

Think of famous brand icons — especially as adapted for phones and such. Apple. Target. Windows. Twitter. Reddit. Facebook. McDonalds. Android. All are a single concept, very clean and straightforward.

My suggestion is do the turtle or do the horn. Either can work, but pick one.

@strider72
Copy link

strider72 commented Jun 6, 2023

If the art is simple enough for an icon, I can't see how you can show the horn sticking out of the shell with enough detail that people will specifically recognize it as a horn.

Well yes, but no: the butt is actually hidden in the shell (and the head is not decapitated, but just hidden behind the shell). :P

Now that you've told me, I can see that it's a horn sticking out of the shell. But without being told, it looks like the turtle has a weird misshapen head. If you have to explain the logo just to know what it is, it's a poor logo.

So if you really must have the two concepts, well... I don't know. Two disjoined concepts have to be instantly and simultaneously recognizable for what they are. That's very difficult because a turtle shell and a horn are not connected at all in people's minds. You either end up with a deformed turtle or a misshapen horn.

@strider72
Copy link

strider72 commented Jun 6, 2023

One more concept from me: the recognizable turtle shell pattern — the somewhat hexagon shapes — on a field. On of the hexagons is replaced with a full curled horn.

This won't work well at small sizes though. A simplified version for small sizes would be just the horn...?

(Also — su ex dismissed the "element turtle" variant in part because he didn't like the color. That's the easiest part of that icon to change. Make it a more turtle-y green and it will really pop, IMO.)

@SpiritCroc
Copy link
Member

There are too many simultaneous concepts for a good icon. The turtle works. The horn works. The turtle AND the horn is too crowded, and too disconnected, for a good clean icon. You need too much detail to see what the two things are. It's confusing.

I see your point, and I personally can imagine myself being fine with only having a turtle and no posthorn. But still ideally I'd like to have some other element related to messaging, such that the icon is not too arbitrary. And su-ex must be happy with the logo as well, so if that includes a post horn, then it must be.

While big business logos can be simple, and will be recognizable anyway since the company is big, a little bit more detail doesn't hurt a small project such as us to differentiate. There are many logos out there that resemble Windows and Apple Logos, for example. Also, firefox managed to combine two elements fine in a logo in my opinion, so it's not impossible.

su ex dismissed the "element turtle" variant in part because he didn't like the color. That's the easiest part of that icon to change.

Obviously, but this is not the only thing we don't like about this icon (or at least, that does not make us like it more than our current icon).

@SpiritCroc
Copy link
Member

I mean, if anybody can make #2 (comment) work, I'd be interested, that's still the proposal I (and I think su-ex as well) like the most from here. But unfortunately it may be a bit tricky to keep recognizable at low resolution, and also to make the aspect ratio more square while still having it look nice.

@strider72
Copy link

While big business logos can be simple, and will be recognizable anyway since the company is big, a little bit more detail doesn't hurt a small project such as us to differentiate. There are many logos out there that resemble Windows and Apple Logos, for example. Also, firefox managed to combine two elements fine in a logo in my opinion, so it's not impossible.

At small sizes, the Firefox logo is basically just the fox. The world kind of disappears. Hmm...

How about this: a turtle in profile. Rather than its shell being a normal shell pattern, it has the horn on it. Or you could do the turtle from above, but that might muddly the concept quite a lot, as from above its the pattern that makes it most recognizable as a turtle.

At smaller resolutions, you might have the distinctive turtle and lose the horn

@franksouza183
Copy link

another draft
rascunho-schildichat

@SpiritCroc
Copy link
Member

That looks pretty cool! I wonder if one could make it work as icon somehow, or if too many details would get lost 🤔

@weiss-d
Copy link

weiss-d commented Aug 12, 2023

Hi everyone!
How about a speech bubble that looks like a segment of a turtle shell? And it has a post horn and a little turtle tail :)
This way it will be distinguishable from other messaging app bubbles, and can be downscaled to a tray size without loosing details.
What do you think?

image

Here you can download SVG files for testing:
https://cloud.disroot.org/s/H8wkzw2nCgyLEH2

@SpiritCroc
Copy link
Member

Hm, looks ok-ish to me, but I'd need to try out for a while to be sure. I think for me personally, the post horn is a bit too prominent in this one, but the shell-formed message bubble sounds like a nice idea to me.

@weiss-d
Copy link

weiss-d commented Aug 12, 2023

@SpiritCroc I guess we can scale the horn down a bit in full-size icon:

schildichat_sw_test-2

SVG: schildichat_sw_test-2.tar.gz

@SpiritCroc
Copy link
Member

I didn't mean the scale, but conceptually having it the thing that you recognize first in the icon. Personally I would prefer having more stress on the turtle rather than the horn in some way.

@weiss-d
Copy link

weiss-d commented Aug 12, 2023

Well, we can certainly put something like a silhouette of a sea turtle instead of horn here. But since the horn was requested by @su-ex this is the only way I found to crossbreed it with a turtle without going too bizarre :) - one of them should be abstract, and in this case it's a turtle in form of a bubble with a tail.

@SpiritCroc
Copy link
Member

Yeah, probably hard to hit the sweet spot where it is not too prominent for me but prominent enough for su-ex...

Maybe next time I play around with icons I can try out your icon anyway to see how it looks/feels in practice, but I probably won't get to it soon

@weiss-d
Copy link

weiss-d commented Aug 12, 2023

Here's how it could look like. The turtle shape starts to loose clarity on smaller sizes, while the horn still works fine.

rect112

Maybe next time I play around with icons I can try out your icon anyway to see how it looks/feels in practice, but I probably won't get to it soon

Yep, no problem. As an average user I'll hope for the best tho :)
Feel free to ping me for any adjustments.

@SpiritCroc
Copy link
Member

Here's how it could look like. The turtle shape starts to loose clarity on smaller sizes, while the horn still works fine.

Hm yeah, was better before, now also looks a bit like some zoo app on first glance.

Feel free to ping me for any adjustments

Thank you :)

@Scosh
Copy link

Scosh commented Aug 21, 2023

another draft rascunho-schildichat

this is a fantastic drawing. i think it’s quite strong as a concept because it does somehow manage to incorporate the many elements the lead devs seem to want in the icon relatively compactly and is simultaneously both cute and unique. one can finally tell it’s a turtle and a horn. it reminds me a lot of the skeuomorphic app logos old macintosh applications used to have and i think that’s a good thing.

is there any way you can render this in your previous iconographic style? @franksouza183

@franksouza183
Copy link

another draft rascunho-schildichat

this is a fantastic drawing. i think it’s quite strong as a concept because it does somehow manage to incorporate the many elements the lead devs seem to want in the icon relatively compactly and is simultaneously both cute and unique. one can finally tell it’s a turtle and a horn. it reminds me a lot of the skeuomorphic app logos old macintosh applications used to have and i think that’s a good thing.

is there any way you can render this in your previous iconographic style? @franksouza183

Of course, when my mind takes a break from coding I can render this artwork. That's why I made a sketch and not a direct render, it was a brief moment of inspiration, so I grabbed my pen and scribbled quickly before it went away xD. Soon I'll be working in design again, so I can take care of it, hopefully it won't be too late. Anyway, if anyone wants to get a head start on this, feel free to try.

@jpameli
Copy link

jpameli commented Nov 12, 2023

There are plenty of options now. Everybody should find something. I just changed the logo in ThemePark, but the launch screen shows the ugly old logo after opening the app for one sec. I think its hardcoded there. We need a option to disable the logo there.

@colleen05
Copy link

colleen05 commented Jan 17, 2024

@SpiritCroc Any further consideration for an app icon change? Or still wontfix? I think there have been some good suggestions here.

@SpiritCroc
Copy link
Member

You may have seen the icon we've been using for schildichat-android-next. Maybe we'll keep that, we'll see.

@colleen05
Copy link

You may have seen the icon we've been using for schildichat-android-next. Maybe we'll keep that, we'll see.

I see! I do prefer that one over the current icon. I think the shading presents a potential issue with scaling as seen here, although I don't see anyone complaining about the shading in the icons:
image

People on this issue comment section seem to be suggesting their own icons / sketches for icons, so I guess I'll do that too. This is just a sketch, not a final vector, obviously. I tried to make it geometric and have an easily identifiable silhouette, even at lower resolutions.
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
wontfix This will not be worked on
Projects
None yet
Development

No branches or pull requests