← Back to context Comment by aplc0r 3 years ago It is a good idea, but the layout hurts my eyes due to the Hermann grid illusion.https://en.wikipedia.org/wiki/Grid_illusion 14 comments aplc0r Reply zagrebian 3 years ago “There are 121 fleeting black dots in a day” jmstfv 3 years ago It wasn't intentional!I experimented with different colors, but seems like all of them produce this illusion :/I'll see what I can do. jmstfv 3 years ago UPDATE:* rounded corners to make rectangles look more pleasant* switched to pastel colors to lower the contrast and make the grid less taxing for the eyesThanks everyone for the input! onychomys 3 years ago You might have to do 144 circles instead, I think that would have enough whitespace around each one to stop the illusion. smoe 3 years ago Fiddled around with it a bit and if you reduce the spacing between the boxes to a few pixels the illusion goes away for me or is barely noticeable. But, the aesthetics of the whole thing are quite different then. xwdv 3 years ago Eliminate all space in between rectangles. Aesthetics be damned. randyrand 3 years ago Or add the circles intentionally? At least they wont pop in and out then. omgitsabird 3 years ago Seems better with a border radius of 1.25rem. Also making the border thickness very thin seems to help, as well as some making it more oblong. pan69 3 years ago Reduce the contrast, i.e. make the black less black. phil-martin 3 years ago Maybe try using circles instead of rectangles, and the progress within each circle is shown like a pie chart? mattlondon 3 years ago Rounded corners might help? cyberge99 3 years ago Try hexagons, they’re equidistant between centers. peterburkimsher 3 years ago "Hexagons are the bestagons" according to CGP Grey. https://www.youtube.com/watch?v=thOifuHs6eYPersonally I prefer fractals. A 6-sided hexagon is just 2* 3-sided triangles. Or 6 of them, depending how you prefer to tile the plane.https://i.pinimg.com/originals/c9/44/99/c94499bb9a0057f8573e...So how about a day schedule organised by Sierpinski triangles? Lots of space in the middle for resting. allenu 3 years ago Could rounded corners help here?
jmstfv 3 years ago It wasn't intentional!I experimented with different colors, but seems like all of them produce this illusion :/I'll see what I can do. jmstfv 3 years ago UPDATE:* rounded corners to make rectangles look more pleasant* switched to pastel colors to lower the contrast and make the grid less taxing for the eyesThanks everyone for the input! onychomys 3 years ago You might have to do 144 circles instead, I think that would have enough whitespace around each one to stop the illusion. smoe 3 years ago Fiddled around with it a bit and if you reduce the spacing between the boxes to a few pixels the illusion goes away for me or is barely noticeable. But, the aesthetics of the whole thing are quite different then. xwdv 3 years ago Eliminate all space in between rectangles. Aesthetics be damned. randyrand 3 years ago Or add the circles intentionally? At least they wont pop in and out then. omgitsabird 3 years ago Seems better with a border radius of 1.25rem. Also making the border thickness very thin seems to help, as well as some making it more oblong. pan69 3 years ago Reduce the contrast, i.e. make the black less black. phil-martin 3 years ago Maybe try using circles instead of rectangles, and the progress within each circle is shown like a pie chart? mattlondon 3 years ago Rounded corners might help? cyberge99 3 years ago Try hexagons, they’re equidistant between centers. peterburkimsher 3 years ago "Hexagons are the bestagons" according to CGP Grey. https://www.youtube.com/watch?v=thOifuHs6eYPersonally I prefer fractals. A 6-sided hexagon is just 2* 3-sided triangles. Or 6 of them, depending how you prefer to tile the plane.https://i.pinimg.com/originals/c9/44/99/c94499bb9a0057f8573e...So how about a day schedule organised by Sierpinski triangles? Lots of space in the middle for resting. allenu 3 years ago Could rounded corners help here?
jmstfv 3 years ago UPDATE:* rounded corners to make rectangles look more pleasant* switched to pastel colors to lower the contrast and make the grid less taxing for the eyesThanks everyone for the input!
onychomys 3 years ago You might have to do 144 circles instead, I think that would have enough whitespace around each one to stop the illusion.
smoe 3 years ago Fiddled around with it a bit and if you reduce the spacing between the boxes to a few pixels the illusion goes away for me or is barely noticeable. But, the aesthetics of the whole thing are quite different then.
omgitsabird 3 years ago Seems better with a border radius of 1.25rem. Also making the border thickness very thin seems to help, as well as some making it more oblong.
phil-martin 3 years ago Maybe try using circles instead of rectangles, and the progress within each circle is shown like a pie chart?
cyberge99 3 years ago Try hexagons, they’re equidistant between centers. peterburkimsher 3 years ago "Hexagons are the bestagons" according to CGP Grey. https://www.youtube.com/watch?v=thOifuHs6eYPersonally I prefer fractals. A 6-sided hexagon is just 2* 3-sided triangles. Or 6 of them, depending how you prefer to tile the plane.https://i.pinimg.com/originals/c9/44/99/c94499bb9a0057f8573e...So how about a day schedule organised by Sierpinski triangles? Lots of space in the middle for resting.
peterburkimsher 3 years ago "Hexagons are the bestagons" according to CGP Grey. https://www.youtube.com/watch?v=thOifuHs6eYPersonally I prefer fractals. A 6-sided hexagon is just 2* 3-sided triangles. Or 6 of them, depending how you prefer to tile the plane.https://i.pinimg.com/originals/c9/44/99/c94499bb9a0057f8573e...So how about a day schedule organised by Sierpinski triangles? Lots of space in the middle for resting.
“There are 121 fleeting black dots in a day”
It wasn't intentional!
I experimented with different colors, but seems like all of them produce this illusion :/
I'll see what I can do.
UPDATE:
* rounded corners to make rectangles look more pleasant
* switched to pastel colors to lower the contrast and make the grid less taxing for the eyes
Thanks everyone for the input!
You might have to do 144 circles instead, I think that would have enough whitespace around each one to stop the illusion.
Fiddled around with it a bit and if you reduce the spacing between the boxes to a few pixels the illusion goes away for me or is barely noticeable. But, the aesthetics of the whole thing are quite different then.
Eliminate all space in between rectangles. Aesthetics be damned.
Or add the circles intentionally? At least they wont pop in and out then.
Seems better with a border radius of 1.25rem. Also making the border thickness very thin seems to help, as well as some making it more oblong.
Reduce the contrast, i.e. make the black less black.
Maybe try using circles instead of rectangles, and the progress within each circle is shown like a pie chart?
Rounded corners might help?
Try hexagons, they’re equidistant between centers.
"Hexagons are the bestagons" according to CGP Grey. https://www.youtube.com/watch?v=thOifuHs6eY
Personally I prefer fractals. A 6-sided hexagon is just 2* 3-sided triangles. Or 6 of them, depending how you prefer to tile the plane.
https://i.pinimg.com/originals/c9/44/99/c94499bb9a0057f8573e...
So how about a day schedule organised by Sierpinski triangles? Lots of space in the middle for resting.
Could rounded corners help here?