SlideShare a Scribd company logo
1 of 28
Download to read offline
Besseres Design
Eine (subjektive) Einführung in Design Grundlagen
von Dipl.-Ing. (FH) Arnold Kegebein

Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Was ist Design?

De|sign
Design, das
Substantiv, Neutrum

Formgerechte und funktionale Gestaltgebung und daraus sich ergebende Form
eines Gebrauchsgegenstandes o. Ä.;
Entwurf[szeichnung]
Duden
www.duden.de/rechtschreibung/Design

Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Was ist Design?
• Design ist mehr als eine abstrakte Definition
• Design ist Mittel zum Zweck, nicht Zweck an sich
• Design ist die Verbindung zwischen Ratio und Emotio,

zwischen Struktur und Inhalt, zwischen Daten und Bedeutung

• Design wird wahrgenommen
• Design ist ein wichtiger Teil des User Interfaces

Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Zehn Thesen für gutes Design
Dieter Rams, Chef-Designer bei Braun von 1961 - 1995

• Gutes Design ist innovativ
• Gutes Design macht ein Produkt brauchbar
• Gutes Design ist ästhetisch
• Gutes Design macht ein Produkt verständlich
• Gutes Design ist unaufdränglich
• Gutes Design ist ehrlich
• Gutes Design ist langlebig
• Gutes Design ist konsequent bis ins letzte Detail
• Gutes Design ist umweltfreundlich
• Gutes Design ist so wenig Design wie möglich
Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Wahrnehmung
• Wahrnehmung und Wirklichkeit unterscheiden sich
• Unsere Erfahrung prägt unsere Wahrnehmung
• Wahrnehmung erzeugt Assoziationen

Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Wahrnehmung
• Sehen
• Ordnung, Struktur, Farben, Text, …
• Hören
• Fehlerton, akustische Aktion (E-Mail senden), Mausklick
• Gleichgewicht
• Anordnung, Hell-Dunkel, optische Balance
• Fühlen (Tastsinn)
• Bewegen der Maus, Mausklicks, Tastatureingaben
• Touch Screen (Fingergesten)

Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Chaos & Ordnung
• Chaos führt zu Reizüberflutung, Stress
• Das Gehirn sucht Ordnung im Chaos
• Ordnung beruhigt
• Ordnung hilft, sich zu orientieren
• Dabei kann zu viel Ordnung auch Stress erzeugen
• Unordnung kann gezielt genutzt werden

Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Musterbildung

Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Whitespace (Leerraum)
• Whitespace ist die Abwesenheit von Text und Grafik
• Passiv und aktiv
• Ordnung
• Gruppierung
• Struktur
• Übersicht
• Der Inhalt fällt auf
• Das Auge wird geführt
• Whitespace erzeugt Emotionen
• klar, übersichtlich, aufgeräumt
• positiv, einfach, wertig
Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Struktur
• Anordnung
• Felder, Labels
• Position, Breite, Höhe
• Abstände
• Ausrichtung
• Feldinhalte
• Links-/Rechtsbündig
• Grid / Raster

Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Grid (Raster)
• Struktur, Ordnung
• Ausrichtung
• Gruppierung
• Wiederholung
• Vereinfacht die gezielte Verwendung von Whitespace
• DIE Grid-Lösung gibt es nicht
• Beispiel: Möglichkeiten in FileMaker
• Horizontales/vertikales Grid

Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Farben
• Farbwirkung und -symbolik
• Farblehre
• Der Farbkreis
• Komplementärfarben, Simultanwirkung
• Kontrast
• Farbharmonie und -modulation
• Winkelkontrast und Winkelharmonie
• Farbreihen

Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Font
• Schriftfamilie, Attribute
• Schriftauswahl
• Readability (Lesbarkeit)
• Pairing (Zusammenstellung)
• Schriftgrößen
• Farben
• Durchschuss
• Grid System
• Ausgabemedium

Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
Schriftfamilie
The
 q quick brown fox jumpslazy
  og the lazy dog
The uick
 brown
 fox
 jumps
 over
 jumps dover the lazy dog
The quick brown fox jumps over the lazy dog
brown fox the
  over
Maecenas suscipit lectus
 at
  mperdiet.
 E
Maecenas
 suscipit
 interdum
 interdum lectus at quis

More Related Content

Viewers also liked

Pc Hardware Ueberblick 2012
Pc Hardware Ueberblick 2012Pc Hardware Ueberblick 2012
Pc Hardware Ueberblick 2012georgmechler
 
MuliW: Musik lernen im Social Web - Bilder vertonen
MuliW: Musik lernen im Social Web - Bilder vertonenMuliW: Musik lernen im Social Web - Bilder vertonen
MuliW: Musik lernen im Social Web - Bilder vertonenMatthias Krebs
 
FMK 2013, FileMaker Server, Michael Valentin
FMK 2013, FileMaker Server, Michael ValentinFMK 2013, FileMaker Server, Michael Valentin
FMK 2013, FileMaker Server, Michael ValentinVerein FM Konferenz
 
FMK 2013 Entwickler Werkzeuge, Marcel Moré
FMK 2013 Entwickler Werkzeuge, Marcel MoréFMK 2013 Entwickler Werkzeuge, Marcel Moré
FMK 2013 Entwickler Werkzeuge, Marcel MoréVerein FM Konferenz
 
Präsentation wieser
Präsentation wieserPräsentation wieser
Präsentation wieserLaura Theunis
 
FMK2014: FileMaker Server in Windows Server Umgebungen by Thomas Hirt
FMK2014: FileMaker Server in Windows Server Umgebungen by Thomas HirtFMK2014: FileMaker Server in Windows Server Umgebungen by Thomas Hirt
FMK2014: FileMaker Server in Windows Server Umgebungen by Thomas HirtVerein FM Konferenz
 
Lernzielkontrolle kugel
Lernzielkontrolle kugelLernzielkontrolle kugel
Lernzielkontrolle kugelkkreienbrink
 
Einführung Finanzkrise
Einführung FinanzkriseEinführung Finanzkrise
Einführung FinanzkriseJens Janssen
 
Solidarität in der krise
Solidarität in der kriseSolidarität in der krise
Solidarität in der kriseJens Janssen
 
Stabhochsprung: Geheimnis der Konzentration
Stabhochsprung: Geheimnis der KonzentrationStabhochsprung: Geheimnis der Konzentration
Stabhochsprung: Geheimnis der KonzentrationGuenther Lohre
 

Viewers also liked (15)

Obo tab 2-2013
Obo tab 2-2013Obo tab 2-2013
Obo tab 2-2013
 
Pitch deck
Pitch deckPitch deck
Pitch deck
 
CCN 2013 Kickoff Webinar
CCN 2013 Kickoff Webinar CCN 2013 Kickoff Webinar
CCN 2013 Kickoff Webinar
 
triboox-Schreibwettbewerbe
triboox-Schreibwettbewerbetriboox-Schreibwettbewerbe
triboox-Schreibwettbewerbe
 
Pc Hardware Ueberblick 2012
Pc Hardware Ueberblick 2012Pc Hardware Ueberblick 2012
Pc Hardware Ueberblick 2012
 
MuliW: Musik lernen im Social Web - Bilder vertonen
MuliW: Musik lernen im Social Web - Bilder vertonenMuliW: Musik lernen im Social Web - Bilder vertonen
MuliW: Musik lernen im Social Web - Bilder vertonen
 
FMK 2013, FileMaker Server, Michael Valentin
FMK 2013, FileMaker Server, Michael ValentinFMK 2013, FileMaker Server, Michael Valentin
FMK 2013, FileMaker Server, Michael Valentin
 
FMK 2013 Entwickler Werkzeuge, Marcel Moré
FMK 2013 Entwickler Werkzeuge, Marcel MoréFMK 2013 Entwickler Werkzeuge, Marcel Moré
FMK 2013 Entwickler Werkzeuge, Marcel Moré
 
Präsentation wieser
Präsentation wieserPräsentation wieser
Präsentation wieser
 
FMK2014: FileMaker Server in Windows Server Umgebungen by Thomas Hirt
FMK2014: FileMaker Server in Windows Server Umgebungen by Thomas HirtFMK2014: FileMaker Server in Windows Server Umgebungen by Thomas Hirt
FMK2014: FileMaker Server in Windows Server Umgebungen by Thomas Hirt
 
Lernzielkontrolle kugel
Lernzielkontrolle kugelLernzielkontrolle kugel
Lernzielkontrolle kugel
 
Fammm
FammmFammm
Fammm
 
Einführung Finanzkrise
Einführung FinanzkriseEinführung Finanzkrise
Einführung Finanzkrise
 
Solidarität in der krise
Solidarität in der kriseSolidarität in der krise
Solidarität in der krise
 
Stabhochsprung: Geheimnis der Konzentration
Stabhochsprung: Geheimnis der KonzentrationStabhochsprung: Geheimnis der Konzentration
Stabhochsprung: Geheimnis der Konzentration
 

More from Verein FM Konferenz

FMK2022 Excel und FileMaker Schittko.pdf
FMK2022 Excel und FileMaker Schittko.pdfFMK2022 Excel und FileMaker Schittko.pdf
FMK2022 Excel und FileMaker Schittko.pdfVerein FM Konferenz
 
FMK2022 Drucken über Dateigrenzen hinweg von Philipp Puls
FMK2022 Drucken über Dateigrenzen hinweg von Philipp PulsFMK2022 Drucken über Dateigrenzen hinweg von Philipp Puls
FMK2022 Drucken über Dateigrenzen hinweg von Philipp PulsVerein FM Konferenz
 
FMK2022 Custom Functions von Philipp Puls
FMK2022 Custom Functions von Philipp PulsFMK2022 Custom Functions von Philipp Puls
FMK2022 Custom Functions von Philipp PulsVerein FM Konferenz
 
FMK2022 FileMaker Fehler von Martin Schwarz
FMK2022 FileMaker Fehler von Martin SchwarzFMK2022 FileMaker Fehler von Martin Schwarz
FMK2022 FileMaker Fehler von Martin SchwarzVerein FM Konferenz
 
FMK2022 FileMaker Server unter Linux Workshop von Bernhard Schulz
FMK2022 FileMaker Server unter Linux Workshop von Bernhard SchulzFMK2022 FileMaker Server unter Linux Workshop von Bernhard Schulz
FMK2022 FileMaker Server unter Linux Workshop von Bernhard SchulzVerein FM Konferenz
 
FMK2022 FileMaker DataAPI und Java von Bernhard Schulz
FMK2022 FileMaker DataAPI und Java von Bernhard SchulzFMK2022 FileMaker DataAPI und Java von Bernhard Schulz
FMK2022 FileMaker DataAPI und Java von Bernhard SchulzVerein FM Konferenz
 
FMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam AugustingFMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam AugustingVerein FM Konferenz
 
FMK2022 FileMaker und Javascript von Adam Augustin
FMK2022 FileMaker und Javascript von Adam AugustinFMK2022 FileMaker und Javascript von Adam Augustin
FMK2022 FileMaker und Javascript von Adam AugustinVerein FM Konferenz
 
FMK2022 Arbeiten mit SVG in FileMaker - Robert Kaiser
FMK2022 Arbeiten mit SVG in FileMaker - Robert KaiserFMK2022 Arbeiten mit SVG in FileMaker - Robert Kaiser
FMK2022 Arbeiten mit SVG in FileMaker - Robert KaiserVerein FM Konferenz
 
FMK2022 Dokumentation - Thomas Hirt
FMK2022 Dokumentation - Thomas HirtFMK2022 Dokumentation - Thomas Hirt
FMK2022 Dokumentation - Thomas HirtVerein FM Konferenz
 
FMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
FMK2022 CustomFunctions Fuer Einsteiger - Thomas HirtFMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
FMK2022 CustomFunctions Fuer Einsteiger - Thomas HirtVerein FM Konferenz
 
FMK2022 FileMaker Integrated Development Environment - Russell Watson
FMK2022 FileMaker Integrated Development Environment - Russell WatsonFMK2022 FileMaker Integrated Development Environment - Russell Watson
FMK2022 FileMaker Integrated Development Environment - Russell WatsonVerein FM Konferenz
 
FMK2022 Datenschutz DSGVO Christoph Kluss
FMK2022 Datenschutz DSGVO Christoph KlussFMK2022 Datenschutz DSGVO Christoph Kluss
FMK2022 Datenschutz DSGVO Christoph KlussVerein FM Konferenz
 
FMK2022 Rechnungen Inkasso - Christoph Kluss
FMK2022 Rechnungen Inkasso - Christoph KlussFMK2022 Rechnungen Inkasso - Christoph Kluss
FMK2022 Rechnungen Inkasso - Christoph KlussVerein FM Konferenz
 
FMK2022 Die Zukunft von FileMaker - Marcel Moré.pdf
FMK2022 Die Zukunft von FileMaker - Marcel Moré.pdfFMK2022 Die Zukunft von FileMaker - Marcel Moré.pdf
FMK2022 Die Zukunft von FileMaker - Marcel Moré.pdfVerein FM Konferenz
 
FMK2019 bug off lightning talk by Russell Watson
FMK2019 bug off lightning talk by Russell WatsonFMK2019 bug off lightning talk by Russell Watson
FMK2019 bug off lightning talk by Russell WatsonVerein FM Konferenz
 
FMK2019 being an optimist in a pessimistic world by vincenzo menanno
FMK2019 being an optimist in a pessimistic world by vincenzo menannoFMK2019 being an optimist in a pessimistic world by vincenzo menanno
FMK2019 being an optimist in a pessimistic world by vincenzo menannoVerein FM Konferenz
 
FMK2019 FileMaker Performance Update 2019 by HOnza Koudelka
FMK2019 FileMaker Performance Update 2019 by HOnza KoudelkaFMK2019 FileMaker Performance Update 2019 by HOnza Koudelka
FMK2019 FileMaker Performance Update 2019 by HOnza KoudelkaVerein FM Konferenz
 
FMK2019 Hardware Integrated by HOnza Koudelka
FMK2019 Hardware Integrated by HOnza KoudelkaFMK2019 Hardware Integrated by HOnza Koudelka
FMK2019 Hardware Integrated by HOnza KoudelkaVerein FM Konferenz
 
Fmk2019 Produktentwicklung mit FileMaker by Harald Mair
Fmk2019 Produktentwicklung mit FileMaker by Harald MairFmk2019 Produktentwicklung mit FileMaker by Harald Mair
Fmk2019 Produktentwicklung mit FileMaker by Harald MairVerein FM Konferenz
 

More from Verein FM Konferenz (20)

FMK2022 Excel und FileMaker Schittko.pdf
FMK2022 Excel und FileMaker Schittko.pdfFMK2022 Excel und FileMaker Schittko.pdf
FMK2022 Excel und FileMaker Schittko.pdf
 
FMK2022 Drucken über Dateigrenzen hinweg von Philipp Puls
FMK2022 Drucken über Dateigrenzen hinweg von Philipp PulsFMK2022 Drucken über Dateigrenzen hinweg von Philipp Puls
FMK2022 Drucken über Dateigrenzen hinweg von Philipp Puls
 
FMK2022 Custom Functions von Philipp Puls
FMK2022 Custom Functions von Philipp PulsFMK2022 Custom Functions von Philipp Puls
FMK2022 Custom Functions von Philipp Puls
 
FMK2022 FileMaker Fehler von Martin Schwarz
FMK2022 FileMaker Fehler von Martin SchwarzFMK2022 FileMaker Fehler von Martin Schwarz
FMK2022 FileMaker Fehler von Martin Schwarz
 
FMK2022 FileMaker Server unter Linux Workshop von Bernhard Schulz
FMK2022 FileMaker Server unter Linux Workshop von Bernhard SchulzFMK2022 FileMaker Server unter Linux Workshop von Bernhard Schulz
FMK2022 FileMaker Server unter Linux Workshop von Bernhard Schulz
 
FMK2022 FileMaker DataAPI und Java von Bernhard Schulz
FMK2022 FileMaker DataAPI und Java von Bernhard SchulzFMK2022 FileMaker DataAPI und Java von Bernhard Schulz
FMK2022 FileMaker DataAPI und Java von Bernhard Schulz
 
FMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam AugustingFMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam Augusting
 
FMK2022 FileMaker und Javascript von Adam Augustin
FMK2022 FileMaker und Javascript von Adam AugustinFMK2022 FileMaker und Javascript von Adam Augustin
FMK2022 FileMaker und Javascript von Adam Augustin
 
FMK2022 Arbeiten mit SVG in FileMaker - Robert Kaiser
FMK2022 Arbeiten mit SVG in FileMaker - Robert KaiserFMK2022 Arbeiten mit SVG in FileMaker - Robert Kaiser
FMK2022 Arbeiten mit SVG in FileMaker - Robert Kaiser
 
FMK2022 Dokumentation - Thomas Hirt
FMK2022 Dokumentation - Thomas HirtFMK2022 Dokumentation - Thomas Hirt
FMK2022 Dokumentation - Thomas Hirt
 
FMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
FMK2022 CustomFunctions Fuer Einsteiger - Thomas HirtFMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
FMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
 
FMK2022 FileMaker Integrated Development Environment - Russell Watson
FMK2022 FileMaker Integrated Development Environment - Russell WatsonFMK2022 FileMaker Integrated Development Environment - Russell Watson
FMK2022 FileMaker Integrated Development Environment - Russell Watson
 
FMK2022 Datenschutz DSGVO Christoph Kluss
FMK2022 Datenschutz DSGVO Christoph KlussFMK2022 Datenschutz DSGVO Christoph Kluss
FMK2022 Datenschutz DSGVO Christoph Kluss
 
FMK2022 Rechnungen Inkasso - Christoph Kluss
FMK2022 Rechnungen Inkasso - Christoph KlussFMK2022 Rechnungen Inkasso - Christoph Kluss
FMK2022 Rechnungen Inkasso - Christoph Kluss
 
FMK2022 Die Zukunft von FileMaker - Marcel Moré.pdf
FMK2022 Die Zukunft von FileMaker - Marcel Moré.pdfFMK2022 Die Zukunft von FileMaker - Marcel Moré.pdf
FMK2022 Die Zukunft von FileMaker - Marcel Moré.pdf
 
FMK2019 bug off lightning talk by Russell Watson
FMK2019 bug off lightning talk by Russell WatsonFMK2019 bug off lightning talk by Russell Watson
FMK2019 bug off lightning talk by Russell Watson
 
FMK2019 being an optimist in a pessimistic world by vincenzo menanno
FMK2019 being an optimist in a pessimistic world by vincenzo menannoFMK2019 being an optimist in a pessimistic world by vincenzo menanno
FMK2019 being an optimist in a pessimistic world by vincenzo menanno
 
FMK2019 FileMaker Performance Update 2019 by HOnza Koudelka
FMK2019 FileMaker Performance Update 2019 by HOnza KoudelkaFMK2019 FileMaker Performance Update 2019 by HOnza Koudelka
FMK2019 FileMaker Performance Update 2019 by HOnza Koudelka
 
FMK2019 Hardware Integrated by HOnza Koudelka
FMK2019 Hardware Integrated by HOnza KoudelkaFMK2019 Hardware Integrated by HOnza Koudelka
FMK2019 Hardware Integrated by HOnza Koudelka
 
Fmk2019 Produktentwicklung mit FileMaker by Harald Mair
Fmk2019 Produktentwicklung mit FileMaker by Harald MairFmk2019 Produktentwicklung mit FileMaker by Harald Mair
Fmk2019 Produktentwicklung mit FileMaker by Harald Mair
 

FMK 2013 Besseres Design, Arnold Kegebein