c r a p
play

C.R.A.P . RULES - According to The Non-Designers Design Book by - PowerPoint PPT Presentation

Jun 07, 2023 •291 likes •908 views

THE 4 BASIC PRINCIPLES THE C.R.A.P . RULES - According to The Non-Designers Design Book by Robin Williams What to do before design? What to do before design? Target group Sitemap Research Wireframes Sender Paper prototyping Test

  1. THE 4 BASIC PRINCIPLES THE C.R.A.P . RULES - According to “ The Non-Designers Design Book ” by Robin Williams

  2. What to do before design?

  3. What to do before design? Target group Sitemap Research Wireframes Sender Paper prototyping Test wireframes Message Usability testing Communication And then Design…

  4. Anatomy of website Jason Beaird - The principles of beautiful webdesign

  5. THE 4 BASIC PRINCIPLES THE C.R.A.P . RULES - According to “ The Non-Designers Design Book ” by Robin Williams

  6. UK DK C ontrast Kontrast R epetition Gentagelse A lignment Tilpasning P roximity Nærhed Agronym /abbreviation

  7. Contrast , Alignment Repetition & Proximity Contrast If the elements on the page are not the same, them make them very different Headlines and subheads need to be repeated and consistent. Make the look stronger in contrast. The typeface has to be stronger.

  8. CONTRAST BY: TYPE / SIZE PLACEMENT (VERTICAL/HORIZONTAL) GRAPHICS/FORM COLOR TEXTURE WEIGHT - DON’T BE AFRAID TO MAKE THEM REALLY DIFFERENT

  9. Contrast

  10. Contrast

  11. Contrast

  12. Contrast - using texture GOOD or BAD?

  13. http://victorydesign.deviantart.com/art/Web-design-Irrigation-162449898

  14. Contrast FORM AND GRAPHICS Two different fonts/shapes makes contrast

  15. PROXIMITY

  16. Contrast SIZE AND SHAPE

  17. Contrast by color http://lifelab.com.au/

  18. Contrast

  19. CONTRAST BY COLOR

  20. Contrast Elements that aren’t the same should be very di ff erent so they stand out By SencerBugrahan

  21. CONTRAST & PROXIMITY

  22. EXAMPLE OF CONTRAST & PROXIMITY

  23. CONTRAST PHOTO AND ILLUSTRATION Gary Nock

  24. CONTRAST PHOTO AND ILLUSTRATION

  25. REPETITION Being consistent HEADLINES - the same style and size Repeat visual elements of the design strengthens the UNITY

  26. FLOW - also important

  36. REPETITION

  37. REPETITION REPETITION http://www.pablo-costa.com/dsn_southland.html Contrast & Repetition

  38. REPETITION REPETITION Contrast & Repetition

  39. ALIGNMENT Nothing should be placed randomly Every element has to be placed in a visual connection with each other

  40. ALIGNMENT

  41. ALIGNMENT

  44. http://960.gs

  45. CONTRAST BY 3D AND COLOR IN PHOTOSHOP If you want to repeat an object like a rectangle Hold down the Alt + shift and it copies and keeps alignment

  46. GRIDSYSTEMS http://960.gs guideguide.me 1200px.com thisisdallas.github.io unsemantic.com elliotjaystocks.com/blog lemonade.im The longing we have for structure, grids, and ideal proportion is deeply ingrained in human nature. A layout that “doesn’t look quite right” can often be fixed by moving elements and resizing them on the grid. So if a layout isn’t working, keep experimenting. You will have achieved balance

  47. PLACEMENT

  48. ALIGNMENT/ TILPASNING

  50. ALIGNMENT/ TILPASNING Flush left

  51. ALIGNMENT/ TILPASNING Justified J Kyrnin.

  52. ALIGNMENT/ TILPASNING ALIGNMENT/ TILPASNING Centered

  53. ALIGNMENT & flow Flush right

  54. ALIGNMENT Which direction does it lead you to go?

  55. ALIGNMENT/ TILPASNING ALIGNMENT/ TILPASNING

  56. ALIGNMENT/ TILPASNING

  57. Placement and direction Vertical/horizontal

  58. PROXIMITY/ NÆRHED Group related items Separate items that are NOT related Nearness in place, order, occurrence or relocation Creates an organized Design

  59. PROXIMITY/ NÆRHED The principle of proximity calls for related items to be grouped visually, creating less clutter and making for a more organized layout. Items unrelated to each other should be placed further apart, to emphasize their lack of relationship. http://www.articulate.com/rapid-elearning/heres-why-contrast-is-an-essential-part-of-e-learning-design/

  60. “ The Non-Designers Design Book ” by Robin Williams

  61. Assignment: Create a website or a poster design Using the C.R.A.P . rules Just a paper prototype Sender: A personal Blog Fresh eggs

Recommend

More recommend