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.

Fundamental Design Principles


Published on

My presentation for the Ministry 2.0 conference --

Published in: Technology, Design

Fundamental Design Principles

  1. 1. Fundamental Design Principles
  2. 2. Hi. I’m Nathan Smith. I work at as a designer + front-end dev.
  3. 3. dign quot;... An orderly method of arrangement to drive a particular purpose.
  4. 4. MAYA – Human Centered Design (video clip)
  6. 6. Hi!
  7. 7. “Big-D” design is broad. Today, I will address...
  8. 8. Shapes Ratios Symbols Brands Audience Workflow Usability Interface
  9. 9. But, if it’s not all about JESUS I’m wasting your time.
  10. 10. Man’s initiative vs. God’s command Tower of Babel
  11. 11. Structure + Dimensions of Tabernacle
  12. 12. Literal Symbol
  13. 13. Idealized
  14. 14. Presbyterian United Church Methodist (USA) Church
  15. 15. Open hearts. Open minds. Open doors.
  17. 17. Pyramids Endure Triangle = basic 2-dimensional shape. Used to point towards goal (skyward).
  18. 18. FATHER Trinitarian theology IS places emphasis on a triangular NOT NOT GOD relationship. IS IS SPIRIT SON NOT
  19. 19. Arrows signify progression of time + spatial direction.
  20. 20. Roman Arch (has staying power)
  21. 21.
  22. 22. Arch + Dome implies authority and stateliness
  23. 23. Triangles + Arches Structurally Sound
  24. 24. Heck, just ask your everyday honeybee
  25. 25. Also good for backgrounds
  26. 26. Early Pictograms
  27. 27. Modern Pictograms
  28. 28. Industrial Revolution
  29. 29. Our craft is becoming a commodity and people in charge don't care about the quality of the markup, CSS or how nice our JavaScript is. What matters is how fast you can get it to market, how many people it reaches and how cheaply it can be built. – Christian Heilmann
  30. 30. Luddites were a social movement of British textile artisans in the early nineteenth century who protested, often by destroying mechanized looms, against the changes produced by the Industrial Revolution, which they felt were leaving them without work.
  31. 31. I’m convinced the people railing against CSS frameworks are just trying to drum up false job security. – Jeff Croft
  32. 32. There’s a somewhat disturbing thing going on with people advocating a rebirth of table based web design. Why? Probably because CSS layouts are “hard.” – Marco van Hylckama Vlieg
  33. 33.
  34. 34. Modularity
  35. 35. Good designers solve problems
  36. 36. Great designers prevent them
  37. 37. “Good enough” stops short of great.
  38. 38. Well Executed Typography is Timeless
  39. 39. Never use these fonts • Papyrus • Comic Sans
  40. 40. 1966
  41. 41. 2007
  42. 42. Helvetica – Documentary on Typography (video clip)
  43. 43. In Lives of the Artists, Giorgio Vasari relates that when the Pope sent a messenger to Giotto di Bondone, asking him to send a drawing to demonstrate his skill, Giotto drew, in red paint, a circle so perfect that it seemed as though it was drawn using a compass and instructed the messenger to give it to him.
  44. 44. Civilian
  45. 45. Military
  46. 46. Most efficient ratio of surface-area to volume
  47. 47. Good for storage of mass quantities
  48. 48. Icons = 1x1 ratio. Many are circular. Firefox Safari Chrome IE 7
  49. 49. Fibonacci sequence
  52. 52. Rectangles = lingua franca of web
  53. 53. Rectangles = lingua franca of web
  54. 54. Rectangles = lingua franca of web
  55. 55. How do you eat an elephant?
  56. 56. (one bite at a time) lion lion lion lion lion lion
  57. 57. SELF-MANAGED TEAM – GREEK MYRMIDONS Μυρμιδόνες = elite + fearless + took initiative
  58. 58. Comfort and prosperity have never enriched the world as much as adversity has. – Rev. Billy Graham
  59. 59. Attitude, not aptitude, determines altitude. Zig Ziglar hover mode = 230 bps
  60. 60. My brother Wesley acted wisely – the souls that were awakened under his ministry he joined in class [study groups], and thus preserved the fruits of his labor. This I neglected, and my people are a rope of sand. – George Whitefield
  62. 62. If I had eight hours to chop down a tree, I'd spend six hours sharpening my axe. – Abraham Lincoln
  63. 63. Make everything as simple as possible, but not simpler. – Albert Einstein
  64. 64. Conflicting brands + messages
  65. 65.
  66. 66. Once the pedestrian begins walking, there is no safety indicator. When you’re halfway across the road, you have no idea whether or not it is safe. – Jeremy Keith
  67. 67. Documentation is no substitute for good design
  68. 68. Must unlearn what you have learned.
  69. 69. Let choirs sing well or not at all. Otherwise we merely confirm the majority in their conviction that the world of business, which does with such efficiency so much that never really needed doing, is the real, the adult, and the practical world; and that all this culture and religion (horrid words both) are essentially marginal, amateurish, and rather effeminate activities. C.S. Lewis
  70. 70.
  71. 71. – Helpful tools are available :)
  72. 72. Those who code XHTML + CSS as well as they design will always have an edge over those who only design... You’re able to foresee potential layout and coding issues while the comp is still in Photoshop or Fireworks or even Illustrator. – Cameron Moll
  73. 73. The artisan is not dead! Modern-day craftsmen are in high demand.
  74. 74. Objectified – Documentary on Industrial Design (video clip)
  75. 75. Design is Anticipatory • Don’t wait for problems. Solve ahead of time. • Know your audience, adapt your workflow. • Communicate function via aesthetic form. • Learn to convey more, by saying less. • Don’t lose sight of the primary focus.
  76. 76. That’s all. Keep in touch!