Share
Wir nutzen zahlreiche Tools und Services für Tuts + und lernen sie durch regelmäßig veröffentlichtes Schulungsmaterial auf dieser Website zu nutzen. Hier finden Sie unsere empfohlenen Ressourcen für Webdesign-Experten, die von unserer Redaktion zusammengestellt werden.
Beachten Sie, dass einige der Links unten Affiliate-Links sind. Dies bedeutet, dass wir eine kleine Provision erhalten, wenn Sie dieses bestimmte Werkzeug oder Service kaufen. Wenn Sie dies tun, danken wir Ihnen, dass Sie Tuts unterstützen+.
Adobe Creative Cloud ist eine fortlaufende Mitgliedschaft, mit der Sie Adobe Creative Suite-Anwendungen herunterladen und installieren können. Sie erhalten auch Online-Services für die gemeinsame Nutzung von Dateien, die Zusammenarbeit und das Publizieren. Im Laufe der Zeit summieren sich die Kosten der Mitgliedschaft, aber es ist eine großartige Möglichkeit, alle benötigten Werkzeuge für niedrige Investitionskosten zu erhalten. Mit diesem Dienst haben Sie immer die neueste Version der Top-Design-Software von Adobe. Erfahren Sie mehr bei Adobe.
Mit diesem Photoshop-Plugin können Sie genaue Spalten, Zeilen, Mittelpunkte und Basislinien erstellen. Dies ist ein großartiges Werkzeug zum Einrichten Ihrer Design-Raster in Photoshop. Raster können mehrere Arten von Messungen verwenden. Am besten ist es kostenlos. Erfahren Sie mehr über GuideGuide.
CSS Hat beschleunigt Ihren Webdesign-Workflow. Mit diesem äußerst nützlichen Photoshop-Plugin können Sie CSS3 basierend auf Ihren Photoshop-Ebenenstilen generieren. Es generiert gültiges, gut codiertes CSS direkt aus Ihren PSD-Ebenen in Photoshop. Dieses Plugin macht es sehr einfach, Ihr Design schnell von Photoshop in Ihren Browser zu übersetzen. Erfahren Sie mehr über CSS Hat.
Beginnen Sie mit unserer Fireworks Pro Series. Mit Adobe Fireworks CS6 können Sie im Handumdrehen schöne Designs für Websites und mobile Apps erstellen. Produzieren Sie Wireframes, stellen Sie Ihre Designs auf den neuesten Stand, liefern Sie Vektor- und Bitmapbilder sowie interaktive Inhalte für beliebte Tablets, Smartphones und Websites. Erfahren Sie mehr bei Adobe.
Balsamiq ist eine Wireframing-App, mit der Sie Web- und Bildschirmlayouts mit einem von Hand gezeichneten Gefühl erstellen können. Durch die Darstellung von Wireframes in einem skizzenhaften Stil werden Clients nicht einschüchtern. Dadurch können sie sich auf die Platzierung der wichtigsten Elemente im Design konzentrieren. Es ist schnell mit Änderungen zu arbeiten und einfach umzusetzen. Weitere Informationen finden Sie unter Balsamiq.
Coda ist einer der beliebtesten Code-Editoren vieler professioneller Webdesigner. Es bietet ein vertrautes Mac-App-Gefühl für visuelle Motive und bietet gleichzeitig robuste Code-Bearbeitungsfunktionen. Coda 2 hat aufregende neue Funktionen hinzugefügt, wie zum Beispiel: Code-Faltung, Smart Complete, bessere Dateiverwaltung und mehr. Erfahren Sie mehr bei iTunes.
Transmit 4 ist der ultimative FTP-, SFTP-, WebDAV- und Amazon S3-Dateiübertragungsclient auf dem Mac. Es ist schnell, hat eine praktische Ansicht mit zwei Bereichen, die einfach zu bedienen ist und die Übertragung mehrerer Verbindungen ermöglicht. Erfahren Sie mehr bei iTunes.
Sublime Text ist ein ausgereifter Texteditor für Code, Markup und Prosa. Es verfügt über eine glatte Benutzeroberfläche und eine erstaunliche Leistung. Das Feature-Set ist robust, mit geteilter Bearbeitung, der Möglichkeit, zu jedem beliebigen Modus zu gelangen, und einem ablenkungsfreien Modus. Erfahren Sie mehr bei Sublime Text.
TextExpander spart Ihnen viel Zeit. Mit dieser hilfreichen App können Sie Ihre am häufigsten verwendeten Code-Snippets speichern, um sie schnell in Ihr aktuelles Kundenprojekt zu integrieren. Speichern Sie auch komplette E-Mail-Vorlagen, Signaturen oder Ausschnitte aus häufig verwendetem Text. TextExpander kann jeden von Ihnen eingerichteten Text in jedem Programm ablegen, an dem Sie gerade arbeiten. Erfahren Sie mehr bei iTunes.
Farbverlauf hilft bei der Optimierung der Erstellung von CSS3-Farbverläufen. Die Erstellung von CSS3-Farbverläufen erfordert einen langwierigen Prozess, der die meisten Webdesigner zum Schrecken bringt und es einfach macht. Erfahren Sie mehr bei iTunes.
Mit Typekit können Sie Ihren Seiten eine Zeile Code hinzufügen und aus Hunderten von Webschriftarten auswählen. Einfach, kugelsicher, standardkonform, zugänglich und absolut legal. Mit Typekit können Sie die Auswahl Ihrer Webdesign-Schriftarten erheblich erweitern. Erfahren Sie mehr über Typekit.
Mit der Typumwandlung können Sie mit weniger Aufwand eine bessere Web-Typografie erstellen. Stilisieren Sie schnell den Browser und prüfen Sie die Lesbarkeit, das Rendern und die Schönheit bei der Arbeit. Während Sie intuitiv entwerfen, macht der Browser die Dinge semantisch, indem er Code erstellt, der zu jeder Entwurfsentscheidung passt. Erfahren Sie mehr bei Typecast.
Wenn Sie als freiberufliche Grafiker arbeiten, wird Ihr Unternehmen von ConceptShare profitieren. Dieser Cloud-Service hilft Kreativen dabei, Kunden Feedback zu visuellen Assets zu erhalten. Es verbessert den Kundengenehmigungsprozess und ermöglicht es Ihnen, polierte Ergebnisse rechtzeitig und nach Vorgabe zu liefern. Erfahren Sie mehr über ConceptShare.
BrowserStack verkürzt die Entwicklungszeit. Es bietet Live-Tests anderer Browser über Ihren Browser. Sie erhalten sofortigen Zugriff auf alle Browser über Plattformen hinweg. Vergessen Sie ungeschickte virtuelle Maschinen und mobile Geräte. Erfahren Sie mehr bei BrowserStack.
Mit FormStack können Sie Formulare online intuitiv und einfach erstellen. Sammeln Sie Daten mithilfe von Anmeldeformularen, Umfragen, Bestellformularen, Ereignisregistrierungen und mehr. Mit FormStack können Ihre gesammelten Daten in gängige Webanwendungen integriert werden. Melden Sie sich jetzt an, um Ihre eigenen Formulare zu erstellen. Erfahren Sie mehr über FormStack.
Mit Polldaddy können Sie innerhalb von Minuten Umfragen, Umfragen und Tests erstellen. Lernen Sie die Meinungen Ihres Publikums kennen. Sammeln Sie Antworten über Ihre Website, E-Mail, iPad, Facebook und Twitter. Erstellen und teilen Sie einfach zu lesende Berichte. Erfahren Sie mehr über Polldaddy.
ExpressionEngine ist ein elegantes Content-Management-System. Seine Flexibilität und Sicherheit in Kombination mit erstklassiger Unterstützung ist ein Rezept für den Online-Erfolg. Es kombiniert leistungsstarke CMS-Tools mit Qualitätsunterstützung. Erfahren Sie mehr über ExpressionEngine.
LightCMS ist designerfreundlich, benutzerfreundlich und einfach zu bedienen. In LightCMS ist Top-Tier-Hosting integriert, sodass nichts zu installieren, zu aktualisieren oder zu warten ist. Sie verfügen außerdem über integrierte E-Commerce-Funktionen. Weitere Informationen finden Sie unter LightCMS.
Squarespace 6 ist das neueste Update dieses Content-Management-Systems und der inklusiven Hosting-Lösung. Dies ist eine optimale Lösung für Kunden, die ihre Websites mit geringem Support betreiben möchten. Sie verfügen über ausgezeichnete Vorlagenoptionen und eine Layout-Engine, mit der Sie ganz einfach benutzerdefinierte Seiteneinstellungen erstellen können. Alle ihre Themen sind mobilfreundlich. Erfahren Sie mehr bei Squarespace.
WordPress ist eine Web-Software, mit der Sie Blogs und vollständige Websites erstellen können. Es handelt sich um eine kostenlose und äußerst beliebte Lösung für das Content-Management-System. Es gibt viele verschiedene hochwertige WordPress-Themes zur Auswahl, sowohl kostenlose als auch Premium-Optionen. Erfahren Sie mehr bei WordPress.
Media Temple bietet zuverlässiges, skalierbares Webhosting und 24/7 Live-Support. Sie sind bekannt für ein solides technisches Setup und haben einen hervorragenden Ruf. Erfahren Sie mehr bei Media Temple.
WpEngine bietet problemloses WordPress-Hosting. Sie ist schnell, skalierbar, sicher und bietet vollständig verwalteten Support. Wenn Sie eine WordPress-Site für Ihre Kunden einrichten, ist WpEngine eine der führenden Lösungen für das Hosting. Erfahren Sie mehr bei WpEngine.
Placeit ist ein Modellgenerator; ein Online-Tool, mit dem Sie Ihre eigenen Entwürfe (UI-Designs, Logos, andere Branding-Elemente) in Präsentationsumgebungen einbetten können. Beispielsweise können Sie ein App-Design haben, das Sie innerhalb eines iPhone auf einem Couchtisch platzieren möchten, oder Ihr Logo auf das Hemd eines Modells setzen. Vielleicht möchten Sie sogar, dass Ihre Designs in Stock-Videos eingebettet werden (ernsthaft, Sie müssen sich die Videos ansehen). Mit fast 3.000 Vorlagen und Zählung hat Placeit mit Sicherheit das, wonach Sie suchen.
Bei ThemeForest können Sie HTML-Vorlagen sowie Designs für beliebte CMS-Produkte wie WordPress, Joomla und Drupal kaufen und verkaufen, deren Preise zwischen 5 und 40 US-Dollar liegen. GraphicRiver ist eine Envato Marketplace- und Schwestersite zu Webdesigntuts +. Es ist unser größter, aktivster Marktplatz und eine großartige Community, mit der man sich engagieren kann. Erfahren Sie mehr bei ThemeForest.
Bei GraphicRiver können Sie gebührenfreie Photoshop-Dateien, Vektoren, Icon-Packs, Adobe-Add-Ons und Designvorlagen für nur ein paar Euro kaufen und verkaufen. GraphicRiver ist eine Envato Marketplace- und Schwestersite zu Webdesigntuts +. Die Website ist die Heimat einer leidenschaftlichen Gemeinschaft von Grafikdesignern und Illustratoren. Erfahren Sie mehr über GraphicRiver.
Bei PhotoDune können Sie lizenzfreie Fotos und Bilder kaufen und verkaufen, die bereits ab 1 $ erhältlich sind. PhotoDune ist eine Envato Marketplace und Schwestersite zu Webdesigntuts +. Die Preise werden für die Größe / Megapixel jeder Datei angegeben. Wenn Sie für Ihr nächstes Webdesign-Projekt qualitativ hochwertige, erschwingliche Fotos benötigen, dann ist dies eine großartige Ressource. Weitere Informationen zu PhotoDune.
MyFonts ist die weltweit größte Zeichensatz-Sammlung, die auf einer benutzerfreundlichen Website verfügbar ist. Sie ziehen Schriftarten von großen Schriftartenfirmen und Boutique-Outfits zusammen. Qualitätsschriften werden täglich hinzugefügt. Wenn Sie nach einer neuen Schriftart für Ihr nächstes Kundenprojekt suchen, ist dies die Website, auf der Sie die Schriftart finden können. Erfahren Sie mehr bei MyFonts.
Der Fonts.com-Shop von Monotype Imaging bietet mehr als 150.000 Produkte für die Vorschau, den Kauf und den Download. Monotype gibt es schon lange und ist ein führender Hersteller von Schriftarten. Sie können sich auch über neue Schriftartenversionen informieren und auf ihrer Website typografische Tipps und Techniken entdecken. Erfahren Sie mehr bei Fonts.com.
Diese orangefarbenen Notizbücher in Frankreich haben einen Kult. Ja, Kreative verlieben sich in ihre Werkzeuge. Diese günstigen Pads sind einer unserer Favoriten. Wir lieben es, mit den Fingern über ihre Gitter, glattes Papier und einzigartig gezierte Abdeckungen zu fahren. Rhodia wird seit den 1930er Jahren von Künstlern getragen, so dass Sie sich wie ein reiches kreatives Erbe fühlen. Erfahren Sie mehr über diese Notebooks bei Amazon.
Wir würden nicht so weit gehen zu sagen, Sie brauchen einen stylischen Rucksack oder Koffer, aber wer möchte keinen? Incase macht einige unserer Favoriten. Mit ihnen lassen sich Taschen und Taschen für Trends einstellen, die sich perfekt für den Transport Ihres MacBook-Laptops und die Aufbewahrung Ihrer kreativen Ausrüstung, Ihres iPads oder iPhones eignen. Erfahren Sie mehr über Amazon.
Adobe Ideas ist Ihr mobiles digitales Skizzenbuch, mit dem Sie Ideen überall aufnehmen und erkunden können. Mit dieser mobilen App können Sie mühelos mit Vektoren skizzieren, bestimmte Farben mit dem Pipettenwerkzeug erneut verwenden, mehrere Farbthemen speichern und verwenden. Passen Sie die Deckkraft der Ebene an, verschieben, drehen und skalieren Sie jede Ebene unabhängig voneinander. Weitere Informationen zu dieser mobilen App erhalten Sie bei iTunes.
Procreate ist eine großartige Skizzenbuch- und Zeichen-App für Ihr iPad. Es ist schnell damit zu arbeiten, damit Sie Ihre Ideen schnell erreichen können. Es verfügt über eine große Auswahl an Pinseln, Studio-Tools und fühlt sich intuitiv an. Erfahren Sie mehr über diese App bei iTunes.
Autodesk SketchBook Pro für iPad ist eine professionelle Farb- und Zeichenanwendung. SketchBook Pro verwendet dieselbe Paint-Engine wie sein Desktop-Pendant und bietet einen kompletten Satz von Skizzier- und Malwerkzeugen. Diese beliebte Skizzier-App hat viele Fans. Es ist eine großartige Wahl für das Zeichnen auf Ihrem iPad. Erfahren Sie mehr über diese App bei iTunes.
Wenn Sie ein iPad besitzen und ein Grafikdesigner sind, werden Sie diese wunderschöne Referenz-App lieben. FontBook ist die weltweit umfassendste Referenz zu digitaler Typografie. Es dokumentiert die Arbeit von 118 renommierten internationalen Schriftgießereien, die annähernd 1650 Schriftdesigner repräsentieren und 35.000 Schriften aus 8050 Schriftfamilien bilden. Die FontBook-App bietet diese Auswahl mit 700.000 Schriftartenmustern, die intuitiv verteilt, durchsucht, geschichtet, verschoben, gescrollt und wie eine Sammlung von Karten kombiniert werden können - wirklich großartig. Erfahren Sie mehr über diese App bei iTunes.
Verwandeln Sie Ihre Bilder mit den wichtigsten Funktionen von Adobe Photoshop in dieser für Tablets entwickelten App. Sie können Bilder kombinieren, professionelle Effekte anwenden und Ergebnisse bequem von Ihrem iPad aus teilen. Verwenden Sie beliebte Photoshop-Funktionen, die für das Tablet entwickelt wurden, z. B. Ebenen, Auswahlwerkzeuge, Anpassungen und Filter, um professionelle Bilder zu erstellen. Erfahren Sie mehr über diese App bei iTunes.
iA Writer ist eine abgespeckte Schreib-App, bei der Sie sich ausschließlich auf Ihre Gedanken konzentrieren. Es wurde vom Typografie-Helden Oliver Reichenstein entwickelt. Diese App hat weit über 400.000 Exemplare verkauft und hat Studenten, Journalisten und Bestsellerautoren dabei geholfen, mehr Freude an der Arbeit mit Text zu finden. Es ist verdammt fantastisch. Erfahren Sie mehr über diese App bei iTunes.
Diet Coda ist eine flippige iPad-Version des beliebten Code-Editors. Es gibt einige Einschränkungen für die App, sie eignet sich jedoch gut für die Implementierung schneller Live-Code-Änderungen an Ihren Websites, während Sie unterwegs sind. Es gibt ein paar nette Funktionen wie AirPreview, mit denen Sie mit dem iPad eine Vorschau Ihrer Coda-Arbeit von Ihrem Laptop aus anzeigen können. Erfahren Sie mehr über diese App bei iTunes.
Der Wireframing-König auf dem iPad. Verwenden Sie einfache Multitouch-Gesten, zeichnen Sie Formen, ziehen Sie Objekte ein und gestalten Sie alles so lange, bis es genau richtig ist. Diese App ist mit Funktionen ausgestattet, mit denen Sie die Darstellung von Informationen übersichtlich und schön planen können. Erfahren Sie mehr über diese App bei iTunes.
Gusto ist ein Code-Editor und ein FTP-Client für das iPad. Mit Gusto können Sie mehrere Dokumente in Registerkarten öffnen, um die Navigation zu beschleunigen. Nach der Bearbeitung können Sie eine Vorschau Ihres Dokuments lokal anzeigen, um Ihre Aktualisierungen schnell anzuzeigen und sie dann live zu veröffentlichen. Erfahren Sie mehr über diese App bei iTunes.
Textastic verfügt über einen schnellen, vielseitigen Code-Editor, der die Syntaxhervorhebung von über 80 Programmier- und Auszeichnungssprachen unterstützt. Es kann über FTP, FTPS (FTP über SSL), SFTP (SSH-Verbindung), WebDAV- und Dropbox-Clients verbunden werden. Es bietet Code-Vervollständigung, Suchen und Ersetzen sowie viele weitere Funktionen. Erfahren Sie mehr über diese App bei iTunes.
Koder ist ein Code-Editor für das iPad mit einer einfachen, effizienten Benutzeroberfläche. Es verfügt über viele Funktionen, einschließlich Syntaxhervorhebung, Snippet-Manager, Bearbeiten von Registerkarten, Suchen und Ersetzen von Code, Editor-Design, Remote- und lokale Dateiverbindungen und vieles mehr. Erfahren Sie mehr über diese App bei iTunes.
Adobe Proto ist eine iPad-App zum Entwerfen interaktiver Wireframes, Prototypen für Websites und mobile Apps. Fügen Sie interaktive Drahtmodellkomponenten aus der Komponenten-Toolbox ein, einschließlich Menüs, Registerkarten, Akkordeons und mehr. Mit dieser App können Sie Ihre Konstruktionsidee schnell erfassen und die Benutzerfreundlichkeit des Designs testen. Erfahren Sie mehr über diese App bei iTunes.
Jot! ist eine einfache Whiteboard-App, mit der Sie Ihre Ideen zeichnen, kurze Notizen machen und grobe Wireframe-Pläne auf Ihrem iPad erstellen können. Sie können in Echtzeit zusammenarbeiten, Ihre Ideen per E-Mail teilen oder als Fotos für den späteren Gebrauch speichern. Erfahren Sie mehr über diese App bei iTunes.
Vorletzt gibt Ihnen das Gefühl und das Aussehen, mit einem kühnen Gelstift auf Papier zu schreiben, während Sie Ihre nächste visuelle Idee festhalten. Es ist schnell, taktil und bietet unendlich viele Seiten. Sie können Seiten in Notizbüchern speichern, als exportierte PDF-Dateien freigeben und über Dropbox oder Evernote zurückgeben. Erfahren Sie mehr über diese App bei iTunes.
SketchyPad ist eine Wireframing-App, die Sie beim Erstellen von Websites und beim Erstellen von App-Oberflächen unterstützt. Es werden Handschablonen mitgeliefert, mit denen Sie schnell Drahtgitter- und Schnittstellenfunktionen erstellen können. Sie können Ihre Modelle verknüpfen und in das Balsamiq-Format exportieren. Erfahren Sie mehr über diese App bei iTunes.
Mocking Pad ist eine mit Funktionen gefüllte Wireframe-Skizzier-App für das iPad. Es ist für die Zusammenarbeit vorgesehen, sodass Dateien per E-Mail, Dropbox oder über eine WLAN-Verbindung gemeinsam genutzt werden können. Es enthält eine große Auswahl an vorgefertigten Schablonen für Web, Desktop und Mobile. Erfahren Sie mehr über diese App bei iTunes.
Live Wires ist eine einfache und schnelle Möglichkeit, Ihre iPhone- und iPad-App-Konzepte auf Draht zu bringen und zu prototypisieren. Erstellen Sie nutzbare Erlebnisse für Ihre Benutzer. Machen Sie sich ein Bild davon, ob Ihr Konzept funktioniert, bevor die Entwicklung beginnt. Erstellen Sie interaktive Schnittstellen für iPad und iPhone, verwenden Sie eine riesige Glyphenbibliothek, verwenden Sie scrollbare Ansichtssteuerelemente und vieles mehr. Erfahren Sie mehr über diese App bei iTunes.
Accentsconagua