20 Webdesign-Branchenbegriffe für den ahnungslosen Client
In der Webdesignbranche verwenden wir viele Insider-Begriffe. Dies macht es nicht nur schwer für Neuankömmlinge, insbesondere Kunden, die nicht in der Designbranche tätig sind, Aber ihre Bedeutung richtig zu kommunizieren, kann manchmal eine Herausforderung sein.
In diesem Glossar haben wir gesammelt 20 häufig verwendete Begriffe für das Webdesign und fügte jedem eine kurze Erklärung hinzu, damit jeder sie bei Unklarheiten schnell einsehen kann. Wenn Sie einen Kunden haben, der wirklich einen Absturzkurs im Webdesign-Jargon benötigt, teilen Sie diesen mit.
“Animation”
Eine Webdesign-Technik dafür fügt Bewegung hinzu um Elemente auf dem Bildschirm anzuzeigen Veränderung visualisieren oder zu die Aufmerksamkeit der Nutzer auf sich ziehen.
Animationen sind stärker als Übergänge, Da sie zwischen ihrem Start- und Endpunkt viele verschiedene Zustände durchlaufen können, können sie für verwendet werden kompliziertere Effekte.
“Breadcrumb”
EIN Navigationsart das informiert Benutzer über ihre aktueller Standort auf einer Website.
Brotkrumen enthalten die Pfad auf der die aktuelle Seite von der Startseite aus erreichbar ist, üblicherweise im Format Home / Kategorie / Seite
. Jedes Element des Pfads ist ebenfalls klickbar so dass die benutzer schnell können Navigieren Sie in der Websitehierarchie. In der Regel werden Breadcrumbs angezeigt auf jeder Seite.
“Unordnung”
Ein Webdesign-Fehler, ein Indikator für a schlecht gestaltete Seite.
Wir sprechen über eine unübersichtliche Seite beim Designer zu viele Informationen zusammengedrückt auf derselben Seite, ohne ausreichend Leerraum hinzuzufügen und den Inhalt richtig zu strukturieren. Überladene Seiten haben geringe Lesbarkeit, und der Benutzererfahrung schaden.
“Farbschema”
EIN Sammlung von harmonisierenden Farben dient zum Erstellen eines erkennbare Markenidentität.
Normalerweise ist das gleiche Farbschema konsequent eingesetzt über die Website der Marke, mobile App, Logo und Marketingmaterialien. Ein Farbschema kann entsprechend gestaltet werden verschiedene Prinzipien, es gibt monochromatische, analoge, komplementäre, triadische und andere Farbschemata.
“Kontrast”
Eine Designtechnik zu Unterschiede betonen zwischen Elementen, die eine unterschiedliche Rolle oder Bedeutung haben.
Verwenden Komplementärfarben (Gegensätze auf dem Farbkreis) sind jedoch die bekannteste Art, Kontrast auszudrücken optische Unterschiede In Form, Stil, Typografie oder Layout von Seitenelementen, die wir unterscheiden möchten, kann auch ein kontrastierender Effekt erzielt werden.
“Leerer Zustand”
Ein bestimmter Status einer Website oder Anwendung, wenn vorhanden noch kein Inhalt Auf einer bestimmten Seite befinden sich jedoch die Gestaltungselemente schon an ihrem Platz.
Erstverwendungszustände wie leere Profile sind typische Beispiele für leere Statusseiten. Sie erfordern bestimmte Designtechniken (z. B. Onboarding-Design) Benutzer informieren darüber, was auf der Seite sein sollte, und ermutige sie bestimmte Tätigkeiten ausführen.
“Festes Layout”
EIN Layouttyp in dem eine Site und ihre Elemente Verwenden Sie die gleiche Breite über alle Auflösungen, in statischen Werten definiert (normalerweise Pixel).
Die traditionelle Art, Websites zu erstellen. Selten für neuere Websites gewählt, da Websites mit festem Layout auf mobilen Bildschirmen kaum lesbar sind. Um für mobile Benutzer zugänglich zu bleiben, verwenden viele Websites mit festem Layout a sekundäre mobile Site.
“Flaches Design”
EIN UI Designsprache das konzentriert sich auf saubere und minimalistische Stile, und entfernt komplizierte Texturen, Muster, Farbverläufe und andere Effekteffekte, um Benutzern zu helfen Konzentrieren Sie sich besser auf den Inhalt.
Flaches Design wurde wegen Usability - Problemen aus dem Internet kritisiert Mangel an Dreidimensionalität. Reifer Flache 2.0-Designsprachen, wie das Materialdesign von Google, das als Antwort aufgetaucht ist und dem flachen Design etwas Tiefe verleiht.
“Flüssigkeitslayout”
EIN Layouttyp Das verwendet relative Einheiten Definieren der Breite einer Site und ihrer Elemente.
Die am häufigsten verwendeten relativen Einheiten für Fluidlayouts sind Prozentsätze, aber ems und rems kann auch benutzt werden. Ein fließendes Layout ändert die Größe (dehnt und schrumpft) wenn sich die Breite des Ansichtsfensters ändert. Im Gegensatz zu responsiven Layouts ein fließendes Layout verwendet keine Medienabfragen. Auch bezeichnet als flüssiges Layout.
“Falten”
Die Unterseite des sichtbaren Teils des Bildschirms.
Der Begriff “oberhalb der Falte” bezieht sich auf den Teil einer Webseite, den Besucher sehen können ohne etwas zu unternehmen, während “unter der Falte” bezieht sich auf den Rest der Seite, den Benutzer verwenden können nur durch die Interaktion mit der Website erreichen - normalerweise durch Scrollen oder Wischen (auf dem Handy).
Es wird empfohlen zu platzieren Branding-Elemente (z. B. das Logo), In-Site-Navigation, und verführerischer inhalt über der Falte, damit die Benutzer den Zweck der Website schnell verstehen und sich für den Rest des Inhalts interessieren.
“Anmutige Degradation”
Eine Webdesign-Strategie dafür enthält alle erweiterten Funktionen Standardmäßig auf einer Site werden dann Dinge entfernt oder vereinfacht, die in älteren Browsern, auf weniger leistungsfähigen Geräten oder bei niedrigeren Bandbreiten nicht funktionieren.
Konzentriert sich mehr zum Aussehen als auf den Inhalt. Im mobilen Zeitalter ist die progressive Verbesserung zur vorherrschenden Webdesign-Strategie für neue Websites geworden ältere oder ältere Websites.
“Heldenbild”
Ein übergroßes Bild Banner platziert oberhalb der Falte.
Heldenbilder sind Bilder von hoher Qualität, in der Regel in voller Breite, die für den Inhalt der Website relevant sind. Darüber hinaus gibt es normalerweise eine kurzer (ein oder zwei Zeilen) Text das übermittelt den Benutzern eine Nachricht, und a Call-to-Action-Taste das ruft sie dazu auf, bestimmte Maßnahmen zu ergreifen, z. B. einkaufen oder sich bei der Website anmelden.
“Zielseite”
Ursprünglich jede Seite wo ein Online-Besucher betritt eine Website. In letzter Zeit wird der Begriff eher für eine eigenständige Seite für a verwendet bestimmten Geschäftszweck.
Wenn Webbenutzer beispielsweise einer Bannerwerbung folgen, finden sie sich häufig auf einer Zielseite, die sie auffordert, ein relevantes Produkt zu kaufen. Zielseiten mit einem Einzelfokus und ein klare Handlungsaufforderung tendenziell höhere Konversionsraten erreichen.
“Faules Laden”
Eine Technik zum Laden von Bildern und anderen statischen Inhalten, z. B. Videos, nur kurz vor ihnen für den Benutzer sichtbar werden.
Wenn eine Website langsames Laden verwendet, werden nur Bilder über der Falz zuerst geladen. Der Rest wird nur geladen, wenn (wenn) der Benutzer die Seite scrollt. Wird häufig im responsiven und mobilen Design verwendet spart Ressourcen. Zum Beispiel beschleunigt Google AMP mobile Websites um faul statische Ressourcen laden standardmäßig.
“Medienanfrage”
Eine CSS-Funktion, die macht sich anpassendes Webdesign möglich, indem Designer in die Lage versetzt werden unterschiedliche Ausführungen für unterschiedliche Geräteabmessungen (Breite und / oder Höhe), Ausrichtungen (Querformat oder Hochformat) und Medientypen (Druck, Bildschirm usw.).
In der Regel responsive Sites haben separate Layouts für Desktop-, Tablet- und mobile Bildschirme Haltepunkte zwischen ihnen sind definiert durch Medienabfragen zum CSS hinzugefügt.
“Progressive Enhancement”
Eine Webdesign-Strategie, die zuerst geht fügt nur die grundlegenden Elemente hinzu zu einer Site, die auf jedem Browser, jeder Bandbreite und jedem Gerät funktioniert. Erweiterte Frontend-Funktionen (Styles und Interaktivität) sind verfügbar in Schichten geladen danach.
Progressive Verbesserung in erster Linie konzentriert sich auf den Inhalt, führt zu Websites, die sind zugänglich Für jeden Benutzer ist es daher die vorherrschende Art, Websites im mobilen Zeitalter zu erstellen (im Gegensatz zu graziler Degradierung)..
“Sich anpassendes Design”
Ein Webdesign-Ansatz, um Websites zu erstellen passen Sie sich den Abmessungen an verschiedener Gerätetypen (am häufigsten Mobilgeräte, Tablets und Desktops) durch Design verschiedene Layouts und andere Stile (z. B. Typografie, Bildgröße) für sie.
Responsive Design verwendet verschiedene Techniken, wie z relative Einheiten, flexible gitter, und Medien-Anfragen um jeden Benutzer mit nutzbaren, lesbaren und zugänglichen Inhalten zu bedienen. Die meisten modernen Websites verwenden responsives Design.
“Skeuomorphismus”
Eine Designsprache für die Benutzeroberfläche, die die Prinzip der Vertrautheit, und konzentriert sich darauf, Designelemente zu erstellen ähneln ihrem realen Äquivalent.
Zum Beispiel Schaltflächen, die wie Effekte aussehen, indem Sie Effekte wie verwenden Abschrägungen und Prägungen, Schlagschatten, Farbverläufe und andere. Bevor flaches Design vorherrschte, war Skeuomorphismus seit vielen Jahren der führende Trend im Webdesign.
“Übergang”
Eine Webdesign-Technik für einfache Änderungen visualisieren wenn ein Bildschirmelement reibungslos ändert zwischen einem Anfangs- und Endzustand.
Übergänge haben im Gegensatz zu Animationen keine Zwischenzustände, sondern nur einen Start- und Endpunkt, daher sind sie für zu verwenden subtile Veränderungen, wie zum visualisieren Schwebeflugstaaten.
“Leerraum”
Das Leerstelle zwischen benachbarten Designelementen. Auch bezeichnet als negativer Raum.
Leerzeichen helfen Benutzern überfliegen Sie den Inhalt, und visuell zeigt die Inhaltshierarchie an. Leerzeichen sind nicht notwendigerweise weiß, verwenden jedoch die Hintergrundfarbe der Site. Der Mangel an ausreichendem Leerraum führt zu einem überladene Seite.