Webdesign: Seien Sie reaktionsschnell!
Ein Kurs von 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
- 91% positive Bewertungen (260)
- 3,764 Lernende
- 17 Lektionen (1 Stdn. 49 Min.)
- 23 Zusatzmaterialien (12 Dateien)
- Online und in deinem Tempo
- Verfügbar via App
- Audiosprache: Spanisch
- Spanisch · Englisch · Portugiesisch
- Niveau: Anfänger
- Dauerhaft unbegrenzter Zugang
Empfohlene Software und Tools für diesen Kurs
Adobe PhotoshopWas ist das Kursprojekt?
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
An wen richtet sich dieser Onlinekurs?
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.
Anforderungen und benötigte Materialien
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
Francisco Aveledo
Ein Kurs von Francisco Aveledo
Mein Name ist Francisco Aveledo und ich arbeite als Grafikdesigner unter dem Namen FA Design. Meine Spezialität ist Webdesign und Unternehmensimage, obwohl ich andere Bereiche des Designs abdeckte. Ich widme mich seit mehr als 15 Jahren dem Design, viele Jahre im Studium und die letzten 6 Jahre alleine.
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.
-
Zertifikate
PlusErhalte als Plus-Mitglied ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Füge es deinem Portfolio hinzu oder teile es online, um deine Teilnahme zu bestätigen.
-
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.
Adobe Photoshop
Me ha gustado, es sencillo.
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
I loved the grid system in this topic. Love to know more about it
Buenísimo.
Excelente