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

Improving design of emoji #142

Closed
43 of 44 tasks
carlinmack opened this issue Mar 21, 2020 · 50 comments
Closed
43 of 44 tasks

Improving design of emoji #142

carlinmack opened this issue Mar 21, 2020 · 50 comments

Comments

@carlinmack
Copy link
Contributor

carlinmack commented Mar 21, 2020

Continuation from #106

Face emojis with hands

We have 5 fingers in these emoji Face With Finger Covering Closed Lips and Thinking Face and I think we should have 5 fingers in these emoji too

Animals

  • llama - neck should be thicker - 7b82580
  • raccoon - tweet - change tail to be bushier and add white to the face
  • bee - tweet 1 tweet 2 - looks like an angel, not anatomically similar to a bee
  • sloth - Poor
  • monkey - back left leg should be defined in shape
  • hippopatamus - too simple, mouth should be bigger
  • kangaroo - Kangaroo legs don't look like that
  • skunk - the body is so short! this is an angry sloth

Food

  • tomato - uses the darker green for the leaves instead of the lighter green
  • grapes - uses the dark variation of purple instead of the light version and uses the light version for shading instead of the other way around
  • strawberry - the leaves should be flat, looks like a radish
  • red apple - The borders close all the way (no open contour, see green apple for a better model) and in addition they use light gray to add shine to the apple. This is an added detail that none of the other fruit have and I think goes away from the goals. In addition, the placing of the stem hole makes it so the apple has a 3d perspective instead of being flat like the style guide says (And like the green apple does well)
  • tangerine - uses a 3d perspective for the stem instead of a flat one
  • cucumber - could be better. It's much too curvy and round for a cucumber and it looks more like a germ

new food issues

  • mushroom - while our design is iconic and consistent, it would be nice to have an edible mushroom design (maybe button mushroom?)
  • oyster - redesign - I don't think this should be purple at all
  • waffle - tweet - add butter and syrup
  • custard - looks like a cake, not a creme caramel

Others

@nicdiac
Copy link

nicdiac commented May 23, 2020

Hi! I leave here the corrections on the 4 finger ones. I also do some sutil corrections on the ones with already 5 fingers, like a hand to low and excessively big on 1F914 or a little unnatural pose on 1F92B (Although I'm not sure about this last one changes, I leave it up to you)

Hi here!

Leave me your thougts!

@carlinmack
Copy link
Contributor Author

carlinmack commented May 23, 2020

yes great stuff! I much prefer v2, we don't like unnecessary anchor points :) I also like what you've done with the unnatural poses.

for reference:

image

watch out for little imperfections like this though,
image
image
it should be snapped to the smooth node on the left finger
image

also we prefer if you join lines together which are part of the same shape :)

image image

@carlinmack
Copy link
Contributor Author

@nicdiac can you make sure you export your files following these instructions? https://openmoji.org/styleguide/#file_export it seems there's CSS attributes in your SVGs

@b-g
Copy link
Member

b-g commented May 25, 2020

@dnlutz Do you want to add anything in terms of curve quality or OpenMoji hands and fingers?

@dnlutz
Copy link
Contributor

dnlutz commented May 25, 2020

Sorry for being late to the party AND it's just a sketch … but I would be strongly in favor of going in the opposite direction. The more fingers, the more tiny fragmented elements we get. The interior spaces become too thin and don't look good.

I don't think we need the fingers here at all – the main thing is to recognize the hands. What do you think? Would that be a direction you could go?

@dnlutz dnlutz closed this as completed May 25, 2020
@dnlutz dnlutz reopened this May 25, 2020
@dnlutz
Copy link
Contributor

dnlutz commented May 25, 2020

sorry, i did not want to close this issue but add an image …
hands_faces_01

@nicdiac
Copy link

nicdiac commented May 25, 2020

I dont know if it is an oversimplification. But in the other hand I think thant otherwise there are a lot of useless lines. In any case I would leave it with five fingers, the difference is subtle but it looks, an it would differs much of the other emoji lines.

Mesa de trabajo 1
2

@carlinmack
Copy link
Contributor Author

If we're representing fingers at all it should be five, however I think we should hint at them like
image

@nicdiac
Copy link

nicdiac commented May 26, 2020

I leave those here with that modifications
1F92B@150x-100 1F92D@150x-100 1F914@150x-100 1F917@150x-100 1F971@150x-100

I have to polish the anchor points, but to give you an impression

@nicdiac
Copy link

nicdiac commented May 27, 2020

Here i leave the ones with those modifications.

2. less lines.zip

I also been working on the racoon one with the modifications. I still hardly see a racoon there, the shape of the body seems a lot like a lemur, so I do a reversion of it. What you think?

Original / Modified / Reversion

1F99D ORG 1F99D MOD 1F99D REV

@carlinmack
Copy link
Contributor Author

The arch of the back is very different to what raccoons actually look like, but it's a lot better! See some of these from wikimedia commons for reference

Untitled

@dnlutz
Copy link
Contributor

dnlutz commented May 28, 2020

I prefer the modified version in the middle. The reversion on the right is beautiful but it has too many details IMO. That's a problem we have with some other animals – they should be recognizable but not too realistic / detailed.

@nicdiac
Copy link

nicdiac commented May 29, 2020

I leave the animals here with the modifications made.

From the raccoon I lifted his back a little more arched at the end without getting lost in the realism.
racoon

Of the bee and the sloth I leave several options, although of the sloth I opt for the last one, I believe that the problem was in the colors and in the form of the face, and of the bee those that involve the black color, the wings I would leave them equal, they are quite original.

beesloth

The hippopotamus, the kangaroo and the monkey are well solved with the subtle modifications made. I focus on get clear the idea of the animal in all.

kanghippo

The skunk I modified completely without trying to get lost in so many lines.

shunk

I wait for your thoughts to send the final deliverables :) I also leave the svg if you want to try any mod.

sketch.zip

@carlinmack
Copy link
Contributor Author

carlinmack commented May 30, 2020

raccoon

I think both options suffer from the large dip at the neck, have a look at the cat emoji for how you can do a continuous line and keep the ear

bee

I'd prefer sometihng like this (including legs)
https://commons.wikimedia.org/wiki/File:Bombus_impatiens_queen.jpg

sloth

I'd say third but I think the head shouldn't be a circle and should be more accurate

monkey

great

hippo

better but I dislike all of the leg options. have a look at what they look like, maybe look at our llama emoji for reference.

kangaroo

I still really dislike this. I think it would be easier to redesign from scratch hahah like kangaroos have knees - how could that ever jump

"shunk" :P

yes this is great!!I'd go with the last one

@dnlutz
Copy link
Contributor

dnlutz commented May 30, 2020

I agree with @carlinmack
The only way to improve Hippo and Kangaroo is to rework them from scratch ; )
But the others got really much better, I especially like the new skunk!

@carlinmack
Copy link
Contributor Author

carlinmack commented Jun 2, 2020

going back to the hands for a second, I think this is preferable to your design. Could either of you send me the change?
image

@nicdiac
Copy link

nicdiac commented Jun 2, 2020

Me too, but dont follow the line of the 'no finger guys' 😂, thats why i rejected. I leave it here.

1F92B.zip

In other news, i remade the raccoon. With this option the dip in the neck disappear. What you think?

Mesa de trabajo 4PNG

@nicdiac
Copy link

nicdiac commented Jun 5, 2020

Here i add the bee based on the one you said with some little variations, Im between 2 and 4

Mesa de trabajo 2PNG

@carlinmack
Copy link
Contributor Author

all of our insects are from a top down or side view so 4 and 5 are disqualified

as for the others:

  • the back wing should be partially hidden by the body - right now it looks like both wings are stuck on to one side of the body
  • it would nice to hint at the segmentation of the body a bit more
  • bees have 6 legs but that may clutter the design too much

@carlinmack
Copy link
Contributor Author

I'd just like to reiterate how important it is to follow the correct exporting rules

can you make sure you export your files following these instructions? https://openmoji.org/styleguide/#file_export it seems there's CSS attributes in your SVGs

makes it a lot easier on my end 😀

@nicdiac
Copy link

nicdiac commented Jun 12, 2020

Here are the two.

On the bee I made the modification on the wing to be backward, the legs and the segmentation I dont thinks is the best to do, it makes it a lot more realistic, and more legs I tried before and does not work.

Let your thoughs on the raccoon one, I remade it with a side view, like all the animal line but with a more raccoon like profile and curves on the back.

Mesa de trabajo 3

@carlinmack
Copy link
Contributor Author

I really like that racoon!! perfect

and fair enought with the bee, it's a huge improvement already!

@nicdiac
Copy link

nicdiac commented Jun 20, 2020

I've seen it dificult to modify the head of de sloth, and also hardly recognizible besides the originality of the concept when I focus on a real sloth pic. Again seems like a monkey like animal. I've tried a diferent aproach, with more realistic on the curves.

Mesa de trabajo 4

@carlinmack
Copy link
Contributor Author

Could you make the adjustment to the fill like shown in the image? thanks

image

@nicdiac
Copy link

nicdiac commented Jun 20, 2020

perfect! I'll check all the animals for that gaps and refine the sloth lines a little. thanks :)

@nicdiac
Copy link

nicdiac commented Jul 22, 2020

Sorry the delay, some issues comes up. Here are the hippo and the kangaroo reformulated. I have to do some refinements, but to give you the main concept.
Mesa de trabajo 5@300x-100

@carlinmack
Copy link
Contributor Author

Wow good work!

Can you upload the monkey, skunk, raccoon, bee, sloth, hippo and kangaroo! thanks 😀

@b-g
Copy link
Member

b-g commented Jul 23, 2020

Hi @nicdiac, Many thanks for this! Nice! But I think this could be still improved a bit ... I don't like that the black lines cluster that much. Could you try once more to further simplify the curves while avoiding clustering of the black lines?

2020-07-23 at 15 43

@nicdiac
Copy link

nicdiac commented Sep 17, 2020

Sorry again the impass 🙈 I don't enter to much on GitHub and the mail with the notification got buried on my inbox.

Thanks @b-g and @carlinmack, I'll be doing the corrections to those last ones. It were just concept about the kangaroo and the hippo, just to see if you liked the twist from the already ones. Those things you said, the cluster of the black lines, were actually the ones I had to correct. In the next days I'll do the corrections and I'll upload the definitive ones! 💪

@nicdiac
Copy link

nicdiac commented Sep 22, 2020

Hi there! I got the final ones over here, let me know I you want some modification, even if its minor. I corrected the clustering in the kangaroo and the hippo mainteining the essence of both.

Also check If I exported well the svg's. I'd problems in the past with that and I want to solve it at once. 😅

Cheers and I hear you guys! 🙌

@nicdiac
Copy link

nicdiac commented Nov 4, 2020

Hey! Someone is doing the improvements for the food ones? Just to take it and advance on it

@carlinmack
Copy link
Contributor Author

nope, feel free! I didn't catch that you linked the SVGs above, so I'll get to them and add them soon :) sorry about the delay

@carlinmack
Copy link
Contributor Author

carlinmack commented Nov 4, 2020

image
all look great! all added as of 90b1fee

@lizbravob
Copy link
Contributor

hi, 😁 can I help here improving emoji?

@carlinmack
Copy link
Contributor Author

carlinmack commented Dec 17, 2020

of course! I think @nicdiac is doing the food ones, but feel free to do any of the others :)

@b-g
Copy link
Member

b-g commented Dec 17, 2020

@lizbravob Please! :) YAY!

@lizbravob
Copy link
Contributor

I started bottom-up :) hope it works well, and welcome any feedback.
improving_openmoji.zip

Greetings :)

@carlinmack
Copy link
Contributor Author

image
all look great, two nitpicks:

  • could you make the lady bird a bit bigger, so that it touches the circle
  • can you adjust this part a little bit? I think it looks good but it could be a bit cleaner
    image

@carlinmack
Copy link
Contributor Author

carlinmack commented Dec 18, 2020

Oh also can you make the caterpillar body a bit bumpier? thanks!

image

@lizbravob
Copy link
Contributor

Holaa! 👋

I fixed the bug, lady beetle & old man. And I redesigned the others :)

Greetings.
redesign_openmoji.zip

@carlinmack
Copy link
Contributor Author

carlinmack commented Dec 22, 2020

image
Ah so cute!

maybe with slightly shorter arms?

image

And can you fill in white for the pages of the book?

I'll upload the other ones tomorrow :)

@lizbravob
Copy link
Contributor

Sure :)
redesign_openmoji.zip

@carlinmack
Copy link
Contributor Author

added in c6ed7af :)

@carlinmack carlinmack unpinned this issue Dec 23, 2020
@tif-calin
Copy link

Really minor thing, but it bothers me a lot. The carrot emoji is messed up.
image

It's a really easy fix. I just opened the svg with Inkscape and moved the lighter orange of the carrot to the bottommost layer and the regrouped things. Here's the new svg file

carrot.zip

@b-g
Copy link
Member

b-g commented Jan 25, 2021

@tif-calin Many thanks for spotting! Fixed with f6af300 ... please fix in the future the files of the src folder and not exported ones (they don't have the full accuracy). Cheers.

@lizbravob
Copy link
Contributor

..and also from this list :)

Some openmoji are repeated in #143. I'll be pending for your feedback 😬

openmoji.zip

@b-g
Copy link
Member

b-g commented May 3, 2021

Wow! Nice! @dnlutz @carlinmack Comments before I merge it?

Screen Shot 2021-05-03 at 12 01 47

@carlinmack
Copy link
Contributor Author

all great! would be good to preserve the old mushroom design and maybe some others

@b-g
Copy link
Member

b-g commented May 4, 2021

Yay! I think we are done with this one. Closed. Many thanks @lizbravob and @carlinmack 🙏❤️!!

@b-g b-g closed this as completed May 4, 2021
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

6 participants