Design und Farbwirkung

Grundlagen zum Webdesign - Teil 3: Design und Farbwirkung

Oft fällt es den Usern kaum bewusst auf, wenn eine Website optisch gut aufgemacht ist. Die Website hinterlässt einfach positiven Eindruck. Doch die meisten erfolgreichen Websites verfügen über ein einheitliches Design, bei dem alles Sichtbare bewusst im Sinne eines durchgängigen Konzepts gestaltet wurde. Folgende Fragen beeinflussen dabei die Konzeption der Website: Welche Farben erzeugen welche...

Bild freistellen mit Grafikprogrammen: So geht’s!

Bild freistellen: So geht’s mit Photoshop, GIMP, Paint.NET und PowerPoint

Das Freistellen von Bildern – also das Trennen eines Objekts im Vordergrund vom Hintergrund – gehört zu den wichtigsten Anwendungen in Grafikprogrammen. Wir zeigen Ihnen, wie Sie selbst mithilfe von Photoshop, GIMP, Paint.NET, verschiedenen Onlinetools oder sogar PowerPoint ganz einfach Objekte in Fotos freistellen können. Dieses Vorgehen eignet sich hervorragend, um beispielsweise digitale...

Was ist eine Vektorgrafik?

Was ist eine Vektorgrafik?

Bilder spielen in der Kommunikation eine überaus wichtige Rolle. Sie ergänzen schriftliche Informationen auf anschauliche Weise und sorgen für Abwechslung im angebotenen Content. Vektorgrafiken gehören darunter zu den am längsten existierenden elektronischen Bildformaten. Sie werden in Vektordateien gespeichert und sorgen für beliebig skalierbare Bilder.

JPG vs. PNG

JPG vs. PNG: Unterschiede und Eignung der Bilddateiformate

JPG vs. PNG: Unser Vergleich zeigt die Vor- und Nachteile der beiden beliebtesten Formate für Bilddateien. Welches Format sollte man wofür verwenden und wo liegen die Unterschiede zwischen JPG und PNG? Wie wirken sich unterschiedliche Kompressionsraten auf die Bildqualität und Dateigröße aus und welche Bildeigenschaften lassen sich nur mit dem einen oder dem anderen Format abbilden?

RGB-Farben

Der RGB-Farbraum – einfach erklärt

RGB erzeugt als Farbmodell mit den drei RGB-Farben Rot, Grün und Blau die Gesamtmenge der auf einem Bildschirm darstellbaren Farben. Das physikalische Prinzip dahinter ist die additive Farbmischung von definierten Bestandteilen des sichtbaren Lichts. Mit verschiedenen Farbräumen wird die größtmögliche Annäherung an die Farbwiedergabe der Wirklichkeit erreicht.

Was bedeutet Responsive Design?

Was bedeutet Responsive Design?

Moderne Websites werden von einer Vielzahl ganz unterschiedlicher Geräte aufgerufen: Vom Handy mit kleinem Bildschirm bis zum hochauflösenden 4K-Profirechner ist alles dabei. Um diese Bandbreite an Ausgabemedien zu bedienen kommt das responsive Webdesign zum Einsatz. Layout, Typografie, Bilder und Navigation werden dabei so gestaltet, dass sie sich an das jeweils vorhandene Gerät anpassen.

Videos komprimieren

Video komprimieren: So verkleinern Sie große Videodateien

Haben Sie schon einmal versucht ein Video zu versenden, doch die maximale Dateigröße war überschritten? Zahlreiche Programme bieten genau dafür eine Lösung: Reduzieren Sie die Dateigröße, indem Sie das Video komprimieren. Dadurch erfolgt der Upload schneller und Sie sparen lokalen Speicherplatz. Wir präsentieren verschiedene Onlinetools und Programme, mit denen Sie Videos verkleinern können.

Was ist CSS?

Was ist CSS? Definition und Anwendung

Cascading Style Sheets (CSS) ist eine Stylesheet-Sprache und bedeutet übersetzt so viel wie gestufte Gestaltungsbögen. Zusammen mit HTML bietet Ihnen CSS die Möglichkeit, eine Website optisch aufzubereiten. CSS wurde entwickelt, um Darstellungsvorgaben wie Schriftarten sowie Form und Farbe von Elementen weitgehend von anderen Inhalten zu trennen. Erfahren Sie hier, wie Sie CSS verwenden können.

Tools für den Responsive-Test Ihrer Website

Responsive-Test: Acht kostenlose Tools für den Responsive-Webdesign-Test

Vor ihrem Livegang sollte eine Website stets auf Herz und Nieren geprüft werden. Das ausgiebige Testen eines Internetauftritts nimmt schon für sich genommen viel Zeit in Anspruch – bei einem responsiven Webangebot überprüfen Sie zudem, ob sich die Site fehlerfrei an verschiedene Bildschirmauflösungen anpasst. Hierbei hilft ein kostenloses Responsive-Test-Tool. Wir stellen Ihnen acht nützliche...

Responsive Navigation im Webdesign

Responsive Navigation: Dynamische Menüs fürs mobile Surfen

Die Anforderungen an eine Website sind in den letzten Jahren erheblich gestiegen, vor allem in einer Hinsicht: Der Anpassungsfähigkeit. Denn Websites müssen nicht mehr nur auf Desktop-PCs gut aussehen und sich ideal navigieren lassen, auch auf anderen Endgeräten muss das Nutzererlebnis perfekt sein. Responsive Design sorgt dafür, dass sich die Inhalte einer Website dynamisch an die Oberfläche von...


Auf dem Laufenden bleiben?

Jetzt für unseren Newsletter anmelden und gratis Online-Marketing Whitepaper für lokale Anbieter sichern!