Master-Webdesign mit Tuts + Kursen

In den letzten Jahren haben wir eine Explosion neuer Technologien erlebt, mit denen Webdesigner lernen können, die es uns ermöglichen, dynamische, spannende und interaktive Websites zu erstellen. Wenn Sie dem Party- und Master-Webdesign beitreten möchten, können Sie mit dieser Tuts + -Kurse beginnen.

Wie Sie wahrscheinlich bemerkt haben, müssen wir in dieser Branche ständig auf dem neuesten Stand sein, und wenn diese neuen (und manchmal auch aufregenden) Technologien zum Tragen kommen, können wir uns damit beschäftigen und sie entsprechend einsetzen. Daher lernen wir immer und die Notwendigkeit, unser Handwerk zu beherrschen, wird offensichtlich. Ja, du musst nicht alles beherrschen und wirst es wahrscheinlich auch nicht tun. Aber dieser Leitfaden ist hier, weil es entscheidend ist, so viel wie möglich methodisch zu beherrschen, das für Ihre Ziele relevant ist.

Die meisten Menschen haben keine Ahnung von der riesigen Kapazität, die wir sofort beherrschen können, wenn wir alle unsere Ressourcen darauf konzentrieren, einen einzigen Bereich unseres Lebens zu meistern.
- Tony Robbins

Anwendungen & Tools

Beginnen wir mit den Werkzeugen des Handels. In The Modern Web Designer haben wir uns Photoshop bereits angesehen. Lassen Sie uns ein wenig tiefer gehen und auch andere Anwendungen, die wir für das Mastering von Webdesign verwenden können, näher betrachten.

Bevor Sie in komplexere Projekte einsteigen, sollten Sie sich immer mit den Tools vertraut machen, mit denen Sie regelmäßig arbeiten werden. Wenn Sie ein absoluter Anfänger oder ein erfahrener Profi sind, ist das Erlernen der Grundlagen ein Muss. Möglicherweise stellen Sie etwas fest, das Sie zuvor noch nicht gesehen haben. Daher ist es immer gut, Ihr Wissen über diese Tools aufzufrischen.


Perfekter Arbeitsablauf in sublimem Text 2

Es gibt eine Reihe von Texteditoren, aus denen Sie auswählen können, und es gibt eine, die Sie am meisten verwenden und als die beste betrachten. In diesem Kurs zeigt Ihnen Jeffrey Way, wie Sublime Text 2 Ihr nächster Lieblingseditor sein könnte.


Photoshop CS6 für Webdesigner

Craig Campbell hat die kühlen neuen Funktionen, die Photoshop CS6 für Ihren Webdesign-Workflow bietet, genauestens im Blick. Er wird Ihnen alle diese Geheimnisse beim Entwerfen einer Website zeigen.


Illustrator für Webdesign

Für einen Webdesigner ist Photoshop und Fireworks die traditionelle Wahl beim Entwerfen für das Web, aber wie steht es mit Illustrator? In diesem Kurs nimmt Cheryl Graham Sie mit auf eine Reise in die Welt von Illustrator.


Webdesign-Workflow mit Fireworks

Adobe Fireworks CS6 ist ein leistungsfähiges Werkzeug für Website-Designer. In diesem Kurs werden die grundlegenden Toolsets der Software beschrieben, während eine Website von Grund auf neu erstellt wird.


Photoshop-Techniken für Webdesigner

Zu wissen, wie man Photoshop verwendet, ist nur der erste Schritt! Ben Gribbin richtet sich speziell an neue Webdesigner und vermittelt wichtige Techniken und Workflow-Tipps, die für jeden in Photoshop arbeitenden Web-Profi unerlässlich sind.

Design

Nachdem Sie nun einige der Werkzeuge des Handels kennen gelernt haben, wollen wir herausfinden, wie Sie diese noch besser nutzen können, indem Sie Designprojekte erstellen, die Sie in der realen Welt finden würden.


Retro Web Design beherrschen

In diesem dynamischen Medium selten verwendet, werden Retro- und Vintage-Elemente in verschiedenen Designkontexten immer beliebter. Wenn Sie diesen Stil schon immer replizieren wollten, möchten Sie nicht mehr, denn Craig Campbell zeigt Ihnen, wie Sie eine Retro-Webseite mit Photoshop erstellen.


Web Application Design

Möchten Sie mit Adobe Photoshop Webanwendungen erstellen? Möchten Sie wissen, wie Sie es effektiver nutzen können? Gehen Sie weiter und holen Sie sich ein paar Tipps vom Ausbilder Craig Campbell.


Fortgeschrittene UI-Techniken

Müde von der Theorie und bereit zu knacken? Schließen Sie sich Neil Pearce an, während Sie die Ärmel hochkrempeln und in die praktische Praxis der Erstellung fortschrittlicher Benutzeroberflächen und Webdesign-Elemente in Photoshop einsteigen.


Effektives Navigationsdesign

Die Navigation ist einer der wichtigsten Aspekte des Webdesigns. Wenn Personen nicht durch Ihre Website navigieren können, werden sie schnell wieder verlassen. Craig Campbell führt Sie durch die einzelnen Schritte des Entwurfs von drei verschiedenen Arten von Navigationsleisten mit Photoshop.


Effektives Design von Zielseiten in Photoshop

Die Landing Page ist das erste, was Sie sehen, wenn Sie eine Website besuchen. Um einen Killer zu bauen, sind etwas Geschicklichkeit und viel Technik erforderlich. Wenn Sie ein Webdesigner sind, sollten Sie diesen Kurs nicht verpassen.

Design & Bau

Wenn Sie wissen, wie man (Code) entwickelt und baut, werden Sie als "Front-End-Entwickler" bezeichnet. Dies ist, was Sie von den anderen unterscheidet - Sie wissen, diejenigen, die nicht programmieren können oder nicht entwerfen können. Wenn Sie beides können, sind Sie auf jeden Fall auf dem Weg, Webdesign zu beherrschen.


CSS3 Animationen

Wenn Sie lernen möchten, wie man CSS3-Animationen ausführt, haben Sie einen großartigen Startpunkt ausgewählt. Folgen Sie den Anweisungen, während Sie lernen, wie Sie mit Ihrem Code grundlegende Animationen erstellen.


PSD zu HTML für Designer

Haben Sie schon einmal versucht, ein schönes PSD-Design für eine Website zu erstellen und es in HTML zu übersetzen? Nicht immer einfach, oder? Hier ist Adi Purdila, der uns dabei hilft, diese manchmal knifflige Kunst zu erlernen, bei der Sie ein bereits erstelltes Webseitenlayout verwenden und es mithilfe von Zwischen- und aktuellen Techniken zu einer funktionierenden, funktionierenden Webseite entwickeln.


Effektive Navigationsentwicklung

In einem früheren Kurs hat Craig Campbell uns gezeigt, wie effektive Navigationselemente für unsere Websites entworfen werden können. Und wenn Sie an diesem Kurs teilgenommen haben und sich gefragt haben, wie Sie die einzelnen Designs erstellen können, können Sie jetzt erfahren, wie Craig alle drei dieser Designs nimmt und sie zu voll funktionsfähigen Navigationsleisten entwickelt.


HTML E-Mail Design und Entwicklung

Seien wir ehrlich: Die Erstellung von HTML-E-Mails, die in der Mehrzahl der E-Mail-Plattformen konsistent sind, kann ein Albtraum sein, wobei viele E-Mail-Programme (insbesondere Microsoft) generell gegen Webstandards verstoßen. Hier führt Sie Craig Campbell durch den Prozess des Entwurfs und der Entwicklung einer HTML-E-Mail.


Hands on: Entwerfen und erstellen Sie eine Coming Soon-Seite

In diesem praktischen Kurs zeigt Ihnen Adi Purdila, wie Sie eine effektive Seite für den in Kürze stattfindenden Entwurf entwerfen und dann entwickeln.

Sich anpassendes Webdesign

Fast jeder neue Kunde wünscht sich heutzutage eine mobile Version seiner Website. Responsive Web Design (RWD) ist der Ansatz, der darauf hindeutet, dass Design und Entwicklung auf das Verhalten und die Umgebung des Benutzers basierend auf Bildschirmgröße, Plattform und Ausrichtung reagieren sollten. In diesem Abschnitt unseres Leitfadens werfen wir einen Blick auf einige der besten Kurse zu Tuts + Premium, die Sie mit RWD auf den neuesten Stand bringen und so das Mastering Webdesigner werden lassen. Da es sich bei RWD um eine relativ neue Technik handelt, denken Sie bitte daran, einmal im Monat in diesem Handbuch nach neuen RWD-Kursen und E-Books zu suchen.


Responsives Webdesign für Anfänger

Möchten Sie in dieses relativ neue Gebiet einsteigen und die Grundlagen erlernen? Dann schauen und lernen Sie, wie Ian Yates Ihnen die Grundlagen des responsiven Webdesigns vermittelt.


Responsives Webdesign mit Grundlage

In diesem Kurs führt Craig Campbell Sie durch Foundation und wie Sie es für Ihren RWD-Workflow verwenden können. Ist dieser Rahmen für Sie? Lass es uns herausfinden.


Sich anpassendes Design

Dieses E-Book, „Responsive Design“, bietet einen Überblick über responsives Webdesign und zeigt viele Situationen und Techniken, in denen dieser Ansatz auf mobile Geräte angewendet werden kann.

Beherrschen Sie Ihren Workflow, nicht die Industrie!

Auch wenn dieser Leitfaden als „Mastering Web Design“ bezeichnet wird, bedeutet dies nicht, dass Sie alles über diese Branche oder Photoshop, CSS3, HTML5 oder etwas anderes in diesem Handbuch erfahren müssen. Ja, es wäre schön, aber es wäre höchst unwahrscheinlich, dass wir dies je nach Geschwindigkeit tun könnten, in der sich diese Branche verändert und entwickelt. Die Idee ist, über Ihren Arbeitsablauf nachzudenken, mit welchen Technologien Sie effektiv und effizient werden, um Ihre Ziele zu erreichen und nie aufhören zu lernen. Jemand sagte einmal: „Entwickle eine Leidenschaft fürs Lernen. Wenn Sie dies tun, werden Sie niemals aufhören zu wachsen. “