Adobe Photoshop für Webdesign
A course by Arturo ServínWebdesigner
A course by Arturo Servín, Webdesigner
Lerne, responsive Seiten einfach zu designen und layouten
Es gibt viele Tools zum Entwerfen einer Website, aber eines davon ist das vollständigste, und es ist kein anderes als Adobe Photoshop. In diesen 6-Gänge-Grundlagen von Domestika zeigt Ihnen Arturo Servín - Grafikdesigner, spezialisiert auf Webdesign und Adobe Certified Instructor - Schritt für Schritt, wie Sie mit Photoshop auf einfache und unkomplizierte Weise responsive Websites entwerfen und gestalten .
Wenn Ihnen der Name des Lehrers bekannt vorkommt, liegt dies wahrscheinlich an seinen ersten Domestika-Grundlagen: Einführung in Adobe XD für mobile Anwendungen , wo er sein Wissen teilt, um Apps von Grund auf für iOS und Android zu entwerfen.
Sie beginnen diesen Kurs mit der Kenntnis der Grundprinzipien des Programms: vom Erlernen der Konfiguration der Benutzeroberfläche bis zum Erstellen neuer Dokumente, um Ihre Website für verschiedene Geräte zu gestalten.
Später erfahren Sie, wie Sie Ihre Website mithilfe der intelligenten Anleitungen grafisch darstellen. Auf diese Weise können Sie ein Raster erstellen, um das -Layout und die Struktur aller Abschnitte Ihrer Seite zu definieren.
Sie werden den dritten Kurs mit der Reihenfolge als Protagonist fortsetzen. Sie werden sehen, wie die Ebenen funktionieren, um alle Elemente geordnet zu halten, und Sie werden die verschiedenen Optionen zum Positionieren der Objekte kennen, um so den Betrieb Ihres Webdesigns zu optimieren.
Im vierten Jahr tauchen Sie in die Welt der Bildschirmtypografie ein. Sie werden herausfinden, welche Schriftarten für das Web am besten geeignet sind, und lernen, die Texte zu bearbeiten, um sie mit den Werkzeugen von Photoshop zu formatieren und zu formatieren.
Als nächstes erklärt Arturo alles, was Sie über responsives wissen müssen. So wissen Sie, wie Sie das Format Ihrer Webseite je nach Modell des Mobiltelefons oder Tablets optimieren können, wobei Ihr Design intakt bleibt und immer an jedes Gerät angepasst wird.
Im letzten Kurs lernen Sie, wie Sie Ressourcen für Ihre Seite generieren. Sie sehen Formate für den Export der Datei. Sie erstellen CSS-Stile und andere Ressourcen, die darauf abzielen, die Zusammenstellung Ihrer Website mit dem Entwicklerteam zu perfektionieren und zu verbessern.
Technische Anforderungen
⦁ Ein Computer mit Windows 10 oder MacOS 10.12 Sierra (oder höher). Photoshop Adobe Photoshop CC (Sie können die 7-Tage-Testversion von der Adobe-Website kaufen oder herunterladen). ⦁ Es wird empfohlen, ein Grafiktablett zu haben.
Recommended software & tools for this course
Bewertungen
- vor 5 Tagen
Adorando... muito didático e inspirador.
- vor 1 Monat
El curso proporciona conceptos prácticos para aplicar los recursos de cada clase y estructurar nuestra propio diseño web sin muchos conocimientos en Photoshop. Me ha encantado.
- vor 1 Jahr
Muy bien estructurrado el curso, facil de seguir y ayuda mucho para entender la logica del diseno web, aunque sin saber Photoshop esta muy bien explicado, al final da las bases para empezar a disenar sitios web de manera profesional!
- vor 1 Jahr
Muito bom 👍
- vor 2 Jahren
Very informative and lots of details.
Derzeit ist er CEO von La Constelación, einem Studio mit den Schwerpunkten digitales Marketing, E-Commerce und Webdesign.
Inhalt
- E1
Willkommen
- Willkommen
- E1
Der Vorteil der Verwendung von Hilfslinien
- Der Vorteil der Verwendung von Hilfslinien
- E2
Adobe Photoshop-Oberfläche für Webdesign
- Adobe Photoshop-Oberfläche für Webdesign
- E2
Raster zum Entwerfen einer Website auf einem Computer
- Raster zum Entwerfen einer Website auf einem Computer
- E3
Neues Dokument für Web-, Mobil- und andere Geräte
- Neues Dokument für Web-, Mobil- und andere Geräte
- E3
Raster zum Entwerfen einer mobilen Website
- Raster zum Entwerfen einer mobilen Website
- E4
Allgemeine Maßnahmen einer Website
- Allgemeine Maßnahmen einer Website
- E4
Allgemeines Grafikdiagramm einer Website
- Allgemeines Grafikdiagramm einer Website
- E5
Übung: Erstellen Sie die allgemeinen Bildschirmmaße einer Website
- Übung: Erstellen Sie die allgemeinen Bildschirmmaße einer Website
- E5
Übung: Generieren Sie die allgemeine Designstruktur Ihrer Website
- Übung: Generieren Sie die allgemeine Designstruktur Ihrer Website
Was erwartet dich in einem Domestika-Kurs?
Lerne in deinem Tempo
Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.
Lerne mit den Profis
Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.
Tritt mit den erfahrendsten Experten in Kontakt
Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.
Certificates
PLUSIf you're a Plus member, get a personalisiertes und unterzeichnetes Zertifikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sei ganz vorne mit dabei
Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.
Teile Wissen und Ideen
Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.
Sei Teil einer globalen kreativen Community
Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.
Arbeite mit von Profis produzierten Kursen
Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.
FAQ
This course is designed for people with basic Photoshop and graphic design knowledge, as it covers intermediate techniques focused on professional web design.
It's recommended to have basic Photoshop skills and a general understanding of web design to get the most out of this course.
The course covers interface setup, layer use, grid creation, responsive design, typography optimization, image export, and CSS style generation.
You'll learn how to create layouts that adapt to different devices using Photoshop tools and techniques to design and export responsive layouts.
The course teaches you how to use layers to separate and organize elements, making it easier to edit, optimize, and maintain your web projects.
You'll learn how to create and set up grids and guides to ensure your website layouts have a consistent, professional structure.
Optimizing typography improves readability and site performance. The course shows you how to select, adjust, and export fonts properly from Photoshop.