Share
Willkommen bei Webdesigntuts +, einer Online-Ressource, die Web-Designer aller Könnensstufen und Erfahrungen lehrt und ermutigt. Egal, ob Sie zum ersten Mal hier sind, Sie in der Vergangenheit in unseren Inhalt eintauchen oder Sie regelmäßig besuchen, dieser Beitrag hilft Ihnen, das Beste aus unseren Inhalten zu finden.
Hier finden Sie eine kurze Übersicht über das, was Sie auf dieser Seite finden ...
Bei der Gestaltung einer Website geht es darum, zu verstehen, was Sie erreichen möchten und wie Sie Probleme durch Design lösen können. In den ersten Phasen des Prozesses ist es sinnvoll, darüber nachzudenken Kreativität und wir haben eine ganze Reihe von Tutorials, um Ihnen dabei zu helfen:
Über die Kreativität hinaus kommt das Wirkliche Entwerfen. Wie nimmt jemand Ideen und kommuniziert sie in Design? Wie soll eine Webseite gestaltet werden? Wie beeinflusst Farbe ein Design? Und wie sollten wir unsere Nutzer berücksichtigen??
Und wenn Sie ein Entwickler sind, der aus einem Codierhintergrund zum Webdesign kommt? Wir haben eine ganze Reihe von Designtheorie-Artikeln (jeweils mit einer Aufgabe am Ende), die Ihnen helfen werden, sowie einige sehr nützliche Workflow-Lernprogramme:
Planen, Skizzieren, Wireframing und Mocking-Visuals sind alles wichtige Aspekte des Webdesigns. Wie sieht es aber aus, diese Designs für den Browser zu realisieren? Wenn Sie sich für die Welt der Front-End-Entwicklung interessieren, ist es wichtig, die Webstandards (HTML, CSS und JavaScript) in den Griff zu bekommen. Beginnen wir mit den Grundlagen…
Mit einem grundlegenden Verständnis von HTML und CSS können Sie jetzt beginnen, Ihre statischen Grafiken in lebendige, atmende Webseiten zu übersetzen. Folgen Sie Adi Purdila, während er von Photoshop zum Code-Editor wechselt und in dieser erweiterten Screencast-Serie ein adaptives Blog-Design erstellt.
Jeder Handwerker braucht gute Werkzeuge und Webdesign ist nicht anders! Tatsächlich haben Sie mit einem einfachen Texteditor und einem Webbrowser genug Starthilfe, aber es gibt viele andere Anwendungen und Tools, die Ihnen bei anderen Aufgaben helfen.
Das Arbeitstier vieler Webdesigner seit Jahren. Diese Rolle mag sich in diesen Tagen ändern, aber seine Präsenz im Designbereich kann nicht geleugnet werden.
Die Entwicklung von Adobe Fireworks wird eingestellt, stattdessen gibt es Platz für neue Kinder, aber es hat immer noch eine leidenschaftliche Anhängerschaft und ist ein sehr fähiges Webdesign-Tool.
Emmet ist eines dieser magischen Werkzeuge, die Sie, sobald Sie damit angefangen haben, immer fragen, wie Sie ohne auskommen konnten. Schau mal!
Diese neuen Kinder in dem Block, über die wir gerade gesprochen haben, in Bezug auf den Untergang von Fireworks? Das wäre Reflow und die andere Adobe Edge-Suite von Tools. Die Zukunft ist da, meine Damen und Herren.
Es gibt viele Wireframing-Tools zur Auswahl, aber Omnigraffle ist sicherlich eines der beliebtesten. Schauen Sie sich unseren Anfängerleitfaden an.
Responsive Webdesign war wohl die dramatischste Bewegung im Web, seit jemand vorschlug, dass wir aufhören sollten, HTML-Tabellen für Layoutzwecke zu verwenden. Um mehr darüber zu erfahren, was es ist, werfen Sie einen Blick auf dieses kurze Interview mit seinem Gründer Ethan Marcotte.
Um mehr zu erfahren, finden Sie eine Reihe von Tutorials und Artikeln, die die vielen Aspekte von RWD untersuchen.
Seit Jahren verwenden Webdesigner Content Management Systeme als echte Web-Lösung. Warum das Rad neu erfinden, wenn CMSs wie WordPress die Struktur und Verwaltung von Websites so gut machen?
In einer Fortsetzung der zuvor gezeigten Sitzung nimmt Adi Purdila die Erstellung seiner statischen Website in ein WordPress-Design vor. Folgen Sie ihm in diesen sehr gründlichen Screencasts und Sie werden bald das Gleiche tun können. Folgen Sie mir alternativ beim Durchlaufen eines anderen WordPress-Builds, diesmal basierend auf dem beliebten Skeleton-Framework.
WordPress ist jedoch nicht das einzige CMS auf dem Markt. Wir ergänzen ständig unsere CMS-Tutorials. Hier ein Beispiel, was es sonst noch gibt:
In der Lage zu sein, eine Website zu entwerfen und zu erstellen, ist ein kleiner Teil des Geschäfts. Wenn Sie als Webdesigner Geld verdienen möchten, ist es wichtig, dass Sie die Branche verstehen.
Es ist äußerst wichtig, mit einem Team und Ihren Kunden zusammenarbeiten zu können. Schauen Sie sich diese Artikel an, die Ihnen auf Ihrem Weg helfen werden:
Das Lernen von Kollegen ist eine der besten Möglichkeiten, um im Webdesign voranzukommen. Auf Webdesigntuts + kritisieren wir sowohl die Arbeit unserer Leser als auch die Arbeit größerer Industrieunternehmen. Werfen Sie einen Blick auf unsere Serie How They Did It sowie auf unsere Sammlung von Workshop-Beiträgen. Mach mit bei der Diskussion!
Bei Webdesigntuts + gibt es noch viel mehr zu entdecken. Vielleicht interessieren Sie sich auch für die Zugänglichkeit, Frameworks wie Bootstrap, Foundation, Pure und Jeet, SEO, Typografie, HTML-E-Mail oder UX und vieles mehr.
Und wie bei allen anderen Facetten von Tuts + wächst auch unser Inhalt ständig. Bleiben Sie also in unseren verschiedenen sozialen Kanälen auf dem Laufenden, um sicherzustellen, dass Sie nie einen Trick verpassen:
Vielen Dank für Ihren Besuch bei Webdesigntuts+!
Accentsconagua