kostenlose Testphase zum Kennlernen an. Du <\/span>gehst kein Risiko ein und kannst w\u00e4hrend dieser Zeit alles ganz normal ausprobieren. Falls es Dir gef\u00e4llt, kannst Du dich f\u00fcrs Einkaufen entscheiden. Die folgende Liste enth\u00e4lt einige Produkte, die <\/span>sowohl kostenlose als auch kostenpflichtige Pl\u00e4ne haben.<\/p>\nBeachte bitte, dass fast alle Materialien dieses Beitrags in Englisch verf\u00fcgbar sind.<\/p>\n
Unsere Auswahl ist die Abschnitte wie folgt aufgeteilt:<\/p>\n
\n- Webdesign-Werkzeuge<\/a><\/li>\n
- Einige Freebies f\u00fcr Sketch & Mac<\/a><\/li>\n
- UI\/UX + N\u00fctzliches zum Lesen<\/a><\/li>\n
- Werkzeuge f\u00fcrs Codieren<\/a><\/li>\n
- Must-Read-B\u00fccher f\u00fcr Webentwickler<\/a><\/li>\n
- CSS<\/a><\/li>\n
- JavaScript<\/a><\/li>\n
- ES6<\/a><\/li>\n
- Plug-Ins<\/a><\/li>\n
- Beim Spielen Programmieren lernen<\/a><\/li>\n<\/ul>\n
Webdesign-Werkzeuge<\/h3>\n
![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/webdesign-tools.jpg\")
<\/p>\n
\n- Macaw<\/a> - Dank diesem m\u00e4chtigen Webdesign-Tool muss man den Code nicht manuell schreiben. Es erlaubt in einer Art WYSIWYG-Editor die Website zeichnen und per Drag & Drop alle n\u00f6tigen Assets auf die Seite bringen. Das semantische HTML und CSS wird dann automatisch erstellt.<\/li>\n
- Gravit<\/a> ist ein professionelles Online-Tool, mit dem man hochaufl\u00f6sende Icons, Vektor-Grafiken, Pr\u00e4sentationen, Illustrationen, Screen-Entw\u00fcrfe, Flyer, Prototypen und Animationen erstellen kann.<\/li>\n
- Lucidpress<\/a> - Das Tool zum Erstellen und Teilen von beeindruckenden visuellen Inhalten: Brosch\u00fcren, Flyern, Newslettern, Berichten, digitalen Publikationen, Online-Brosch\u00fcren, digitalen Magazinen und u.\u00e4.<\/li>\n
- Sparkle<\/a> - Das professionelle <\/span>Tool zum Erstellen und Bearbeiten von Vektorgrafiken<\/span>. Die Lernkurve ist sehr niedrig und wenn Du schon mal mit Word oder PowerPoint gearbeitet hast, sollte es kein Problem f\u00fcr Dich sein mit Sparkle umzugehen.<\/li>\n
- LogoGala<\/a> - In der Galerie k\u00f6nnen Designer ihre Arbeit zeigen oder einfach nach Inspiration suchen.<\/li>\n
![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/logogals.jpg\")
<\/a><\/li>\n- Fabricator<\/a> - Organisiere dein Designsystem nach deinen W\u00fcnschen. Mit Fabricator kann man ein eigenes UI-Toolkit erstellen, um daraus einen StyleGuide zu generieren. <\/span>
![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/Fabricator-1024x729.jpg\")
<\/a><\/li>\n<\/ul>\n\n- Uilang<\/a> - Uilang ist gut darin, benutzerdefinierte UI-Komponenten zu erstellen. Es erm\u00f6glicht Entwicklern etwas Interaktivit\u00e4t in eine Website hinzuf\u00fcgen, Prototypen zu erstellen usw. Das Tool l\u00e4sst sich komplett ohne spezielle Programmierkenntnisse verwenden.<\/span><\/li>\n
- Anijs<\/a> - Dank dieser deklarativen Behandlungsbibliothek f\u00fcr CSS-Animationen erweiterst Du deine Web-Design-F\u00e4higkeiten ohne Programmierung. Es funktioniert gut auf iPad, iPhone, Android und in allen modernen Browsern.<\/li>\n
- ColorFavs<\/a> - ein Ort zum Erstellen und Entdecken neuer Farben und Paletten f\u00fcr Projekte.<\/li>\n
- Bei Froont<\/a> handelt es sich um einen WYSIWYG-Editor, der Websites f\u00fcr verschiedene Ger\u00e4tegr\u00f6\u00dfen selbst entwickeln und anpassen l\u00e4sst. Der Kreativit\u00e4t sind dabei keine Grenzen gesetzt.<\/li>\n
- STATNUT<\/a> versorgt Dich mit Online-Statistiken all jener Web-Dienste (Facebook, Twitter, Instagram, Dribble, Youtube, Tumblr und Vimeo etc.)<\/span>. Das App ist sch\u00f6n und bunt.<\/li>\n
- Designfeed<\/a> - Man sagt Designfeed einfach, was man will, und es werden unz\u00e4hlige <\/span>Design-Varianten zur Auswahl automatish erstellt.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/Designfeed-1024x682.jpg\")
<\/a><\/p>\n\n- Bonsai<\/a> - Es hilft mehr als 10.000 unabh\u00e4ngigen Fachleuten, Zahlungen p\u00fcnktlich zu erhalten. Bei der Anmeldung werden 5 kostenlose Rechnungen geliefert.<\/li>\n
- The Pattern Library<\/a> ist ein tolles Projekt, das eine breite Sammlung unterschiedlichster Muster bietet. Alle Designs liegen entweder als JPG oder als PNG vor. Alle Pattern stammen von verschiedenen Designern und sind frei f\u00fcr private und kommerzielle Benutzung.<\/li>\n
- Write a Book<\/a> - M\u00f6chtest Du dein Wissen mit der Welt teilen? <\/span>Und daf\u00fcr plannst Du ein Buch zu schreiben? Dieses Produktionswerkzeug hilft Dir bei der Erstellung und Bearbeitung von eBooks.<\/li>\n
- Hack<\/a> - ein beliebtes Tool zur Bearbeitung von Schriftarten, das nach Deinen Bed\u00fcrfnissen angepasst werden kann. Es erh\u00e4lt Sets mit regul\u00e4ren, fettgedruckten, kursiven und schr\u00e4gen Buchstaben und hilft Dir alle Anforderungen an die Syntaxhervorhebung zu erf\u00fcllen. Es wird mehr als 1500 Zeichen, einschlie\u00dflich lateinischer, griechischer moderner und kyrillischer erweiterter S\u00e4tze angeboten.<\/li>\n
- Desygner<\/a> - Mit Desygner kann man Texte bearbeiten und Fotos von einer Smartphone\/Tablet-Kamera, Facebook, Instagram, usw. einf\u00fcgen. Es bietet Hunderte von vorgefertigten Templates an, die Dir beim Designen eigener Illustrationen helfen. Das Ergebnis kann man online teilen oder als PDF, JPG oder PNG v\u00f6llig frei herunterladen.<\/li>\n
- CMD space<\/a> - Jeder Designer braucht ein Portfolio. Dieses Tool verbindet sich mit deinem Dribble-Konto und gibt Dir die M\u00f6glichkeit, sofort ein Design-Portfolio zu erstellen.<\/li>\n
- WeVideo<\/a> ist ein Online Videobearbeitungsprogramm. Man kann Videos in der Cloud bearbeiten. Es ben\u00f6tigt keine Installation. Egal, ob Du Anf\u00e4nger oder Profi bist, jeder kann an Videoprojekten arbeiten. Die Vorteile von WeVideo liegen in seiner einfachen Benutzung und seiner kollaborativen Natur.<\/li>\n
- Semplice<\/a> - Das erste voll responsive \"Case Study\" Portfolio-System mit erweiterten Funktionen f\u00fcr kleine Studios und Startups. Code-Kenntnisse werden nicht ben\u00f6tigt.<\/li>\n
- Build it with Me<\/a> ist ein Tool, mit dem man sich mit Gleichgesinnten <\/span>verbinden und n\u00fctzliche Anwendungen zusammen erstellen kann.<\/li>\n
- Visage<\/a> - Willst Du viele visuelle Inhalte erstellen? Visage ist ein Design-Tool, das die Erstellung von Markeninhalten vereinfacht.<\/li>\n
- Ezgif<\/a> - Mit diesem GIF-Maker-Tool kann man schnell Gifs erstellen, skalieren, zuschneiden, invertieren, optimieren und sogar auch einige Effekte anwenden. Es ist auf fast alle Bildtypen anwendbar (jpeg, png, bmp, tiff).<\/li>\n
- Imgix<\/a> - Mit Imgix kann man Bilder online auf eine bestimmte Gr\u00f6\u00dfe skalieren und verarbeiten. Das spart Platz und macht deine Website schneller.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/sketch-mac.jpg\")
<\/p>\n
\n- Mobile Wireframe Kit<\/a> ist ein Sketch-Dokument, das die h\u00e4ufig verwendeten UI-Elemente im Mobile App Design erh\u00e4lt.<\/li>\n
- Sketch Plugins<\/a> - eine Sammlung von Sketch-Add-Ons, die von Drittentwicklern erstellt wurden.<\/li>\n
- Sketch Toolbox<\/a> - ein einfacher PlugIn-Manager f\u00fcr Sketch. Man kann hier die beliebtesten Add-Ons f\u00fcr Sketch finden. Die neuen Addons lassen sich mit einem einzigen Klick herunterladen und installieren. Alle Add-Ons werden automatisch aktualisiert.<\/li>\n
- Sketch Land<\/a> - eine Liste der n\u00fctzlichsten Ressourcen f\u00fcr diejenigen, die Sketch verwenden.<\/li>\n
- Craft<\/a> ist ein PlugIn f\u00fcr Sketch und Photoshop, das Ideen von Softwareentwicklern mit den Herausforderungen von digitalen Designern verkn\u00fcpft. Es macht den gesamten Arbeitsprozess von Designern durch Automatisierung schlanker, schneller und anpassungsf\u00e4higer.<\/li>\n
- Bjango<\/a> - ein umfassendes Set von App-Icon-Templates f\u00fcr Photoshop, Illustrator, Sketch und Affinity Designer. Es gibt Templates f\u00fcr Android, iOS, OS X, Apple TV (TVOS), Apple Watch (watchOS), Windows, Windows Phone und Web-Favicons. Es bietet auch eine Sammlung von Photoshop-Aktionen, Photoshop-Skripten, Hazel-Regeln, OS X-Workflows und weiteren n\u00fctzlichen Dingen f\u00fcr Designer und Entwickler.<\/li>\n
- Sketch Palettes<\/a> - ein Sketch-Plugin, mit dem man Farben speichern und zum Farbw\u00e4hler hinzuf\u00fcgen kann.<\/li>\n
- Marvel<\/a> - ist eine Erweiterung f\u00fcr Sketch, um mobile und Web-Prototypen zu erstellen.<\/li>\n
- Cognitom<\/a> - eine Sammlung von Vorlagen zum Erstellen mit Sketch einer Symbolschrift.<\/span><\/li>\n
- Devices<\/a> - eine Sammlung von Bildern und Sketch-Dateien f\u00fcr beliebte Ger\u00e4te.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/ui-ux.jpg\")
![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/coding-und-webentwicklung-tools.jpg\")
<\/p>\n