: Avoiding optical illusions in (icon) design I am fairly new to the wonderful world of icon design and I have a recurring issue that I find difficult to deal with. for me, consistency in line

Posted in: #DesignPrinciples #Icon #OpticalIllusion #Perception

I am fairly new to the wonderful world of icon design and I have a recurring issue that I find difficult to deal with. for me, consistency in line thickness, shape sizes and colors is very important to create a well designed piece.

However I seem to run into an 'optical illusion' problem often. The latest icon I am creating for example should represent an old bike. I have set my line stroke to 10px and have drawn a small circle of 10x10px. Yet all three of my shapes seem to be of different size and line thickness to the eye.

However as you can see by the orange balls I included, the lines really are all the same size.

How do I prevent such things from happening? It looks very awkward to me. I could reduce and increase the size here and there so it pleases the eye, but then it is not technically correct anymore...

10.01% popularity Vote Up Vote Down

: How can I apply a parent group's layer styles to child layers when using 'Generate Image Assets' in Photoshop? I have a group in Photoshop containing many layers, which I'm exporting as individual

@Mendez620

Posted in: #AdobePhotoshop #Export #LayerStyle

1 Comments

: Illustrator: how to crop artwork and save as SVG? I just need to crop half size of image like this. But I have no experience with svg format. I tried adjusting canvas size manual but no

@Mendez620

Posted in: #AdobeIllustrator #Canvas #HowTo #Svg

1 Comments

: Vector Icons for iOS App I am using Sketch to design icons for a new version of VidaLingua dictionaries. I start with vector icons which scale perfectly to 25 pixel height (left). But when

@Mendez620

Posted in: #Icon #SketchApp #Vector

1 Comments

: Changing the canvas size when exporting slices (Save For Web)? Is there a way to change the canvas size before exporting the slices (save for web) to layers. I know that the image size can

@Mendez620

Posted in: #Adobe #AffinityDesigner

0 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Goswami567

You have two choices: either change the line thickness so that it looks right, or leave it alone. There are no other ways.

Nobody except you will probably realise that it's not "technically correct", unless they have OCD and use a ruler to check, or magical eyes that don't suffer from the same optical illusions that plague the rest of the human race.

10% popularity Vote Up Vote Down

Feed

: Avoiding optical illusions in (icon) design I am fairly new to the wonderful world of icon design and I have a recurring issue that I find difficult to deal with. for me, consistency in line

More posts by @Mendez620

: How can I apply a parent group's layer styles to child layers when using 'Generate Image Assets' in Photoshop? I have a group in Photoshop containing many layers, which I'm exporting as individual

: Illustrator: how to crop artwork and save as SVG? I just need to crop half size of image like this. But I have no experience with svg format. I tried adjusting canvas size manual but no

: Vector Icons for iOS App I am using Sketch to design icons for a new version of VidaLingua dictionaries. I start with vector icons which scale perfectly to 25 pixel height (left). But when

: Changing the canvas size when exporting slices (Save For Web)? Is there a way to change the canvas size before exporting the slices (save for web) to layers. I know that the image size can

Login to post a comment!

1 Comments

Back to top | Use Dark Theme