Difference between revisions of "Tutorials / Workshop - Dokumentationen"

Revision as of 13:26, 15 December 2016

Tools

Bootstrap - Bibliothek mit Interface Elementen (Ursprünglich von Twitter) - www.getbootstrap.com
Sketch - Das Interface Design Tool (besser als Photoshop, Illustrator, tec ...) - www.bohemiancoding.com/sketch
Invision - Das Demo-Tool! Eine Web App mit der Du aus dem Design einen Prototypen für jedes Endgerät bauen kannst. - www.invisionapp.com

Tipps

Speicher dein Sketch Projekte in der Dropbox und importiere sie von dort zu Invision, dann können die Daten mit einer Sync-Funktion von Invision bequem ausgetauscht werden.
Bootstrap hat Bibliothek für Sketch, Photoshop usw ...
Studiere die Designrichtlinien von Apple und Google und ...

@@ Line 1: / Line 1: @@
+== Interface Design ==
+Tools
+* '''Bootstrap''' - Bibliothek mit Interface Elementen (Ursprünglich von Twitter) -  [http://getbootstrap.com/ www.getbootstrap.com]
+* '''Sketch''' - Das Interface Design Tool (besser als Photoshop, Illustrator, tec ...)  - [http://bohemiancoding.com/sketch/ www.bohemiancoding.com/sketch]
+* '''Invision''' - Das Demo-Tool! Eine Web App mit der Du aus dem Design einen Prototypen für jedes Endgerät bauen kannst.  - [http://www.invisionapp.com/ www.invisionapp.com]
+<br>
+Tipps
+* Speicher dein Sketch Projekte in der Dropbox und importiere sie von dort zu Invision, dann können die Daten mit einer '''Sync-Funktion''' von Invision bequem ausgetauscht werden.
+* Bootstrap hat Bibliothek für Sketch, Photoshop usw ...
+* Studiere die '''Designrichtlinien''' von [https://developer.apple.com/design/ Apple] und [http://www.google.com/design/ Google] und ...
+<br>
 * [[Workshop-Tools]] - generelle Werkzeuge für die Teamarbeit
 * German Processing Workshop [[MY TAMAGOTCHI]]