Designe.
Entwickle.
Lerne effizientere Webdesigns zu gestalten und ein erfolgreiches Webdesign-Business zu entwickeln.
Was für dich drin ist:
- Regelmäßig aktuelle Webdesign-Artikel.
- Über 470 Showcases in der Galerie der schönsten deutschen Websites.
- Monatlich aktuelle Webdesign-Tipps im Newsletter.
- Über 300 Webdesign Tools und Ressourcen.
- Das Webdesign Handbuch, 2020 in 3. Auflage erschienen.
- Der Online-Kurs für Webdesigner:
Das erfolgreiche Webdesign-Business
Welches Thema interessiert dich gerade?
Grundlagen und weiterführenden Infos zu Themen wie Screendesign, Branding, Farben,Typografie, Bilder und User Interface Design, dazu praxisnahe Einblicke wie Fallstudien.
Wireframes im Webdesign – Eine Anleitung wie du Wireframes im Website-Prozess gezielt einsetzt.
Wireframes sind ein wichtiger Schritt im Webdesign-Prozess. Als Schnittstelle zwischen Konzeption und Umsetzung helfen Sie den Inhaltsaufbau zu visualisieren und zu optimieren.
Stylescapes im Webdesign – Eine Anleitung zur Optimierung deines kreativen Prozesses.
Mit Stylescapes kannst du die visuelle Richtung deiner Designprojekte gut visualisieren. Dieser Artikel erklärt, warum sie besser als Moodboards geeignet sind und wie du sie gezielt einsetzen kannst, um deinen kreativen Prozess zu optimieren und die Kundenkommunikation zu vereinfachen.
Die 60 besten Google-Fonts im Überblick
Es gibt fast tausend Google Fonts. Schwer da den Überblick zu bekommen. Daher werden hier die 60 besten Google Fonts vorgestellt. Mit Beispielen und Download-Möglichkeit.
7 Methoden, wie du passende Schriftarten & Schriftkombinationen findest
Die Wahl der Schriftart(en) im Webdesign sollte mit Bedacht erfolgen. Die Lesbarkeit und Wirkung der Website hängen nicht zuletzt davon ab. Dieser Artikel zeigt 7 Methoden, damit du zu gelungenen Schriftkombinationen findest.
Farbschema für die Website finden – Anforderungen & Wege mit vielen Praxisbeispielen
Eines der schwierigsten Aspekte bei der Gestaltung eines Screendesigns ist die Auswahl eines Farbschemas für die Website. Dieser Artikel zeigt verschiedene Methoden, um zu einer gelungen Farbkombination zu gelangen.
15 Minuten für gute Webtypografie mit CSS
Die typografische Gestaltung sorgt für die Lesbarkeit der Texte. Und das wollen wir doch schließlich alle: dass unsere Texte gelesen werden. Dieser Artikel zeigt dir wie du mit CSS-Anweisungen eine gute, lesbare Typografie schaffst.
Erhalte praxisnahe Einblicke wie Fallstudien und Tutorials zu Web-Entwicklung, Code & Frontend-Development.
Google Fonts: In 3 einfachen Schritten einbinden
Google Fonts sind der beliebteste Webfonts-Anbieter. Wie du sie technisch einbindest – auch DSGVO-konfrom – erklärt die ausführlich dieses Tutorial.
15 Minuten für gute Webtypografie mit CSS
Die typografische Gestaltung sorgt für die Lesbarkeit der Texte. Und das wollen wir doch schließlich alle: dass unsere Texte gelesen werden. Dieser Artikel zeigt dir wie du mit CSS-Anweisungen eine gute, lesbare Typografie schaffst.
Bilder optimieren fürs Web – Tools, Dateiformate & Plugins
Bilder sind ein essentieller Bestandteil der Webseiten-Inhalte. Und spätestens seit die Ladezeit ein Rankingfaktor für die Suchmaschinen ist, gilt es auf optimierte Bilder zu achten.
In diesem Artikel erfährst du, welche vielfältigen Möglichkeiten es gibt Bilder für Webseiten zu optimieren und die Ladezeit und Nutzungserlebnis damit zu verbessern.
Der Leitfaden für CSS3-Animationen
Dieser Leitfaden zeigt dir die Animationsmöglichkeiten mit CSS3 auf: CSS3 transitions und Keyframe-Animationen werden an Praxisbeispielen erklärt. Dazu werden CSS3-Bibliotheken vorgestellt.
Diese Photoshop-Plugins brauchst du für Deine Screendesigns
Klar, Photoshop ist nicht mehr zwingend erste Wahl für Screendesigns. Trotzdem gibt es einige nette Plugins, die das designen in dem Adobe-Programm erleichtern.
Wie du mühelos Icon-Fonts einsetzen kannst – Eine Anleitung und Übersicht
Der Artikel zeigt die Vor- und Nachteile von Icons Fonts auf. Dazu gibt es eine Schritt für Schritt-Anleitung zur Einbindung von Icon Fonts mit Font Awesome und Genericons.
Erfahre wie du dein Web-Business konzeptionell und strategisch voran bringen kannst. Entdecke Artikel zu Analyse, Planung und Umsetzung von Websites, Blogs, Webdesigns und Online-Marketing-Maßnahmen.
9 Gründe, warum du als Webdesigner und Internet-Agentur eine Positionierung brauchst
Der Kunde kann aus tausenden Webdesignern und Internet-Agenturen wählen. Eine Positionierung hilft dir dabei erfolgreich zu werden und zu bleiben.
Nervige Aussagen, die ich von Kunden nie mehr hören will.
Ja, manchmal können Kunden auch nerven. Zum Glück nur manchmal. Aber vielleicht findest du dich, bzw. einen Kunden in der ein oder anderen Aussage wieder…
Der Workflow im Responsive Webdesign
Der Workflow der Webseitenerstellung hat sich in den letzten Jahren dank des responsiven Webdesigns entscheidend geändert. Dieser Artikel zeigt den neue responsiven Workflow auf und erklärt Strategien.
Webdesign und SEO – ein offener Brief an alle Webdesigner und Webprogrammierer
Webdesign und Suchmaschinenoptimierung sollten eine Symbiose eingehen. Damit das gelingt zeigt die ein waschechter SEOler was es dabei aus SEO-Sicht zu beachten gibt.
Die Kosten einer Website – Und was das mit Autos, Hausbau und Handwerkern zu tun hat.
Es ist die beliebteste Frage bei einem Webseitenprojekt. Und nicht selten entscheidet sich an der Antwort, wohin das Projekt vergeben wird. Die Frage nach den Kosten für eine Website. Der Artikel klärt dich darüber auf.
So findest du Deine Positionierung als Blogger
Blogs gibt es wie Sand am Meer – mindestens. Wenn du damit aber erfolgreich sein willst und Aufmerksamkeit bekommen möchtest, sollte dein Blog eine klare Positonierung haben. Was das bedeutet? Lies selbst weiter…
Entdecke aktuelle Trends, lerne neue Blogs und Inspirationsquellen kennen und bekomme jede Menge hilfreichen Input.
19 hilfreiche Webdesign-Blogs & -Podcasts zur Weiterbildung
Eine der größten Herausforderungen für Webdesigner und generell alle im Online-Bereich tätigen ist es, auf dem Laufenden zu bleiben. DIeser Artikel zeigt die ktuelle Webdesign-Blogs und Podcasts, um sich regelmäßig weiterzubilden.
Aktuelle Webdesign-Trends im Überblick
Wer eine moderne Website gestalten will, sollte sich auch mit aktuellen Webdesign-Trends auseinandersetzen. Dieser Artikel präsentiert dir über 32 aktuelle Webdesign-Trends – mit Beispielen und Tipps zur Umsetzung.
Über 40 Webseiten mit kostenfreien, lizenzfreien und hochwertigen Bildern.
Gute Bilder kann man eigentlich nicht genug haben. Man kann die endlose – oft gleiche – Auswahl der Stockfoto-Anbieter durchwälzen. Oder findet erfrischend andere Motive in diesen über 40 Quellen für tolle Bildmotive.
Der Status quo im Webdesign
Webdesign ist tot. Lang lebe Webdesign – Ja was denn nun genau? Wie so oft liegt die Wahrheit dazwischen. Den aktuellen Stand des Webdesigns erklärt dir dieser Artikel.
Inspirationen: Unzählige Webfonts-Kombinationen
Jede Menge Typografie-Inspiration: Über 10 Quellen für Webfonts-Kombinationen und 21 Webfonts-Kombinationen samt Quellcode zum kopieren.
Diese 7 Klischeebilder wollen wir nicht mehr sehen
Bilder sind gut. Bilder auf Webseiten sind gut. Es gibt aber einige Standard-Bilder, die „ausgelutscht“ sind. Klischeehaft und zu oft im Einsatz. Setze diesen sieben Klischeemotive nicht ein.
Die Webdesign-Checkliste und Newsletter
Hole dir die Webdesign-Checkliste
mit über 90 Checkpunkten für Dein nächstes Projekt &
den monatlichen Webdesign-Newsletter:
Schließe dich über 2.560 Newsletter-Abonnenten an!
Keine Sorge, Spam gibt es hier nicht, stattdessen regelmäßig Webdesign-Tipps, -Links und -Angebote von mir! Du kannst den Newsletter auch jederzeit problemlos abbestellen. Mehr Infos dazu:
(Beispiele, Datenschutz, Analyse und Widerruf)
Über den Autor
Martin Hahn ist Webdesigner, Dozent, Fachbuchautor und dreifacher Papa.
Seit vielen Jahren hilft er anderen effektivere Webdesigns zu erstellen – in Schulungen und mit Artikeln auf dieser Website.
Das Webdesign Journal ist bekannt aus:
Bilde dich weiter mit den
Webdesign Journal Angeboten:
