Webdesign: Seien Sie reaktionsschnell!
A course by Francisco AveledoWebdesigner
A course by Francisco Aveledo, Webdesigner
Erfahren Sie, wie Sie Ihr responsives Webportfolio gestalten
Die Web-Welt bewegt sich in responsive so dass sie sowohl auf Mobilgeräten als auch auf Tablets und Desktops angezeigt werden kann. Francisco Aveledo von FA Design zeigt Ihnen daher, wie Sie eine Original-Website oder Ihr eigenes Portfolio entwerfen das Konzept bis zu seiner Vorbereitung für einen Programmierer, um es wahr werden zu lassen.
Wenn Sie Ihr eigenes Online-Portfolio erstellen, lernen Sie die grundlegendsten Schritte zum Entwerfen von Websites, bis Sie die Datei für den Programmierer bereit halten, und Sie lernen auch das ' Responisve Web Design ' kennen, die heute am häufigsten verwendete Methode Dadurch kann Ihr Design an alle Geräte angepasst werden.
Heben Sie sich von den typischen vorgefertigten Portfolios ab, die Ihre von Grund auf neu erstellen, und machen Sie Ihre ersten Schritte im Webdesign.
Was lernst du in diesem Onlinekurs?
17 Lektionen & 23 Downloads
Inspiration
7 Minuten, 22 Sekunden
Responsive Web Design
6 Minuten, 31 Sekunden
Inhalte organisieren
4 Minuten, 24 Sekunden
Wireframing
9 Minuten, 55 Sekunden
Das Gitter (Gittersystem)
4 Minuten, 39 Sekunden
Grafikkonzept
4 Minuten, 49 Sekunden
Was ist in diesem Kurs enthalten?
Um das Abenteuer der Erstellung Ihrer Website zu beginnen, bietet Ihnen FA Design eine Einführung in Webdesign und Online-Portfolios mit einer Erläuterung zu "Responsive Web Design", in der Sie wissen, warum dies heute die häufigste Art der Gestaltung von Websites ist. Als Nächstes organisieren Sie den Inhalt des Webportfolios und erstellen die Papierskizzen zur Informationsarchitektur, im Grunde genommen einige handgefertigte Drahtgitter. Zu diesem Zweck verwenden Sie ein Raster als Grundlage für das Design. Dies hilft Ihnen dabei, die Logik auf struktureller Ebene aufrechtzuerhalten, und ist sehr nützlich für den Programmierer, der die Site bereitstellen wird.
Sie üben einen echten Arbeitsprozess mit allen Schlüsseln, um die Website flüssig und benutzerfreundlich zu gestalten. Zum Abschluss sehen Sie einige Tipps, wie Sie Photoshop-Dateien für die spätere Verwendung durch einen Programmierer vorbereiten. Er ist es, der dem Design Leben einhaucht. Sie erhalten auch Ratschläge, wie Sie die Website bewerben können, sobald sie eingerichtet und online ist.
Recommended software & tools for this course
What is this course's project?
Das Abschlussprojekt des Kurses besteht darin, das visuelle Design eines Webportfolios für einen Programmierer zu erstellen, um dies zu ermöglichen. Sie beginnen mit der Konzeption der Idee bis zur Vorbereitung der Dateien, mit denen ein Programmierer das Web später bereitstellen kann.
Webportfolios sind normalerweise keine komplexen Websites und es ist ein sehr nützliches Projekt für jedes Creative, das sich perfekt für den Bereich Responsive Design eignet, damit es von jedem Gerät (Mobil, Tablet oder Desktop) aus angezeigt werden kann.
Projekte von Kursteilnehmenden
Who is this online course for?
Dieser Kurs richtet sich hauptsächlich an Kreative im Allgemeinen, die ihre ersten Schritte in der Welt des Webdesigns unternehmen möchten. Dies kann auch für einige Programmierer nützlich sein, die tiefer in die kreative Phase ihrer Projekte eintauchen müssen.
Requirements and materials
Um diesen Kurs abzuschließen, benötigen Sie Grundprinzipien des Grafikdesigns, einen Zeichenblock und eine mittlere Stufe von Photoshop. Es ist nicht erforderlich, Webdesign-Kenntnisse zu haben, sondern nur eine Grundidee mit der Erfahrung des Surfens im Internet.
Bewertungen
- vor 9 Monaten
Me ha gustado, es sencillo.
- vor 1 Jahr
La explicación que tiene es muy concreta y precisa haciendo entender todo el contenido de manera correcta y así mismo incitando a el aprendizaje autónomo
- vidhyaprabhu14PLUSvor 2 Jahren
I loved the grid system in this topic. Love to know more about it
- vor 2 Jahren
Buenísimo.
- vor 3 Jahren
Excelente
Ich war schon immer begeistert von digitalem Design, obwohl ich auch den traditionellen Teil des Designs sehr schätze, da ich die Gelegenheit hatte, beides zu lernen. Seit ich Design studierte, gefiel mir die Idee, für den Bildschirm zu entwerfen, Inhalte zu organisieren und effizient anzuzeigen. Ich habe an vielen Projekten gearbeitet, sowohl an Web-, Print-, Motion- als auch an anderen digitalen Oberflächen, wie z. B. Anwendungen für digitale Fernsehdienste.
Inhalt
- E1
Einführung in das Webdesign
- FA Design und Webdesign
- Grundlagen des Webdesigns
- Inspiration
- Responsive Web Design
- E2
Informationsarchitektur
- Inhalte organisieren
- Wireframing
- Das Gitter (Gittersystem)
- E3
Konzept und visuelles Design
- Grafikkonzept
- Erstellen Sie das Web
- Grafische Elemente definieren
- Fondsvariationen
- Instanzen definieren
- Entwerfen Sie den Rest der Bildschirme
- Responsive Funktionen definieren
- E4
Bereiten Sie Dateien für den Entwickler vor
- Der Programmierer
- Reinigen und organisieren
- Bewerben Sie Ihre Website
- AP
Abschlussprojekt
- Webdesign: Seien Sie reaktionsschnell!
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
You’ll learn how to structure web pages, use grids, create menus, design headers and footers, apply responsive design, organize content with wireframes, and prepare files for developers — all with a focus on professional portfolios and visually striking sites.
This is an intermediate-level course, perfect if you already have basic web design knowledge or experience with graphic design tools like Photoshop.
You’ll need basic digital design skills and familiarity with programs like Photoshop. It’s helpful to have some understanding of web design concepts and internet navigation.
The course guides you step-by-step through structuring, visual design, and project organization for a web portfolio, using real examples and inspiration techniques to make your work stand out online.
Mainly Photoshop and online tools for creating grids, device simulators, and both hand-drawn and digital wireframes are used.
Yes, you’ll learn to build flexible layouts, adapt menus, columns, and content for different devices, and test responsive views using tools and simulators.
You’ll learn to apply column grids and wireframes to arrange and prioritize content, creating a clear, easy-to-navigate visual structure.