I said I would have a go at designing icons for Mastodon, so here's a mockup with them integrated 🙂raw.githubusercontent.com/snwh

@Gargron I went about making some custom icons to show you what I meant by "tailored icons". 🙂

@snwh looks cool! Is that an app or a website? What does "boost" supposed to do?

@jayzelenkov uhh, you're on the thing right now that that's a mockup
of.

@snwh These are great. Especially love the rocket ship and astronaut-type icons.

@mjd it seemed appropriate for "boost" and it went from there.

@snwh It makes perfect sense. It also feels less reliant on Twitter design language.

@mjd exactly, you can see there are some Twitter icon analogues still in there.

@snwh Which makes sense -- Twitter and Facebook have so dominated our conceptions of how social networks work it will be hard to come up with a different vocabulary for actions that make sense to everyone, much like a floppy disk still means "save" in some places.

@mjd Mastodon is already establishing a new vocabulary with Toots and boosts.

@snwh Indeed - this is why your takeoff icon makes sense -- the current recycle icon says retweet but not "boost" to me.

@snwh I also like the use of the actual Mastodon icon for getting started -- asterisk doesn't really mean anything.

@snwh Liked the rocket as the boost icon but I think the log out icon could be something else.

Well done 😄

@frd the classic metaphors for logout are rather dull.

@snwh Agree! But the boost icon being similar to the log out might make it loose its unique charm. Just a thought.

@frd icons shouldn't have unique charm, they should have consistent charm. ;)

@snwh @frd I don't know I have to agree with Farid here - the logout icon and the boost icon looks too similar.

Also as you say Sam, "logout" icons are just weird - I suppose its like "save" icons. The analogy is stuck in there

@frd @snwh

(also they are very cool - just to have that said out loud)

@ohyran @frd I know. But you're ruining my fun with the icons. ;) I'll likely use a common metaphor in the end if they get adopted.

@snwh @frd THAT is enough reason in my book. If we can't design and enjoy it - then wth is the meaning?

@ohyran I enjoy the process as much as the result (maybe even more so) including the part where I defend or debate the design. :)

@snwh I want to write a GNOME client.. currently trying to GObjectize the matrix http api

@snwh Oh, no, it worked, I just didn't know to click on it (upcoming version of Masto alleviates that with a special reply icon btw)

@Gargron oh, haha. I look forward to it. Anyway, in the mock-up, I designed some icons to be less reliant on Twitter's design language (like the change to the boost icon) and to fit within their displayed size for clarity.

@snwh @Gargron but the logout & boost icons looks the same in the mock up. don't you guys think it may cause some confusion?

@rcmainak @Gargron I'd likely change it to a more conventional icon if implemented, permit me some whimsy in my mock-up. ;)

@snwh @Gargron hehe, just wanted to help out. I'm neither a designer nor familiar ruby.

@snwh Looks good overall, but why do the boost and logout icons look so similar when they do something completely different?

@snwh The boost rocket and astronaut is a stellar idea but agree that it should not be a rocket on the logout. I also do not like the looks of the Mastodon logo. Not your fault but i don't like it. Maybe you could make a better? Maybe @eugen could arrange a competition about it? ;)

@shellkr I see what you did there. But regarding the logo, competitions are not good ways to do design.

@snwh @shellkr Competitions are nine times out of ten the suicide of good design.

@snwh I've seen it go well once - it was at a highschool and the students where participants which was fun.

@ohyran well, of course the context of the competition does matter.

@snwh You are maybe right.. I just think it should have a more "happy" or "social" feel to it. I do not think it gives a good vibe as it looks today. Anyway.. always like your work. ;)

@snwh these icons look really great! I hope they will be implemented.

(On a somewhat unrelated note, what do you use for creating these mockups?)

@gabrielelucci thanks, I draw all the mockups I do in Inkscape.

Sign in to participate in the conversation
mastodon.cloud

Generalistic and moderated instance.