SlideShare une entreprise Scribd logo
1  sur  17
Télécharger pour lire hors ligne
Christopher Alexander’s
            Elements of Style
1. Levels of Scale
                         Maßstäbe


                         A balanced range of sizes
                         is pleasing and beautiful.




Eine ausgewogene Mischung von
Proportionen ist angenehm und schön.
2. Strong Centers
                          Starke Mitte

                          Good design offers areas
                          of focus or weight.




Gutes Design bietet Orte der
Konzentration oder Macht.
3. Boundaries
                         Grenzen


                         Outlines focus attention
                         on the center.




Einfassungen lenken die Aufmerksamkeit
auf das Zentrum.
4. Alternating Repetition
                            Wechselnde
                            Wiederholung


                            Repeating various
                            elements creates a sense
                            of order and harmony.



Die Wiederholung verschiedener Elemente
erzeugen ein Gefühlt von Ordnung und Harmonie.
5. Positive Space
                          Positive Fläche


                          The background should
                          reinforce rather than
                          detract from the center.




Der Hintergrund soll unterstützen und
nicht von der Mitte ablenken.
6. Good Shape
                          Gute Form


                          Simple forms create an
                          intense, powerful center.




Einfache Formen erzeugen eine kraftvolle
Mitte.
7. Local Symmetries
                          Lokale
                          Symmetrien


                          Organic, small-scale
                          symmetry works better
                          than precise, overall
                          symmetry.


Kleine organische Symmetrien funktionieren
besser als großräumge Symmetrien.
8. Deep Interlock
                           and Ambiguity
                           Zusammenhalt
                           und Vielfalt


                           Looping, connected
                           elements promote unity
                           and grace.


Kreisende, aneinandergefügte Elemente
dienen der Vollständigkeit und Eleganz.
9. Contrast
                         Kontrast


                         Unity is achieved with
                         visible opposites.




Abgeschlossenheit erreicht man durch
sichtbare Gegensätze.
10. Gradients
                       Verläufe


                       The proportional use of
                       space and pattern creates
                       harmony.




Der wohldosierte Gebrauch von Raum
und Muster erzeugt Harmonie.
11. Roughness
                          Unebenheit


                          Texture and imperfections
                          convey uniqueness and
                          life.




Struktur und Unvollkommenheit unterstützen
Einzigartigkeit und Lebendigkeit.
12. Echoes
                          Echos


                          Similarities should repeat
                          throughout a design.




Ähnlichkeiten sollten sich im gesamten
Design wiederfinden.
13. The Void
                         Die Leere


                         Empty spaces offer calm
                         and contrast.




Leere Räume bieten Ruhe und Kontrast.
14. Simplicity
                         and Inner Calm
                         Einfachheit
                         und Innere Ruhe


                         Use only essentials; avoid
                         extraneous elements.



Benutze nur das Wesentliche; vermeide
überflüssige Elemente.
15. Not-Separateness
                           Zusammenhalt


                           Designs should be
                           connected and
                           complementary, not
                           egocentric and isolated.




Gestaltung sollte verbinden und ergänzen,
und nicht selbstbezogen und isoliert sein.
Christopher Alexander’s Elements of Style

Übersetzt von Matthias Müller-Prove
www.mprove.de

www.wired.com/wired/archive/12.03/play.html
www.weepingash.co.uk/tools/tool02.html
www.andywho.com/15rules/

Contenu connexe

Plus de Matthias Mueller-Prove

VerA\UX – Ausstellungsdesign und Social Media
VerA\UX – Ausstellungsdesign und Social MediaVerA\UX – Ausstellungsdesign und Social Media
VerA\UX – Ausstellungsdesign und Social MediaMatthias Mueller-Prove
 
Gesellschaft und Informatik – Vom Verstand zum Algorithmus
Gesellschaft und Informatik – Vom Verstand zum AlgorithmusGesellschaft und Informatik – Vom Verstand zum Algorithmus
Gesellschaft und Informatik – Vom Verstand zum AlgorithmusMatthias Mueller-Prove
 
IAK16 An Urania. Blick. Zurück. Nach Vorn.
IAK16 An Urania. Blick. Zurück. Nach Vorn.IAK16 An Urania. Blick. Zurück. Nach Vorn.
IAK16 An Urania. Blick. Zurück. Nach Vorn.Matthias Mueller-Prove
 
Algorithmen zwischen Reeperbahn und Elbe
Algorithmen zwischen Reeperbahn und ElbeAlgorithmen zwischen Reeperbahn und Elbe
Algorithmen zwischen Reeperbahn und ElbeMatthias Mueller-Prove
 
User Experience - Design für die Nutzer
User Experience - Design für die NutzerUser Experience - Design für die Nutzer
User Experience - Design für die NutzerMatthias Mueller-Prove
 
CounterCulture and CoEvolution of the Human-Tool System
CounterCulture and CoEvolution of the Human-Tool SystemCounterCulture and CoEvolution of the Human-Tool System
CounterCulture and CoEvolution of the Human-Tool SystemMatthias Mueller-Prove
 
CounterCulture und CoEvolution des Systems Mensch-Computer
CounterCulture und CoEvolution des Systems Mensch-ComputerCounterCulture und CoEvolution des Systems Mensch-Computer
CounterCulture und CoEvolution des Systems Mensch-ComputerMatthias Mueller-Prove
 
Digitale Mythen – Sinn macht der Zuschauer
Digitale Mythen – Sinn macht der ZuschauerDigitale Mythen – Sinn macht der Zuschauer
Digitale Mythen – Sinn macht der ZuschauerMatthias Mueller-Prove
 
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030 Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030 Matthias Mueller-Prove
 

Plus de Matthias Mueller-Prove (20)

Interface Culture
Interface CultureInterface Culture
Interface Culture
 
ChronoHH Research Lab
ChronoHH Research LabChronoHH Research Lab
ChronoHH Research Lab
 
Chronoscope Hamburg
Chronoscope HamburgChronoscope Hamburg
Chronoscope Hamburg
 
Ahoi User Experience Design
Ahoi User Experience DesignAhoi User Experience Design
Ahoi User Experience Design
 
VerA\UX – Ausstellungsdesign und Social Media
VerA\UX – Ausstellungsdesign und Social MediaVerA\UX – Ausstellungsdesign und Social Media
VerA\UX – Ausstellungsdesign und Social Media
 
Gesellschaft und Informatik – Vom Verstand zum Algorithmus
Gesellschaft und Informatik – Vom Verstand zum AlgorithmusGesellschaft und Informatik – Vom Verstand zum Algorithmus
Gesellschaft und Informatik – Vom Verstand zum Algorithmus
 
IAK16 An Urania. Blick. Zurück. Nach Vorn.
IAK16 An Urania. Blick. Zurück. Nach Vorn.IAK16 An Urania. Blick. Zurück. Nach Vorn.
IAK16 An Urania. Blick. Zurück. Nach Vorn.
 
Anleitung zur Schwerelosigkeit
Anleitung zur SchwerelosigkeitAnleitung zur Schwerelosigkeit
Anleitung zur Schwerelosigkeit
 
Welchem Muster folgt Innovation?
Welchem Muster folgt Innovation?Welchem Muster folgt Innovation?
Welchem Muster folgt Innovation?
 
Algorithmen zwischen Reeperbahn und Elbe
Algorithmen zwischen Reeperbahn und ElbeAlgorithmen zwischen Reeperbahn und Elbe
Algorithmen zwischen Reeperbahn und Elbe
 
Beyond Hyperlocal
Beyond HyperlocalBeyond Hyperlocal
Beyond Hyperlocal
 
User Experience - Design für die Nutzer
User Experience - Design für die NutzerUser Experience - Design für die Nutzer
User Experience - Design für die Nutzer
 
Hyper-Chronoskop
Hyper-ChronoskopHyper-Chronoskop
Hyper-Chronoskop
 
Hyper-Chronoskop 0.9
Hyper-Chronoskop 0.9Hyper-Chronoskop 0.9
Hyper-Chronoskop 0.9
 
CounterCulture and CoEvolution of the Human-Tool System
CounterCulture and CoEvolution of the Human-Tool SystemCounterCulture and CoEvolution of the Human-Tool System
CounterCulture and CoEvolution of the Human-Tool System
 
CounterCulture und CoEvolution des Systems Mensch-Computer
CounterCulture und CoEvolution des Systems Mensch-ComputerCounterCulture und CoEvolution des Systems Mensch-Computer
CounterCulture und CoEvolution des Systems Mensch-Computer
 
Der Ingenieur. Ein Träumer?
Der Ingenieur. Ein Träumer?Der Ingenieur. Ein Träumer?
Der Ingenieur. Ein Träumer?
 
Digitale Mythen – Sinn macht der Zuschauer
Digitale Mythen – Sinn macht der ZuschauerDigitale Mythen – Sinn macht der Zuschauer
Digitale Mythen – Sinn macht der Zuschauer
 
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030 Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
Holodeck, Matrix, Simulacron - The Ultimate Display in the Year 2030
 
Don't Panic! - Opening RSE15
Don't Panic! - Opening RSE15 Don't Panic! - Opening RSE15
Don't Panic! - Opening RSE15
 

Christopher Alexander: Elements Of Style

  • 2. 1. Levels of Scale Maßstäbe A balanced range of sizes is pleasing and beautiful. Eine ausgewogene Mischung von Proportionen ist angenehm und schön.
  • 3. 2. Strong Centers Starke Mitte Good design offers areas of focus or weight. Gutes Design bietet Orte der Konzentration oder Macht.
  • 4. 3. Boundaries Grenzen Outlines focus attention on the center. Einfassungen lenken die Aufmerksamkeit auf das Zentrum.
  • 5. 4. Alternating Repetition Wechselnde Wiederholung Repeating various elements creates a sense of order and harmony. Die Wiederholung verschiedener Elemente erzeugen ein Gefühlt von Ordnung und Harmonie.
  • 6. 5. Positive Space Positive Fläche The background should reinforce rather than detract from the center. Der Hintergrund soll unterstützen und nicht von der Mitte ablenken.
  • 7. 6. Good Shape Gute Form Simple forms create an intense, powerful center. Einfache Formen erzeugen eine kraftvolle Mitte.
  • 8. 7. Local Symmetries Lokale Symmetrien Organic, small-scale symmetry works better than precise, overall symmetry. Kleine organische Symmetrien funktionieren besser als großräumge Symmetrien.
  • 9. 8. Deep Interlock and Ambiguity Zusammenhalt und Vielfalt Looping, connected elements promote unity and grace. Kreisende, aneinandergefügte Elemente dienen der Vollständigkeit und Eleganz.
  • 10. 9. Contrast Kontrast Unity is achieved with visible opposites. Abgeschlossenheit erreicht man durch sichtbare Gegensätze.
  • 11. 10. Gradients Verläufe The proportional use of space and pattern creates harmony. Der wohldosierte Gebrauch von Raum und Muster erzeugt Harmonie.
  • 12. 11. Roughness Unebenheit Texture and imperfections convey uniqueness and life. Struktur und Unvollkommenheit unterstützen Einzigartigkeit und Lebendigkeit.
  • 13. 12. Echoes Echos Similarities should repeat throughout a design. Ähnlichkeiten sollten sich im gesamten Design wiederfinden.
  • 14. 13. The Void Die Leere Empty spaces offer calm and contrast. Leere Räume bieten Ruhe und Kontrast.
  • 15. 14. Simplicity and Inner Calm Einfachheit und Innere Ruhe Use only essentials; avoid extraneous elements. Benutze nur das Wesentliche; vermeide überflüssige Elemente.
  • 16. 15. Not-Separateness Zusammenhalt Designs should be connected and complementary, not egocentric and isolated. Gestaltung sollte verbinden und ergänzen, und nicht selbstbezogen und isoliert sein.
  • 17. Christopher Alexander’s Elements of Style Übersetzt von Matthias Müller-Prove www.mprove.de www.wired.com/wired/archive/12.03/play.html www.weepingash.co.uk/tools/tool02.html www.andywho.com/15rules/