Negative Space

Capture.PNG.scaled500

Negative space is the space around the subject of an image. For example, if you have a picture of a ball, the negative space in that picture is everything around the ball.

The clever artist can use negative space to communicate a supporting or secondary idea. With the ball example, that picture could have the ball smack in the middle of an otherwise blank image to convey the idea of a ball sport in Japan.

Actually, it’s useless to explain it in words. You get a better idea if you see for yourself.

Coexistence-Tang-Yau-Hoong-wp negative-space-logos-35 negative-space-logos-39 Rubin2 Sky-Invader-Tang-Yau-Hoong-wp

More at the source:

Advertisements

The Same Colour Illusion

772px-Grey_square_optical_illusion.PNG.scaled1000

The Same Colour Illusion demonstrates that a design element can produce different results when placed in different surrounds.

Text tricks for when you cbf with design

The title is sort of misleading.

Making a site look good with just text is a form of design. And there are simple enough guidelines out there that we can easily take ‘programmer design’ to the next level.

http://ilovetypography.com/2008/02/28/a-guide-to-web-typography/

Tl;dr:

  • Maintain strong colour contrast that’s easy on the eyes
  • Consider text size for readability
  • Use text size, alignment, colour and style to show content hierarchy
  • Include whitespace and negative space to draw attention to your text