SlideShare ist ein Scribd-Unternehmen logo
Design
Tools und Beispiele
von Dipl.-Ing. (FH) Arnold Kegebein

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

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
1
Ideensammlung
• Kreativität ist 99% Transpiration und 1% Inspiration
• Ideen müssen wachsen bevor sie reif sind
• Hilfsmittel zum Sammeln von Ideen
• Papier und Bleistift / Post-Its
• MindMaps
• Wikis
• Inspirationsquellen
• Internet
• Kollegen
• Konferenzen und FileMaker Stammtisch

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

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
2
MindMap Programme
• FreeMind
• Kostenloses Java Programm für Windows, Mac, Linux
•  freemind.softonic.de
• XMind
• Kostenloses Java Programm für Windows, Mac, Linux
•  www.xmind.net
• MindNote Lite
• Kostenloses Programm für iPhone, iPad, Mac
•  mindnode.com

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

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
3
Wikis
• TiddlyWiki
• Ein-Datei-Wiki für den Webbrowser, HTML/CSS/JavaScript
•  tiddlywiki.com
• TiddlyWiki5
• Relaunch von TiddlyWiki mit HTML5/CSS3/JavaScript
• Gegenwärtig im Beta-Status
•  five.tiddlywiki.com
• PmWiki
• PHP-basiertes Wiki, erfordert WebServer (z. B. Apache)
• Viele Erweiterungsmöglichkeiten
• auch in Deutsch erhältlich
•  www.pmwiki.org
Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
4
Weitere Tools
• yED
• Diagramme (Flowchart, Entity Relationship, …)
• Online, Offline Tool
•  www.yworks.com/en/products_yed_about.html
• Datengenerator
• GenerateData  www.generatedata.com
• Fake Name Generator  www.fakenamegenerator.com

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

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
5
Text
• Text Generator
• Lorem Ipsum  www.lipsum.com
• Schrifttypenerkennung
• WhatTheFont  www.myfonts.com/WhatTheFont
• Schrifttypenvergleich
• TypeTester  www.typetester.org

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

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
6
Farben
• Tutorial
• Farben im Webdesign  www.metacolor.de
• Bedeutung von Farben
• Color Meaning  www.color-wheel-pro.com/color-meaning.html
• Die Farbsymbolik  www.metacolor.de/farbsymbolik.htm
• KISSmetrics  blog.kissmetrics.com/gender-and-color/?wide=1
• Farbwähler
• Adobe Culer  kuler.adobe.com
Designer
• Color Scheme wie Farbblinde colorschemedesigner.com
inkl. eines Modus,
die Farben wahrnehmen
• Bildfarbenanalyse
• Farben vom Bild  www.propiedadprivada.com/lab/color
• Color Hunter  www.colorhunter.com
Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
7
Icons
• Icon Finder
• Icon Finder  www.iconfinder.com
• iconmonstr  iconmonstr.com
• iconlet  www.iconlet.com
• Icon Sammlungen
• Icons etc.  icons.mysitemyway.com
• Icon Finder  www.iconfinder.com/free_icons

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

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
8
Mockups
• Ein erster Eindruck, wie das Layout aussehen könnte
• Schrift- und Objektgrößen entsprechen der Realität
• Design ist bewusst einfach (Drahtmodell oder Handzeichnung)
• Balsamiq Mockups, $79

 balsamiq.com

• inPreso online Mockups

 www.inpreso.com/inpresoscreens/

demo/113605/#

• moqups online Mockups

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

 moqups.com

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
9
Web Design
• Web Viewer verwenden HTML/CSS/Javascript
• FileMaker 12 Layout Engine arbeitet mit einer CSS-Syntax
• Die Themes deuten an, dass hier noch mehr kommen wird
• CSS - Kaskadierende Stylesheets
• Ein Styledefinition vererbt ihre Attribute an untergeordnete
Elemente

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

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
10
Web Design Tutorials und Quellen
• DIE deutsche Quelle für Web-Projekte (HTML/CSS/u.v.m.)
 www.selfhtml.org

• Online Web Tutorials (HTML/CSS/JavaScript/XML/u.v.m.)
 www.w3schools.com

• Canvas Tutorial

 developer.mozilla.org/en-US/docs/Web/
Guide/HTML/Canvas_tutorial

• jQuery – eine schnelle, kleine JavaScript Library
• Home Page  jquery.com
• Tutorials  www.learningjquery.com

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

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
11
Grid-System
• Horizontales Gestaltungsraster
• Spalten
• Ränder bzw. Stege
• Monitorgrößen
• Vertikales Gestaltungsraster
• Grundlinienraster
• Bereichshöhen

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

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
12
Grid-System in FileMaker
• Lineal
• Maßeinheit: in, cm, pt
• Verwendung entsprechend dem Ausgabemedium
• Gitter
• Haupt-, Nebenlinien
• Guides
• lokale, globale Guides
• gesperrte Guides
• Guides in gehosteten Datenbanken
• Bildschirmschablonen

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

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
13
Grid-System Quellen
• Grid Generator
• Grid Designer  grid.mindplay.dk
• GridSystemGenerator  www.gridsystemgenerator.com
• GRID Calculator  gridcalculator.dk
• GridMaker, Yann Liqueur-Salzedo  www.infografix.eu/gridmaker
• Video Tutorial
• Grid Tool for FileMaker 12

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

 www.youtube.com/watch?v=i06U6xDv-v0

FileMaker Konferenz 2013 Salzburg
www.filemaker-konferenz.com
14
Vielen Dank unseren Sponsoren

Danke für das Bewerten dieses Vortrages
Dipl.-Ing. (FH) Arnold Kegebein
Besseres Design

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

Weitere ähnliche Inhalte

Andere mochten auch

Sels 101
Sels 101Sels 101
Sels 101
CFAHC
 
Lsd informatica
Lsd informaticaLsd informatica
Lsd informatica
M Omar Ovalle
 
Animales con mala fama tema 9 de lengua bueno
Animales con mala fama tema 9 de lengua buenoAnimales con mala fama tema 9 de lengua bueno
Animales con mala fama tema 9 de lengua bueno
irenitabernal
 
Bienvinido al blog
Bienvinido al blogBienvinido al blog
Bienvinido al blog
markitosrosero
 
Tutorial Carlos Hernan Guzman Varon
Tutorial Carlos Hernan Guzman VaronTutorial Carlos Hernan Guzman Varon
Tutorial Carlos Hernan Guzman Varon
cguzmanv
 
Tema 10 cono malo
Tema 10 cono maloTema 10 cono malo
Tema 10 cono malo
irenitabernal
 
Barro en su mano
Barro en su manoBarro en su mano
Stabhochsprung: Vom Umgang mit Nullern
Stabhochsprung: Vom Umgang mit NullernStabhochsprung: Vom Umgang mit Nullern
Stabhochsprung: Vom Umgang mit Nullern
Guenther Lohre
 
Bilder in beitrag einfügen
Bilder in beitrag einfügenBilder in beitrag einfügen
Bilder in beitrag einfügenThomas Cook
 
Kykladen - Griechenland. 5 Reise-Empfehlungen
Kykladen - Griechenland. 5 Reise-EmpfehlungenKykladen - Griechenland. 5 Reise-Empfehlungen
Kykladen - Griechenland. 5 Reise-Empfehlungen
Philipp Alexander
 
Kollektiv k StartupDorf Meetup June 1, 2016
Kollektiv k StartupDorf Meetup June 1, 2016Kollektiv k StartupDorf Meetup June 1, 2016
Kollektiv k StartupDorf Meetup June 1, 2016
StartupDorf e.V.
 
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
 
Freizeit in Białystok
Freizeit in BiałystokFreizeit in Białystok
Freizeit in BiałystokKABO1000
 
MATRICULA ESCOLAR EBR -2014
MATRICULA ESCOLAR EBR -2014MATRICULA ESCOLAR EBR -2014
MATRICULA ESCOLAR EBR -2014Esther Segovia
 
(Lean) Six Sigma Green Belt Lehrgang 2014
(Lean) Six Sigma Green Belt Lehrgang 2014(Lean) Six Sigma Green Belt Lehrgang 2014
(Lean) Six Sigma Green Belt Lehrgang 2014
dankl+partner consulting gmbh
 

Andere mochten auch (15)

Sels 101
Sels 101Sels 101
Sels 101
 
Lsd informatica
Lsd informaticaLsd informatica
Lsd informatica
 
Animales con mala fama tema 9 de lengua bueno
Animales con mala fama tema 9 de lengua buenoAnimales con mala fama tema 9 de lengua bueno
Animales con mala fama tema 9 de lengua bueno
 
Bienvinido al blog
Bienvinido al blogBienvinido al blog
Bienvinido al blog
 
Tutorial Carlos Hernan Guzman Varon
Tutorial Carlos Hernan Guzman VaronTutorial Carlos Hernan Guzman Varon
Tutorial Carlos Hernan Guzman Varon
 
Tema 10 cono malo
Tema 10 cono maloTema 10 cono malo
Tema 10 cono malo
 
Barro en su mano
Barro en su manoBarro en su mano
Barro en su mano
 
Stabhochsprung: Vom Umgang mit Nullern
Stabhochsprung: Vom Umgang mit NullernStabhochsprung: Vom Umgang mit Nullern
Stabhochsprung: Vom Umgang mit Nullern
 
Bilder in beitrag einfügen
Bilder in beitrag einfügenBilder in beitrag einfügen
Bilder in beitrag einfügen
 
Kykladen - Griechenland. 5 Reise-Empfehlungen
Kykladen - Griechenland. 5 Reise-EmpfehlungenKykladen - Griechenland. 5 Reise-Empfehlungen
Kykladen - Griechenland. 5 Reise-Empfehlungen
 
Kollektiv k StartupDorf Meetup June 1, 2016
Kollektiv k StartupDorf Meetup June 1, 2016Kollektiv k StartupDorf Meetup June 1, 2016
Kollektiv k StartupDorf Meetup June 1, 2016
 
FMK 2013 Entwickler Werkzeuge, Marcel Moré
FMK 2013 Entwickler Werkzeuge, Marcel MoréFMK 2013 Entwickler Werkzeuge, Marcel Moré
FMK 2013 Entwickler Werkzeuge, Marcel Moré
 
Freizeit in Białystok
Freizeit in BiałystokFreizeit in Białystok
Freizeit in Białystok
 
MATRICULA ESCOLAR EBR -2014
MATRICULA ESCOLAR EBR -2014MATRICULA ESCOLAR EBR -2014
MATRICULA ESCOLAR EBR -2014
 
(Lean) Six Sigma Green Belt Lehrgang 2014
(Lean) Six Sigma Green Belt Lehrgang 2014(Lean) Six Sigma Green Belt Lehrgang 2014
(Lean) Six Sigma Green Belt Lehrgang 2014
 

Ähnlich wie FMK 2013 Design, Gestaltungsmittel in Layouts, Arnold Kegebein

Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Andreas Wissel
 
FMK 2013 Schnittstellen Datenaustausch, Longin Ziegler
FMK 2013 Schnittstellen Datenaustausch, Longin ZieglerFMK 2013 Schnittstellen Datenaustausch, Longin Ziegler
FMK 2013 Schnittstellen Datenaustausch, Longin ZieglerVerein FM Konferenz
 
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die ZukunftSharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
David Schneider
 
Responsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickResponsive Web Design - Ein Überblick
Responsive Web Design - Ein Überblick
Amazee Labs
 
Roslyn DDC Kompakt 2014
Roslyn DDC Kompakt 2014Roslyn DDC Kompakt 2014
Roslyn DDC Kompakt 2014
Christian Giesswein
 
2005 - NRW Conf: Design, Entwicklung und Tests
2005 - NRW Conf: Design, Entwicklung und Tests2005 - NRW Conf: Design, Entwicklung und Tests
2005 - NRW Conf: Design, Entwicklung und Tests
Daniel Fisher
 
FMK2012: Strukturierte Scriptprogrammierung und neue Befehle und Scriptbefehl...
FMK2012: Strukturierte Scriptprogrammierung und neue Befehle und Scriptbefehl...FMK2012: Strukturierte Scriptprogrammierung und neue Befehle und Scriptbefehl...
FMK2012: Strukturierte Scriptprogrammierung und neue Befehle und Scriptbefehl...
Verein 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 Augustin
Verein FM Konferenz
 
Google Tools für Fotografen
Google Tools für FotografenGoogle Tools für Fotografen
Google Tools für Fotografen
PARX
 
FMK 2013 Matroschka Prinzip, Marcel Moré & Holger Darjus
FMK 2013 Matroschka Prinzip, Marcel Moré & Holger DarjusFMK 2013 Matroschka Prinzip, Marcel Moré & Holger Darjus
FMK 2013 Matroschka Prinzip, Marcel Moré & Holger DarjusVerein FM Konferenz
 
Frontend Development für Backend Developer
Frontend Development für Backend DeveloperFrontend Development für Backend Developer
Frontend Development für Backend Developer
Christoph Hautzinger
 
revision6 GmbH Internetagentur
revision6 GmbH Internetagenturrevision6 GmbH Internetagentur
revision6 GmbH Internetagentur
revision6 GmbH
 
Mobile Internetseite: So wird auch Ihre Website fit für die Zukunft
Mobile Internetseite: So wird auch Ihre Website fit für die ZukunftMobile Internetseite: So wird auch Ihre Website fit für die Zukunft
Mobile Internetseite: So wird auch Ihre Website fit für die Zukunft
netlive IT AG
 
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Stephan Hamberger
 
FMK 2013 Xojo, Christian Schmitz
FMK 2013 Xojo, Christian SchmitzFMK 2013 Xojo, Christian Schmitz
FMK 2013 Xojo, Christian SchmitzVerein FM Konferenz
 
Thementag 2023 06 Dieses Mal machen wir alles richtig - 9 Hacks für wandelbar...
Thementag 2023 06 Dieses Mal machen wir alles richtig - 9 Hacks für wandelbar...Thementag 2023 06 Dieses Mal machen wir alles richtig - 9 Hacks für wandelbar...
Thementag 2023 06 Dieses Mal machen wir alles richtig - 9 Hacks für wandelbar...
IKS Gesellschaft für Informations- und Kommunikationssysteme mbH
 
WWruhr2018
WWruhr2018WWruhr2018
WWruhr2018
Nico Brünjes
 
FMK2015: The Power of JavaScript by Marcel Moré
FMK2015: The Power of JavaScript by Marcel MoréFMK2015: The Power of JavaScript by Marcel Moré
FMK2015: The Power of JavaScript by Marcel Moré
Verein FM Konferenz
 
Web Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und InteraktionWeb Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und Interaktion
Björn Wilmsmann
 
Bottom-up anstatt Top-down: Wie man eine einheitliche Architektur bei vielfäl...
Bottom-up anstatt Top-down: Wie man eine einheitliche Architektur bei vielfäl...Bottom-up anstatt Top-down: Wie man eine einheitliche Architektur bei vielfäl...
Bottom-up anstatt Top-down: Wie man eine einheitliche Architektur bei vielfäl...
Stephan Volmer
 

Ähnlich wie FMK 2013 Design, Gestaltungsmittel in Layouts, Arnold Kegebein (20)

Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
 
FMK 2013 Schnittstellen Datenaustausch, Longin Ziegler
FMK 2013 Schnittstellen Datenaustausch, Longin ZieglerFMK 2013 Schnittstellen Datenaustausch, Longin Ziegler
FMK 2013 Schnittstellen Datenaustausch, Longin Ziegler
 
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die ZukunftSharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
 
Responsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickResponsive Web Design - Ein Überblick
Responsive Web Design - Ein Überblick
 
Roslyn DDC Kompakt 2014
Roslyn DDC Kompakt 2014Roslyn DDC Kompakt 2014
Roslyn DDC Kompakt 2014
 
2005 - NRW Conf: Design, Entwicklung und Tests
2005 - NRW Conf: Design, Entwicklung und Tests2005 - NRW Conf: Design, Entwicklung und Tests
2005 - NRW Conf: Design, Entwicklung und Tests
 
FMK2012: Strukturierte Scriptprogrammierung und neue Befehle und Scriptbefehl...
FMK2012: Strukturierte Scriptprogrammierung und neue Befehle und Scriptbefehl...FMK2012: Strukturierte Scriptprogrammierung und neue Befehle und Scriptbefehl...
FMK2012: Strukturierte Scriptprogrammierung und neue Befehle und Scriptbefehl...
 
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
 
Google Tools für Fotografen
Google Tools für FotografenGoogle Tools für Fotografen
Google Tools für Fotografen
 
FMK 2013 Matroschka Prinzip, Marcel Moré & Holger Darjus
FMK 2013 Matroschka Prinzip, Marcel Moré & Holger DarjusFMK 2013 Matroschka Prinzip, Marcel Moré & Holger Darjus
FMK 2013 Matroschka Prinzip, Marcel Moré & Holger Darjus
 
Frontend Development für Backend Developer
Frontend Development für Backend DeveloperFrontend Development für Backend Developer
Frontend Development für Backend Developer
 
revision6 GmbH Internetagentur
revision6 GmbH Internetagenturrevision6 GmbH Internetagentur
revision6 GmbH Internetagentur
 
Mobile Internetseite: So wird auch Ihre Website fit für die Zukunft
Mobile Internetseite: So wird auch Ihre Website fit für die ZukunftMobile Internetseite: So wird auch Ihre Website fit für die Zukunft
Mobile Internetseite: So wird auch Ihre Website fit für die Zukunft
 
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
 
FMK 2013 Xojo, Christian Schmitz
FMK 2013 Xojo, Christian SchmitzFMK 2013 Xojo, Christian Schmitz
FMK 2013 Xojo, Christian Schmitz
 
Thementag 2023 06 Dieses Mal machen wir alles richtig - 9 Hacks für wandelbar...
Thementag 2023 06 Dieses Mal machen wir alles richtig - 9 Hacks für wandelbar...Thementag 2023 06 Dieses Mal machen wir alles richtig - 9 Hacks für wandelbar...
Thementag 2023 06 Dieses Mal machen wir alles richtig - 9 Hacks für wandelbar...
 
WWruhr2018
WWruhr2018WWruhr2018
WWruhr2018
 
FMK2015: The Power of JavaScript by Marcel Moré
FMK2015: The Power of JavaScript by Marcel MoréFMK2015: The Power of JavaScript by Marcel Moré
FMK2015: The Power of JavaScript by Marcel Moré
 
Web Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und InteraktionWeb Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und Interaktion
 
Bottom-up anstatt Top-down: Wie man eine einheitliche Architektur bei vielfäl...
Bottom-up anstatt Top-down: Wie man eine einheitliche Architektur bei vielfäl...Bottom-up anstatt Top-down: Wie man eine einheitliche Architektur bei vielfäl...
Bottom-up anstatt Top-down: Wie man eine einheitliche Architektur bei vielfäl...
 

Mehr von 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.pdf
Verein 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 Puls
Verein FM Konferenz
 
FMK2022 Custom Functions von Philipp Puls
FMK2022 Custom Functions von Philipp PulsFMK2022 Custom Functions von Philipp Puls
FMK2022 Custom Functions von Philipp Puls
Verein FM Konferenz
 
FMK2022 FileMaker Fehler von Martin Schwarz
FMK2022 FileMaker Fehler von Martin SchwarzFMK2022 FileMaker Fehler von Martin Schwarz
FMK2022 FileMaker Fehler von Martin Schwarz
Verein 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 Schulz
Verein 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 Schulz
Verein FM Konferenz
 
FMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam AugustingFMK2022 Neue Programmiertechniken von Adam Augusting
FMK2022 Neue Programmiertechniken von Adam Augusting
Verein 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 Kaiser
Verein FM Konferenz
 
FMK2022 Dokumentation - Thomas Hirt
FMK2022 Dokumentation - Thomas HirtFMK2022 Dokumentation - Thomas Hirt
FMK2022 Dokumentation - Thomas Hirt
Verein FM Konferenz
 
FMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
FMK2022 CustomFunctions Fuer Einsteiger - Thomas HirtFMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
FMK2022 CustomFunctions Fuer Einsteiger - Thomas Hirt
Verein 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 Watson
Verein FM Konferenz
 
FMK2022 Datenschutz DSGVO Christoph Kluss
FMK2022 Datenschutz DSGVO Christoph KlussFMK2022 Datenschutz DSGVO Christoph Kluss
FMK2022 Datenschutz DSGVO Christoph Kluss
Verein FM Konferenz
 
FMK2022 Rechnungen Inkasso - Christoph Kluss
FMK2022 Rechnungen Inkasso - Christoph KlussFMK2022 Rechnungen Inkasso - Christoph Kluss
FMK2022 Rechnungen Inkasso - Christoph Kluss
Verein 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é.pdf
Verein 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 Watson
Verein 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 menanno
Verein 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 Koudelka
Verein FM Konferenz
 
FMK2019 Hardware Integrated by HOnza Koudelka
FMK2019 Hardware Integrated by HOnza KoudelkaFMK2019 Hardware Integrated by HOnza Koudelka
FMK2019 Hardware Integrated by HOnza Koudelka
Verein 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 Mair
Verein FM Konferenz
 
FMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
FMK2019 FileMaker Data API mit Node.js nutzen by Adam AugustinFMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
FMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
Verein FM Konferenz
 

Mehr von 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 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
 
FMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
FMK2019 FileMaker Data API mit Node.js nutzen by Adam AugustinFMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
FMK2019 FileMaker Data API mit Node.js nutzen by Adam Augustin
 

FMK 2013 Design, Gestaltungsmittel in Layouts, Arnold Kegebein

  • 1. Design Tools und Beispiele von Dipl.-Ing. (FH) Arnold Kegebein Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 1
  • 2. Ideensammlung • Kreativität ist 99% Transpiration und 1% Inspiration • Ideen müssen wachsen bevor sie reif sind • Hilfsmittel zum Sammeln von Ideen • Papier und Bleistift / Post-Its • MindMaps • Wikis • Inspirationsquellen • Internet • Kollegen • Konferenzen und FileMaker Stammtisch Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 2
  • 3. MindMap Programme • FreeMind • Kostenloses Java Programm für Windows, Mac, Linux •  freemind.softonic.de • XMind • Kostenloses Java Programm für Windows, Mac, Linux •  www.xmind.net • MindNote Lite • Kostenloses Programm für iPhone, iPad, Mac •  mindnode.com Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 3
  • 4. Wikis • TiddlyWiki • Ein-Datei-Wiki für den Webbrowser, HTML/CSS/JavaScript •  tiddlywiki.com • TiddlyWiki5 • Relaunch von TiddlyWiki mit HTML5/CSS3/JavaScript • Gegenwärtig im Beta-Status •  five.tiddlywiki.com • PmWiki • PHP-basiertes Wiki, erfordert WebServer (z. B. Apache) • Viele Erweiterungsmöglichkeiten • auch in Deutsch erhältlich •  www.pmwiki.org Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 4
  • 5. Weitere Tools • yED • Diagramme (Flowchart, Entity Relationship, …) • Online, Offline Tool •  www.yworks.com/en/products_yed_about.html • Datengenerator • GenerateData  www.generatedata.com • Fake Name Generator  www.fakenamegenerator.com Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 5
  • 6. Text • Text Generator • Lorem Ipsum  www.lipsum.com • Schrifttypenerkennung • WhatTheFont  www.myfonts.com/WhatTheFont • Schrifttypenvergleich • TypeTester  www.typetester.org Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 6
  • 7. Farben • Tutorial • Farben im Webdesign  www.metacolor.de • Bedeutung von Farben • Color Meaning  www.color-wheel-pro.com/color-meaning.html • Die Farbsymbolik  www.metacolor.de/farbsymbolik.htm • KISSmetrics  blog.kissmetrics.com/gender-and-color/?wide=1 • Farbwähler • Adobe Culer  kuler.adobe.com Designer • Color Scheme wie Farbblinde colorschemedesigner.com inkl. eines Modus, die Farben wahrnehmen • Bildfarbenanalyse • Farben vom Bild  www.propiedadprivada.com/lab/color • Color Hunter  www.colorhunter.com Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 7
  • 8. Icons • Icon Finder • Icon Finder  www.iconfinder.com • iconmonstr  iconmonstr.com • iconlet  www.iconlet.com • Icon Sammlungen • Icons etc.  icons.mysitemyway.com • Icon Finder  www.iconfinder.com/free_icons Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 8
  • 9. Mockups • Ein erster Eindruck, wie das Layout aussehen könnte • Schrift- und Objektgrößen entsprechen der Realität • Design ist bewusst einfach (Drahtmodell oder Handzeichnung) • Balsamiq Mockups, $79  balsamiq.com • inPreso online Mockups  www.inpreso.com/inpresoscreens/ demo/113605/# • moqups online Mockups Dipl.-Ing. (FH) Arnold Kegebein Besseres Design  moqups.com FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 9
  • 10. Web Design • Web Viewer verwenden HTML/CSS/Javascript • FileMaker 12 Layout Engine arbeitet mit einer CSS-Syntax • Die Themes deuten an, dass hier noch mehr kommen wird • CSS - Kaskadierende Stylesheets • Ein Styledefinition vererbt ihre Attribute an untergeordnete Elemente Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 10
  • 11. Web Design Tutorials und Quellen • DIE deutsche Quelle für Web-Projekte (HTML/CSS/u.v.m.)  www.selfhtml.org • Online Web Tutorials (HTML/CSS/JavaScript/XML/u.v.m.)  www.w3schools.com • Canvas Tutorial  developer.mozilla.org/en-US/docs/Web/ Guide/HTML/Canvas_tutorial • jQuery – eine schnelle, kleine JavaScript Library • Home Page  jquery.com • Tutorials  www.learningjquery.com Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 11
  • 12. Grid-System • Horizontales Gestaltungsraster • Spalten • Ränder bzw. Stege • Monitorgrößen • Vertikales Gestaltungsraster • Grundlinienraster • Bereichshöhen Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 12
  • 13. Grid-System in FileMaker • Lineal • Maßeinheit: in, cm, pt • Verwendung entsprechend dem Ausgabemedium • Gitter • Haupt-, Nebenlinien • Guides • lokale, globale Guides • gesperrte Guides • Guides in gehosteten Datenbanken • Bildschirmschablonen Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 13
  • 14. Grid-System Quellen • Grid Generator • Grid Designer  grid.mindplay.dk • GridSystemGenerator  www.gridsystemgenerator.com • GRID Calculator  gridcalculator.dk • GridMaker, Yann Liqueur-Salzedo  www.infografix.eu/gridmaker • Video Tutorial • Grid Tool for FileMaker 12 Dipl.-Ing. (FH) Arnold Kegebein Besseres Design  www.youtube.com/watch?v=i06U6xDv-v0 FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 14
  • 15. Vielen Dank unseren Sponsoren Danke für das Bewerten dieses Vortrages Dipl.-Ing. (FH) Arnold Kegebein Besseres Design FileMaker Konferenz 2013 Salzburg www.filemaker-konferenz.com 15