Haben Sie schon einmal eine Webseite mit einem schlichten Design besucht und gedacht: „Kein Problem! So etwas bekomme ich auch selbst im Handumdrehen hin. Die Webdesign Bilder? Einfach nur klasse!“? Pustekuchen…
WordPress selbst aufsetzen und das Standard-Theme „Twenty“ auswählen schaffen Sie vielleicht noch selbst. Doch viel weiter kommen Sie vermutlich nicht.
Denn Webentwicklung und Webdesign will wie jedes Handwerk gelernt sein. Mit wenigen Mausklicks ist da nichts zu holen. Hinter dem vermeintlich schlichten Design steckt mehr als Sie das in Ihrer ersten Euphorie geglaubt haben.
Trösten Sie sich. So geht es vielen Menschen. Denn professionelle Webdesigner haben ein paar Tricks auf Lager. Die erstellen eine schlichte und gut zu bedienende Website. Aber bis die live geht, ist einiges an Handwerksarbeit nötig. Trotzdem gibt es ein paar Tricks, die jeder Seitenbetreiber beherzigen sollte und relativ einfach erlernen kann.
In diesem Artikel erfahren Sie, wie Sie mit einfachen 5 Tipps ähnlich gute Ergebnisse wie die Pros erzielen. Denn mit Bildern und Grafiken lässt sich Ihre Webseite extrem aufwerten.
Tipp 1 Webdesign Bilder & Grafiken: Verwenden Sie Stock-Medien
Das Budget für die Erstellung der Website ist knapp. Für individuell erstellte Grafiken und ein Fotoshooting ist kein Geld eingeplant. Talentierte und altruistische Grafikdesigner und Fotografen zählen meistens nicht zum engsten Freundeskreis.
Ebbe in der Budgetkasse? Dagegen schafft nur der Besuch einer Plattform für Stock-Medien Abhilfe.
Betreiber von Stock-Medien-Sammlungen wie Shutterstock, Adobe oder Freepik bieten Bilder und Grafiken Ready To Go. Und diese Stockmedien sind im Vergleich zu Individualarbeit preisgünstig.
Der Webdesigner muss nicht nur im Budget bleiben, sondern hat auch eine Deadline einzuhalten.
Individuelle Grafiken und Fotos kosten mehr Zeit und Geld. Eigentlich sind die Einzelanfertigungen das Optimum für Ihre Website. Denn nur so strahlt Ihre Website einen wirklich „uniquen Touch“ aus.
Doch leider müssen wir im Webdesign wie in anderen Branchen auch mit Budget- und Zeitzwängen leben und Kompromisse eingehen. Und weil das Leben einer Webdesign Agentur kein Wunschkonzert ist, wenden wir uns den so genannten Stock-Medien zu:
Bilder von Freepik sind z.B. eine gute Kompromisslösung. Dort finden Sie auch sogar kostenlose Ressourcen. Und die kostenpflichtigen Illustrationen, Grafiken und Vektoren sind billiger als das Handgestrickte.
Alle Anbieter unterziehen ihre Lieferanten einer Qualitätskontrolle. Sie kaufen also Qualität zu relativ günstigen Preisen ein.
Die Ressourcen sind in der Regel lizenzfrei. Was heißt das? Lizenzfrei meint, dass Sie nur einmalig für ein Bild bezahlen und im Gegenzug ein dauerhaftes Nutzungsrecht erhalten.
Für alle, die eine Website Marke Eigenbau betreiben: Mit einem Bildbearbeitungsprogramm, etwas Geschick und Frustrationstoleranz, können Sie viele lizenzfreie Bilder von Freepik selbst individualisieren. Wir bei Dr. Web benutzen für die Bildbearbeitung häufig Photopea, und zahlen den Entwicklern gerne etwas dafür.
Die getunten Bilder, Grafiken und Ressourcen führen idealerweise zu einer höheren Verweildauer und einem verbesserten Nutzerlebnis. Das wiederum honoriert der sagenumwobene Google-Algorithmus, und lässt Ihre Inhaltsseiten vielleicht höher ranken. Webdesign ist also auch ein Faktor, der gutes SEO ausmacht.
Tipp 2 Webdesign Bilder & Grafiken: Setzen Sie immer auf die gleichen Farben
Leider erscheinen die Bild- und Grafikwelten nicht aus einem Guss. Auch das mag dem Zeitdruck geschuldet sein (oder schrägen Vorlieben der Auftraggeber). Die für das Websiteprojekt verwendeten Ressourcen sollten jedoch eine große visuelle Klammer bilden und die Marke konsistent nach außen kommunizieren. Oft reichen schon zwei Primärfarben/Farbfilter aus, damit ein stimmiges, visuelles Gesamtbild entsteht.
Tipp 3 Webdesign Bilder & Grafiken: Achten Sie auf den Kontrast
Der Kontrast ist einer der Aspekte, der im Grafikdesign am meisten kontrolliert werden muss. Der Kontrast sollte Lesbarkeit und Persönlichkeit verleihen und dazu beitragen, dass eine klare Struktur hervorsticht.
Wählen Sie eine kontrastierende Farbpalette für Text, Schriftarten und Grafiken. Dank des Kontrasts können Sie dafür sorgen, dass das gesamte Webdesign Aufmerksamkeit erregt.
Kontrastieren Sie immer dunklen Text auf hellem Hintergrund. Wenn Sie einen langen Text haben, ist es immer besser, helle Hintergründe zu verwenden.
Sie erleichtern ihren Besuchern das Lesen und verhindern außerdem, dass das Auge müde wird. Dies bedeutet nicht, dass Sie keine dunklen Hintergründe verwenden können, aber es ist angemessener, sie unter Überschriften oder kürzeren Texten zu verwenden.
Tipp 4 Webdesign Bilder & Grafiken: Arbeiten Sie mit Weißraum
Viele Webseiten wirken schon in den ersten Sekunden des Betrachtens überladen und überfordern viele Besucher. Das Ergebnis können Sie sich vorstellen, die Besucher verlassen die Webseite schnell wieder und suchen nach einer Webseite, die ihren Vorstellungen entspricht.
Mit der Schaffung von Weißraum können Sie Überlagerung verhindern und die Elemente auf Ihrer Webseite „atmen lassen“.
Das Umgeben der Texte, Bilder und Grafiken mit Weißraum kann dazu beitragen, ein fließendes und elegantes Design zu schaffen. Gratis Fotos aus Stock-Archiven integrieren häufig Weißraum im Hintergrund.
Tipp 5 Webdesign Bilder & Grafiken: Vereinfachen Sie im Zweifelsfall immer
Einfachheit ist die größte Raffinesse. Beginnen Sie mit einfachen, geradlinigen Bildern und Grafiken. Es wird Ihnen helfen, Ihren eigenen Stil zu finden. Wenn Sie an Leichtigkeit gewinnen, können Sie mehr Fotos und Grafiken verwenden, ohne dass Ihre Seite überfüllt wirkt.
Halten Sie das Design einfach. Stellen Sie sicher, dass jede Ressource einen Grund hat,
warum sie in Ihrem endgültigen Webdesign enthalten ist.
FAQ Webdesign Bilder:
Auch wenn dieser Artikel viele Aspekte des Themas behandelt, können Fragen offen sein. Deshalb sehen kommen hier nun einige häufig gestellte Fragen und Antworten.
Sind Stock-Fotos für Webseiten kostenlos?
Sie finden in Stock-Archiven sehr viele kostenlose Fotos, Grafiken, Videos und Audios. Bei der Verwendung von kostenfreien Stock-Medien ist jedoch anzugeben, woher das Foto oder die Grafik kommt. Am besten gelingt dies, indem Sie die Quelle direkt unter dem verwendeten Stock-Medium auf Ihrer Webseite angeben.
Welche Bilder verwende ich am besten auf meiner Webseite?
Am besten verwenden Sie auf Ihrer Webseite Bilder, Grafiken, Illustrationen und Animationen, die Ihr Unternehmen und Ihre Produkte optimal repräsentieren. Keine bahnbrechende Erkenntnis, oder? In Stock- Archiven finden Sie eine große Auswahl an Medien, die auch zu Ihrer Marke und Ihren Vorstellungen passen. Nutzen Sie aber auch eigene Medien, sodass Ihre Webseite authentisch wirkt und die Besucher Ihre Produkte kennenlernen können.
Wie groß sollte ein Bild oder eine Grafik für Webseiten sein?
Grafiken und Fotos für Webseiten sollten auf keinen Fall zu groß sein, denn sonst werden viele Speicher-Kapazitäten belegt und die Webseite könnte zu langsam laden. Es ist zu empfehlen, Fotos, Grafiken und Illustrationen zu komprimieren, um so wenig Speicherplatz wie möglich zu belegen. Mit entsprechenden Online-Diensten oder Bildbearbeitungsprogrammen gelingt Ihnen die Komprimierung in wenigen Minuten.