Digitale Vermarkter müssen jederzeit und in allen Dingen am Puls der Zeit sein, und Webdesign ist eine dieser wichtigen „Must-Know“-Fähigkeiten.
Hoffentlich haben Sie unseren ersten Beitrag zu Web-Begriffen für digitale Vermarkter gelesen und verstehen nun einige der übergeordneten Begriffe, die wir besprochen haben, denn jetzt werden wir tiefer in die verwendeten Designelemente und Begriffe eintauchen. Bereit?
Webseitendesign
Layout mit fester Breite: Die Website wird gleich angezeigt, unabhängig von der Größenänderung des Browsers oder der Anzeige auf verschiedenen Geräten, der traditionellen Art, Websites zu erstellenFluiddesign: Websites verwenden relative Einheiten für die Breite, beispielsweise Prozentsätze, anstelle fester Einheiten.Sich anpassendes Design: Verwendet feste Einheiten, es gibt mehrere feste Breiten im Layout, sodass Medienabfragen die Breite des Browsers erkennen und das Layout meldenAntwortdesign: Webseiten, die ein fließendes Raster und relative Einheiten verwenden, um das Layout an das Gerät des Benutzers anzupassen. Sie werden durch Medienanfragen informiert.Parallaxendesign: sorgt für Tiefe und Bewegungsgefühl beim Bewegenunendliche Schriftrolle– Statt einer Website, die aus zahlreichen Seiten besteht, sind alle Inhalte auf einer einzigen Seite enthalten, die der Betrachter durchblättert, um auf verschiedene Inhaltsbereiche zuzugreifen
Seitengestaltung
visuelle Hierarchie: die Betonung der Elemente einer Webseite im Verhältnis zu ihrer Bedeutung durch die Verwendung von Farbe, Größe und Design.falten: teilt die Seite in zwei Hälften, wichtige Informationen sollten sich „above thefold“ befinden, da Betrachter scrollen müssen, um den Inhalt „unter der Seite“ zu sehen.Ausrichtung: Elemente auf einer Seite können links oder rechts an anderen Elementen und/oder der Seite ausgerichtet werdenNegativraum: bezieht sich auf die leeren Bereiche eines Designs
Wörter
Brunnen: der gewählte Schriftstil und die gewählte SchriftgrößeSchriftfamilie: Die Gruppe von Schriftarten, die in einer CSS-Eigenschaft verwendet wird, um Browser zuzulassen, die die ausgewählte Schriftart nicht unterstützenSchriftstil: Eigenschaft in CSS, die bestimmt, ob Zeichen kursiv, schräg oder normal sindSchriftstärke: wie dick die Zeichen erscheinen, fett/mittel/hellem: relative Einheit für die Schriftgröße in CSSpx: ist eine Größeneinheit in CSS, sie ist nicht relativ zur Schriftart und hat keine konstante Länge, sieht aber auf allen Geräten gleich aus
Serifen: Schriftarten mit kleinen Linien oder „Füßen“ am Ende der Zeichenstricheserifenlos: Brunnen ohne Füßenachverfolgen: ständige Vergrößerung oder Verkleinerung des Abstands zwischen Zeichen in einem Textblock, auch Buchstabenabstand genanntKerning: angewendet, um den Abstand zwischen einzelnen Zeichen anzupassenwesentlich: definiert den Abstand zwischen TextzeilenWitwe: wenn die letzte Textzeile auf die nächste Seite oder Spalte erweitert und isoliert wirdWaise: Wenn ein Absatz in zwei Spalten unterteilt ist, wird der erste Satz in der ersten Spalte als „verwaist“ bezeichnet
Die Bilder
CMYK: Dies ist ein Akronym für die beim Drucken verwendeten Farben: Cyan, Magenta, Gelb, Key (Schwarz).RGB: Dies sind die Farben, die im digitalen Bereich verwendet werden: Rot, Grün, Blau.Auflösung: Bilder werden anhand der Anzahl der Punkte oder Pixel pro Zoll (dpi/ppi) gemessen.Websichere Farben– Die Palette von 216 Farben, die als kontinuierliche Sonderfarben auf digitalen Bildschirmen angezeigt werdenHexadezimale Farben: Jede Farbe im Internet wird durch eine digitale Hexadezimalzahl sechs mit vorangestelltem (#) dargestellt.Pixel: die Punkte, aus denen die Bilder auf digitalen Bildschirmen bestehenPixel pro Zoll (ppi): die Anzahl der PixelAlt-Attribut: ist Alternativtext für Bilder, falls dieser nicht angezeigt wird oder der Betrachter sehbehindert istFavicon: kleine Symbole, die in Browsern neben der Website-Adresse angezeigt werden; Wird auch als Verknüpfungssymbol, Website-Symbol, URL-Symbol, Lesezeichen-Symbol und Tab-Symbol bezeichnetVektorbild: bestehend aus Linien und Formen statt Pixeln
Visuelle Effekte
degradiert: die allmähliche Kombination von Farben in einem BildSchlagschatten: Designeffekt, der den Eindruck eines Schattens hinter Objekten erweckt.gefiedert: um weiche Kanten auf Webgrafiken und Bildern zu erzeugenErnte: Ändern der Größe und Neurahmen von Bildern durch Entfernen äußerer BereicheKarriere: Ein Umriss um ein Bild, der verschiedene Stile haben kann, z. B. Farbe und DickeSättigung: die Intensität einer FarbeKontrast: Unterschiede in Designelementen wie Größe, Form und Farbe der hervorzuhebenden Objekte
