7 ms·
Show HN: A simple, open-source Notion-like avatar generator
- sirmike_ 3y agoI like it and thank you for creating this. Do not listen to the haters too too much. Just the valid feedback.
- surgicalcolor 3y ago[flagged]
- doeienfhworjen 3y agoYou can. Tap the +2 button
- explosion-s 3y agoWhere can I edit facial hair + glasses?
- aaronmiler 3y agoFound this by accident. Click the little `+2` on Outfits, and it opens Accessories/Facial Hair
- QuiDortDine 3y agoPretty bad UI, I just thought there were more outfits.
- doeienfhworjen 3y agoTap the +2 button
- WA 3y agoAll of them look male, even if you select the most feminine features. Edit: It's probably because of the width of the shoulders, the jawline, the thickness of the eyebrows (and more things).
- ShrigmaMale 3y agoall of them look hideous to me, tbh. if they were more cartoony it would actually work a lot better. imo they all look kinda like this guy in different get-ups https://i.pinimg.com/236x/da/2b/a3/da2ba3c80630ff50c12b6d7ac9a875d4.jpg https://i.pinimg.com/236x/da/2b/a3/da2ba3c80630ff50c12b6d7ac...
- dooraven 3y agoI managed to get this which is pretty female looking imo but yeah there is a bit issue of an issue when there isn't many femalish options: https://i.imgur.com/CWca05u.png https://i.imgur.com/CWca05u.png
- wilmerterrero 3y agoHey, the developer here! Thanks for using it :) Maybe could look like this... I have my hand tied because I'm not the owner of the artwork
- developer93 3y agoIn 2023 you would expect the be able to represent women easily. This is quite a blasé response, and feels exclusionary.
- sedivy94 3y agoI agree. Even though OP is not an artist, I’m deeply offended that they did not bend over backwards to create a product that considers every permutation of every phenotype. I’m also morally obligated to reframe every misstep as intentionally malicious and bigoted. I don’t care if 12 of the 32 hairstyles are clearly feminine, that number should be at least 16. And even then, as a closeted misandrist, I would find the remaining 16 masculine hairstyles to be extremely triggering. In your hasty response, you failed to be an ally for the facially-divergent. Whether it be one eye or no eyes, these people need to be seen. And don’t even get me started on the default skin tone… Whyte? Really? It’s 2023.
- 3y ago
- meindnoch 3y agoSince when can a website play sound without my consent?
- marcuskaz 3y agoThe sound is annoying and does not add much to selecting an item. All the features look small when selecting them, so hard to to see the differences until clicking. So trying out a bunch of different ones combined with the sound was irksome. I'm not sure how you test with it on, I turned off my speaker.
- globular-toast 3y agoSince forever. The lack of "muted by default" behaviour is very frustrating. It's also implemented per-tab rather than per-domain. What the hell? I want all sound directed to /dev/null by default with the option for me to enable it. In 100% of instances I will know whether I want sound to play before the sound actually plays. I've a feeling they can't do it because websites would complain, though. You can use all free software and other people will still find a way to control your computer.
- codetrotter 3y agoI think the way that it works is that by default sound is muted, but browsers allow onClick event handlers to unmute the tab. So if you have a page that tries to make sound after it has loaded but there has been no user interaction, it will be muted. But as soon as you interact with the page, all bets are off.
- wilmerterrero 3y agoHey, the developer here! You can disable the sound by just clicking the sound icon.
- lopkeny12ko 3y agoOk, but why is there sound in the first place? What does it add to the experience other than confusion and frustration?
- 3y ago
- marcuskaz 3y agoInstead of the feature selector popping up and blocking the avatar, it would be nice to have it side to side, or top to bottom and not close on selection but allow for tapping through the different options and see the differences.
- wilmerterrero 3y agoHey, the developer here! Thanks for your feedback :) I'm planning to make an update of the look and feel of the app
- Onward5818 3y ago[flagged]
- publius_0xf3 3y agoSome bizarre UI decisions. Why are the extra options hidden behind the +2? Why does the selector obscure the face? Why are the previews for features so tiny as to be useless? Otherwise, nice.
- wilmerterrero 3y agoHey, the developer here! Thanks for your honest feedback! Could you don't mind giving some thoughts on improving the overall UI?
- ch_sm 3y agoNot GP, but I would drop the pagination in the pop-ups. Regular Scrolling, maybe even css snap-scroll, would be more convenient. On mobile, some of the icons are too small to be legible (e.g. „mouth“). Overall, nice work though! The resulting avatars look great!
- duxup 3y agoI would suggest a blank canvas option. I found it hard to make adjustments with some of the defaults if I was going for a specific look.
- hinkley 3y agoMove the chooser off of the top of the avatar is step 1. Also defaulting to a mask and then hiding the UI for removing it? Makes the first chooser look like it does absolutely nothing. As it stands, it looks like only the first three are actually different. If the first thing you click on appears to do nothing, user hostility begins already. The first rule of UI is don’t piss the user off, because it’s much harder to interpret feedback from an angry user (it’s possible, but it takes a lot more skill and emotional maturity).
- karmakaze 3y agoThe main thing is to make it modeless. When there's space, like on a large desktop window, put the selector alongside the preview. Then any change in selection should update the preview without additional clicks. Basically 1 click should change a feature and another click change it to something else. If you used it for any length of time, these things should be self evident as annoyances to be streamlined. As an exercise, try every selection for every option while looking at the preview for each result.
- jitl 3y ago(I work at Notion) Notion’s illustration style is the work of [Roman Muradov], and many of the avatars are the work of [Iris Chiang]. Roman doesn’t appreciate software like this that tries to reduce their artistry to a commodity. If you’re going to rip off the style, please do it with care: use feathered painterly strokes, not sharp vector edges. The avatars are drawn in Procreate, not Adobe Illustrator. [Roman Muradov]: https://bluebed.net/ https://bluebed.net/ [Iris Chiang]: https://irischiangart.com/ https://irischiangart.com/
- leokennis 3y agoEverything is a remix. Roman and Iris might not like this - tough luck for them.
- shlubbert 3y agoJust imagining an alternative way this conversation could've gone: A: "Glad you were inspired by our illustrations! Please give credit to the artists that originally created them though. I also think you might be missing some of the painterly details that make the Notion style unique :)" B: "This probably falls under fair use, but I agree it'd be nice to respect their artistry."
- lopkeny12ko 3y agoAre you an official representative of Notion, the company? Because if so...yikes, this is a really, really bad look.
- mdwalters 3y agoOK, so? Just because someone uses another software, doesn't make it "low quality."
- mxuribe 3y agoIts cute, but would be vastly better if the controls were a slight bit more exposed. Kudos to the developer/designer for creating something!
- networked 3y agoI would reduce the probability of the toothbrush mustache or its combinations with certain face types in the random generator. You start noticing the Hipster Hitlers if you keep clicking "random". https://i.imgur.com/hYGqH2H.png https://i.imgur.com/hYGqH2H.png
- gremlinunderway 3y agoWhy is there a toothbrush mustache even in there as an option? Like, even the most hipster or alternative people out there I've never seen people with one. I'm getting Hitler mustaches after every third click.
- vcryan 3y agoWow, harsh criticism here. I think this is very promising MVP and with a little refinement could be quite useful. Nice work!
- BoorishBears 3y agoThere are some nicer equally open source options also built around Open Peeps This one even maps to a React Component you can embed elsewhere: https://www.opeeps.fun/ https://www.opeeps.fun/ Definitely a fun MVP but the UI is tough
- deleted 3y ago[deleted]
- amitmerchant 3y agoA more saner one: https://peepslab.com https://peepslab.com
- deleted 3y ago[deleted]
- tinyhitman 3y agoSane, but I'm greeted with a three-eyed avatar, lol.
- tipiirai 3y agoAll male too :(
- amitmerchant 3y agoI don't think so.
- red2awn 3y agoThe first one I got was holding a knife...
- voisin 3y agoThe only option seems to be to cycle one at a time through every option. That’s totally insane.
- redgetan 3y agoi feel like scrolling would be better than pagination as its easier to select from the choices that are available
- dmje 3y agoIt’s cool, I like it, congrats on getting something out the door :-) Would be cool if you could share - if the url updated as you edited?
- clarkhacks 3y agoLove this idea!
- voisin 3y agoHair options could use some buzz cut, etc.
- voisin 3y agoKill off the sounds altogether. Adds nothing to it and is totally unexpected.
- vidarh 3y agoYeah, the sounds were infuriating
- ShadowBanThis01 3y agoWhy does the avatar have to have a beard? And what does the “+2” mean?
- FinnKuhn 3y agoI like this a lot, although the UI could be optimised it is relatively easy to understand, however it kinda bugs me that there isn't a way to represent different hair/skin colors (not your fault or anything, but it would be nice if I could create an avatar that looks like me :D). Perhaps hatching or just an outline instead of a fill could be used for that purpose. The option to download the .svg would also be useful
- 0ct4via 3y ago"Accessories" (Eyewear, face mask, earphones) and "Others" (facial hair) are hidden behind the "+2" above the Outfits button. Option replication: Mouth - pane 1, bottom row, the left two mouths are identical. Accessories - pane 1, bottom row, right two glasses are identical as well. This isn't immediately obvious, and it seems a lot of other people have this issue -- some with removing an auto-generated face mask, me with removing the auto-generate facial hair -- as none of the other options produced anything close to the desired "no beard" option, and the +2 wasn't as apparent or obvious as it could be. Additionally, why not just have those two options as regular buttons with the rest? When you've got 9 buttons and a not-very-obvious "hidden options" mini button, why not just have the hidden options be alongside the regular buttons? Finally, for the face mask options - they remove any other "accessories" option, including eyewear -- if someone wore glasses and wished to have a face mask in their avatar, that option isn't available. Likewise, you can't have eyewear + earphones/"blushing"/bow tie (the latter of which doesn't seem to be connected to the other facial options at all). (Oh, and the lack of representation for more feminine faces and facial features is atrocious. Ignoring that women make up ~50% of the population, they represent over 1/4 of the people in tech - and it's 2023. Come on.)
- clarkhacks 3y agoMaybe even an endpoint to respond with the image instead so they can be generated programmatically.
- devrafx 3y agoI made it, but I have to document that API: avartation-api.vercel.app/api The code source: https://github.com/Devrax/avartation-api https://github.com/Devrax/avartation-api
- morgango 3y agoSuper cool. Did I miss it or is there a place to change hair color and skin tone?
- Alifatisk 3y agoThere is also notion-avatar.vercel.app