Proximity in Web Design<br />By: Kirsten Phillips<br />video<br />
What is Proximity?<br /><ul><li>The space that is used to separate or connect items on a web page.
“Designing a website without intentional and effective white (or blank) space is like throwing your dinner into the blende...
If they are not related, they need to be visually separated.</li></li></ul><li>Example: Paragraph<br /><ul><li>I like my d...
  I like my dogs. They are soft and like to cuddle. They play fetch and are my best friends.</li></ul>    The rain clouds ...
Do’s in Web Design<br /><ul><li>Use white space to separate things that aren’t related.
Use white space to bring </li></ul>ATTENTION<br />and add dramatic effect. <br />
Do Not Do This<br /><ul><li> Use white space to separate things that belong together.
Upcoming SlideShare
Loading in...5
×

Proximity

132

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
132
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Proximity

  1. 1. Proximity in Web Design<br />By: Kirsten Phillips<br />video<br />
  2. 2. What is Proximity?<br /><ul><li>The space that is used to separate or connect items on a web page.
  3. 3. “Designing a website without intentional and effective white (or blank) space is like throwing your dinner into the blender and then drinking it through a straw. Pretty unappetizing.” – Jamie Kiley</li></li></ul><li>Principle of Proximity<br /><ul><li>If an element is related to another element, they need to be visually related.
  4. 4. If they are not related, they need to be visually separated.</li></li></ul><li>Example: Paragraph<br /><ul><li>I like my dogs. They are soft and like to cuddle. They play fetch and are my best friends. The rain clouds moved in today. It started to rain and the ground got muddy. I put on my rain boots to go outside and play in the rain. It was fun.
  5. 5. I like my dogs. They are soft and like to cuddle. They play fetch and are my best friends.</li></ul> The rain clouds moved in today. It started to rain and the ground got muddy. I put on my rain boots to go outside and play in the rain. It was fun.<br />
  6. 6. Do’s in Web Design<br /><ul><li>Use white space to separate things that aren’t related.
  7. 7. Use white space to bring </li></ul>ATTENTION<br />and add dramatic effect. <br />
  8. 8. Do Not Do This<br /><ul><li> Use white space to separate things that belong together.
  9. 9. i.e Pictures and captions
  10. 10. Feel like you must fill every spot of your webpage.
  11. 11. Have dead space. White space and dead space are different.</li></li></ul><li>Examples<br />world leader websites<br />
  12. 12. Thank you!<br />And remember your proximity to Jesus is important! =)<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×