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". 🙂

Show thread

@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

Recently, the handling of online defamation has become a hot topic on many mass media as well as social media channels. News Article for Reference: https://www.jiji.com/sp/article?k=2020052500387 In response to these reports, it is expected that lawsuits and disclosure requests will become more publicly known; and government agencies will order stricter enforcement in addition to tightening regulations. However, under the current state of Japan, we will not be able to handle the increase of such administrative burdens and will have trouble dealing with it appropriately. Thus, we have decided to stop providing our service on mstdn.jp and mastodon.cloud starting June 30, 2020. We are very sorry for the inconvenience and appreciate your understanding on the matter.