Archive

Archive for June, 2015

WebDev: Creating a Mobile App with Famo.us and ManifoldJS

June 30th, 2015 No comments

For the last few months I’ve been wanting to dive into this new JavaScript framework since I saw their launch event in October of 2014. Famo.us includes an open source 3D layout engine fully integrated with a 3D physics animation engine that can render to DOM, Canvas, or WebGL In short, you can get native performance out of a web application, largely due to the way Famo.us handles the rendering of its content. Jenn Simmons of the Web Platform podcast recently had Famou.us CEO, Steve Newcomb on the podcast to discuss the mobile performance and their upcoming mixed mode. This was perfect timing, as Microsoft had just released ManifoldJS, a tool which allows you to package your web experience as native apps across Android, iOS, and Windows. I wanted to put these two technologies to the test. In short, I wanted to determine if Famo.us does actually have great mobile performance, as well as have an understanding of how straightforward the process was for packaging my web application as mobile app. What Problem do These Two Things Solve? The web isn’t necessarily known for creating high performance applications, which is a shame because it truly is capable of blazing fast interactive […]

Categories: Others Tags:

Desktop Wallpaper Calendars: July 2015

June 30th, 2015 No comments
A Flamboyance Of Flamingos

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork, and as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one — desktop wallpapers that are a little more distinctive than the usual crowd. This creativity mission has been going on for seven years now1, and we are very thankful to all designers who have contributed and are still diligently contributing each month.

This post features free desktop wallpapers created by artists across the globe for July 2015. Both versions with a calendar and without a calendar can be downloaded for free. It’s time to freshen up your wallpaper!

Please note that:

  • All images can be clicked on and lead to the preview of the wallpaper,
  • You can feature your work in our magazine2 by taking part in our Desktop Wallpaper Calendars series. We are regularly looking for creative designers and artists to be featured on Smashing Magazine. Are you one of them?

A Flamboyance Of Flamingos

“July in South Africa is dreary and wintery so we give all the southern hemisphere dwellers a bit of colour for those grey days. And for the northern hemisphere dwellers a bit of pop for their summer! The Flamboyance of Flamingos is part of our ‘Wonderland Collective Noun’ collection. Each month a new fabulous collective noun is illustrated, printed and made into a desktop wallpaper…” — Designed by Wonderland Collective3313143 from South Africa.

4

Summer Heat

Designed by Xenia Latii20 from Berlin, Germany.

21

Let’s Have A Great Summer!

“It’s finally vacation time: awesome weather, sunny beach days, the smell of summer… what a best way of getting ready for summertime than looking at this fresh wallpaper? Hope you guys enjoy! :)” — Designed by Printsome.com61 from United Kingdom.

Let's Have A Great Summer!62

Summer Never Ends!

“July is a very special month to me — it’s the month of my birthday and of the best cherries.” — Designed by Igor Izhik108 from Canada.

Summer Never Ends!109

Let’s Enjoy The Little Things!

Designed by Iquadart151 from Belarus.

Let's Enjoy The Little Things!152

It’s Strictly Business…

“It’s not personal, it’s strictly business… Happy summer!” — Designed by Verónica Valenzuela174 from Spain.

It's Strictly Business...175

Underwater Selfie

“Summer vacation, ocean life and underwater selfies.” — Designed by New Haircut195 from New Jersey.

Underwater Selfie196

Ready For Summer?

“Summer is ready to start and July is already melting.” — Designed by Colorsfera228 from Spain.

Ready For Summer?229

Summer Without Worries

“I hear everywhere that you should have a summer body. I think as long as you are healthy, it doesn’t matter what you look like or how fat/thin you are. Thinking of this, I made this happy pig enjoying the summer without worrying what everyone else thinks.” — Designed by Maria Keller261 from Mexico.

Summer Without Worries262

A Rascal Of Boys

“Stepping back in time, for some of us 20 years back (ahem), we delve back into our childhood where the Rascal of Boys live. The cool kids wanted to be them, the once sweet girls wanted to kick them, and the posh kids with the fancy kicks were terrified of them. Johnny Camo the expert hide and seek terror, Buzz McFly with his remote controlled spaceship, Jordy Large, the big boy with the tiny brain, Super Boy (origin unknown) and Morty with his pet snake Justice. Together they fight for their rights to stay up late as the B-Team, operating from their hideaway tree house slash fortress of doom.” — Designed by Wonderland Collective3313143 from South Africa.

A Rascal Of Boys315

An Intrusion Of Cockroaches

“Ever watched Joe’s Apartment when you where a kid? Well that movie left a soft spot in my heart for the little critters. Don’t get me wrong: I won’t invite them over for dinner, but I won’t grab my flip flop and bring the wrath upon them when I see one running in the house.So there you have it… 3 Roaches… bringing the smack down on that pesky human… ZZZZZZZAP!!”” — Designed by Wonderland Collective3313143 from South Africa.

An Intrusion Of Cockroaches332

See America!

“Next year is the 100th Anniversary of the creation of the National Parks Service.” — Designed by Andy Sides348 from the United States.

See America!349

Sanctus

“July 16, 1969 – Apollo 11 astronauts were launched into space hoping to be the first men to land on the moon and their photograph “Pale Blue Dot” of earth inspired this artwork. You don’t have to have faith or belief in a god to know that this is holy (Sanctus). Time is a finite entity. Only about five billion years to go till the sun explodes. I know it seems like a lot now, but it will soon go if we just squander it on frivolous nonsense and small talk, not only of time passing but time that won’t pass this way again.” — Designed by Richard George Davis380 from South Africa.

Sanctus381

Peaceful Memories

“July is one of the most beautiful months of the year. Enjoy every day, every hour, which gives us this month!” — Designed by Nikolay Belikov429 from Russia.

Peaceful Memories430

Alice’s Adventures in Wonderland

“This wallpaper celebrates 150 years of Alice’s Adventures in Wonderland, written by Lewis Carroll.” — Designed by Oculus460 from England.

Alice's Adventures in Wonderland461

Chance Favors The Connected Mind

“This quote from Steven Johnson reminds us that a great idea can evolve thanks to the combination of your own idea with someone else’s. As diverse as a ice cream cone can be, people having diverse interests and viewpoints are more likely to come up with innovative ideas.” — Designed by Claudette Ocando Röhricht485 from Germany.

Chance Favors The Connected Mind486

BBQ!

“Summer’s coming! = BBQs!” — Designed by David Byrne512 from the UK.

BBQ!513

Join In Next Month!

Please note that we respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their creativity and express emotions and experience throughout their works. This is also why the themes of the wallpapers weren’t anyhow influenced by us, but rather designed from scratch by the artists themselves.

A big thank you to all designers for their participation. Join in next month557!

What’s Your Favorite?

What’s your favorite theme or wallpaper for this month? Please let us know in the comment section below.

(cm)

Footnotes

  1. 1 http://www.smashingmagazine.com/tag/wallpapers/
  2. 2 http://www.smashingmagazine.com/2008/03/19/desktop-wallpaper-calendar-join-in/
  3. 3 http://www.wonderlandcollective.co.za/
  4. 4 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/july-15-a-flamboyance-of-flamingos-full.jpg
  5. 5 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/july-15-a-flamboyance-of-flamingos-preview.jpg
  6. 6 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-320×480.jpg
  7. 7 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-800×600.jpg
  8. 8 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-1024×768.jpg
  9. 9 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-1280×960.jpg
  10. 10 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-1680×1050.jpg
  11. 11 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-1920×1200.jpg
  12. 12 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-2560×1440.jpg
  13. 13 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-320×480.jpg
  14. 14 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-800×600.jpg
  15. 15 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-1024×768.jpg
  16. 16 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-1280×960.jpg
  17. 17 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-1680×1050.jpg
  18. 18 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-1920×1200.jpg
  19. 19 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-2560×1440.jpg
  20. 20 http://www.xenialatii.com
  21. 21 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/july-15-summer-heat-full.jpg
  22. 22 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/july-15-summer-heat-preview.jpg
  23. 23 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-640×480.jpg
  24. 24 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-800×480.jpg
  25. 25 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-800×600.jpg
  26. 26 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1024×768.jpg
  27. 27 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1152×864.jpg
  28. 28 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1280×720.jpg
  29. 29 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1280×800.jpg
  30. 30 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1280×960.jpg
  31. 31 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1280×1024.jpg
  32. 32 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1366×768.jpg
  33. 33 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1400×1050.jpg
  34. 34 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1440×900.jpg
  35. 35 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1600×1200.jpg
  36. 36 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1680×1050.jpg
  37. 37 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1680×1200.jpg
  38. 38 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1920×1080.jpg
  39. 39 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1920×1200.jpg
  40. 40 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1920×1440.jpg
  41. 41 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-2560×1440.jpg
  42. 42 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-640×480.jpg
  43. 43 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-800×480.jpg
  44. 44 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-800×600.jpg
  45. 45 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1024×768.jpg
  46. 46 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1152×864.jpg
  47. 47 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1280×720.jpg
  48. 48 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1280×800.jpg
  49. 49 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1280×960.jpg
  50. 50 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1280×1024.jpg
  51. 51 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1366×768.jpg
  52. 52 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1400×1050.jpg
  53. 53 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1440×900.jpg
  54. 54 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1600×1200.jpg
  55. 55 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1680×1050.jpg
  56. 56 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1680×1200.jpg
  57. 57 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1920×1080.jpg
  58. 58 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1920×1200.jpg
  59. 59 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1920×1440.jpg
  60. 60 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-2560×1440.jpg
  61. 61 http://printsome.com
  62. 62 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/july-15-lets-have-a-great-summer-full.jpg
  63. 63 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/july-15-lets-have-a-great-summer-preview.jpg
  64. 64 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-320×480.jpg
  65. 65 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-640×480.jpg
  66. 66 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-800×480.jpg
  67. 67 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-800×600.jpg
  68. 68 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1024×768.jpg
  69. 69 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1024×1024.jpg
  70. 70 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1152×864.jpg
  71. 71 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1280×720.jpg
  72. 72 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1280×800.jpg
  73. 73 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1280×960.jpg
  74. 74 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1280×1024.jpg
  75. 75 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1400×1050.jpg
  76. 76 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1440×900.jpg
  77. 77 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1600×1200.jpg
  78. 78 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1680×1050.jpg
  79. 79 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1680×1200.jpg
  80. 80 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1920×1080.jpg
  81. 81 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1920×1200.jpg
  82. 82 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1920×1440.jpg
  83. 83 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-2560×1440.jpg
  84. 84 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-2560×1600.jpg
  85. 85 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-2880×1800.jpg
  86. 86 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-320×480.jpg
  87. 87 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-640×480.jpg
  88. 88 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-800×480.jpg
  89. 89 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-800×600.jpg
  90. 90 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1024×768.jpg
  91. 91 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1024×1024.jpg
  92. 92 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1152×864.jpg
  93. 93 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1280×720.jpg
  94. 94 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1280×800.jpg
  95. 95 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1280×960.jpg
  96. 96 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1280×1024.jpg
  97. 97 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1400×1050.jpg
  98. 98 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1440×900.jpg
  99. 99 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1600×1200.jpg
  100. 100 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1680×1050.jpg
  101. 101 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1680×1200.jpg
  102. 102 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1920×1080.jpg
  103. 103 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1920×1200.jpg
  104. 104 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1920×1440.jpg
  105. 105 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-2560×1440.jpg
  106. 106 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-2560×1600.jpg
  107. 107 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-2880×1800.jpg
  108. 108 http://izhik.com
  109. 109 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/july-15-summer-never-ends-full.jpg
  110. 110 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/july-15-summer-never-ends-preview.jpg
  111. 111 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-320×480.jpg
  112. 112 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-640×480.jpg
  113. 113 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-800×480.jpg
  114. 114 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-800×600.jpg
  115. 115 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1024×768.jpg
  116. 116 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1024×1024.jpg
  117. 117 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1152×864.jpg
  118. 118 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1280×720.jpg
  119. 119 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1280×800.jpg
  120. 120 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1280×960.jpg
  121. 121 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1280×1024.jpg
  122. 122 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1400×1050.jpg
  123. 123 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1440×900.jpg
  124. 124 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1600×1200.jpg
  125. 125 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1680×1050.jpg
  126. 126 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1680×1200.jpg
  127. 127 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1920×1080.jpg
  128. 128 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1920×1200.jpg
  129. 129 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1920×1440.jpg
  130. 130 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-2560×1440.jpg
  131. 131 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-320×480.jpg
  132. 132 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-640×480.jpg
  133. 133 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-800×480.jpg
  134. 134 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-800×600.jpg
  135. 135 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1024×768.jpg
  136. 136 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1024×1024.jpg
  137. 137 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1152×864.jpg
  138. 138 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1280×720.jpg
  139. 139 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1280×800.jpg
  140. 140 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1280×960.jpg
  141. 141 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1280×1024.jpg
  142. 142 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1400×1050.jpg
  143. 143 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1440×900.jpg
  144. 144 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1600×1200.jpg
  145. 145 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1680×1050.jpg
  146. 146 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1680×1200.jpg
  147. 147 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1920×1080.jpg
  148. 148 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1920×1200.jpg
  149. 149 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1920×1440.jpg
  150. 150 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-2560×1440.jpg
  151. 151 http://iquadart.com/
  152. 152 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/july-15-lets-enjoy-the-little-things-full.png
  153. 153 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/july-15-lets-enjoy-the-little-things-preview.png
  154. 154 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-640×480.png
  155. 155 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-800×600.png
  156. 156 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1024×768.png
  157. 157 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1280×720.png
  158. 158 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1280×800.png
  159. 159 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1440×900.png
  160. 160 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1680×1050.png
  161. 161 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1920×1080.png
  162. 162 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1920×1200.png
  163. 163 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-2560×1440.png
  164. 164 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-640×480.png
  165. 165 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-800×600.png
  166. 166 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1024×768.png
  167. 167 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1280×720.png
  168. 168 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1280×800.png
  169. 169 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1440×900.png
  170. 170 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1680×1050.png
  171. 171 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1920×1080.png
  172. 172 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1920×1200.png
  173. 173 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-2560×1440.png
  174. 174 http://www.silocreativo.com/en
  175. 175 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/july-15-its-strictly-business-full.png
  176. 176 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/july-15-its-strictly-business-preview.png
  177. 177 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-800×480.png
  178. 178 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1024×768.png
  179. 179 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1152×864.png
  180. 180 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1280×800.png
  181. 181 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1280×960.png
  182. 182 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1440×900.png
  183. 183 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1680×1200.png
  184. 184 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1920×1080.png
  185. 185 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-2560×1440.png
  186. 186 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-800×480.png
  187. 187 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1024×768.png
  188. 188 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1152×864.png
  189. 189 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1280×800.png
  190. 190 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1280×960.png
  191. 191 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1440×900.png
  192. 192 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1680×1200.png
  193. 193 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1920×1080.png
  194. 194 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-2560×1440.png
  195. 195 http://www.newhaircut.com/
  196. 196 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/july-15-underwater-selfie-full.jpg
  197. 197 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/july-15-underwater-selfie-preview.jpg
  198. 198 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-640×480.jpg
  199. 199 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-800×600.jpg
  200. 200 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1024×768.jpg
  201. 201 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1152×864.jpg
  202. 202 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1280×720.jpg
  203. 203 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1280×1024.jpg
  204. 204 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1365×768.jpg
  205. 205 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1400×1050.jpg
  206. 206 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1440×900.jpg
  207. 207 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1600×1200.jpg
  208. 208 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1680×1050.jpg
  209. 209 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1920×1080.jpg
  210. 210 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1920×1200.jpg
  211. 211 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1920×1440.jpg
  212. 212 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-2560×1440.jpg
  213. 213 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-640×480.jpg
  214. 214 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-800×600.jpg
  215. 215 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1024×768.jpg
  216. 216 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1152×864.jpg
  217. 217 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1280×720.jpg
  218. 218 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1280×1024.jpg
  219. 219 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1365×768.jpg
  220. 220 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1400×1050.jpg
  221. 221 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1440×900.jpg
  222. 222 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1600×1200.jpg
  223. 223 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1680×1050.jpg
  224. 224 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1920×1080.jpg
  225. 225 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1920×1200.jpg
  226. 226 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1920×1440.jpg
  227. 227 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-2560×1440.jpg
  228. 228 http://www.colorsfera.com
  229. 229 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/july-15-ready-for-summer-full.png
  230. 230 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/july-15-ready-for-summer-preview.png
  231. 231 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1024×768.png
  232. 232 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1024×1024.png
  233. 233 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1280×800.png
  234. 234 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1280×960.png
  235. 235 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1280×1024.png
  236. 236 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1366×768.png
  237. 237 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1400×1050.png
  238. 238 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1440×900.png
  239. 239 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1600×1200.png
  240. 240 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1680×1050.png
  241. 241 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1680×1200.png
  242. 242 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1920×1080.png
  243. 243 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1920×1200.png
  244. 244 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1920×1440.png
  245. 245 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-2560×1440.png
  246. 246 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1024×768.png
  247. 247 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1024×1024.png
  248. 248 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1280×800.png
  249. 249 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1280×960.png
  250. 250 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1280×1024.png
  251. 251 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1366×768.png
  252. 252 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1400×1050.png
  253. 253 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1440×900.png
  254. 254 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1600×1200.png
  255. 255 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1680×1050.png
  256. 256 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1680×1200.png
  257. 257 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1920×1080.png
  258. 258 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1920×1200.png
  259. 259 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1920×1440.png
  260. 260 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-2560×1440.png
  261. 261 http://www.mariakellerac.com
  262. 262 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/july-15-summer-without-worries-full.png
  263. 263 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/july-15-summer-without-worries-preview.png
  264. 264 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-320×480.png
  265. 265 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-640×480.png
  266. 266 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-640×1136.png
  267. 267 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-750×1334.png
  268. 268 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-800×480.png
  269. 269 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-800×600.png
  270. 270 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1024×768.png
  271. 271 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1024×1024.png
  272. 272 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1152×864.png
  273. 273 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1242×2208.png
  274. 274 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1280×720.png
  275. 275 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1280×800.png
  276. 276 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1280×960.png
  277. 277 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1280×1024.png
  278. 278 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1366×768.png
  279. 279 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1400×1050.png
  280. 280 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1440×900.png
  281. 281 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1600×1200.png
  282. 282 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1680×1050.png
  283. 283 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1680×1200.png
  284. 284 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1920×1080.png
  285. 285 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1920×1200.png
  286. 286 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1920×1440.png
  287. 287 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-2560×1440.png
  288. 288 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-2880×1800.png
  289. 289 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-320×480.png
  290. 290 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-640×480.png
  291. 291 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-640×1136.png
  292. 292 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-750×1334.png
  293. 293 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-800×480.png
  294. 294 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-800×600.png
  295. 295 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1024×768.png
  296. 296 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1024×1024.png
  297. 297 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1152×864.png
  298. 298 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1242×2208.png
  299. 299 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1280×720.png
  300. 300 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1280×800.png
  301. 301 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1280×960.png
  302. 302 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1280×1024.png
  303. 303 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1366×768.png
  304. 304 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1400×1050.png
  305. 305 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1440×900.png
  306. 306 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1600×1200.png
  307. 307 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1680×1050.png
  308. 308 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1680×1200.png
  309. 309 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1920×1080.png
  310. 310 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1920×1200.png
  311. 311 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1920×1440.png
  312. 312 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-2560×1440.png
  313. 313 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-2880×1800.png
  314. 314 http://www.wonderlandcollective.co.za/
  315. 315 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/july-15-a-rascal-of-boys-full.jpg
  316. 316 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/july-15-a-rascal-of-boys-preview.jpg
  317. 317 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-320×480.jpg
  318. 318 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-800×600.jpg
  319. 319 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-1024×768.jpg
  320. 320 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-1280×960.jpg
  321. 321 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-1680×1050.jpg
  322. 322 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-1920×1200.jpg
  323. 323 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-2560×1440.jpg
  324. 324 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-320×480.jpg
  325. 325 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-800×600.jpg
  326. 326 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-1024×768.jpg
  327. 327 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-1280×960.jpg
  328. 328 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-1680×1050.jpg
  329. 329 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-1920×1200.jpg
  330. 330 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-2560×1440.jpg
  331. 331 http://www.wonderlandcollective.co.za/
  332. 332 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/july-15-an-intrusion-of-cockroaches-full.jpg
  333. 333 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/july-15-an-intrusion-of-cockroaches-preview.jpg
  334. 334 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-320×480.jpg
  335. 335 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-800×600.jpg
  336. 336 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-1024×768.jpg
  337. 337 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-1280×960.jpg
  338. 338 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-1680×1050.jpg
  339. 339 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-1920×1200.jpg
  340. 340 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-2560×1440.jpg
  341. 341 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-320×480.jpg
  342. 342 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-800×600.jpg
  343. 343 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-1024×768.jpg
  344. 344 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-1280×960.jpg
  345. 345 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-1680×1050.jpg
  346. 346 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-1920×1200.jpg
  347. 347 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-2560×1440.jpg
  348. 348 http://www.andysides.com
  349. 349 http://files.smashingmagazine.com/wallpapers/july-15/see-america/july-15-see-america-full.jpg
  350. 350 http://files.smashingmagazine.com/wallpapers/july-15/see-america/july-15-see-america-preview.jpg
  351. 351 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1280×960.jpg
  352. 352 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1280×1024.jpg
  353. 353 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1400×1050.jpg
  354. 354 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1440×900.jpg
  355. 355 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1600×1200.jpg
  356. 356 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1680×1050.jpg
  357. 357 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1680×1200.jpg
  358. 358 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1920×1080.jpg
  359. 359 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1920×1200.jpg
  360. 360 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1920×1440.jpg
  361. 361 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-2560×1440.jpg
  362. 362 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-800×480.jpg
  363. 363 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-800×600.jpg
  364. 364 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1024×768.jpg
  365. 365 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1024×1024.jpg
  366. 366 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1152×864.jpg
  367. 367 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1280×720.jpg
  368. 368 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1280×800.jpg
  369. 369 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1280×960.jpg
  370. 370 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1280×1024.jpg
  371. 371 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1400×1050.jpg
  372. 372 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1440×900.jpg
  373. 373 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1600×1200.jpg
  374. 374 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1680×1050.jpg
  375. 375 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1680×1200.jpg
  376. 376 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1920×1080.jpg
  377. 377 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1920×1200.jpg
  378. 378 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1920×1440.jpg
  379. 379 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-2560×1440.jpg
  380. 380 http://rgdart.com
  381. 381 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/july-15-sanctus-full.jpg
  382. 382 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/july-15-sanctus-preview.jpg
  383. 383 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-320×480.jpg
  384. 384 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-640×480.jpg
  385. 385 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-800×480.jpg
  386. 386 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-800×600.jpg
  387. 387 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1024×768.jpg
  388. 388 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1024×1024.jpg
  389. 389 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1152×864.jpg
  390. 390 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1280×720.jpg
  391. 391 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1280×800.jpg
  392. 392 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1280×960.jpg
  393. 393 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1280×1024.jpg
  394. 394 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1366×768.jpg
  395. 395 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1400×1050.jpg
  396. 396 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1440×900.jpg
  397. 397 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1600×1200.jpg
  398. 398 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1680×1050.jpg
  399. 399 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1680×1200.jpg
  400. 400 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1920×1080.jpg
  401. 401 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1920×1200.jpg
  402. 402 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1920×1440.jpg
  403. 403 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-2560×1440.jpg
  404. 404 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-2560×1600.jpg
  405. 405 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-3440×1440.jpg
  406. 406 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-320×480.jpg
  407. 407 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-640×480.jpg
  408. 408 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-800×480.jpg
  409. 409 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-800×600.jpg
  410. 410 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1024×768.jpg
  411. 411 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1024×1024.jpg
  412. 412 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1152×864.jpg
  413. 413 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1280×720.jpg
  414. 414 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1280×800.jpg
  415. 415 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1280×960.jpg
  416. 416 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1280×1024.jpg
  417. 417 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1366×768.jpg
  418. 418 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1400×1050.jpg
  419. 419 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1440×900.jpg
  420. 420 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1600×1200.jpg
  421. 421 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1680×1050.jpg
  422. 422 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1680×1200.jpg
  423. 423 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1920×1080.jpg
  424. 424 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1920×1200.jpg
  425. 425 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1920×1440.jpg
  426. 426 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-2560×1440.jpg
  427. 427 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-2560×1600.jpg
  428. 428 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-3440×1440.jpg
  429. 429 http://nikbelikov.ru/
  430. 430 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/july-15-peaceful-memories-full.jpg
  431. 431 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/july-15-peaceful-memories-preview.jpg
  432. 432 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-640×1136.jpg
  433. 433 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-750×1334.jpg
  434. 434 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1024×768.jpg
  435. 435 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1080×1920.jpg
  436. 436 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1280×800.jpg
  437. 437 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1280×1024.jpg
  438. 438 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1366×768.jpg
  439. 439 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1440×900.jpg
  440. 440 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1600×900.jpg
  441. 441 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1600×1200.jpg
  442. 442 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1920×1080.jpg
  443. 443 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1920×1200.jpg
  444. 444 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-2560×1440.jpg
  445. 445 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-5120×2880.jpg
  446. 446 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-640×1136.jpg
  447. 447 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-750×1334.jpg
  448. 448 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1024×768.jpg
  449. 449 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1080×1920.jpg
  450. 450 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1280×800.jpg
  451. 451 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1280×1024.jpg
  452. 452 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1366×768.jpg
  453. 453 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1440×900.jpg
  454. 454 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1600×900.jpg
  455. 455 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1600×1200.jpg
  456. 456 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1920×1080.jpg
  457. 457 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1920×1200.jpg
  458. 458 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-2560×1440.jpg
  459. 459 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-5120×2880.jpg
  460. 460 http://oculus.co.uk/
  461. 461 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/july-15-alices-adventures-in-wonderland-full.jpg
  462. 462 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/july-15-alices-adventures-in-wonderland-preview.jpg
  463. 463 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-800×600.jpg
  464. 464 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1152×864.jpg
  465. 465 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1280×720.jpg
  466. 466 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1280×800.jpg
  467. 467 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1280×1024.jpg
  468. 468 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1440×900.jpg
  469. 469 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1600×1200.jpg
  470. 470 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1680×1050.jpg
  471. 471 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1920×1080.jpg
  472. 472 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1920×1200.jpg
  473. 473 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-2560×1440.jpg
  474. 474 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-800×600.jpg
  475. 475 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1152×864.jpg
  476. 476 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1280×720.jpg
  477. 477 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1280×800.jpg
  478. 478 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1280×1024.jpg
  479. 479 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1440×900.jpg
  480. 480 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1600×1200.jpg
  481. 481 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1680×1050.jpg
  482. 482 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1920×1080.jpg
  483. 483 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1920×1200.jpg
  484. 484 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-2560×1440.jpg
  485. 485 http://www.itcampus.de/
  486. 486 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/july-15-chance-favors-the-connected-mind-full.jpg
  487. 487 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/july-15-chance-favors-the-connected-mind-preview.jpg
  488. 488 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-320×480.jpg
  489. 489 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-640×480.jpg
  490. 490 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-800×600.jpg
  491. 491 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1024×768.jpg
  492. 492 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1280×720.jpg
  493. 493 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1280×960.jpg
  494. 494 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1280×1024.jpg
  495. 495 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1680×1050.jpg
  496. 496 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1920×1080.jpg
  497. 497 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1920×1200.jpg
  498. 498 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1920×1440.jpg
  499. 499 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-2560×1440.jpg
  500. 500 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-320×480.jpg
  501. 501 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-640×480.jpg
  502. 502 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-800×600.jpg
  503. 503 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1024×768.jpg
  504. 504 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1280×720.jpg
  505. 505 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1280×960.jpg
  506. 506 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1280×1024.jpg
  507. 507 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1680×1050.jpg
  508. 508 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1920×1080.jpg
  509. 509 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1920×1200.jpg
  510. 510 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1920×1440.jpg
  511. 511 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-2560×1440.jpg
  512. 512 http://davidbyrnedesign.com
  513. 513 http://files.smashingmagazine.com/wallpapers/july-15/bbq/july-15-bbq-full.png
  514. 514 http://files.smashingmagazine.com/wallpapers/july-15/bbq/july-15-bbq-preview.png
  515. 515 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-320×480.png
  516. 516 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-640×480.png
  517. 517 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-800×480.png
  518. 518 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-800×600.png
  519. 519 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1024×768.png
  520. 520 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1024×1024.png
  521. 521 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1152×864.png
  522. 522 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1280×720.png
  523. 523 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1280×800.png
  524. 524 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1280×960.png
  525. 525 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1280×1024.png
  526. 526 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1366×768.png
  527. 527 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1400×1050.png
  528. 528 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1440×900.png
  529. 529 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1600×1200.png
  530. 530 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1680×1050.png
  531. 531 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1680×1200.png
  532. 532 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1920×1080.png
  533. 533 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1920×1200.png
  534. 534 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1920×1440.png
  535. 535 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-2560×1440.png
  536. 536 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-320×480.png
  537. 537 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-640×480.png
  538. 538 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-800×480.png
  539. 539 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-800×600.png
  540. 540 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1024×768.png
  541. 541 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1024×1024.png
  542. 542 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1152×864.png
  543. 543 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1280×720.png
  544. 544 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1280×800.png
  545. 545 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1280×960.png
  546. 546 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1280×1024.png
  547. 547 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1366×768.png
  548. 548 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1400×1050.png
  549. 549 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1440×900.png
  550. 550 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1600×1200.png
  551. 551 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1680×1050.png
  552. 552 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1680×1200.png
  553. 553 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1920×1080.png
  554. 554 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1920×1200.png
  555. 555 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1920×1440.png
  556. 556 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-2560×1440.png
  557. 557 http://www.smashingmagazine.com/2008/03/19/desktop-wallpaper-calendar-join-in/

The post Desktop Wallpaper Calendars: July 2015 appeared first on Smashing Magazine.

Categories: Others Tags:

Desktop Wallpaper Calendars: July 2015

June 30th, 2015 No comments
A Flamboyance Of Flamingos

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork, and as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one — desktop wallpapers that are a little more distinctive than the usual crowd. This creativity mission has been going on for seven years now1, and we are very thankful to all designers who have contributed and are still diligently contributing each month.

This post features free desktop wallpapers created by artists across the globe for July 2015. Both versions with a calendar and without a calendar can be downloaded for free. It’s time to freshen up your wallpaper!

Please note that:

  • All images can be clicked on and lead to the preview of the wallpaper,
  • You can feature your work in our magazine2 by taking part in our Desktop Wallpaper Calendars series. We are regularly looking for creative designers and artists to be featured on Smashing Magazine. Are you one of them?

A Flamboyance Of Flamingos

“July in South Africa is dreary and wintery so we give all the southern hemisphere dwellers a bit of colour for those grey days. And for the northern hemisphere dwellers a bit of pop for their summer! The Flamboyance of Flamingos is part of our ‘Wonderland Collective Noun’ collection. Each month a new fabulous collective noun is illustrated, printed and made into a desktop wallpaper…” — Designed by Wonderland Collective3313143 from South Africa.

4

Summer Heat

Designed by Xenia Latii20 from Berlin, Germany.

21

Let’s Have A Great Summer!

“It’s finally vacation time: awesome weather, sunny beach days, the smell of summer… what a best way of getting ready for summertime than looking at this fresh wallpaper? Hope you guys enjoy! :)” — Designed by Printsome.com61 from United Kingdom.

Let's Have A Great Summer!62

Summer Never Ends!

“July is a very special month to me — it’s the month of my birthday and of the best cherries.” — Designed by Igor Izhik108 from Canada.

Summer Never Ends!109

Let’s Enjoy The Little Things!

Designed by Iquadart151 from Belarus.

Let's Enjoy The Little Things!152

It’s Strictly Business…

“It’s not personal, it’s strictly business… Happy summer!” — Designed by Verónica Valenzuela174 from Spain.

It's Strictly Business...175

Underwater Selfie

“Summer vacation, ocean life and underwater selfies.” — Designed by New Haircut195 from New Jersey.

Underwater Selfie196

Ready For Summer?

“Summer is ready to start and July is already melting.” — Designed by Colorsfera228 from Spain.

Ready For Summer?229

Summer Without Worries

“I hear everywhere that you should have a summer body. I think as long as you are healthy, it doesn’t matter what you look like or how fat/thin you are. Thinking of this, I made this happy pig enjoying the summer without worrying what everyone else thinks.” — Designed by Maria Keller261 from Mexico.

Summer Without Worries262

A Rascal Of Boys

“Stepping back in time, for some of us 20 years back (ahem), we delve back into our childhood where the Rascal of Boys live. The cool kids wanted to be them, the once sweet girls wanted to kick them, and the posh kids with the fancy kicks were terrified of them. Johnny Camo the expert hide and seek terror, Buzz McFly with his remote controlled spaceship, Jordy Large, the big boy with the tiny brain, Super Boy (origin unknown) and Morty with his pet snake Justice. Together they fight for their rights to stay up late as the B-Team, operating from their hideaway tree house slash fortress of doom.” — Designed by Wonderland Collective3313143 from South Africa.

A Rascal Of Boys315

An Intrusion Of Cockroaches

“Ever watched Joe’s Apartment when you where a kid? Well that movie left a soft spot in my heart for the little critters. Don’t get me wrong: I won’t invite them over for dinner, but I won’t grab my flip flop and bring the wrath upon them when I see one running in the house.So there you have it… 3 Roaches… bringing the smack down on that pesky human… ZZZZZZZAP!!”” — Designed by Wonderland Collective3313143 from South Africa.

An Intrusion Of Cockroaches332

See America!

“Next year is the 100th Anniversary of the creation of the National Parks Service.” — Designed by Andy Sides348 from the United States.

See America!349

Sanctus

“July 16, 1969 – Apollo 11 astronauts were launched into space hoping to be the first men to land on the moon and their photograph “Pale Blue Dot” of earth inspired this artwork. You don’t have to have faith or belief in a god to know that this is holy (Sanctus). Time is a finite entity. Only about five billion years to go till the sun explodes. I know it seems like a lot now, but it will soon go if we just squander it on frivolous nonsense and small talk, not only of time passing but time that won’t pass this way again.” — Designed by Richard George Davis380 from South Africa.

Sanctus381

Peaceful Memories

“July is one of the most beautiful months of the year. Enjoy every day, every hour, which gives us this month!” — Designed by Nikolay Belikov429 from Russia.

Peaceful Memories430

Alice’s Adventures in Wonderland

“This wallpaper celebrates 150 years of Alice’s Adventures in Wonderland, written by Lewis Carroll.” — Designed by Oculus460 from England.

Alice's Adventures in Wonderland461

Chance Favors The Connected Mind

“This quote from Steven Johnson reminds us that a great idea can evolve thanks to the combination of your own idea with someone else’s. As diverse as a ice cream cone can be, people having diverse interests and viewpoints are more likely to come up with innovative ideas.” — Designed by Claudette Ocando Röhricht485 from Germany.

Chance Favors The Connected Mind486

BBQ!

“Summer’s coming! = BBQs!” — Designed by David Byrne512 from the UK.

BBQ!513

Join In Next Month!

Please note that we respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their creativity and express emotions and experience throughout their works. This is also why the themes of the wallpapers weren’t anyhow influenced by us, but rather designed from scratch by the artists themselves.

A big thank you to all designers for their participation. Join in next month557!

What’s Your Favorite?

What’s your favorite theme or wallpaper for this month? Please let us know in the comment section below.

(cm)

Footnotes

  1. 1 http://www.smashingmagazine.com/tag/wallpapers/
  2. 2 http://www.smashingmagazine.com/2008/03/19/desktop-wallpaper-calendar-join-in/
  3. 3 http://www.wonderlandcollective.co.za/
  4. 4 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/july-15-a-flamboyance-of-flamingos-full.jpg
  5. 5 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/july-15-a-flamboyance-of-flamingos-preview.jpg
  6. 6 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-320×480.jpg
  7. 7 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-800×600.jpg
  8. 8 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-1024×768.jpg
  9. 9 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-1280×960.jpg
  10. 10 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-1680×1050.jpg
  11. 11 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-1920×1200.jpg
  12. 12 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/cal/july-15-a-flamboyance-of-flamingos-cal-2560×1440.jpg
  13. 13 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-320×480.jpg
  14. 14 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-800×600.jpg
  15. 15 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-1024×768.jpg
  16. 16 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-1280×960.jpg
  17. 17 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-1680×1050.jpg
  18. 18 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-1920×1200.jpg
  19. 19 http://files.smashingmagazine.com/wallpapers/july-15/a-flamboyance-of-flamingos/nocal/july-15-a-flamboyance-of-flamingos-nocal-2560×1440.jpg
  20. 20 http://www.xenialatii.com
  21. 21 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/july-15-summer-heat-full.jpg
  22. 22 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/july-15-summer-heat-preview.jpg
  23. 23 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-640×480.jpg
  24. 24 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-800×480.jpg
  25. 25 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-800×600.jpg
  26. 26 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1024×768.jpg
  27. 27 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1152×864.jpg
  28. 28 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1280×720.jpg
  29. 29 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1280×800.jpg
  30. 30 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1280×960.jpg
  31. 31 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1280×1024.jpg
  32. 32 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1366×768.jpg
  33. 33 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1400×1050.jpg
  34. 34 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1440×900.jpg
  35. 35 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1600×1200.jpg
  36. 36 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1680×1050.jpg
  37. 37 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1680×1200.jpg
  38. 38 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1920×1080.jpg
  39. 39 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1920×1200.jpg
  40. 40 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-1920×1440.jpg
  41. 41 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/cal/july-15-summer-heat-cal-2560×1440.jpg
  42. 42 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-640×480.jpg
  43. 43 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-800×480.jpg
  44. 44 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-800×600.jpg
  45. 45 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1024×768.jpg
  46. 46 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1152×864.jpg
  47. 47 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1280×720.jpg
  48. 48 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1280×800.jpg
  49. 49 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1280×960.jpg
  50. 50 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1280×1024.jpg
  51. 51 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1366×768.jpg
  52. 52 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1400×1050.jpg
  53. 53 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1440×900.jpg
  54. 54 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1600×1200.jpg
  55. 55 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1680×1050.jpg
  56. 56 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1680×1200.jpg
  57. 57 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1920×1080.jpg
  58. 58 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1920×1200.jpg
  59. 59 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-1920×1440.jpg
  60. 60 http://files.smashingmagazine.com/wallpapers/july-15/summer-heat/nocal/july-15-summer-heat-nocal-2560×1440.jpg
  61. 61 http://printsome.com
  62. 62 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/july-15-lets-have-a-great-summer-full.jpg
  63. 63 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/july-15-lets-have-a-great-summer-preview.jpg
  64. 64 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-320×480.jpg
  65. 65 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-640×480.jpg
  66. 66 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-800×480.jpg
  67. 67 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-800×600.jpg
  68. 68 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1024×768.jpg
  69. 69 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1024×1024.jpg
  70. 70 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1152×864.jpg
  71. 71 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1280×720.jpg
  72. 72 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1280×800.jpg
  73. 73 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1280×960.jpg
  74. 74 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1280×1024.jpg
  75. 75 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1400×1050.jpg
  76. 76 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1440×900.jpg
  77. 77 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1600×1200.jpg
  78. 78 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1680×1050.jpg
  79. 79 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1680×1200.jpg
  80. 80 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1920×1080.jpg
  81. 81 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1920×1200.jpg
  82. 82 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-1920×1440.jpg
  83. 83 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-2560×1440.jpg
  84. 84 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-2560×1600.jpg
  85. 85 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/cal/july-15-lets-have-a-great-summer-cal-2880×1800.jpg
  86. 86 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-320×480.jpg
  87. 87 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-640×480.jpg
  88. 88 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-800×480.jpg
  89. 89 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-800×600.jpg
  90. 90 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1024×768.jpg
  91. 91 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1024×1024.jpg
  92. 92 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1152×864.jpg
  93. 93 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1280×720.jpg
  94. 94 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1280×800.jpg
  95. 95 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1280×960.jpg
  96. 96 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1280×1024.jpg
  97. 97 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1400×1050.jpg
  98. 98 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1440×900.jpg
  99. 99 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1600×1200.jpg
  100. 100 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1680×1050.jpg
  101. 101 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1680×1200.jpg
  102. 102 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1920×1080.jpg
  103. 103 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1920×1200.jpg
  104. 104 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-1920×1440.jpg
  105. 105 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-2560×1440.jpg
  106. 106 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-2560×1600.jpg
  107. 107 http://files.smashingmagazine.com/wallpapers/july-15/lets-have-a-great-summer/nocal/july-15-lets-have-a-great-summer-nocal-2880×1800.jpg
  108. 108 http://izhik.com
  109. 109 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/july-15-summer-never-ends-full.jpg
  110. 110 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/july-15-summer-never-ends-preview.jpg
  111. 111 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-320×480.jpg
  112. 112 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-640×480.jpg
  113. 113 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-800×480.jpg
  114. 114 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-800×600.jpg
  115. 115 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1024×768.jpg
  116. 116 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1024×1024.jpg
  117. 117 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1152×864.jpg
  118. 118 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1280×720.jpg
  119. 119 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1280×800.jpg
  120. 120 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1280×960.jpg
  121. 121 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1280×1024.jpg
  122. 122 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1400×1050.jpg
  123. 123 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1440×900.jpg
  124. 124 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1600×1200.jpg
  125. 125 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1680×1050.jpg
  126. 126 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1680×1200.jpg
  127. 127 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1920×1080.jpg
  128. 128 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1920×1200.jpg
  129. 129 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-1920×1440.jpg
  130. 130 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/cal/july-15-summer-never-ends-cal-2560×1440.jpg
  131. 131 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-320×480.jpg
  132. 132 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-640×480.jpg
  133. 133 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-800×480.jpg
  134. 134 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-800×600.jpg
  135. 135 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1024×768.jpg
  136. 136 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1024×1024.jpg
  137. 137 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1152×864.jpg
  138. 138 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1280×720.jpg
  139. 139 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1280×800.jpg
  140. 140 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1280×960.jpg
  141. 141 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1280×1024.jpg
  142. 142 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1400×1050.jpg
  143. 143 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1440×900.jpg
  144. 144 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1600×1200.jpg
  145. 145 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1680×1050.jpg
  146. 146 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1680×1200.jpg
  147. 147 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1920×1080.jpg
  148. 148 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1920×1200.jpg
  149. 149 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-1920×1440.jpg
  150. 150 http://files.smashingmagazine.com/wallpapers/july-15/summer-never-ends/nocal/july-15-summer-never-ends-nocal-2560×1440.jpg
  151. 151 http://iquadart.com/
  152. 152 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/july-15-lets-enjoy-the-little-things-full.png
  153. 153 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/july-15-lets-enjoy-the-little-things-preview.png
  154. 154 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-640×480.png
  155. 155 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-800×600.png
  156. 156 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1024×768.png
  157. 157 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1280×720.png
  158. 158 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1280×800.png
  159. 159 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1440×900.png
  160. 160 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1680×1050.png
  161. 161 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1920×1080.png
  162. 162 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-1920×1200.png
  163. 163 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/cal/july-15-lets-enjoy-the-little-things-cal-2560×1440.png
  164. 164 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-640×480.png
  165. 165 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-800×600.png
  166. 166 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1024×768.png
  167. 167 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1280×720.png
  168. 168 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1280×800.png
  169. 169 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1440×900.png
  170. 170 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1680×1050.png
  171. 171 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1920×1080.png
  172. 172 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-1920×1200.png
  173. 173 http://files.smashingmagazine.com/wallpapers/july-15/lets-enjoy-the-little-things/nocal/july-15-lets-enjoy-the-little-things-nocal-2560×1440.png
  174. 174 http://www.silocreativo.com/en
  175. 175 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/july-15-its-strictly-business-full.png
  176. 176 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/july-15-its-strictly-business-preview.png
  177. 177 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-800×480.png
  178. 178 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1024×768.png
  179. 179 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1152×864.png
  180. 180 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1280×800.png
  181. 181 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1280×960.png
  182. 182 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1440×900.png
  183. 183 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1680×1200.png
  184. 184 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-1920×1080.png
  185. 185 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/cal/july-15-its-strictly-business-cal-2560×1440.png
  186. 186 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-800×480.png
  187. 187 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1024×768.png
  188. 188 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1152×864.png
  189. 189 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1280×800.png
  190. 190 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1280×960.png
  191. 191 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1440×900.png
  192. 192 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1680×1200.png
  193. 193 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-1920×1080.png
  194. 194 http://files.smashingmagazine.com/wallpapers/july-15/its-strictly-business/nocal/july-15-its-strictly-business-nocal-2560×1440.png
  195. 195 http://www.newhaircut.com/
  196. 196 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/july-15-underwater-selfie-full.jpg
  197. 197 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/july-15-underwater-selfie-preview.jpg
  198. 198 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-640×480.jpg
  199. 199 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-800×600.jpg
  200. 200 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1024×768.jpg
  201. 201 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1152×864.jpg
  202. 202 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1280×720.jpg
  203. 203 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1280×1024.jpg
  204. 204 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1365×768.jpg
  205. 205 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1400×1050.jpg
  206. 206 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1440×900.jpg
  207. 207 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1600×1200.jpg
  208. 208 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1680×1050.jpg
  209. 209 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1920×1080.jpg
  210. 210 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1920×1200.jpg
  211. 211 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-1920×1440.jpg
  212. 212 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/cal/july-15-underwater-selfie-cal-2560×1440.jpg
  213. 213 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-640×480.jpg
  214. 214 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-800×600.jpg
  215. 215 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1024×768.jpg
  216. 216 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1152×864.jpg
  217. 217 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1280×720.jpg
  218. 218 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1280×1024.jpg
  219. 219 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1365×768.jpg
  220. 220 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1400×1050.jpg
  221. 221 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1440×900.jpg
  222. 222 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1600×1200.jpg
  223. 223 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1680×1050.jpg
  224. 224 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1920×1080.jpg
  225. 225 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1920×1200.jpg
  226. 226 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-1920×1440.jpg
  227. 227 http://files.smashingmagazine.com/wallpapers/july-15/underwater-selfie/nocal/july-15-underwater-selfie-nocal-2560×1440.jpg
  228. 228 http://www.colorsfera.com
  229. 229 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/july-15-ready-for-summer-full.png
  230. 230 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/july-15-ready-for-summer-preview.png
  231. 231 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1024×768.png
  232. 232 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1024×1024.png
  233. 233 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1280×800.png
  234. 234 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1280×960.png
  235. 235 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1280×1024.png
  236. 236 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1366×768.png
  237. 237 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1400×1050.png
  238. 238 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1440×900.png
  239. 239 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1600×1200.png
  240. 240 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1680×1050.png
  241. 241 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1680×1200.png
  242. 242 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1920×1080.png
  243. 243 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1920×1200.png
  244. 244 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-1920×1440.png
  245. 245 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/cal/july-15-ready-for-summer-cal-2560×1440.png
  246. 246 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1024×768.png
  247. 247 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1024×1024.png
  248. 248 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1280×800.png
  249. 249 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1280×960.png
  250. 250 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1280×1024.png
  251. 251 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1366×768.png
  252. 252 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1400×1050.png
  253. 253 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1440×900.png
  254. 254 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1600×1200.png
  255. 255 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1680×1050.png
  256. 256 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1680×1200.png
  257. 257 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1920×1080.png
  258. 258 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1920×1200.png
  259. 259 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-1920×1440.png
  260. 260 http://files.smashingmagazine.com/wallpapers/july-15/ready-for-summer/nocal/july-15-ready-for-summer-nocal-2560×1440.png
  261. 261 http://www.mariakellerac.com
  262. 262 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/july-15-summer-without-worries-full.png
  263. 263 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/july-15-summer-without-worries-preview.png
  264. 264 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-320×480.png
  265. 265 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-640×480.png
  266. 266 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-640×1136.png
  267. 267 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-750×1334.png
  268. 268 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-800×480.png
  269. 269 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-800×600.png
  270. 270 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1024×768.png
  271. 271 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1024×1024.png
  272. 272 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1152×864.png
  273. 273 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1242×2208.png
  274. 274 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1280×720.png
  275. 275 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1280×800.png
  276. 276 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1280×960.png
  277. 277 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1280×1024.png
  278. 278 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1366×768.png
  279. 279 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1400×1050.png
  280. 280 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1440×900.png
  281. 281 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1600×1200.png
  282. 282 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1680×1050.png
  283. 283 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1680×1200.png
  284. 284 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1920×1080.png
  285. 285 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1920×1200.png
  286. 286 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-1920×1440.png
  287. 287 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-2560×1440.png
  288. 288 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/cal/july-15-summer-without-worries-cal-2880×1800.png
  289. 289 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-320×480.png
  290. 290 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-640×480.png
  291. 291 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-640×1136.png
  292. 292 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-750×1334.png
  293. 293 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-800×480.png
  294. 294 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-800×600.png
  295. 295 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1024×768.png
  296. 296 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1024×1024.png
  297. 297 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1152×864.png
  298. 298 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1242×2208.png
  299. 299 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1280×720.png
  300. 300 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1280×800.png
  301. 301 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1280×960.png
  302. 302 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1280×1024.png
  303. 303 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1366×768.png
  304. 304 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1400×1050.png
  305. 305 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1440×900.png
  306. 306 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1600×1200.png
  307. 307 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1680×1050.png
  308. 308 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1680×1200.png
  309. 309 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1920×1080.png
  310. 310 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1920×1200.png
  311. 311 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-1920×1440.png
  312. 312 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-2560×1440.png
  313. 313 http://files.smashingmagazine.com/wallpapers/july-15/summer-without-worries/nocal/july-15-summer-without-worries-nocal-2880×1800.png
  314. 314 http://www.wonderlandcollective.co.za/
  315. 315 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/july-15-a-rascal-of-boys-full.jpg
  316. 316 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/july-15-a-rascal-of-boys-preview.jpg
  317. 317 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-320×480.jpg
  318. 318 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-800×600.jpg
  319. 319 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-1024×768.jpg
  320. 320 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-1280×960.jpg
  321. 321 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-1680×1050.jpg
  322. 322 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-1920×1200.jpg
  323. 323 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/cal/july-15-a-rascal-of-boys-cal-2560×1440.jpg
  324. 324 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-320×480.jpg
  325. 325 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-800×600.jpg
  326. 326 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-1024×768.jpg
  327. 327 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-1280×960.jpg
  328. 328 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-1680×1050.jpg
  329. 329 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-1920×1200.jpg
  330. 330 http://files.smashingmagazine.com/wallpapers/july-15/a-rascal-of-boys/nocal/july-15-a-rascal-of-boys-nocal-2560×1440.jpg
  331. 331 http://www.wonderlandcollective.co.za/
  332. 332 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/july-15-an-intrusion-of-cockroaches-full.jpg
  333. 333 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/july-15-an-intrusion-of-cockroaches-preview.jpg
  334. 334 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-320×480.jpg
  335. 335 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-800×600.jpg
  336. 336 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-1024×768.jpg
  337. 337 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-1280×960.jpg
  338. 338 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-1680×1050.jpg
  339. 339 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-1920×1200.jpg
  340. 340 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/cal/july-15-an-intrusion-of-cockroaches-cal-2560×1440.jpg
  341. 341 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-320×480.jpg
  342. 342 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-800×600.jpg
  343. 343 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-1024×768.jpg
  344. 344 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-1280×960.jpg
  345. 345 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-1680×1050.jpg
  346. 346 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-1920×1200.jpg
  347. 347 http://files.smashingmagazine.com/wallpapers/july-15/an-intrusion-of-cockroaches/nocal/july-15-an-intrusion-of-cockroaches-nocal-2560×1440.jpg
  348. 348 http://www.andysides.com
  349. 349 http://files.smashingmagazine.com/wallpapers/july-15/see-america/july-15-see-america-full.jpg
  350. 350 http://files.smashingmagazine.com/wallpapers/july-15/see-america/july-15-see-america-preview.jpg
  351. 351 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1280×960.jpg
  352. 352 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1280×1024.jpg
  353. 353 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1400×1050.jpg
  354. 354 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1440×900.jpg
  355. 355 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1600×1200.jpg
  356. 356 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1680×1050.jpg
  357. 357 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1680×1200.jpg
  358. 358 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1920×1080.jpg
  359. 359 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1920×1200.jpg
  360. 360 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-1920×1440.jpg
  361. 361 http://files.smashingmagazine.com/wallpapers/july-15/see-america/cal/july-15-see-america-cal-2560×1440.jpg
  362. 362 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-800×480.jpg
  363. 363 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-800×600.jpg
  364. 364 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1024×768.jpg
  365. 365 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1024×1024.jpg
  366. 366 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1152×864.jpg
  367. 367 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1280×720.jpg
  368. 368 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1280×800.jpg
  369. 369 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1280×960.jpg
  370. 370 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1280×1024.jpg
  371. 371 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1400×1050.jpg
  372. 372 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1440×900.jpg
  373. 373 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1600×1200.jpg
  374. 374 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1680×1050.jpg
  375. 375 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1680×1200.jpg
  376. 376 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1920×1080.jpg
  377. 377 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1920×1200.jpg
  378. 378 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-1920×1440.jpg
  379. 379 http://files.smashingmagazine.com/wallpapers/july-15/see-america/nocal/july-15-see-america-nocal-2560×1440.jpg
  380. 380 http://rgdart.com
  381. 381 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/july-15-sanctus-full.jpg
  382. 382 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/july-15-sanctus-preview.jpg
  383. 383 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-320×480.jpg
  384. 384 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-640×480.jpg
  385. 385 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-800×480.jpg
  386. 386 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-800×600.jpg
  387. 387 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1024×768.jpg
  388. 388 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1024×1024.jpg
  389. 389 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1152×864.jpg
  390. 390 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1280×720.jpg
  391. 391 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1280×800.jpg
  392. 392 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1280×960.jpg
  393. 393 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1280×1024.jpg
  394. 394 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1366×768.jpg
  395. 395 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1400×1050.jpg
  396. 396 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1440×900.jpg
  397. 397 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1600×1200.jpg
  398. 398 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1680×1050.jpg
  399. 399 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1680×1200.jpg
  400. 400 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1920×1080.jpg
  401. 401 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1920×1200.jpg
  402. 402 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-1920×1440.jpg
  403. 403 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-2560×1440.jpg
  404. 404 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-2560×1600.jpg
  405. 405 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/cal/july-15-sanctus-cal-3440×1440.jpg
  406. 406 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-320×480.jpg
  407. 407 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-640×480.jpg
  408. 408 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-800×480.jpg
  409. 409 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-800×600.jpg
  410. 410 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1024×768.jpg
  411. 411 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1024×1024.jpg
  412. 412 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1152×864.jpg
  413. 413 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1280×720.jpg
  414. 414 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1280×800.jpg
  415. 415 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1280×960.jpg
  416. 416 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1280×1024.jpg
  417. 417 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1366×768.jpg
  418. 418 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1400×1050.jpg
  419. 419 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1440×900.jpg
  420. 420 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1600×1200.jpg
  421. 421 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1680×1050.jpg
  422. 422 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1680×1200.jpg
  423. 423 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1920×1080.jpg
  424. 424 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1920×1200.jpg
  425. 425 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-1920×1440.jpg
  426. 426 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-2560×1440.jpg
  427. 427 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-2560×1600.jpg
  428. 428 http://files.smashingmagazine.com/wallpapers/july-15/sanctus/nocal/july-15-sanctus-nocal-3440×1440.jpg
  429. 429 http://nikbelikov.ru/
  430. 430 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/july-15-peaceful-memories-full.jpg
  431. 431 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/july-15-peaceful-memories-preview.jpg
  432. 432 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-640×1136.jpg
  433. 433 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-750×1334.jpg
  434. 434 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1024×768.jpg
  435. 435 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1080×1920.jpg
  436. 436 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1280×800.jpg
  437. 437 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1280×1024.jpg
  438. 438 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1366×768.jpg
  439. 439 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1440×900.jpg
  440. 440 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1600×900.jpg
  441. 441 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1600×1200.jpg
  442. 442 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1920×1080.jpg
  443. 443 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-1920×1200.jpg
  444. 444 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-2560×1440.jpg
  445. 445 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/cal/july-15-peaceful-memories-cal-5120×2880.jpg
  446. 446 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-640×1136.jpg
  447. 447 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-750×1334.jpg
  448. 448 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1024×768.jpg
  449. 449 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1080×1920.jpg
  450. 450 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1280×800.jpg
  451. 451 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1280×1024.jpg
  452. 452 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1366×768.jpg
  453. 453 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1440×900.jpg
  454. 454 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1600×900.jpg
  455. 455 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1600×1200.jpg
  456. 456 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1920×1080.jpg
  457. 457 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-1920×1200.jpg
  458. 458 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-2560×1440.jpg
  459. 459 http://files.smashingmagazine.com/wallpapers/july-15/peaceful-memories/nocal/july-15-peaceful-memories-nocal-5120×2880.jpg
  460. 460 http://oculus.co.uk/
  461. 461 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/july-15-alices-adventures-in-wonderland-full.jpg
  462. 462 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/july-15-alices-adventures-in-wonderland-preview.jpg
  463. 463 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-800×600.jpg
  464. 464 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1152×864.jpg
  465. 465 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1280×720.jpg
  466. 466 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1280×800.jpg
  467. 467 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1280×1024.jpg
  468. 468 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1440×900.jpg
  469. 469 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1600×1200.jpg
  470. 470 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1680×1050.jpg
  471. 471 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1920×1080.jpg
  472. 472 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-1920×1200.jpg
  473. 473 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/cal/july-15-alices-adventures-in-wonderland-cal-2560×1440.jpg
  474. 474 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-800×600.jpg
  475. 475 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1152×864.jpg
  476. 476 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1280×720.jpg
  477. 477 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1280×800.jpg
  478. 478 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1280×1024.jpg
  479. 479 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1440×900.jpg
  480. 480 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1600×1200.jpg
  481. 481 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1680×1050.jpg
  482. 482 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1920×1080.jpg
  483. 483 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-1920×1200.jpg
  484. 484 http://files.smashingmagazine.com/wallpapers/july-15/alices-adventures-in-wonderland/nocal/july-15-alices-adventures-in-wonderland-nocal-2560×1440.jpg
  485. 485 http://www.itcampus.de/
  486. 486 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/july-15-chance-favors-the-connected-mind-full.jpg
  487. 487 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/july-15-chance-favors-the-connected-mind-preview.jpg
  488. 488 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-320×480.jpg
  489. 489 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-640×480.jpg
  490. 490 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-800×600.jpg
  491. 491 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1024×768.jpg
  492. 492 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1280×720.jpg
  493. 493 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1280×960.jpg
  494. 494 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1280×1024.jpg
  495. 495 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1680×1050.jpg
  496. 496 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1920×1080.jpg
  497. 497 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1920×1200.jpg
  498. 498 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-1920×1440.jpg
  499. 499 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/cal/july-15-chance-favors-the-connected-mind-cal-2560×1440.jpg
  500. 500 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-320×480.jpg
  501. 501 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-640×480.jpg
  502. 502 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-800×600.jpg
  503. 503 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1024×768.jpg
  504. 504 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1280×720.jpg
  505. 505 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1280×960.jpg
  506. 506 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1280×1024.jpg
  507. 507 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1680×1050.jpg
  508. 508 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1920×1080.jpg
  509. 509 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1920×1200.jpg
  510. 510 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-1920×1440.jpg
  511. 511 http://files.smashingmagazine.com/wallpapers/july-15/chance-favors-the-connected-mind/nocal/july-15-chance-favors-the-connected-mind-nocal-2560×1440.jpg
  512. 512 http://davidbyrnedesign.com
  513. 513 http://files.smashingmagazine.com/wallpapers/july-15/bbq/july-15-bbq-full.png
  514. 514 http://files.smashingmagazine.com/wallpapers/july-15/bbq/july-15-bbq-preview.png
  515. 515 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-320×480.png
  516. 516 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-640×480.png
  517. 517 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-800×480.png
  518. 518 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-800×600.png
  519. 519 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1024×768.png
  520. 520 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1024×1024.png
  521. 521 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1152×864.png
  522. 522 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1280×720.png
  523. 523 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1280×800.png
  524. 524 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1280×960.png
  525. 525 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1280×1024.png
  526. 526 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1366×768.png
  527. 527 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1400×1050.png
  528. 528 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1440×900.png
  529. 529 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1600×1200.png
  530. 530 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1680×1050.png
  531. 531 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1680×1200.png
  532. 532 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1920×1080.png
  533. 533 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1920×1200.png
  534. 534 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-1920×1440.png
  535. 535 http://files.smashingmagazine.com/wallpapers/july-15/bbq/cal/july-15-bbq-cal-2560×1440.png
  536. 536 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-320×480.png
  537. 537 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-640×480.png
  538. 538 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-800×480.png
  539. 539 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-800×600.png
  540. 540 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1024×768.png
  541. 541 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1024×1024.png
  542. 542 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1152×864.png
  543. 543 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1280×720.png
  544. 544 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1280×800.png
  545. 545 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1280×960.png
  546. 546 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1280×1024.png
  547. 547 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1366×768.png
  548. 548 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1400×1050.png
  549. 549 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1440×900.png
  550. 550 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1600×1200.png
  551. 551 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1680×1050.png
  552. 552 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1680×1200.png
  553. 553 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1920×1080.png
  554. 554 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1920×1200.png
  555. 555 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-1920×1440.png
  556. 556 http://files.smashingmagazine.com/wallpapers/july-15/bbq/nocal/july-15-bbq-nocal-2560×1440.png
  557. 557 http://www.smashingmagazine.com/2008/03/19/desktop-wallpaper-calendar-join-in/

The post Desktop Wallpaper Calendars: July 2015 appeared first on Smashing Magazine.

Categories: Others Tags:

Maintain Focus: 20 Website Designs with Centered Layouts

June 29th, 2015 No comments

Website designs with fixed width centered layouts are like a blast from the past that remind us of those good old days when a majority of web sites were based on the formerly popular 960px grid system – center-aligned and with distinctive borders. With the increasing popularity of wide screens, designers began to opt in favor of full-screen layouts that gave the content more dominant positions. Image and video backgrounds became the main visual driving force that seized the whole attention. However, some time later, when smaller screens of tablets and cell phones began to call the tune, responsiveness came to the fore so that designers started to pay attention to the viewport of a browser. By skillfully manipulating with this key factor in mind, developers managed to save mobile users from confusion and websites from crashes. Along with fluid width full-screen layouts, fixed width centered layouts naturally direct the whole attention towards the heart of the page where the content is located. Today’s article includes 20 great fresh examples of website designs that have successfully adopted this technique. The online portfolio of Normand Robert is encircled with a relatively huge gutters that give the design a powerful open feeling. […]

Categories: Others Tags:

Design Principles: Compositional Balance, Symmetry And Asymmetry

June 29th, 2015 No comments
Symmetrically balanced seesaw

A balanced composition feels right. It feels stable and aesthetically pleasing. While some of its elements might be focal points and attract your eye, no one area of the composition draws your eye so much that you can’t see the other areas.

Balancing a composition1 involves arranging both positive elements and negative space in such a way that no one area of the design overpowers other areas. Everything works together and fits together in a seamless whole. The individual parts contribute to their sum but don’t try to become the sum.

An unbalanced composition can lead to tension. When a design is unbalanced, the individual elements dominate the whole and the composition becomes less than the sum of its parts. In some projects, unbalanced might be right for the message you’re trying to communicate, but generally you want balanced compositions.

Note: This is the seventh and final post in a series on design principles. You can find the first six posts here:

Happiness is not a matter of intensity but of balance, order, rhythm and harmony.

– Thomas Merton

Physical And Visual Balance

Balance is easy to understand in the physical world, because we experience it all the time. When something is unbalanced, it tends to fall over. You’ve probably been on a seesaw or a teeter-totter at some time in your life — you on one side and a friend on the other.

Assuming you were both about the same size, you were able to easily balance on the seesaw. The following image appears to be in balance, with two equally sized people equally distant from the fulcrum on which the seesaw balances.

8
Symmetrically balanced seesaw. (View large version9)

The person on the left makes the seesaw rotate counterclockwise, and the person on the right makes it rotate clockwise by an equal amount. The force of each person acts in a different direction, and their sum is zero.

If one of the people was much bigger, though, the balance would be thrown off.

10
Unbalanced seesaw. (View large version)

This image doesn’t feel right because we know the person on the left isn’t big enough to balance the person on the right. The clockwise force should be much greater, and the seesaw should be touching the ground on the right.

However, if the larger person slid in toward the center, then the seesaw would be balanced again.

Asymmetrically balanced seesaw11
Asymmetrically balanced seesaw. (View large version12)

Here, the force of the larger person is reduced by being closer to the fulcrum on which the seesaw balances. I’ll trust you’ve been on a seesaw before or at least watched others play on one and that you have a pretty good sense of what’s going on.

Visual balance is similar. Physical weight is replaced by visual weight. The direction in which the physical weight acts is replaced by visual direction.

As a reminder, below are definitions for visual weight and visual direction, although I’ll refer you back to the fourth post in this series13 for more details.

  • visual weight
    This is the perceived weight of a visual element. It’s a measure of how much anything on the page attracts the eye of the viewer.
  • visual direction
    This is the perceived direction of a visual force. It’s the direction in which we think an element should be moving if it were given a chance to move according to the forces acting on it.

You don’t use instruments to measure the forces. You don’t use formulas to calculate whether everything is in balance. Rather, you use your eye to determine whether a composition is balanced.

Why Visual Balance Is Important

Just as in the physical world, visual balance is a good thing. It’s desirable in and of itself. An unbalanced composition can feel uncomfortable for the viewer. Look back at the second of the three seesaw images — it looks wrong because we can tell that the seesaw shouldn’t be in balance.

Visual weight is a measure of the visual interest of an element or area in a design. When a composition is visually balanced, every part of it holds some interest. The visual interest is balanced, which keeps viewers engaged with the design.

Without visual balance, viewers might not see all areas of the design. They probably won’t spend any time in areas with less visual weight or interest. Any information in those areas could easily go unnoticed.

You would balance a design visually because you want to balance the points of interest in your composition, so that viewers spend time with all of the information you want to convey.

Four Types Of Balance

There’s more than one way to balance a composition. The images in the previous section show two of them. The first image is an example of symmetrical balance, and the second is an example of asymmetrical balance. Two other types of balance are radial and mosaic.

Symmetrical balance14
Symmetrical balance. (View large version15)

Symmetrical balance occurs when equal weights are on equal sides of a composition, balanced around a fulcrum or axis in the center. Symmetrical balance evokes feelings of formality (it’s sometimes called formal balance) and elegance. A wedding invitation is a good example of a composition that you’d likely want to be symmetrically balanced.

The downside of symmetrical balance is that it’s static and sometimes regarded as boring. Because half of the composition mirrors the other half, at least half of the composition will be rather predictable.

Asymmetrical balance16
Asymmetrical balance. (View large version17)

Asymmetrical balance results from unequal visual weight on each side of the composition. One side of the composition might contain a dominant element, which could be balanced by a couple or more lesser focal points on the other side. One visually heavy element on one side might be balanced by a handful of lighter elements on the other.

Asymmetrical balance is more dynamic and interesting. It evokes feelings of modernism, movement, energy and vitality. Asymmetrical balance offers more visual variety, although it can be more difficult to achieve because the relationships between elements are more complex.

Radial balance18
Radial balance. (View large version19)

Radial balance occurs when elements radiate from a common center. Rays of sunlight and ripples in a pond after a stone is tossed in are examples of radial balance. Maintaining a focal point (fulcrum) is easy because it’s always the center.

Because everything radiates from a common center, everything also leads to that center, making it a strong point of attraction.

Mosaic balance20
Mosaic balance. (View large version21)

Mosaic balance (or crystallographic balance) results from balanced chaos. Think Jackson Pollack paintings. The composition lacks distinct focal points, and the elements share a uniform emphasis. The lack of hierarchy leads to visual noise at first glance. Somehow, though, it all works together.

Symmetry And Asymmetry

Both symmetry and asymmetry can be used throughout a composition, independent of, yet while contributing to, the final balance. You can have symmetrical forms in an asymmetrically balanced composition and vice versa.

Symmetry is usually seen as beautiful and harmonized; however, it can also be seen as static and dull. Asymmetry tends to be more interesting and dynamic, despite not being regarded as intrinsically beautiful.

Symmetry

There are three primary types of symmetry.

Reflection symmetry (or bilateral symmetry) occurs when everything is mirrored around a central axis. It’s probably the first thing you think of when you hear the word “symmetry.” The axis can be in any direction or orientation, although it’s often vertical or horizontal.

Everything on one side of the axis is mirrored on the other side. Natural forms that grow or move across earth’s surface develop reflection symmetry. A human face and a butterfly are examples.

When the reflection is a perfect mirror image, the symmetry is said to be pure. Much of the time it won’t be perfect and each side will have slight variations. This is near symmetry, and it’s more common than pure symmetry.

The symmetry can even occur over multiple axes at the same time. For example, the left and right half of a composition could mirror each other, while the top and bottom also mirror each other. Snowflakes show reflection symmetry over more than two axes.

Rotational symmetry (or radial symmetry) occurs when everything rotates around a common center. It can occur at any angle or frequency, as long as there’s a common center. Natural forms that grow or move perpendicular to the earth’s surface develop rotational symmetry. The petals of a sunflower are an example. Rotation without reflection can be used to show motion, speed or dynamic action. Think of the spinning wheels of a moving car.

Translational symmetry (or crystallographic symmetry) occurs when elements are repeated over different locations in space. Repeating fence posts are an example. The repetition creates translation symmetry. It can occur in any direction or at any distance, as long as the basic orientation is the same. Natural forms develop translational symmetry through reproduction. You can create rhythm, motion, speed and dynamic action through translation symmetry.

The butterfly is an example of reflection symmetry, the fence posts show translation symmetry, and the sunflower is an example of radial symmetry22
The butterfly23 is an example of reflection symmetry, the fence posts24 show translation symmetry, and the sunflower25 is an example of radial symmetry. (View large version26)

Symmetrical forms are commonly seen as the figure, as opposed to the ground. A symmetrical form will carry more weight than a similarly sized and shaped asymmetrical form.

Symmetrical forms convey balance in and of themselves, but they could appear too stable and too balanced, leading to a lack of interest. Symmetrical forms also lead to passive space because the negative space is equal all around the form.

Asymmetry

Asymmetrical forms lack the balance of symmetrical forms, although you can asymmetrically balance an entire composition. Asymmetry is rather common in natural forms: you’re probably right- or left-handed; fiddler crabs have different sized claws; trees branches grow in different directions; clouds have random shapes.

Asymmetry creates more complex relationships between elements, and so it tends to be more interesting than symmetry. Because it’s more interesting, asymmetry can be used to draw attention.

Space around asymmetrical forms is more active. Unpredictable patterns are created, and overall you have more freedom of expression with asymmetry than with symmetry. The tradeoff is that it’s harder to achieve.

Much in the same way that similarity and contrast work together, you can combine symmetry and asymmetry27 to good effect. Balance symmetrical forms in an asymmetrical way, or balance asymmetrical forms symmetrically. Break up symmetrical forms with a random mark to add interest. Contrast symmetry and asymmetry in your composition to make elements get more attention.

Gestalt Principles

Throughout this series I’ve tried to point out how many design principles arise from gestalt principles. I also hope that as you’ve followed along you’ve seen how different design principles build on each other.

One of the gestalt principles specifically addresses symmetry and order and certainly applies to compositional balance. It’s hardly the only principle that applies, though.

The simplicity of symmetrical forms is predicted by the Law of Prägnanz. Gestalt principles such as focal points and similarity contribute to visual weight. Principles such as continuation, common fate and parallelism impart visual direction. I also mentioned that symmetrical forms are more likely to be seen as figure rather than ground.

I hope this idea that the principles of gestalt lead to many of the design principles that guide us has become clearer as you’ve read through this series. The design principles we follow didn’t arise out of thin air; they emerged from the psychology of the way we perceive our visual environment.

Examples

It’s time for screenshots. I have a few more websites than usual for this last article in the series, and I’ve grouped them according to the four types of balance.

As I’ve reiterated throughout the series, what follows is my opinion. This is how I see the balance in these designs. You might see it differently, which is fine. Thinking critically about the designs is more important than our agreeing about what we think.

Examples of Symmetrical Balance

The design of Helen & Hard’s entire website is symmetrically balanced. The screenshot here is from the “About”28 page, but the other pages of the website are similarly balanced.

Screenshot of Helen & Hard's “About” page29
Screenshot of Helen & Hard’s “About” page. (View large version30)

Everything reflects around a vertical axis down the center of the page. The logo is centered, the navigation bar is centered, the circular images are centered, the heading is centered, and the three columns of text are centered.

The balance isn’t perfectly symmetrically. The columns have different amounts of text, for example.

However, notice the top of the page. Both the logo and navigation bar are centered, but they don’t appear to be visually centered. My eye wants the logo to be centered on the ampersand, or at least closer to it. The three menu items on the right side of the navigation bar have more letters than those on the left. My eye wants them to be the same and wants the center to be in between the “About” and “People” links.

I think moving these two elements out of center to make them look like they’re visually centered would balance the composition a little better.

The home page of Tilde31 is another design that’s symmetrically balanced. Like Helen & Hard, everything here revolves around a vertical axis running down the center of the page: the navigation, the text, the people in the image. It’s the same as you scroll down the page.

0Screenshot of Tilde's home page32
Screenshot of Tilde’s home page. (View large version33)

As with Helen & Hard, the symmetry isn’t pure. Centered lines of text aren’t mirror images, for one thing. Also, a couple of elements are off: the “Meet the Team” arrow pointing right and the text at the bottom of the page ending in another arrow pointing right.

Both are calls to action and both break the symmetry, calling extra attention to themselves. Notice how both arrows use colors that contrast with their background, further increasing the attraction of these elements.

Examples of Asymmetrical Balance

The home page of Carrie Voldengen’s portfolio exhibits an overall asymmetrical balance around a dominant symmetrical form. Looking at the overall composition, I see several discrete shapes.

Screenshot of Carrie Voldengen's website34
Screenshot of Carrie Voldengen’s website. (View large version35)

The mass of the page is a large rectangle that’s composed of a grid of smaller rectangular images. On its own, this grid is symmetrical around both the vertical and horizontal axes. It feels very strong and stable. On its own, it’s very balanced and looks like it’s not going anywhere.

To the right, a block of text pulls down on the shape. It’s counterbalanced by text and the circular logo in the upper left. Both provide a relatively equal amount of visual weight acting on the grid in opposite directions.

The distance to an imagined fulcrum is about the same as the weights. The text on the right is larger and darker overall, but the blue circular logo gives more weight to its general area. The circle even connects to the top-left corner of the grid through a single color.

The text below the grid seems to hang from it, and it’s light enough on its own not to throw the composition out of balance.

Notice that the space also feels balanced. The areas down the left, along the top right and down the right, including a bit of the bottom right, all balance each other. The area on the left is larger than the area on the right, but the right has additional space on the top and bottom.

The images at the top of Hirondelle USA’s36 home page rotate. I grabbed a screenshot of this one specifically to talk about the asymmetrical balance established at the top of the page.

Screenshot of Hirondelle USA37
Screenshot of Hirondelle USA. (View large version38)

The column in the image is slightly off center, and it anchors the composition with a strong vertical line — it’s an object we know weighs a lot. The railing on the left provides a strong connection with the left edge of the screen. It, too, feels anchored. It’s hard to imagine any design element on the page throwing either out of balance.

The text above the railing feels supported by the railing; however, it’s also visually balanced by the image of the boy on the right. You might view the railing as hanging off the left side of the pole, pulling it out of balance, but I think the intrinsic interest of the boy as well as the darker values in the background behind him counterbalance both the rail and the text on the left and keep things in balance.

There’s a sense of translation symmetry as the gold lines of text repeat in the upper left and lower right of the image, as well as in the button further down the page. The white text is repeated as well.

Examples of Radial Balance

The home page of Vlog.it39 exhibits radial balance, which I hope is clear from the screenshot. Other than the shape in the top-right corner, everything revolves around the center of the page, as the three rings of images rotate around the center circle.

Screenshot of Vlog.it40
Screenshot of Vlog.it. (View large version41)

What you can’t see in the screenshot is how the page loads. A line is drawn from the lower-left corner to the center of the page. From that point on, just about everything that appears on the page does so by revolving around the center or radiating from it, like ripples in a pond.

The smaller circle in the upper right adds a little translation symmetry and some asymmetry, increasing visual interest in the composition.

Opera’s Shiny Demos42 home page isn’t circular, but the text links all seem to emanate from a common or near common center. It’s easy to imagine the whole shape spinning around one of the squares in the middle or maybe one of the corners where four squares meet.

Screenshot of Opera's Shiny Demos43
Screenshot of Opera’s Shiny Demos. (View large version44)

The Shiny Demos heading in the upper left and the Opera logo in the lower right counterbalance each other and also appear to radiate from the same center as the text links.

It’s a good example of how radial balance doesn’t necessarily require the use of circles.

Examples of Mosaic Balance

You might expect mosaic balance to be the least used online, especially after I offered Jackson Pollack paintings as an example of mosaic balance. Many more examples are online than you might realize.

The home page of Rabbit’s Tale45 is a good example. There’s certainly a random and chaotic feel with the letters strewn about, but the balance in the composition works.

Screenshot of Rabbit's Tale46
Screenshot of Rabbit’s Tale. (View large version47)

There are close to equal areas of color and space on both sides (right and left) to balance each other. The rabbit in the middle even serves as a fulcrum. It might also stand out a little after you’ve seen it, but overall the elements don’t call attention to themselves individually.

I’m not going to try to figure out which elements counterbalance each other, one element at a time, but hopefully you agree that there’s an overall balance. If anything, the chaos is weightier on the right, but not to the point of throwing off the balance.

Content-heavy websites such as news and magazine websites exhibit mosaic balance as well. You might recognize the home page of The Onion48. In the screenshot, I’ve removed the background image behind the top of the page.

Screenshot of The Onion49
Screenshot of The Onion. (View large version50)

There’s a lot to look at. The layout isn’t symmetrical. The columns aren’t equal in size. It’s hard to identify what counterbalances what. The blocks of content have different amounts of content inside and, consequently, are different sizes. Nothing radiates from a common center.

There’s a bit of chaos and randomness in the different-sized blocks, some denser than others. Because the stories on the website change daily, a different chaos will appear each day. Overall, it works.

Perhaps it’s a stretch to say that it’s a mosaic balance, but again I would argue that it is and that many websites exhibit this sort of chaotic balance, although something tells me that much of the chaos we see online wasn’t planned.

Summary

It’s taken a while to get here, but that concludes our series on design principles. I hope you’ve enjoyed it, learned something new or found the series to be a good review of fundamental design principles.

As you can guess, I think the fundamentals are important. I started this series to show how all of these principles arise out of human perception and gestalt theory. I didn’t make them up. The principles are based on how we all perceive and interpret our visual environment.

For example, one reason we notice focal points is because they contrast with the elements around them. They stand out as different. That’s important when you need to quickly determine friend from foe. That ability was important for our survival as a species, and so our eyes developed to make the determination quickly.

However, design principles aren’t hard and fast rules. They’re guidelines. There’s no one right way to communicate that two elements are similar or different, for example. You don’t need to follow any of these principles, although you should understand them and have a reason for breaking them.

Again, I hope you’ve enjoyed this series, and I hope even more that something in the series has given you more control over the visual communication in your designs.

Additional Resources

(il, ml, al)

Footnotes

  1. 1 http://www.vanseodesign.com/web-design/visual-balance/
  2. 2 http://www.smashingmagazine.com/2014/03/28/design-principles-visual-perception-and-the-principles-of-gestalt/
  3. 3 http://www.smashingmagazine.com/2014/05/16/design-principles-space-figure-ground-relationship/
  4. 4 http://www.smashingmagazine.com/2014/09/22/design-principles-connecting-and-separating-elements-through-contrast-and-similarity/
  5. 5 http://www.smashingmagazine.com/2014/12/12/design-principles-visual-weight-direction/
  6. 6 http://www.smashingmagazine.com/2015/02/27/design-principles-dominance-focal-points-hierarchy/
  7. 7 http://www.smashingmagazine.com/2015/04/29/design-principles-compositional-flow-and-rhythm/
  8. 8 http://www.smashingmagazine.com/wp-content/uploads/2015/05/see-saw-symmetry-opt.png
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/2015/05/see-saw-symmetry-opt.png
  10. 10 http://www.smashingmagazine.com/wp-content/uploads/2015/05/see-saw-unbalanced-opt.png
  11. 11 http://www.smashingmagazine.com/wp-content/uploads/2015/05/see-saw-asymmetry-opt.png
  12. 12 http://www.smashingmagazine.com/wp-content/uploads/2015/05/see-saw-asymmetry-opt.png
  13. 13 http://www.smashingmagazine.com/2014/12/12/design-principles-visual-weight-direction/
  14. 14 http://www.smashingmagazine.com/wp-content/uploads/2015/05/symmetry-opt.png
  15. 15 http://www.smashingmagazine.com/wp-content/uploads/2015/05/symmetry-opt.png
  16. 16 http://www.smashingmagazine.com/wp-content/uploads/2015/05/asymmetry-opt.png
  17. 17 http://www.smashingmagazine.com/wp-content/uploads/2015/05/asymmetry-opt.png
  18. 18 http://www.smashingmagazine.com/wp-content/uploads/2015/05/radial-opt.png
  19. 19 http://www.smashingmagazine.com/wp-content/uploads/2015/05/radial-opt.png
  20. 20 http://www.smashingmagazine.com/wp-content/uploads/2015/05/mosaic-opt.png
  21. 21 http://www.smashingmagazine.com/wp-content/uploads/2015/05/mosaic-opt.png
  22. 22 http://www.smashingmagazine.com/wp-content/uploads/2015/05/03-types-of-symmetry-opt.jpg
  23. 23 http://www.publicdomainpictures.net/view-image.php?image=48493
  24. 24 http://www.publicdomainpictures.net/view-image.php?image=58672
  25. 25 http://www.publicdomainpictures.net/view-image.php?image=90065
  26. 26 http://www.smashingmagazine.com/wp-content/uploads/2015/05/03-types-of-symmetry-opt.jpg
  27. 27 http://www.vanseodesign.com/web-design/symmetry-asymmetry/
  28. 28 http://www.helenhard.no/index.php/about
  29. 29 http://www.smashingmagazine.com/wp-content/uploads/2015/05/04-helen-and-hard-opt.jpg
  30. 30 http://www.smashingmagazine.com/wp-content/uploads/2015/05/04-helen-and-hard-opt.jpg
  31. 31 http://tilde.io
  32. 32 http://www.smashingmagazine.com/wp-content/uploads/2015/05/05-tilde-opt.png
  33. 33 http://www.smashingmagazine.com/wp-content/uploads/2015/05/05-tilde-opt.png
  34. 34 http://www.smashingmagazine.com/wp-content/uploads/2015/05/06-carrie-voldengen-opt.jpg
  35. 35 http://www.smashingmagazine.com/wp-content/uploads/2015/05/06-carrie-voldengen-opt.jpg
  36. 36 http://hirondelleusa.org
  37. 37 http://www.smashingmagazine.com/wp-content/uploads/2015/05/07-hirondelle-usa-opt.jpg
  38. 38 http://www.smashingmagazine.com/wp-content/uploads/2015/05/07-hirondelle-usa-opt.jpg
  39. 39 http://vlog.it
  40. 40 http://www.smashingmagazine.com/wp-content/uploads/2015/05/08-vlog-it-opt.jpg
  41. 41 http://www.smashingmagazine.com/wp-content/uploads/2015/05/08-vlog-it-opt.jpg
  42. 42 http://shinydemos.com
  43. 43 http://www.smashingmagazine.com/wp-content/uploads/2015/05/09-shinydemos-opt.png
  44. 44 http://www.smashingmagazine.com/wp-content/uploads/2015/05/09-shinydemos-opt.png
  45. 45 http://rabbitstale.com
  46. 46 http://www.smashingmagazine.com/wp-content/uploads/2015/05/10-rabbitstale-opt.jpg
  47. 47 http://www.smashingmagazine.com/wp-content/uploads/2015/05/10-rabbitstale-opt.jpg
  48. 48 http://theonion.com
  49. 49 http://www.smashingmagazine.com/wp-content/uploads/2015/05/11-the-onion-opt.jpg
  50. 50 http://www.smashingmagazine.com/wp-content/uploads/2015/05/11-the-onion-opt.jpg
  51. 51 http://www.vanseodesign.com/web-design/web-design-balance/
  52. 52 http://www.sitepoint.com/a-study-of-symmetry-when-where-and-why-to-use-it/
  53. 53 http://www.designscience.ca/LODs/LOD_Visual_Balance/interpretation.html
  54. 54 http://daphne.palomar.edu/design/bsymm.html
  55. 55 http://blog.digitaltutors.com/understanding-balance-graphic-design/
  56. 56 http://www.ultimate-photo-tips.com/photography-rules-of_composition.html
  57. 57 http://char.txa.cornell.edu/language/principl/principl.htm
  58. 58 http://designobserver.com/feature/a-fine-balance/38598/
  59. 59 http://www.idemployee.id.tue.nl/g.w.m.rauterberg/lecturenotes/JFS-lecture/leymarie-2001.pdf
  60. 60 http://www.geog.nau.edu/courses/rh83/pl431/workbook/MapDesign.PDF
  61. 61 http://www.amazon.com/Cartography-ArcView-Software-Borden-Dent/dp/0072822023

The post Design Principles: Compositional Balance, Symmetry And Asymmetry appeared first on Smashing Magazine.

Categories: Others Tags:

Design Principles: Compositional Balance, Symmetry And Asymmetry

June 29th, 2015 No comments
Symmetrically balanced seesaw

A balanced composition feels right. It feels stable and aesthetically pleasing. While some of its elements might be focal points and attract your eye, no one area of the composition draws your eye so much that you can’t see the other areas.

Balancing a composition1 involves arranging both positive elements and negative space in such a way that no one area of the design overpowers other areas. Everything works together and fits together in a seamless whole. The individual parts contribute to their sum but don’t try to become the sum.

An unbalanced composition can lead to tension. When a design is unbalanced, the individual elements dominate the whole and the composition becomes less than the sum of its parts. In some projects, unbalanced might be right for the message you’re trying to communicate, but generally you want balanced compositions.

Note: This is the seventh and final post in a series on design principles. You can find the first six posts here:

Happiness is not a matter of intensity but of balance, order, rhythm and harmony.

– Thomas Merton

Physical And Visual Balance

Balance is easy to understand in the physical world, because we experience it all the time. When something is unbalanced, it tends to fall over. You’ve probably been on a seesaw or a teeter-totter at some time in your life — you on one side and a friend on the other.

Assuming you were both about the same size, you were able to easily balance on the seesaw. The following image appears to be in balance, with two equally sized people equally distant from the fulcrum on which the seesaw balances.

8
Symmetrically balanced seesaw. (View large version9)

The person on the left makes the seesaw rotate counterclockwise, and the person on the right makes it rotate clockwise by an equal amount. The force of each person acts in a different direction, and their sum is zero.

If one of the people was much bigger, though, the balance would be thrown off.

10
Unbalanced seesaw. (View large version)

This image doesn’t feel right because we know the person on the left isn’t big enough to balance the person on the right. The clockwise force should be much greater, and the seesaw should be touching the ground on the right.

However, if the larger person slid in toward the center, then the seesaw would be balanced again.

Asymmetrically balanced seesaw11
Asymmetrically balanced seesaw. (View large version12)

Here, the force of the larger person is reduced by being closer to the fulcrum on which the seesaw balances. I’ll trust you’ve been on a seesaw before or at least watched others play on one and that you have a pretty good sense of what’s going on.

Visual balance is similar. Physical weight is replaced by visual weight. The direction in which the physical weight acts is replaced by visual direction.

As a reminder, below are definitions for visual weight and visual direction, although I’ll refer you back to the fourth post in this series13 for more details.

  • visual weight
    This is the perceived weight of a visual element. It’s a measure of how much anything on the page attracts the eye of the viewer.
  • visual direction
    This is the perceived direction of a visual force. It’s the direction in which we think an element should be moving if it were given a chance to move according to the forces acting on it.

You don’t use instruments to measure the forces. You don’t use formulas to calculate whether everything is in balance. Rather, you use your eye to determine whether a composition is balanced.

Why Visual Balance Is Important

Just as in the physical world, visual balance is a good thing. It’s desirable in and of itself. An unbalanced composition can feel uncomfortable for the viewer. Look back at the second of the three seesaw images — it looks wrong because we can tell that the seesaw shouldn’t be in balance.

Visual weight is a measure of the visual interest of an element or area in a design. When a composition is visually balanced, every part of it holds some interest. The visual interest is balanced, which keeps viewers engaged with the design.

Without visual balance, viewers might not see all areas of the design. They probably won’t spend any time in areas with less visual weight or interest. Any information in those areas could easily go unnoticed.

You would balance a design visually because you want to balance the points of interest in your composition, so that viewers spend time with all of the information you want to convey.

Four Types Of Balance

There’s more than one way to balance a composition. The images in the previous section show two of them. The first image is an example of symmetrical balance, and the second is an example of asymmetrical balance. Two other types of balance are radial and mosaic.

Symmetrical balance14
Symmetrical balance. (View large version15)

Symmetrical balance occurs when equal weights are on equal sides of a composition, balanced around a fulcrum or axis in the center. Symmetrical balance evokes feelings of formality (it’s sometimes called formal balance) and elegance. A wedding invitation is a good example of a composition that you’d likely want to be symmetrically balanced.

The downside of symmetrical balance is that it’s static and sometimes regarded as boring. Because half of the composition mirrors the other half, at least half of the composition will be rather predictable.

Asymmetrical balance16
Asymmetrical balance. (View large version17)

Asymmetrical balance results from unequal visual weight on each side of the composition. One side of the composition might contain a dominant element, which could be balanced by a couple or more lesser focal points on the other side. One visually heavy element on one side might be balanced by a handful of lighter elements on the other.

Asymmetrical balance is more dynamic and interesting. It evokes feelings of modernism, movement, energy and vitality. Asymmetrical balance offers more visual variety, although it can be more difficult to achieve because the relationships between elements are more complex.

Radial balance18
Radial balance. (View large version19)

Radial balance occurs when elements radiate from a common center. Rays of sunlight and ripples in a pond after a stone is tossed in are examples of radial balance. Maintaining a focal point (fulcrum) is easy because it’s always the center.

Because everything radiates from a common center, everything also leads to that center, making it a strong point of attraction.

Mosaic balance20
Mosaic balance. (View large version21)

Mosaic balance (or crystallographic balance) results from balanced chaos. Think Jackson Pollack paintings. The composition lacks distinct focal points, and the elements share a uniform emphasis. The lack of hierarchy leads to visual noise at first glance. Somehow, though, it all works together.

Symmetry And Asymmetry

Both symmetry and asymmetry can be used throughout a composition, independent of, yet while contributing to, the final balance. You can have symmetrical forms in an asymmetrically balanced composition and vice versa.

Symmetry is usually seen as beautiful and harmonized; however, it can also be seen as static and dull. Asymmetry tends to be more interesting and dynamic, despite not being regarded as intrinsically beautiful.

Symmetry

There are three primary types of symmetry.

Reflection symmetry (or bilateral symmetry) occurs when everything is mirrored around a central axis. It’s probably the first thing you think of when you hear the word “symmetry.” The axis can be in any direction or orientation, although it’s often vertical or horizontal.

Everything on one side of the axis is mirrored on the other side. Natural forms that grow or move across earth’s surface develop reflection symmetry. A human face and a butterfly are examples.

When the reflection is a perfect mirror image, the symmetry is said to be pure. Much of the time it won’t be perfect and each side will have slight variations. This is near symmetry, and it’s more common than pure symmetry.

The symmetry can even occur over multiple axes at the same time. For example, the left and right half of a composition could mirror each other, while the top and bottom also mirror each other. Snowflakes show reflection symmetry over more than two axes.

Rotational symmetry (or radial symmetry) occurs when everything rotates around a common center. It can occur at any angle or frequency, as long as there’s a common center. Natural forms that grow or move perpendicular to the earth’s surface develop rotational symmetry. The petals of a sunflower are an example. Rotation without reflection can be used to show motion, speed or dynamic action. Think of the spinning wheels of a moving car.

Translational symmetry (or crystallographic symmetry) occurs when elements are repeated over different locations in space. Repeating fence posts are an example. The repetition creates translation symmetry. It can occur in any direction or at any distance, as long as the basic orientation is the same. Natural forms develop translational symmetry through reproduction. You can create rhythm, motion, speed and dynamic action through translation symmetry.

The butterfly is an example of reflection symmetry, the fence posts show translation symmetry, and the sunflower is an example of radial symmetry22
The butterfly23 is an example of reflection symmetry, the fence posts24 show translation symmetry, and the sunflower25 is an example of radial symmetry. (View large version26)

Symmetrical forms are commonly seen as the figure, as opposed to the ground. A symmetrical form will carry more weight than a similarly sized and shaped asymmetrical form.

Symmetrical forms convey balance in and of themselves, but they could appear too stable and too balanced, leading to a lack of interest. Symmetrical forms also lead to passive space because the negative space is equal all around the form.

Asymmetry

Asymmetrical forms lack the balance of symmetrical forms, although you can asymmetrically balance an entire composition. Asymmetry is rather common in natural forms: you’re probably right- or left-handed; fiddler crabs have different sized claws; trees branches grow in different directions; clouds have random shapes.

Asymmetry creates more complex relationships between elements, and so it tends to be more interesting than symmetry. Because it’s more interesting, asymmetry can be used to draw attention.

Space around asymmetrical forms is more active. Unpredictable patterns are created, and overall you have more freedom of expression with asymmetry than with symmetry. The tradeoff is that it’s harder to achieve.

Much in the same way that similarity and contrast work together, you can combine symmetry and asymmetry27 to good effect. Balance symmetrical forms in an asymmetrical way, or balance asymmetrical forms symmetrically. Break up symmetrical forms with a random mark to add interest. Contrast symmetry and asymmetry in your composition to make elements get more attention.

Gestalt Principles

Throughout this series I’ve tried to point out how many design principles arise from gestalt principles. I also hope that as you’ve followed along you’ve seen how different design principles build on each other.

One of the gestalt principles specifically addresses symmetry and order and certainly applies to compositional balance. It’s hardly the only principle that applies, though.

The simplicity of symmetrical forms is predicted by the Law of Prägnanz. Gestalt principles such as focal points and similarity contribute to visual weight. Principles such as continuation, common fate and parallelism impart visual direction. I also mentioned that symmetrical forms are more likely to be seen as figure rather than ground.

I hope this idea that the principles of gestalt lead to many of the design principles that guide us has become clearer as you’ve read through this series. The design principles we follow didn’t arise out of thin air; they emerged from the psychology of the way we perceive our visual environment.

Examples

It’s time for screenshots. I have a few more websites than usual for this last article in the series, and I’ve grouped them according to the four types of balance.

As I’ve reiterated throughout the series, what follows is my opinion. This is how I see the balance in these designs. You might see it differently, which is fine. Thinking critically about the designs is more important than our agreeing about what we think.

Examples of Symmetrical Balance

The design of Helen & Hard’s entire website is symmetrically balanced. The screenshot here is from the “About”28 page, but the other pages of the website are similarly balanced.

Screenshot of Helen & Hard's “About” page29
Screenshot of Helen & Hard’s “About” page. (View large version30)

Everything reflects around a vertical axis down the center of the page. The logo is centered, the navigation bar is centered, the circular images are centered, the heading is centered, and the three columns of text are centered.

The balance isn’t perfectly symmetrically. The columns have different amounts of text, for example.

However, notice the top of the page. Both the logo and navigation bar are centered, but they don’t appear to be visually centered. My eye wants the logo to be centered on the ampersand, or at least closer to it. The three menu items on the right side of the navigation bar have more letters than those on the left. My eye wants them to be the same and wants the center to be in between the “About” and “People” links.

I think moving these two elements out of center to make them look like they’re visually centered would balance the composition a little better.

The home page of Tilde31 is another design that’s symmetrically balanced. Like Helen & Hard, everything here revolves around a vertical axis running down the center of the page: the navigation, the text, the people in the image. It’s the same as you scroll down the page.

0Screenshot of Tilde's home page32
Screenshot of Tilde’s home page. (View large version33)

As with Helen & Hard, the symmetry isn’t pure. Centered lines of text aren’t mirror images, for one thing. Also, a couple of elements are off: the “Meet the Team” arrow pointing right and the text at the bottom of the page ending in another arrow pointing right.

Both are calls to action and both break the symmetry, calling extra attention to themselves. Notice how both arrows use colors that contrast with their background, further increasing the attraction of these elements.

Examples of Asymmetrical Balance

The home page of Carrie Voldengen’s portfolio exhibits an overall asymmetrical balance around a dominant symmetrical form. Looking at the overall composition, I see several discrete shapes.

Screenshot of Carrie Voldengen's website34
Screenshot of Carrie Voldengen’s website. (View large version35)

The mass of the page is a large rectangle that’s composed of a grid of smaller rectangular images. On its own, this grid is symmetrical around both the vertical and horizontal axes. It feels very strong and stable. On its own, it’s very balanced and looks like it’s not going anywhere.

To the right, a block of text pulls down on the shape. It’s counterbalanced by text and the circular logo in the upper left. Both provide a relatively equal amount of visual weight acting on the grid in opposite directions.

The distance to an imagined fulcrum is about the same as the weights. The text on the right is larger and darker overall, but the blue circular logo gives more weight to its general area. The circle even connects to the top-left corner of the grid through a single color.

The text below the grid seems to hang from it, and it’s light enough on its own not to throw the composition out of balance.

Notice that the space also feels balanced. The areas down the left, along the top right and down the right, including a bit of the bottom right, all balance each other. The area on the left is larger than the area on the right, but the right has additional space on the top and bottom.

The images at the top of Hirondelle USA’s36 home page rotate. I grabbed a screenshot of this one specifically to talk about the asymmetrical balance established at the top of the page.

Screenshot of Hirondelle USA37
Screenshot of Hirondelle USA. (View large version38)

The column in the image is slightly off center, and it anchors the composition with a strong vertical line — it’s an object we know weighs a lot. The railing on the left provides a strong connection with the left edge of the screen. It, too, feels anchored. It’s hard to imagine any design element on the page throwing either out of balance.

The text above the railing feels supported by the railing; however, it’s also visually balanced by the image of the boy on the right. You might view the railing as hanging off the left side of the pole, pulling it out of balance, but I think the intrinsic interest of the boy as well as the darker values in the background behind him counterbalance both the rail and the text on the left and keep things in balance.

There’s a sense of translation symmetry as the gold lines of text repeat in the upper left and lower right of the image, as well as in the button further down the page. The white text is repeated as well.

Examples of Radial Balance

The home page of Vlog.it39 exhibits radial balance, which I hope is clear from the screenshot. Other than the shape in the top-right corner, everything revolves around the center of the page, as the three rings of images rotate around the center circle.

Screenshot of Vlog.it40
Screenshot of Vlog.it. (View large version41)

What you can’t see in the screenshot is how the page loads. A line is drawn from the lower-left corner to the center of the page. From that point on, just about everything that appears on the page does so by revolving around the center or radiating from it, like ripples in a pond.

The smaller circle in the upper right adds a little translation symmetry and some asymmetry, increasing visual interest in the composition.

Opera’s Shiny Demos42 home page isn’t circular, but the text links all seem to emanate from a common or near common center. It’s easy to imagine the whole shape spinning around one of the squares in the middle or maybe one of the corners where four squares meet.

Screenshot of Opera's Shiny Demos43
Screenshot of Opera’s Shiny Demos. (View large version44)

The Shiny Demos heading in the upper left and the Opera logo in the lower right counterbalance each other and also appear to radiate from the same center as the text links.

It’s a good example of how radial balance doesn’t necessarily require the use of circles.

Examples of Mosaic Balance

You might expect mosaic balance to be the least used online, especially after I offered Jackson Pollack paintings as an example of mosaic balance. Many more examples are online than you might realize.

The home page of Rabbit’s Tale45 is a good example. There’s certainly a random and chaotic feel with the letters strewn about, but the balance in the composition works.

Screenshot of Rabbit's Tale46
Screenshot of Rabbit’s Tale. (View large version47)

There are close to equal areas of color and space on both sides (right and left) to balance each other. The rabbit in the middle even serves as a fulcrum. It might also stand out a little after you’ve seen it, but overall the elements don’t call attention to themselves individually.

I’m not going to try to figure out which elements counterbalance each other, one element at a time, but hopefully you agree that there’s an overall balance. If anything, the chaos is weightier on the right, but not to the point of throwing off the balance.

Content-heavy websites such as news and magazine websites exhibit mosaic balance as well. You might recognize the home page of The Onion48. In the screenshot, I’ve removed the background image behind the top of the page.

Screenshot of The Onion49
Screenshot of The Onion. (View large version50)

There’s a lot to look at. The layout isn’t symmetrical. The columns aren’t equal in size. It’s hard to identify what counterbalances what. The blocks of content have different amounts of content inside and, consequently, are different sizes. Nothing radiates from a common center.

There’s a bit of chaos and randomness in the different-sized blocks, some denser than others. Because the stories on the website change daily, a different chaos will appear each day. Overall, it works.

Perhaps it’s a stretch to say that it’s a mosaic balance, but again I would argue that it is and that many websites exhibit this sort of chaotic balance, although something tells me that much of the chaos we see online wasn’t planned.

Summary

It’s taken a while to get here, but that concludes our series on design principles. I hope you’ve enjoyed it, learned something new or found the series to be a good review of fundamental design principles.

As you can guess, I think the fundamentals are important. I started this series to show how all of these principles arise out of human perception and gestalt theory. I didn’t make them up. The principles are based on how we all perceive and interpret our visual environment.

For example, one reason we notice focal points is because they contrast with the elements around them. They stand out as different. That’s important when you need to quickly determine friend from foe. That ability was important for our survival as a species, and so our eyes developed to make the determination quickly.

However, design principles aren’t hard and fast rules. They’re guidelines. There’s no one right way to communicate that two elements are similar or different, for example. You don’t need to follow any of these principles, although you should understand them and have a reason for breaking them.

Again, I hope you’ve enjoyed this series, and I hope even more that something in the series has given you more control over the visual communication in your designs.

Additional Resources

(il, ml, al)

Footnotes

  1. 1 http://www.vanseodesign.com/web-design/visual-balance/
  2. 2 http://www.smashingmagazine.com/2014/03/28/design-principles-visual-perception-and-the-principles-of-gestalt/
  3. 3 http://www.smashingmagazine.com/2014/05/16/design-principles-space-figure-ground-relationship/
  4. 4 http://www.smashingmagazine.com/2014/09/22/design-principles-connecting-and-separating-elements-through-contrast-and-similarity/
  5. 5 http://www.smashingmagazine.com/2014/12/12/design-principles-visual-weight-direction/
  6. 6 http://www.smashingmagazine.com/2015/02/27/design-principles-dominance-focal-points-hierarchy/
  7. 7 http://www.smashingmagazine.com/2015/04/29/design-principles-compositional-flow-and-rhythm/
  8. 8 http://www.smashingmagazine.com/wp-content/uploads/2015/05/see-saw-symmetry-opt.png
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/2015/05/see-saw-symmetry-opt.png
  10. 10 http://www.smashingmagazine.com/wp-content/uploads/2015/05/see-saw-unbalanced-opt.png
  11. 11 http://www.smashingmagazine.com/wp-content/uploads/2015/05/see-saw-asymmetry-opt.png
  12. 12 http://www.smashingmagazine.com/wp-content/uploads/2015/05/see-saw-asymmetry-opt.png
  13. 13 http://www.smashingmagazine.com/2014/12/12/design-principles-visual-weight-direction/
  14. 14 http://www.smashingmagazine.com/wp-content/uploads/2015/05/symmetry-opt.png
  15. 15 http://www.smashingmagazine.com/wp-content/uploads/2015/05/symmetry-opt.png
  16. 16 http://www.smashingmagazine.com/wp-content/uploads/2015/05/asymmetry-opt.png
  17. 17 http://www.smashingmagazine.com/wp-content/uploads/2015/05/asymmetry-opt.png
  18. 18 http://www.smashingmagazine.com/wp-content/uploads/2015/05/radial-opt.png
  19. 19 http://www.smashingmagazine.com/wp-content/uploads/2015/05/radial-opt.png
  20. 20 http://www.smashingmagazine.com/wp-content/uploads/2015/05/mosaic-opt.png
  21. 21 http://www.smashingmagazine.com/wp-content/uploads/2015/05/mosaic-opt.png
  22. 22 http://www.smashingmagazine.com/wp-content/uploads/2015/05/03-types-of-symmetry-opt.jpg
  23. 23 http://www.publicdomainpictures.net/view-image.php?image=48493
  24. 24 http://www.publicdomainpictures.net/view-image.php?image=58672
  25. 25 http://www.publicdomainpictures.net/view-image.php?image=90065
  26. 26 http://www.smashingmagazine.com/wp-content/uploads/2015/05/03-types-of-symmetry-opt.jpg
  27. 27 http://www.vanseodesign.com/web-design/symmetry-asymmetry/
  28. 28 http://www.helenhard.no/index.php/about
  29. 29 http://www.smashingmagazine.com/wp-content/uploads/2015/05/04-helen-and-hard-opt.jpg
  30. 30 http://www.smashingmagazine.com/wp-content/uploads/2015/05/04-helen-and-hard-opt.jpg
  31. 31 http://tilde.io
  32. 32 http://www.smashingmagazine.com/wp-content/uploads/2015/05/05-tilde-opt.png
  33. 33 http://www.smashingmagazine.com/wp-content/uploads/2015/05/05-tilde-opt.png
  34. 34 http://www.smashingmagazine.com/wp-content/uploads/2015/05/06-carrie-voldengen-opt.jpg
  35. 35 http://www.smashingmagazine.com/wp-content/uploads/2015/05/06-carrie-voldengen-opt.jpg
  36. 36 http://hirondelleusa.org
  37. 37 http://www.smashingmagazine.com/wp-content/uploads/2015/05/07-hirondelle-usa-opt.jpg
  38. 38 http://www.smashingmagazine.com/wp-content/uploads/2015/05/07-hirondelle-usa-opt.jpg
  39. 39 http://vlog.it
  40. 40 http://www.smashingmagazine.com/wp-content/uploads/2015/05/08-vlog-it-opt.jpg
  41. 41 http://www.smashingmagazine.com/wp-content/uploads/2015/05/08-vlog-it-opt.jpg
  42. 42 http://shinydemos.com
  43. 43 http://www.smashingmagazine.com/wp-content/uploads/2015/05/09-shinydemos-opt.png
  44. 44 http://www.smashingmagazine.com/wp-content/uploads/2015/05/09-shinydemos-opt.png
  45. 45 http://rabbitstale.com
  46. 46 http://www.smashingmagazine.com/wp-content/uploads/2015/05/10-rabbitstale-opt.jpg
  47. 47 http://www.smashingmagazine.com/wp-content/uploads/2015/05/10-rabbitstale-opt.jpg
  48. 48 http://theonion.com
  49. 49 http://www.smashingmagazine.com/wp-content/uploads/2015/05/11-the-onion-opt.jpg
  50. 50 http://www.smashingmagazine.com/wp-content/uploads/2015/05/11-the-onion-opt.jpg
  51. 51 http://www.vanseodesign.com/web-design/web-design-balance/
  52. 52 http://www.sitepoint.com/a-study-of-symmetry-when-where-and-why-to-use-it/
  53. 53 http://www.designscience.ca/LODs/LOD_Visual_Balance/interpretation.html
  54. 54 http://daphne.palomar.edu/design/bsymm.html
  55. 55 http://blog.digitaltutors.com/understanding-balance-graphic-design/
  56. 56 http://www.ultimate-photo-tips.com/photography-rules-of_composition.html
  57. 57 http://char.txa.cornell.edu/language/principl/principl.htm
  58. 58 http://designobserver.com/feature/a-fine-balance/38598/
  59. 59 http://www.idemployee.id.tue.nl/g.w.m.rauterberg/lecturenotes/JFS-lecture/leymarie-2001.pdf
  60. 60 http://www.geog.nau.edu/courses/rh83/pl431/workbook/MapDesign.PDF
  61. 61 http://www.amazon.com/Cartography-ArcView-Software-Borden-Dent/dp/0072822023

The post Design Principles: Compositional Balance, Symmetry And Asymmetry appeared first on Smashing Magazine.

Categories: Others Tags:

Rapid Front-End Prototyping With WordPress

June 26th, 2015 No comments
Rapid Front-end Prototyping With WordPress

Prototyping is one of the best things that can happen within a project, yet it is extremely underutilized. Prototyping makes a project better suited to users, elevates user experience, increases the quality of your final code, and keeps clients happy.

The problem is that developers often see prototyping as a waste of time, since high-quality prototypes take considerable effort to make. I want to show you that by using WordPress, highly interactive prototypes with great visuals are not at all that difficult to make.

1
(Image credit: Jeff Sheldon via Unsplash2) (View large version3)

First, we’ll look at some basic prototyping concepts, then set up a test server from scratch. We’ll continue by converting an HTML template to a WordPress theme and learning how to use its items to create what we need. We’ll also learn how to add front-end and server-side functionality to our prototype.

While all this seems complex, beginners should be able to follow along easily, including the “create your own server” section, which is a cinch!

About Prototyping

“[A] prototype is an early sample, model, or release of a product built to test a concept or process or to act as a thing to be replicated or learned from.”

Wikipedia4

This sentence neatly sums up the pros and cons of a prototype. The advantage of creating a prototype is that it lets you test an idea and learn from the process. It allows you to make a reasonable assumption about the feasability of your project before you put in hundreds of hours of work.

One of the downsides is that prototypes are made so that we may learn from them. Often, designers and coders look on this as wasted time. Why make a protoype when we could be working on the real thing? Who is going to pay us for the time we spend prototyping?

To be honest, these are tricky questions. For smaller projects, no one will pay you for it, but your project will be better for it; this, in turn, leads to bigger and better projects. In most cases, the time you spend prototyping is regained while building the product anyway!

It also appears that designers like to prototype a lot more than developers. The root of the issue here is speed. A designer could prototype a design a lot faster than a developer, since the latter needs to build a quick framework, implement a design and do a lot of fiddly things which take time.

Fidelity And Functionality

We can approach prototypes by looking at two key features: fidelity and functionality. Fidelity refers to how detailed the prototype is visually, while functionality refers to the level of interaction possible within the system. Let’s look at how levels of fidelity and functionality in prototypes pair up.

Low-Functionality, Low-Fidelity

These prototypes are easy to make. They could be simple drawings, or Balsamiq mock-ups5. There is minimal interaction — or none at all — and visually the prototype has very little to do with the final product.

6
A Balsamiq mock-up of Facebook. (Image credit: Frontify7)(View large version8)

Low-Functionality, High-Fidelity

Increasing the fidelity while keeping functionality low is also quite common. A good example would be a Photoshop design file which could contain final design elements. Again, there is next to no interaction here but plenty of visual detail, enough to put it close to the final product in terms of design.

A high-quality PSD mock-up of notifications9
A high-quality PSD mock-up of notifications. (Image credit: Pixeden10)(View large version11)

High-Functionality, Low-Fidelity

These prototypes are a bit more difficult but you can still make them without too much effort. Before you create the login/forgot password form for a large website, you might want to test if everything works by just dropping in a form and business logic strictly in HTML and PHP — no CSS, JavaScript or consideration of the context of the form.

Twitter without any CSS12
Twitter without any CSS. (View large version13)

Using front-end frameworks like Bootstrap14 or Foundation15 can can increase your fidelity somewhat, but you’d need to write a good amount of CSS to make it your own.

A medium fidelity mock-up16
A medium fidelity mock-up. (Image credit: Bootstrap17)(View large version18)

I would still consider these low-fidelity mock-ups because each front-end framework looks generic by default. That’s fine for testing the principle, but it doesn’t increase fidelity to a point where more sensitive clients would be able to visualize what the final product will be like.

High-Functionality, High-Fidelity

Prototypes like this are rarely seen because creating them can take more time than is worth it. Why create something so similar to the website-to-be when you could be working on the actual site?

High-functionality, high-fidelity prototypes contain a high degree of interactivity while also being a much closer facsimile of the final product. Users can follow links, submit forms and do many other things that help them see what the end result will be like.

The real trick is managing the time spent on making such prototypes — which is where WordPress comes in.

Which One To Use

There is, of course, no simple answer to this question. A high-fidelity, high-functionality prototype is closest to the real thing, but it takes time to make; for simpler projects, it may not be worth the time.

Low-fidelity, low-functionality prototypes are simplistic and cannot be interacted with, but for small projects and close-knit teams, perhaps they’re all that is needed.

Several factors need to be considered:

  • How well your team works together
  • How large your project is
  • How visually and technically oriented your client is
  • How well you understand the product you are building
  • How many people will be involved other than programmers and designers

In my experience, the most important factors are the client and the project’s complexity. Even if I understand the project well, I would like a high-fidelity, high-functionality prototype just in case. One of the fundamental mistakes you can make in projects is thinking you know them well.

For complex, large-scale projects you should always create prototypes with a high degree of freedom. The more systems and subsystems you need to build, the more intertwined they become and the more places things can go wrong.

The client can be an even bigger factor. Often, clients do not know what they want. They may not be design- or code-oriented, which means they will equate a low-fidelity prototype with bad design and missing features — even if you tell them what the prototype is for. As a result, a clearer visual aid is sometimes called for to enhance communication.

Since I will be talking about high-fidelity and high-functionality prototypes from now on, I will be calling them high-quality prototypes. This is not at all a reflection on other prototypes; a low-fideltiy, low-functionality prototype can also be created with high quality.

Considerations For High-Quality Prototypes

There are a number of considerations when making high-quality prototypes. What platform they should be built on, what functions need to be added (or not added), how intricate should we make the design, and so on.

The Platform

The platform chosen should be one which allows you to work fast and quickly add features as well. Bootstrap, Foundation and other frameworks are great, but they offer very little functionality, since they are purely front-end. Using them can still be a good idea, but not on their own.

On the other side of the spectrum, we have PHP frameworks like Laravel, which is excellent for creating high-quality modular code. This is out of the question, though, since we have to write too much business logic ourselves just to get a site up and running.

WordPress strikes a good balance here because it is essentially a bag of useful functions combined with a reasonably flexible way to template pages quickly. I want to stress that you should use a platform you feel comfortable with. If you’re amazing at using Laravel, by all means go with it.

The Design

You can create a simple design framework for yourself, but that also takes quite some time. This is the place to use front-end frameworks to lighten your workload.

What I recommend is getting a good pre-made HTML admin template. Many of these templates use Bootstrap or Foundation anyway, and put a bunch of elements at your fingertips. In addition, they’ve already styled the elements of their frameworks into something less generic, which is just what we need. With a little work they can be converted to WordPress themes and will facilitate extremely quick prototyping.

I don’t use bespoke WordPress themes because they are for presenting content, not creating application architecture. You won’t be able to create a menu or a form anywhere easily, and your code will likely be a mess by the end.

Depth Of Functionality

Depth of functionality is all about interactivity. Since you have control over a CMS you can, in theory, make things work properly — login forms could genuinely log you in. You probably don’t want to spend your time coding in all the functionality. That isn’t really the point here.

For example, is the login form really important? Everyone knows how logging in works. Perhaps the form can be allowed to be blank, and the login button logs you in immediately as a test user.

If you are building a finance management app, however, you may want to spend some time making sure that the “Add transaction” form works as expected. Real data can be listed and submitted adding a great deal of depth to your prototype.

Prototyping With WordPress

I think WordPress is a great choice for prototyping because of the flexibility of templating and the number of functions you have at your disposal. Logging in and out, adding metadata, querying items — a lot of base functionality is already there.

I like to choose a pre-made HTML admin theme that looks close to what we’ll be doing in the final iteration of the design. You can find a large number of premium admin themes on Themeforest19 but you can also grab some good free ones via a quick Google search. For my examples I will be using a free admin theme called AdminLTE20.

When choosing an admin theme try to gauge what features you will need. Concentrate on the rapid aspect of prototyping, not making sure that your prototype looks like the final design.

A Complete Example

When I started this article, I wanted to provide a complete example of how I use WordPress to prototype. I ended up recording a video of the process and writing about it in a bit more detail. The video below will walk you through my process of creating a prototype of the Twitter front page.

Following the video I’ll go into even more detail, giving you some instruction about setting up test servers, using the WordPress menu system to populate menus, and much more. I recommend watching the video first, and then looking at the details below, as they will be a lot clearer.

Footnotes

  1. 1 http://www.smashingmagazine.com/wp-content/uploads/2015/06/01-featured-opt.jpg
  2. 2 https://unsplash.com/ugmonk
  3. 3 http://www.smashingmagazine.com/wp-content/uploads/2015/06/01-featured-opt.jpg
  4. 4 https://en.wikipedia.org/wiki/Prototype
  5. 5 ‘https://balsamiq.com/products/mockups/’
  6. 6 http://www.smashingmagazine.com/wp-content/uploads/2015/06/02-balsamiq-facebook-opt.png
  7. 7 https://frontify.com/blog/discuss-specify-balsamiq-mockups/
  8. 8 http://www.smashingmagazine.com/wp-content/uploads/2015/06/02-balsamiq-facebook-opt.png
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/2015/06/03-notifications-psd-opt.jpg
  10. 10 http://www.pixeden.com/psd-web-elements/psd-notification-ui-box/
  11. 11 http://www.smashingmagazine.com/wp-content/uploads/2015/06/03-notifications-psd-opt.jpg
  12. 12 http://www.smashingmagazine.com/wp-content/uploads/2015/06/04-twitter-opt.png
  13. 13 http://www.smashingmagazine.com/wp-content/uploads/2015/06/04-twitter-opt.png
  14. 14 ‘http://getbootstrap.com/’
  15. 15 ‘http://foundation.zurb.com/’
  16. 16 http://www.smashingmagazine.com/wp-content/uploads/2015/06/05-bootstrap-opt.png
  17. 17 http://getbootstrap.com/examples/jumbotron-narrow/
  18. 18 http://www.smashingmagazine.com/wp-content/uploads/2015/06/05-bootstrap-opt.png
  19. 19 ‘http://themeforest.net’
  20. 20 http://shapebootstrap.net/item/adminlte-dashboard-and-control-panel/

The post Rapid Front-End Prototyping With WordPress appeared first on Smashing Magazine.

Categories: Others Tags:

Rapid Front-End Prototyping With WordPress

June 26th, 2015 No comments
Rapid Front-end Prototyping With WordPress

Prototyping is one of the best things that can happen within a project, yet it is extremely underutilized. Prototyping makes a project better suited to users, elevates user experience, increases the quality of your final code, and keeps clients happy.

The problem is that developers often see prototyping as a waste of time, since high-quality prototypes take considerable effort to make. I want to show you that by using WordPress, highly interactive prototypes with great visuals are not at all that difficult to make.

1
(Image credit: Jeff Sheldon via Unsplash2) (View large version3)

First, we’ll look at some basic prototyping concepts, then set up a test server from scratch. We’ll continue by converting an HTML template to a WordPress theme and learning how to use its items to create what we need. We’ll also learn how to add front-end and server-side functionality to our prototype.

While all this seems complex, beginners should be able to follow along easily, including the “create your own server” section, which is a cinch!

About Prototyping

“[A] prototype is an early sample, model, or release of a product built to test a concept or process or to act as a thing to be replicated or learned from.”

Wikipedia4

This sentence neatly sums up the pros and cons of a prototype. The advantage of creating a prototype is that it lets you test an idea and learn from the process. It allows you to make a reasonable assumption about the feasability of your project before you put in hundreds of hours of work.

One of the downsides is that prototypes are made so that we may learn from them. Often, designers and coders look on this as wasted time. Why make a protoype when we could be working on the real thing? Who is going to pay us for the time we spend prototyping?

To be honest, these are tricky questions. For smaller projects, no one will pay you for it, but your project will be better for it; this, in turn, leads to bigger and better projects. In most cases, the time you spend prototyping is regained while building the product anyway!

It also appears that designers like to prototype a lot more than developers. The root of the issue here is speed. A designer could prototype a design a lot faster than a developer, since the latter needs to build a quick framework, implement a design and do a lot of fiddly things which take time.

Fidelity And Functionality

We can approach prototypes by looking at two key features: fidelity and functionality. Fidelity refers to how detailed the prototype is visually, while functionality refers to the level of interaction possible within the system. Let’s look at how levels of fidelity and functionality in prototypes pair up.

Low-Functionality, Low-Fidelity

These prototypes are easy to make. They could be simple drawings, or Balsamiq mock-ups5. There is minimal interaction — or none at all — and visually the prototype has very little to do with the final product.

6
A Balsamiq mock-up of Facebook. (Image credit: Frontify7)(View large version8)

Low-Functionality, High-Fidelity

Increasing the fidelity while keeping functionality low is also quite common. A good example would be a Photoshop design file which could contain final design elements. Again, there is next to no interaction here but plenty of visual detail, enough to put it close to the final product in terms of design.

A high-quality PSD mock-up of notifications9
A high-quality PSD mock-up of notifications. (Image credit: Pixeden10)(View large version11)

High-Functionality, Low-Fidelity

These prototypes are a bit more difficult but you can still make them without too much effort. Before you create the login/forgot password form for a large website, you might want to test if everything works by just dropping in a form and business logic strictly in HTML and PHP — no CSS, JavaScript or consideration of the context of the form.

Twitter without any CSS12
Twitter without any CSS. (View large version13)

Using front-end frameworks like Bootstrap14 or Foundation15 can can increase your fidelity somewhat, but you’d need to write a good amount of CSS to make it your own.

A medium fidelity mock-up16
A medium fidelity mock-up. (Image credit: Bootstrap17)(View large version18)

I would still consider these low-fidelity mock-ups because each front-end framework looks generic by default. That’s fine for testing the principle, but it doesn’t increase fidelity to a point where more sensitive clients would be able to visualize what the final product will be like.

High-Functionality, High-Fidelity

Prototypes like this are rarely seen because creating them can take more time than is worth it. Why create something so similar to the website-to-be when you could be working on the actual site?

High-functionality, high-fidelity prototypes contain a high degree of interactivity while also being a much closer facsimile of the final product. Users can follow links, submit forms and do many other things that help them see what the end result will be like.

The real trick is managing the time spent on making such prototypes — which is where WordPress comes in.

Which One To Use

There is, of course, no simple answer to this question. A high-fidelity, high-functionality prototype is closest to the real thing, but it takes time to make; for simpler projects, it may not be worth the time.

Low-fidelity, low-functionality prototypes are simplistic and cannot be interacted with, but for small projects and close-knit teams, perhaps they’re all that is needed.

Several factors need to be considered:

  • How well your team works together
  • How large your project is
  • How visually and technically oriented your client is
  • How well you understand the product you are building
  • How many people will be involved other than programmers and designers

In my experience, the most important factors are the client and the project’s complexity. Even if I understand the project well, I would like a high-fidelity, high-functionality prototype just in case. One of the fundamental mistakes you can make in projects is thinking you know them well.

For complex, large-scale projects you should always create prototypes with a high degree of freedom. The more systems and subsystems you need to build, the more intertwined they become and the more places things can go wrong.

The client can be an even bigger factor. Often, clients do not know what they want. They may not be design- or code-oriented, which means they will equate a low-fidelity prototype with bad design and missing features — even if you tell them what the prototype is for. As a result, a clearer visual aid is sometimes called for to enhance communication.

Since I will be talking about high-fidelity and high-functionality prototypes from now on, I will be calling them high-quality prototypes. This is not at all a reflection on other prototypes; a low-fideltiy, low-functionality prototype can also be created with high quality.

Considerations For High-Quality Prototypes

There are a number of considerations when making high-quality prototypes. What platform they should be built on, what functions need to be added (or not added), how intricate should we make the design, and so on.

The Platform

The platform chosen should be one which allows you to work fast and quickly add features as well. Bootstrap, Foundation and other frameworks are great, but they offer very little functionality, since they are purely front-end. Using them can still be a good idea, but not on their own.

On the other side of the spectrum, we have PHP frameworks like Laravel, which is excellent for creating high-quality modular code. This is out of the question, though, since we have to write too much business logic ourselves just to get a site up and running.

WordPress strikes a good balance here because it is essentially a bag of useful functions combined with a reasonably flexible way to template pages quickly. I want to stress that you should use a platform you feel comfortable with. If you’re amazing at using Laravel, by all means go with it.

The Design

You can create a simple design framework for yourself, but that also takes quite some time. This is the place to use front-end frameworks to lighten your workload.

What I recommend is getting a good pre-made HTML admin template. Many of these templates use Bootstrap or Foundation anyway, and put a bunch of elements at your fingertips. In addition, they’ve already styled the elements of their frameworks into something less generic, which is just what we need. With a little work they can be converted to WordPress themes and will facilitate extremely quick prototyping.

I don’t use bespoke WordPress themes because they are for presenting content, not creating application architecture. You won’t be able to create a menu or a form anywhere easily, and your code will likely be a mess by the end.

Depth Of Functionality

Depth of functionality is all about interactivity. Since you have control over a CMS you can, in theory, make things work properly — login forms could genuinely log you in. You probably don’t want to spend your time coding in all the functionality. That isn’t really the point here.

For example, is the login form really important? Everyone knows how logging in works. Perhaps the form can be allowed to be blank, and the login button logs you in immediately as a test user.

If you are building a finance management app, however, you may want to spend some time making sure that the “Add transaction” form works as expected. Real data can be listed and submitted adding a great deal of depth to your prototype.

Prototyping With WordPress

I think WordPress is a great choice for prototyping because of the flexibility of templating and the number of functions you have at your disposal. Logging in and out, adding metadata, querying items — a lot of base functionality is already there.

I like to choose a pre-made HTML admin theme that looks close to what we’ll be doing in the final iteration of the design. You can find a large number of premium admin themes on Themeforest19 but you can also grab some good free ones via a quick Google search. For my examples I will be using a free admin theme called AdminLTE20.

When choosing an admin theme try to gauge what features you will need. Concentrate on the rapid aspect of prototyping, not making sure that your prototype looks like the final design.

A Complete Example

When I started this article, I wanted to provide a complete example of how I use WordPress to prototype. I ended up recording a video of the process and writing about it in a bit more detail. The video below will walk you through my process of creating a prototype of the Twitter front page.

Following the video I’ll go into even more detail, giving you some instruction about setting up test servers, using the WordPress menu system to populate menus, and much more. I recommend watching the video first, and then looking at the details below, as they will be a lot clearer.

Footnotes

  1. 1 http://www.smashingmagazine.com/wp-content/uploads/2015/06/01-featured-opt.jpg
  2. 2 https://unsplash.com/ugmonk
  3. 3 http://www.smashingmagazine.com/wp-content/uploads/2015/06/01-featured-opt.jpg
  4. 4 https://en.wikipedia.org/wiki/Prototype
  5. 5 ‘https://balsamiq.com/products/mockups/’
  6. 6 http://www.smashingmagazine.com/wp-content/uploads/2015/06/02-balsamiq-facebook-opt.png
  7. 7 https://frontify.com/blog/discuss-specify-balsamiq-mockups/
  8. 8 http://www.smashingmagazine.com/wp-content/uploads/2015/06/02-balsamiq-facebook-opt.png
  9. 9 http://www.smashingmagazine.com/wp-content/uploads/2015/06/03-notifications-psd-opt.jpg
  10. 10 http://www.pixeden.com/psd-web-elements/psd-notification-ui-box/
  11. 11 http://www.smashingmagazine.com/wp-content/uploads/2015/06/03-notifications-psd-opt.jpg
  12. 12 http://www.smashingmagazine.com/wp-content/uploads/2015/06/04-twitter-opt.png
  13. 13 http://www.smashingmagazine.com/wp-content/uploads/2015/06/04-twitter-opt.png
  14. 14 ‘http://getbootstrap.com/’
  15. 15 ‘http://foundation.zurb.com/’
  16. 16 http://www.smashingmagazine.com/wp-content/uploads/2015/06/05-bootstrap-opt.png
  17. 17 http://getbootstrap.com/examples/jumbotron-narrow/
  18. 18 http://www.smashingmagazine.com/wp-content/uploads/2015/06/05-bootstrap-opt.png
  19. 19 ‘http://themeforest.net’
  20. 20 http://shapebootstrap.net/item/adminlte-dashboard-and-control-panel/

The post Rapid Front-End Prototyping With WordPress appeared first on Smashing Magazine.

Categories: Others Tags:

Textures.js: SVG Textures in All Shapes and Colors

June 26th, 2015 No comments

The SVG format provides various options for realizing complex graphical content. Among other things, you can create textures and add them to shapes using the element. Especially when using simple and common textures, the effort marking them up via SVG is, compared to the result, unreasonably high. Hence, the JavaScript library Texture.js provides such textures that mostly consist of lines and dots for SVG elements. With only a few lines of JavaScript, you can apply different textures to each shape of an SVG. Textures.js is Based on D3.js Textures.js is based on the JavaScript library D3.js and must, therefore, be embedded along with D3.js in the HTML document. D3.js helps visualizing data of any type. You can choose HTML or SVG elements and design them to your needs. D3.js and Textures.js allow you to select single shapes within an SVG, and Texture.js eventually adds a pattern to them. Create an SVG and Add a Texture First, you need an SVG. After embedding it in the HTML document, you can design it (almost) entirely to your needs. Only the filling is defined by Textures.js later on. If you determine a filling, it won’t be overwritten by the texture. <svg width=”225″ […]

Categories: Others Tags:

WebDev: How to Access Member Functions in Polymer Elements

June 25th, 2015 No comments

I’m working on a silly Polymer project right now, which parses a Pokémon database and returns a picture of a Pokémon, then speaks the creature’s name over your speakers. Here’s the source code for my project. It’s my first time using Polymer, and I’m certainly getting snagged in a few spots. Most recently, it was trying to return member functions of a Polymer object that I created. Took me forever to figure this out, so I wanted to share it with you in this tutorial. Sidenote: you can also search for my more detailed write-up on Web Components here. The Wrong Way I have a Web Component which looks like this: 1 If I try to access it by its ID…. 1 2 var temp = document.querySelector(“#radial-button-template”); // returns But I cannot access any of the function it. They return “undefined”. So if I tried this: 1 2 var temp = document.querySelector(“#radial-button-template”); temp.getFirstElement // returns undefined Why is This Happening? The reason behind this is due to the Shadow DOM’s encapsulation. It is both a gift and a curse. In this case, I am accessing the element, and not the shadowRoot, which will expose the public methods […]

Categories: Others Tags: