Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The Art of Minimalist Design

110 views

Published on

Presented at WordCamp US 2015.

Minimalist web design requires a deep understanding of the needs of the people using your website. Clearing away design clutter and nonessential functionality leaves only the most important elements, creating a peaceful and focused environment for both the end user and the designer. This talk will cover visual design principles for creating a more peaceful user experience.

Published in: Design
  • Be the first to comment

The Art of Minimalist Design

  1. 1. THE ART OF MINIMALIST DESIGN #WCUS@LaurenPittenger 1
  2. 2. WHAT WE'LL COVER What is minimalism Brief history Who should care How to get started #WCUS@LaurenPittenger 2
  3. 3. ONWARD! #WCUS@LaurenPittenger 3
  4. 4. MINIMALIST DESIGN IS A MINDSET & A STYLE #WCUS@LaurenPittenger 4
  5. 5. BE MINDFUL OF THE ELEMENTS WE CHOOSE TO INCLUDE #WCUS@LaurenPittenger 5
  6. 6. SIMPLE IN DESIGN 6
  7. 7. Image of chamainc.com #WCUS@LaurenPittenger 7
  8. 8. THOUGH SIMPLE IN DESIGN, NOT SO SIMPLE TO EXECUTE 8
  9. 9. 1. Understand the user 2. Understand project's purpose 3. Understand basic design principles #WCUS@LaurenPittenger 9
  10. 10. DID IT COME FROM? WHERE #WCUS@LaurenPittenger 10
  11. 11. “ LESS IS MORE Mies van der Rohe #WCUS@LaurenPittenger 11
  12. 12. REJECTED ABSTRACT EXPRESSIONISM #WCUS@LaurenPittenger 12
  13. 13. ARCHITECTURE #WCUS@LaurenPittenger 13
  14. 14. FINE ART Yves Klein Blue Monochrome, 1961 #WCUS@LaurenPittenger 14
  15. 15. SCULPTURE Donald Judd Untitled, 1980 #WCUS@LaurenPittenger 15
  16. 16. LITERATURE This Is Just To Say by William Carlos Williams I have eaten the plums that were in the icebox and which you were probably saving for breakfast Forgive me they were delicious so sweet and so cold #WCUS@LaurenPittenger 16
  17. 17. INTERIOR DESIGN #WCUS@LaurenPittenger 17
  18. 18. Image from Optimizely Blog #WCUS@LaurenPittenger 18
  19. 19. WHO SHOULD CARE? #WCUS@LaurenPittenger 19
  20. 20. MINIMALISM IS FOR ANYONE WHO WANTS TO BE MORE PURPOSEFUL #WCUS@LaurenPittenger 20
  21. 21. DESIGNERS Minimalism helps us create more intuitive websites #WCUS@LaurenPittenger 21
  22. 22. DEVELOPERS Less stuff to maintain Less bloat Less wasted time #WCUS@LaurenPittenger 22
  23. 23. MARKETERS Supports communicating key messages #WCUS@LaurenPittenger 23
  24. 24. OUR CLIENTS Clear communication helps drive brands forward #WCUS@LaurenPittenger 24
  25. 25. OUR CLIENTS' CLIENTS Easier & more peaceful experience with their product & website #WCUS@LaurenPittenger 25
  26. 26. IT WILL LOOK DIFFERENT TO EVERYONE AND EVERY PROJECT #WCUS@LaurenPittenger 26
  27. 27. WHERE DO WE START? #WCUS@LaurenPittenger 27
  28. 28. ASK NOT "HOW SHOULD IT LOOK?" BUT "WHAT IS THE GOAL?" #WCUS@LaurenPittenger 28
  29. 29. START A CONVERSATION What is your main marketing message? Who is the primary user or users? What feeling are you trying to create? Who are your clients and what are they trying to achieve? What are your clients’ clients trying to achieve? What are you trying to achieve? #WCUS@LaurenPittenger 29
  30. 30. DE-CLUTTERING WITHOUT STRATEGY CAN HAVE ADVERSE SIDE EFFECTS #WCUS@LaurenPittenger 30
  31. 31. HOW TO START IMPLEMENTING MINIMALIST DESIGN? #WCUS@LaurenPittenger 31
  32. 32. SOLID UNDERSTANDING OF BASIC DESIGN PRINCIPLES #WCUS@LaurenPittenger 32
  33. 33. 1WHITE SPACE #WCUS@LaurenPittenger 33
  34. 34. WHITE SPACE DOES NOT HAVE TO BE WHITE #WCUS@LaurenPittenger 34
  35. 35. WHITE SPACE IS NOT A MISSED OPPORTUNITY #WCUS@LaurenPittenger 35
  36. 36. Hermès store #WCUS@LaurenPittenger 36
  37. 37. #WCUS@LaurenPittenger 37
  38. 38. usa.hermes.com #WCUS@LaurenPittenger 38
  39. 39. 2TYPOGRAPHY #WCUS@LaurenPittenger 39
  40. 40. Image from Canva FONT PERSONALITIES #WCUS@LaurenPittenger 40
  41. 41. L o o s e l e t t e r s p a c i n g Normal letter spacing #WCUS@LaurenPittenger Bold weight Normal weight Tightletterspacing Lorem ipsum dolor sit amet lorem ipsum dolor. Lorem ipsum dolor sit amet lorem ipsum dolor. 41
  42. 42. 3COLOR, CONTRAST & VALUE #WCUS@LaurenPittenger 42
  43. 43. 43#WCUS@LaurenPittenger
  44. 44. 44#WCUS@LaurenPittenger
  45. 45. 45#WCUS@LaurenPittenger
  46. 46. 4PHOTOS & IMAGES #WCUS@LaurenPittenger 46
  47. 47. Image by Ashley Schweitzer on minimography.com #WCUS@LaurenPittenger 47
  48. 48. 5LAYOUT, ALIGNMENT & STRUCTURE #WCUS@LaurenPittenger 48
  49. 49. #WCUS@LaurenPittenger 49
  50. 50. KEY TAKE-AWAYS Minimalism is a style and a mindset Requires understanding users' needs & the project's purpose Strategically removing non-essential elements helps create more peaceful environment Being purposeful helps us reach our goals #WCUS@LaurenPittenger 50
  51. 51. RESOURCES Sitepoint: What is Minimalism? Minimalist Design: 25 Beautiful Examples and Practical Tips 8 Ways to Evoke Positive Emotions in Visual Design 7 pillars of minimalist web design Introduction to Minimal Art How to Reduce Clutter in Web Design Stakeholder Interview Sample You Won't Finish This Article What You Think You Know About the Web Is Wrong Minimalist Design - Should I Implement It for My Website? The Characteristics of Minimalism in Web Design Minimography: Royalty-Free Minimalist Photos No Sidebar Negative Space: Free Stock Photos #WCUS@LaurenPittenger 51
  52. 52. THANKS! LAUREN PITTENGER Designer & developer with LBDesign Instructor with Women's Coding Collective @LaurenPittenger laurenpittenger.com 52

×