Frontend Development

Effective Use of Whitespace in Minimal UI Design


In page layout, illustration and sculpture, white space is often referred to as negative space. It is the portion of a page left unmarked: margins, gutters, and space between columns, lines of type, graphics, figures, or objects drawn or depicted. The term arises from graphic design practice, where printing processes generally use white paper. White space should not be considered merely ‘blank’ space — it is an important element of design which enables the objects in it to exist at all; the balance between positive (or non-white) and the use of negative spaces is key to aesthetic composition.

I don’t believe you have to be better than everybody else. I believe you have to be better than you ever thought you could be.

— Ken Venturi

Nullam vel orci vel purus commodo suscipit sit amet id velit. Vivamus cursus eu enim nec tempus. Nulla sagittis leo quis justo dignissim, commodo tincidunt nisi laoreet. Curabitur non tortor rhoncus, sagittis libero non, pulvinar sem. Nunc dapibus arcu venenatis purus dapibus dignissim. In posuere diam ante, ac scelerisque est pulvinar vel. In ut euismod nibh. Pellentesque vel nibh vitae risus venenatis iaculis. Mauris venenatis non dolor quis convallis. Suspendisse elit velit, imperdiet sed eleifend non, consequat at nisl.

Header Two

Image Capation

Image Capation

Cras tempus eros at sem feugiat ornare. Nullam tincidunt, purus ac rutrum pellentesque, felis leo interdum eros, et faucibus elit elit ac sem. Nam dapibus maximus pulvinar. Ut rutrum lorem arcu, quis accumsan magna lacinia et. Sed libero justo, tempor non dolor sed, tristique tempus purus. Phasellus in massa vitae lacus aliquam fermentum. Curabitur in lacinia tortor, id gravida magna. Pellentesque odio ante, tincidunt a enim non, gravida viverra elit.

Image Caption

Image Caption

Proin consectetur sit amet turpis id blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas vel tortor interdum, sagittis elit ornare, pellentesque ex. Morbi id arcu non dolor tristique consequat eu id felis. Etiam vitae magna sit amet ex elementum condimentum. Vestibulum non dolor auctor, interdum velit vitae, faucibus enim. Morbi fermentum dui in tristique tristique.

Header Three

Suspendisse potenti. Nulla facilisi. Sed nec iaculis erat. Cras bibendum urna arcu, et tempor arcu porta non. Pellentesque ut eros erat. Nullam nec dolor eget velit sagittis lobortis. Phasellus eu nunc imperdiet, iaculis ligula ac, auctor leo.

  • Aliquam auctor lacus risus, vitae ornare nulla placerat vel.
  • Nulla pulvinar diam laoreet, porttitor dolor eu, bibendum lectus.
  • Ut ex elit, scelerisque nec justo nec, consectetur congue eros.
  • Fusce eget libero vitae felis faucibus sodales in sed dui.
  • Pellentesque suscipit blandit mi in hendrerit.

Proin at eleifend ex. Aliquam auctor urna ut orci volutpat ornare. Cras in efficitur lorem. Donec ac ante eu magna congue auctor eu a lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque metus justo, tempor non venenatis et, sodales at dui. Donec ut lobortis risus.

Header Four

Curabitur fringilla odio sed tortor faucibus finibus. Etiam nec magna ex. Aliquam erat volutpat. Phasellus dapibus scelerisque malesuada. Fusce gravida tortor id metus facilisis feugiat.

Frontend Development
Getting Started with Cascade Style Sheets & HTML5
WordPress
August Photo Trip
System Administration
Initial Server Configuration & Setup on Debian
There are currently no comments.

%d bloggers like this: