![](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2022\/01\/El-diccionario-de-redes-sociales-elementos-de-diseno-web.png\")
<\/p>\n<\/p>\n
Hoffentlich haben Sie unseren ersten Beitrag zu Web-Begriffen f\u00fcr digitale Vermarkter gelesen und verstehen nun einige der \u00fcbergeordneten Begriffe, die wir besprochen haben, denn jetzt werden wir tiefer in die verwendeten Designelemente und Begriffe eintauchen. Bereit?<\/strong><\/p>\n Layout mit fester Breite:<\/strong> Die Website wird gleich angezeigt, unabh\u00e4ngig von der Gr\u00f6\u00dfen\u00e4nderung des Browsers oder der Anzeige auf verschiedenen Ger\u00e4ten, der traditionellen Art, Websites zu erstellenFluiddesign:<\/strong> Websites verwenden relative Einheiten f\u00fcr die Breite, beispielsweise Prozents\u00e4tze, anstelle fester Einheiten.Sich anpassendes Design:<\/strong> Verwendet feste Einheiten, es gibt mehrere feste Breiten im Layout, sodass Medienabfragen die Breite des Browsers erkennen und das Layout meldenAntwortdesign:<\/strong> Webseiten, die ein flie\u00dfendes Raster und relative Einheiten verwenden, um das Layout an das Ger\u00e4t des Benutzers anzupassen. Sie werden durch Medienanfragen informiert.Parallaxendesign:<\/strong> sorgt f\u00fcr Tiefe und Bewegungsgef\u00fchl beim Bewegenunendliche Schriftrolle<\/strong>\u2013 Statt einer Website, die aus zahlreichen Seiten besteht, sind alle Inhalte auf einer einzigen Seite enthalten, die der Betrachter durchbl\u00e4ttert, um auf verschiedene Inhaltsbereiche zuzugreifen<\/p>\n visuelle Hierarchie:<\/strong> die Betonung der Elemente einer Webseite im Verh\u00e4ltnis zu ihrer Bedeutung durch die Verwendung von Farbe, Gr\u00f6\u00dfe und Design.falten:<\/strong> teilt die Seite in zwei H\u00e4lften, wichtige Informationen sollten sich \u201eabove thefold\u201c befinden, da Betrachter scrollen m\u00fcssen, um den Inhalt \u201eunter der Seite\u201c zu sehen.Ausrichtung:<\/strong> Elemente auf einer Seite k\u00f6nnen links oder rechts an anderen Elementen und\/oder der Seite ausgerichtet werdenNegativraum:<\/strong> bezieht sich auf die leeren Bereiche eines Designs<\/p>\n Brunnen:<\/strong> der gew\u00e4hlte Schriftstil und die gew\u00e4hlte Schriftgr\u00f6\u00dfeSchriftfamilie:<\/strong> Die Gruppe von Schriftarten, die in einer CSS-Eigenschaft verwendet wird, um Browser zuzulassen, die die ausgew\u00e4hlte Schriftart nicht unterst\u00fctzenSchriftstil:<\/strong> Eigenschaft in CSS, die bestimmt, ob Zeichen kursiv, schr\u00e4g oder normal sindSchriftst\u00e4rke:<\/strong> wie dick die Zeichen erscheinen, fett\/mittel\/hellem:<\/strong> relative Einheit f\u00fcr die Schriftgr\u00f6\u00dfe in CSSpx:<\/strong> ist eine Gr\u00f6\u00dfeneinheit in CSS, sie ist nicht relativ zur Schriftart und hat keine konstante L\u00e4nge, sieht aber auf allen Ger\u00e4ten gleich aus CMYK:<\/strong> Dies ist ein Akronym f\u00fcr die beim Drucken verwendeten Farben: Cyan, Magenta, Gelb, Key (Schwarz).RGB:<\/strong> Dies sind die Farben, die im digitalen Bereich verwendet werden: Rot, Gr\u00fcn, Blau.Aufl\u00f6sung:<\/strong> Bilder werden anhand der Anzahl der Punkte oder Pixel pro Zoll (dpi\/ppi) gemessen.Websichere Farben<\/strong>– Die Palette von 216 Farben, die als kontinuierliche Sonderfarben auf digitalen Bildschirmen angezeigt werdenHexadezimale Farben:<\/strong> Jede Farbe im Internet wird durch eine digitale Hexadezimalzahl sechs mit vorangestelltem (#) dargestellt.Pixel:<\/strong> die Punkte, aus denen die Bilder auf digitalen Bildschirmen bestehenPixel pro Zoll (<\/strong>ppi):<\/strong> die Anzahl der PixelAlt-Attribut:<\/strong> ist Alternativtext f\u00fcr Bilder, falls dieser nicht angezeigt wird oder der Betrachter sehbehindert istFavicon:<\/strong> kleine Symbole, die in Browsern neben der Website-Adresse angezeigt werden; Wird auch als Verkn\u00fcpfungssymbol, Website-Symbol, URL-Symbol, Lesezeichen-Symbol und Tab-Symbol bezeichnetVektorbild:<\/strong> bestehend aus Linien und Formen statt Pixeln<\/p>\n degradiert:<\/strong> die allm\u00e4hliche Kombination von Farben in einem BildSchlagschatten:<\/strong> Designeffekt, der den Eindruck eines Schattens hinter Objekten erweckt.gefiedert:<\/strong> um weiche Kanten auf Webgrafiken und Bildern zu erzeugenErnte:<\/strong> \u00c4ndern der Gr\u00f6\u00dfe und Neurahmen von Bildern durch Entfernen \u00e4u\u00dferer BereicheKarriere:<\/strong> Ein Umriss um ein Bild, der verschiedene Stile haben kann, z. B. Farbe und DickeS\u00e4ttigung:<\/strong> die Intensit\u00e4t einer FarbeKontrast:<\/strong> Unterschiede in Designelementen wie Gr\u00f6\u00dfe, Form und Farbe der hervorzuhebenden Objekte<\/p>\n ","protected":false},"excerpt":{"rendered":" Digitale Vermarkter m\u00fcssen jederzeit und in allen Dingen am Puls der Zeit sein, und Webdesign ist eine dieser wichtigen \u201eMust-Know\u201c-F\u00e4higkeiten. Hoffentlich haben Sie unseren ersten Beitrag zu Web-Begriffen f\u00fcr digitale Vermarkter gelesen und verstehen nun einige der \u00fcbergeordneten Begriffe, die wir besprochen haben, denn jetzt werden wir tiefer in die verwendeten Designelemente und Begriffe eintauchen. […]<\/p>\n","protected":false},"author":1,"featured_media":846065,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/image-600x350-1.jpg","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/846064"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=846064"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/846064\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/846065"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=846064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=846064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=846064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Webseitendesign<\/h3>\n
Seitengestaltung<\/h3>\n
W\u00f6rter<\/h3>\n
Serifen: Schriftarten mit kleinen Linien oder \u201eF\u00fc\u00dfen\u201c am Ende der Zeichenstricheserifenlos:<\/strong> Brunnen ohne F\u00fc\u00dfenachverfolgen:<\/strong> st\u00e4ndige Vergr\u00f6\u00dferung oder Verkleinerung des Abstands zwischen Zeichen in einem Textblock, auch Buchstabenabstand genanntKerning:<\/strong> angewendet, um den Abstand zwischen einzelnen Zeichen anzupassenwesentlich:<\/strong> definiert den Abstand zwischen TextzeilenWitwe:<\/strong> wenn die letzte Textzeile auf die n\u00e4chste Seite oder Spalte erweitert und isoliert wirdWaise:<\/strong> Wenn ein Absatz in zwei Spalten unterteilt ist, wird der erste Satz in der ersten Spalte als \u201everwaist\u201c bezeichnet<\/p>\nDie Bilder<\/h3>\n
Visuelle Effekte<\/h3>\n